Share
Gli stili di livello sono una funzionalità potente e in grado di risparmiare tempo che può aiutarti ad applicare effetti sorprendenti ai tuoi progetti. In questo tutorial useremo gli stili di livello per creare un effetto testo ispirato alla lampadina in Photoshop. Iniziamo!
Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.
Crea un nuovo documento di 1280 x 1024 px o qualsiasi altra dimensione necessaria in base al testo che creerai.
Riempi lo sfondo con il nero o qualsiasi altro colore scuro che ti piace, ma assicurati che sia il più scuro possibile.
Crea il testo in bianco. Il font utilizzato è Junegull e la dimensione è di 400 pt. Questa è una dimensione abbastanza grande, ma aiuterà a mostrare i dettagli in modo più chiaro.
Modifica il valore di riempimento del livello del testo su 0%.
Duplica il livello di testo.
Ctrl / Cmd + Fare clic sulla miniatura del livello di testo (icona) per creare una selezione.
Crea un nuovo livello tra lo sfondo e i due livelli di testo e chiamalo "Indietro".
Vai a Seleziona> Modifica> Espandi e digita 5. Questo espande la selezione di 5 pixel verso l'esterno
Riempi la selezione con il colore # 9b7e4f, quindi vai a Seleziona> Deseleziona, o premi Ctrl / Cmd + D per eliminare la selezione.
Potrebbe essere necessario caricare i contorni utilizzati in alcuni degli stili di livello seguenti. Per farlo, vai su Modifica> Gestione predefiniti, e scegliere contorni dal Tipo predefinito menu a discesa.
Fai clic sulla piccola freccia nell'angolo in alto a destra e seleziona contorni
Clic Aggiungere per aggiungere i nuovi contorni a quelli esistenti.
Fai doppio clic sul livello "Indietro" per applicare il seguente stile di livello:
Bagliore esterno: basta cambiare il colore in # 8f6f2c.
Bagliore interno: modifica il modo di miscelatura in Moltiplica, il colore in # e4d7b2, la sorgente al centro, la dimensione in 125 e l'intervallo al 35%.
Bevel and Emboss: modifica la tecnica in Chisel Hard, Depth in 300, Size in 20 e controlla la casella Anti-aliased. Inoltre, modificare il colore della modalità di evidenziazione in # c6a96c e il colore della modalità ombra in # ddd6c1.
Contorno: scegli il contorno del cono, seleziona la casella Anti-alias e modifica l'intervallo al 70%.
Texture: usa la texture Texturetastic Grey e modifica la profondità su un valore piccolo, circa 8 px. Ciò aggiungerà una trama sottile in modo che la parte posteriore non sia così morbida e con alcuni dettagli.
Traccia: cambia la dimensione in 1, il tipo di riempimento in sfumatura e l'angolo in 90. Usa il gradiente mostrato di seguito dal pacchetto "Golden Metal Gradients".
Questo è ciò che dovresti ottenere.
Riduci il valore di riempimento al 50% per rendere trasparente il retro.
Imposta il colore di primo piano con # 555555 e scegli un pennello rotondo rigido da 3 px. Questo pennello verrà utilizzato per creare i fili nel mezzo del testo.
Crea un nuovo livello sopra il livello "Indietro" e chiamalo "Filo".
Seleziona lo strumento Penna e fai clic sull'icona Percorsi nella barra delle opzioni.
Lo strumento penna verrà utilizzato per aggiungere linee rette, curve semplici e curve un po 'più complesse, a seconda della forma della lettera. Ogni caso verrà dimostrato in una fase separata utilizzando una lettera diversa. Iniziamo con le linee rette in quanto sono le più facili.
Per aggiungere un punto di ancoraggio devi fare clic una volta dove vuoi che inizi la linea. Per creare una linea retta, tieni premuto il tasto Maiusc, quindi fai clic sul punto in cui desideri che la linea termini. Assicurati di stare lontano dai bordi.
Tieni presente che i punti di ancoraggio vengono aggiunti consecutivamente, quindi non puoi creare l'intera forma E in una sola volta. Andremo avanti e accarezzeremo il percorso, quindi ne creeremo uno nuovo per le parti mancanti.
Se vuoi spostare i punti che hai creato, seleziona lo Strumento selezione diretta e puoi fare clic su un punto o fare clic e trascinare per selezionare più di un punto, quindi spostarti usando i tasti freccia.
Per tracciare il percorso, fare clic con il pulsante destro del mouse e scegliere Traccia percorso.
Scegli Pennello dal menu a discesa Strumento e assicurati che la casella Simula pressione sia deselezionata.
Premi Invio / Ritorno per sbarazzarti del percorso in modo da poterne creare uno nuovo.
Usa ancora lo strumento Penna per aggiungere la parte mancante dell'E.
E accarezzalo come hai fatto per l'altra parte.
Per le curve semplici, come nella lettera D, devi cliccare e trascinare dove vuoi creare una curva invece di cliccare e rilasciare. Trascina parallelamente alla direzione della curva, in questo esempio, verticalmente.
Assicurati di chiudere il percorso facendo clic sul punto iniziale quando hai finito.
Non dimenticare che puoi ancora usare lo Strumento selezione diretta per spostare i punti di ancoraggio.
Una volta creato il percorso, traccia lo stesso allo stesso modo.
Per creare le curve più complesse, come nella lettera S, inizia creando la forma di base della curva come in precedenza, facendo clic e trascinando. Non cercare di renderlo perfetto, poiché lo regoleremo in seguito.
Una volta creata la curva, seleziona lo strumento Selezione diretta e seleziona un punto di ancoraggio (facendo clic su di esso). Quando lo fai, sarai in grado di regolare le due maniglie (linee di direzione) che la controllano.
Fai clic sul punto all'estremità dell'impugnatura e spostalo leggermente verso i lati se desideri cambiare la direzione (o l'orientamento) del percorso e spostalo verso l'alto e verso il basso per allargare o restringere la curva.
Non deve sembrare perfetto, ma assicurati che vada con il flusso della forma originale e che non sia troppo vicino o troppo lontano in certe aree, quindi vai avanti e accarezzalo.
Dopo aver toccato tutte le lettere, modifica il valore di riempimento del livello "Filo" al 50%.
Fai doppio clic sul livello "Wire" per applicare il seguente stile di livello:
Bagliore esterno: modifica il modo di miscelatura in Luce vivida, il colore in #ffffbe e la dimensione in 13.
Bagliore interno: modifica il modo di miscelatura in Luce vivida, il colore in # d5d5cd e Dimensione in 1.
Questo aggiungerà un bagliore molto sottile.
Duplica il livello "Wire".
Fare doppio clic sulla copia per regolare il bagliore interno, cambiando il valore su 10.
Questo intensificherà l'effetto bagliore.
Successivamente, creeremo un pennello molto semplice. Quindi crea un nuovo documento di 16 x 16 px, con uno sfondo trasparente.
Seleziona lo strumento Ellisse e controlla l'icona Percorsi nella barra delle opzioni, quindi crea una cerchia che copre gran parte del documento.
Scegli un pennello rotondo rigido da 1 px e imposta il colore di primo piano sul nero. Quindi seleziona di nuovo lo strumento Ellisse e traccia il percorso.
Premi Invio / Ritorna per eliminare il percorso, quindi vai a Modifica> Definisci Pennello predefinito e digita un nome per il pennello.
Torna al documento originale, crea un nuovo livello sopra il livello "Copia filo" e chiamalo "Filamento"
Fai clic con il pulsante destro del mouse sul livello "Wire" e scegli Copia stile livello, quindi fai clic con il pulsante destro del mouse sul livello "Filamento" e scegli Incolla stile livello.
Cambia il valore di riempimento del livello "Filamento" su 100% e imposta il colore di primo piano su # d0b174.
Apri il pannello Pennello (Finestra> Pennello) e modifica i valori come mostrato di seguito per il pennello appena creato nel passaggio 12.
Quello che faremo dopo, è creare piccoli percorsi lungo il filo per accarezzarli con il pennello modificato. Quindi usa di nuovo lo strumento Penna e inizia ad aggiungere piccole linee rette o curve sul filo. Cerca di non renderli molto brevi, dato che questo non darà un buon effetto.
È necessario tracciare un percorso alla volta. Fare clic con il pulsante destro del mouse sul percorso e selezionare Traccia percorso.
Questa volta, seleziona la casella Simula pressione.
Questo renderà il pennello sfumato alle estremità. Aggiungi altri percorsi lungo il cavo, ma non aggiungerne troppi. Abbiamo ancora bisogno di aggiungere alcune aree luminose e lasciare anche alcune aree vuote.
Crea un nuovo livello in cima al livello "Filamento" e chiamalo "Chiaro", quindi fai clic con il pulsante destro del mouse e scegli Incolla stile livello.
Fai doppio clic sul livello "Chiaro" per modificare il bagliore esterno modificando l'opacità al 50%.
Scegli un pennello tondo morbido e modifica le sue impostazioni come mostrato di seguito:
Imposta il colore di primo piano su # fffde1 e usa lo strumento Penna per creare piccoli percorsi che coprono alcune aree vuote lungo il filo.
Assicurarsi che la casella Simula pressione sia ancora selezionata quando si accarezzano i piccoli percorsi.
Ciò creerà alcune aree lucenti che renderanno l'effetto finale più vivido e brillante.
Aggiungi un po 'più di quelle aree lucide, in diverse dimensioni e luoghi. Puoi anche cambiare la dimensione del pennello se lo desideri. Ancora una volta, non dimenticare di lasciare alcune zone vuote in mezzo.
Tieni presente che puoi sempre controllare quanto è brillante o lucente il pennello. È possibile ridurre l'opacità, se necessario. Qui, è leggermente diminuito al 90%.
Puoi anche cambiare i colori degli effetti "Glow". Qui, il colore Inner Glow del livello "Light" è impostato su # 83591e.
La differenza è molto sottile, ma puoi notarlo mentre cambi i colori, il bagliore apparirà meno bianco e più giallo.
Crea un nuovo livello tra i livelli "Back" e "Wire" e chiamalo "Pins", quindi modifica il suo valore Fill allo 0%.
Fai doppio clic sul livello "Pins" per applicare il seguente stile di livello:
Bagliore interno: cambia il metodo di miscelatura in Luce vivida, il colore in # e9dcbb, la sorgente al centro e la dimensione in 7.
Smussatura ed effetto rilievo: modifica la tecnica in Chisel Hard, il contorno lucido su doppio anello, seleziona la casella Anti-alias e modifica il colore della Modalità ombra in # 9a8739.
Contorno: cambia il contorno lucido in cono invertito e seleziona la casella Anti-alias.
Scegli un pennello rotondo rigido da 12 px e inizia ad aggiungere punti alle estremità del filo in ogni lettera. Posiziona il centro del pennello sulla punta del filo e fai clic per aggiungere un perno.
Ciò creerà l'illusione che il filo non fluttui dal nulla nelle lettere e che entri e esca da questi spilli.
Fai doppio clic sul livello di testo originale per applicare il seguente stile di livello:
Ombra esterna: cambia il colore in #cbcbcb, la distanza a 0 e la dimensione a 10.
Inner Shadow: cambia il colore in # c2b394, l'opacità al 60%, la distanza a 0, la dimensione a 60, il contorno lucido a gaussiano e seleziona la casella Anti-alias.
Bevel and Emboss: modifica la profondità a 300 e la dimensione a 16. Deseleziona la casella Usa luce globale in modo che possiamo modificare i valori di Angolo e Altitudine senza influire sugli altri stili di livello nel documento, quindi modificare l'Angolo su 80 e l'Altitudine a 50. Inoltre, cambia il contorno lucido a Pendenza arrotondata, la Modalità evidenziamento a Sovrapposizione e il colore Modalità ombreggiatura a #fefefe.
Contorno: basta selezionare la casella Anti-alias.
Questo aggiungerà semplici effetti di luce e profondità e creerà una base per l'effetto lucido reale sopra di esso.
Fai doppio clic sul livello di testo della copia per applicare il seguente stile di livello:
Inner Shadow: cambia il colore in # d1c2a4, l'opacità al 50%, la distanza a 0 e la dimensione a 35.
Bagliore interno: cambia il colore in # ebe3c8, la tecnica in precisione, la sorgente al centro e la dimensione in 70.
Bevel and Emboss: modifica la profondità a 500, la dimensione a 20 e la sfumatura a 1. Deseleziona la casella Usa luce globale, quindi, modifica l'Angolo su 60 e l'Altezza su 35. Inoltre, modifica il contorno lucido su Anello e seleziona la casella Anti-alias, cambia il modo di evidenziazione in Luce vivida, il suo colore in # d6d2bc, la sua opacità al 60% e cambia il colore in Modalità ombra in #fefefe.
Contorno: scegli il Contorno doppio ad anello e seleziona la casella Anti-alias.
Questo creerà l'ultimo effetto lucido simile al vetro.
E questo è il risultato finale. Spero ti sia piaciuto il tutorial e l'ho trovato utile. Non esitate a lasciare i vostri commenti e suggerimenti qui sotto.
Accentsconagua