Come creare una cornice per foto online usando Photoshop

creare-cornici

Puoi fare tante cose fantastiche con Photoshop è difficile sapere da dove cominciare. In questo articolo ti mostriamo come creare una cornice per foto online usando Photoshop. Uno che puoi utilizzare su siti Web e app, sia che si tratti del tuo avatar o nell'intestazione del tuo blog.

Passaggio 1: imposta il tuo file

Come creare Photo Frame Online Photoshop Impostare il file

Prima di iniziare questo tutorial, è necessario conoscere le nozioni di base dello Strumento forme personalizzate. Per fare ciò, consulta il nostro articolo che spiega come utilizzare lo Strumento forme personalizzate in Photoshop .

Quindi, apri Photoshop per configurare il documento. Per questo tutorial, diciamo che la cornice che stai creando è un avatar dei social media. Gli avatar sono in genere di dimensioni uguali su tutti i lati, indipendentemente dal fatto che siano a forma di cerchio o quadrati.

Con questo in mente, imposta le dimensioni del documento su almeno 1000 × 1000 pixel, anche se puoi ingrandirle. Queste dimensioni fungeranno da guida per la tua cornice.

Passaggio 2: imposta lo strumento forma personalizzata

Come creare una cornice per foto online Photoshop Impostare uno strumento per forme personalizzate

Dopo aver configurato il file, crea un nuovo livello nel pannello Livelli : qui andrà la cornice.

Successivamente, assicurati che il tuo Custom Shape Tool sia attivo. Quindi controlla i colori per la tua forma personalizzata nelle sezioni Riempimento e tratto .

Al momento, al momento ho la tavolozza dei colori predefinita attiva. Tuttavia, non voglio usare quei colori sulla mia cornice, quindi li spegnerò.

Come realizzare una cornice digitale Photoshop Scegliere una nuova palette di colori

Per cambiare questi colori, vai al pannello Campioni . Clicca sull'icona per il menu a tendina. Scegli una tavolozza predefinita dall'elenco di opzioni di Adobe.

Puoi anche caricare una tavolozza colori personalizzata se ne hai già creata una. Se non ne hai già fatto uno, consulta il nostro tutorial spiegando come creare una tavolozza colori personalizzata in Photoshop .

Come realizzare Photo Frame digitale Photoshop Fill and Stroke

Ora che la nuova tavolozza è stata caricata, torna alle opzioni Riempi e tratti per il tuo Strumento forme personalizzate. Scegli i colori che vuoi usare.

Come realizzare una cornice per foto virtuale Photoshop Scegli la forma

Dopodiché, vai al menu a discesa Forma e scegli il disegno che si adatta meglio alla tua foto.

Per questo tutorial, scorri verso il basso fino a trovare il cerchio vuoto e le forme quadrate. Scegli il cerchio vuoto da usare come cornice, visto qui in rosso.

Mentre Adobe ha molti frame pre-compilati, sono un po 'troppo fantasiosi per il nostro scopo. Questo cerchio dovrebbe fare il trucco.

Step 3: Disegna la tua forma

Come realizzare una cornice per foto virtuale Forma di disegno per Photoshop

Dopo aver scelto la forma, fai clic e trascina il cursore sulla pagina per crearla.

Se hai accidentalmente estratto la tua immagine dalla pagina, come ho fatto io, non ti preoccupare. Puoi utilizzare lo strumento selezione tracciato o lo strumento sposta per centrare la cornice. È stato evidenziato qui in rosso.

Passaggio 4: applica uno stile di livello

Come realizzare Photo Frame Style in linea

Una volta centrato il frame, potresti voler applicare un effetto ad esso, per farlo sembrare più "3D".

Per fare ciò, vai al pannello Livello e fai doppio clic sul livello che contiene la tua forma. Apparirà una finestra che dice Stile Layer .

Sotto Opzioni di fusione , vedrai Smusso e rilievo . Fai clic su questa opzione per attivarla e assicurati che la casella accanto al nome sia piena.

Come realizzare una struttura per lo strato di Photoshop con cornice fotografica online

Una volta che il segno di spunta è attivo, vedrai che la tua cornice digitale ha assunto una qualità più 3D.

Sotto la sezione Struttura , puoi scegliere quale tipo di smusso applicare alla tua forma, la profondità della smussatura, la dimensione e quanto vuoi ammorbidirne i bordi.

Come creare una cornice per foto Stile per lo strato di Photoshop

In Ombreggiatura , sarai in grado di cambiare l'aspetto dei tuoi momenti salienti. Puoi cambiare l'angolo in cui la luce colpisce l'oggetto e anche la luce che interagisce con l'oggetto.

Una volta che tutte le impostazioni sono state corrette, fai clic su OK .

Passaggio 5: rasterizza il tuo livello

Come realizzare Photo Frame digitale Photoshop Magic Wand Warning

Dopo aver terminato la smussatura, ti consigliamo di selezionare la cornice per creare una "selezione cornice". Ciò ti consentirà di richiamare la "forma" in una data successiva e di applicare facilmente un riempimento di colore nella forma di quella selezione, solo in un altro livello.

Pensa ad una scorciatoia per la modifica.

Quando selezioni lo strumento bacchetta magica , assicurati che l'immagine sia attualmente impostata su 16 bit . Avrai un avviso da Photoshop se non lo è.

In caso contrario, fare clic su Immagine> Modalità> 16 bit . Poiché stai lavorando in diversi livelli, Photoshop ti chiederà se desideri unire questi livelli quando riduci la profondità del documento.

Fai clic su Non unire . Desideri ancora questi livelli separati.

Come realizzare una cornice per foto digitale Photoshop Rasterizza lo stile di livello

Dopo aver modificato la profondità della tua immagine, dovrai comunque "rasterizzare" il tuo livello per usare la tua bacchetta magica. Ciò significa che stai convertendo una grafica vettoriale in una basata su pixel.

Per rasterizzare il livello, fai clic con il pulsante destro del mouse sul livello che contiene la cornice fotografica e scegli Rasterizza stile livello .

Passaggio 6: effettuare una selezione

Come realizzare Photo Frame virtuale Photoshop Selezionare Inverse

Quindi, torna allo strumento Bacchetta magica e seleziona lo spazio vuoto all'interno e all'esterno della cornice.

Quando si selezionano queste due aree, fare clic con il pulsante destro del mouse sullo spazio vuoto e selezionare Seleziona inverso . Photoshop selezionerà invece la forma della cornice.

Questo potrebbe sembrare un passo complicato, ma c'è una buona ragione per fare la selezione in questo ordine.

Se provate a fare clic direttamente sulla cornice 3D, Photoshop selezionerà solo i colori con lo stesso valore e la stessa tonalità, non il tutto.

Con Seleziona inverso , ora hai una selezione pulita della cornice.

Come realizzare una cornice virtuale Photoshop Salva selezione

Per salvare questa selezione per un ulteriore utilizzo, vai alla barra dei menu nella parte superiore dell'area di lavoro. Fai clic su Seleziona> Salva selezione .

Dai alla tua selezione un nome significativo, quindi fai clic su OK .

Passaggio 7: regola il colore

Come fare Photo Frame Online Aggiungi colore

Ora che hai creato la tua cornice per foto online, potresti voler regolarne il colore.

Per regolare il colore, vai al pannello Livelli e crea un nuovo livello sopra il livello che contiene la cornice. Quindi fare clic su Seleziona> Carica selezione .

Dall'elenco a discesa Canale , scegli la selezione che hai fatto della tua cornice.

Una volta che la selezione è attiva, vai al tuo strumento Secchiello o Sfumatura e applica un po 'di colore a quel livello. Rimarrà entro i confini di quella selezione.

Come realizzare Photo Frame Online Photoshop Applica lo stile di livello

Dopo aver abbassato il colore, vorrai che interagisca con la cornice sotto di esso.

Per fare ciò, fai clic sul menu a discesa Modalità di fusione nel pannello Livelli . Scegli un effetto.

Come puoi vedere, questo effetto illumina la mia inquadratura mentre raccolgo anche i toni chiari e scuri della smussatura 3D sottostante.

Passaggio 8: aggiungi la tua foto

Come fare Photo Frame digitale Photoshop Aggiungi la tua foto

Dopo aver finito con la cornice, probabilmente vorrai inserire un'immagine al suo interno. Per dimostrare questa parte, ho usato un colpo alla testa di me stesso.

Come realizzare una cornice per foto digitale Trascina Photoshop

Per portare questo colpo alla testa nella cornice, selezionare lo strumento Sposta , quindi fare clic e trascinare l'headshot nella scheda file per la cornice sopra la parte superiore. Ho evidenziato la scheda in rosso.

Una volta trascinato l'headshot nella scheda, Photoshop porterà l'headshot nell'area di lavoro della cornice.

Rilascia il file. Photoshop posizionerà automaticamente l'headshot in un nuovo livello nel pannello Livelli .

Una volta che questo headshot si trova in un nuovo livello, sposta il livello di headshot sotto il livello della cornice dell'immagine. La cornice deve essere visibile in alto.

Se necessario, regola il colpo alla testa per adattarlo al meglio alla cornice andando su Modifica> Trasformazione libera . Trascina i punti di ancoraggio verso l'interno per renderlo più piccolo.

Come realizzare una cornice virtuale Photoshop Selezionare l'immagine

Quindi, vai al tuo livello di cornice dell'immagine. Attiva lo strumento bacchetta magica , quindi seleziona lo spazio intorno all'esterno della cornice.

Come realizzare una cornice per foto con cornice di Photoshop

Una volta selezionata l'area esterna al frame, torna al livello headshot. Vai al menu nella parte superiore dello schermo, quindi fai clic su Modifica> Taglia.

Questo rimuoverà rapidamente il resto dell'immagine al di fuori della cornice, creando quell'effetto "simile all'immagine".

Passaggio 9: salva il file per il Web

Come realizzare Photo Frame Online Photoshop Controllare la trasparenza

Ora che il tuo colpo alla testa è inserito e la tua cornice è fatta, sei pronto per salvare.

Prima di salvare, assicurati che il livello di sfondo nel tuo file sia disattivato. La tua cornice è rotonda e intorno ci sarà una certa trasparenza. Se si mantiene attivo questo livello di sfondo, questa trasparenza non avrà effetto.

Come realizzare Photo Frame online Photoshop Salva per Web

Dopo aver disattivato lo sfondo, seleziona File> Esporta> Salva per Web (precedente) . Salva il tuo file come PNG. E il gioco è fatto. Hai finito.

Personalizzazione della tua presenza online

Ora che sai come creare una cornice digitale puoi usarla per personalizzare la tua presenza online, dandoti un aspetto coerente su vari siti e app.

Tuttavia, non interrompere la tua formazione su Photoshop lì. Ti consigliamo di imparare com
e creare una sfumatura personalizzata usando Photoshop
.

Leggi l'articolo completo: Come creare una cornice per foto online usando Photoshop

Fonte: Utilizzare