Come creare una cornice per foto online usando Photoshop

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
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
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ò.
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 .
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.
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
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
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.
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.
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
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.
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
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.
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
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.
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
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.
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.
Quindi, vai al tuo livello di cornice dell'immagine. Attiva lo strumento bacchetta magica , quindi seleziona lo spazio intorno all'esterno della cornice.
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
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.
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