Crea un effetto testo Bubble Gum ad alta lucentezza in Photoshop

Cosa starai creando

Se combinato con le giuste tecniche, lo strumento Penna in Photoshop è uno strumento incredibilmente potente per aiutarti a creare il tuo disegno. In questo tutorial, ti mostrerò come creare un effetto di testo lucido con gomma da masticare utilizzando una combinazione di strumento penna di Photoshop e stili di livello. Iniziamo!

1. Crea uno schizzo

Passo 1

Creare un Nuovo documento con le dimensioni 3000x2400. Per garantire la qualità, lo faremo con la risoluzione di 300 DPI quindi le nostre opere d'arte saranno abbastanza buone da stampare.

Passo 2

Creeremo ora il nostro abbozzo di base su quale sarà il nostro design. Utilizzare preferibilmente una tavoletta Wacom per farlo correttamente. Con la penna Wacom in mano, seleziona il Pennello e abilitare la pressione della penna.

Stamperò il mio disegno sul ben noto script typeBello. Metterò a punto la forma di alcune lettere per renderle più uniche nel mio design. Creare un Nuovo strato e inizia a disegnare. Inizia con una matita sottile per ottenere l'idea generale, in giro 4px è ok.

E poi passare all'impostazione più spessa del pennello. 8px la dimensione del pennello andrà bene per questa parte.

Passaggio 3

Una volta che ti senti a tuo agio con lo schema generale del tuo design, è il momento di selezionare il Strumento penna (P) per creare un profilo corretto del tuo design.

Assicurati che la modalità Pen Tool (P) sia attiva Sentiero, poiché questo è tutto ciò di cui avremo bisogno per ora. Ora puoi aggirare il tuo design creando un percorso scorrevole.

Assicurati di tenere premuto il tasto Comando / Ctrl chiave mentre modifichi i punti di ancoraggio per ottenere le curve perfette di cui hai bisogno.

Una volta che hai fatto il tuo percorso, il prossimo passo è riempirlo. Clic destro e selezionare Riempi percorso secondario. Assicurati di farlo su un nuovo livello e non sulla stessa su cui hai creato il tuo disegno.

Seleziona il Colore di riempimento opzione e stiamo andando a scegliere questo colore rosa fluorescente proprio qui con il valore del colore # FF0060 per essere precisi.

Utilizzare il Strumento Penna andare in giro e compilare tutte le lettere dell'intero design.

Al termine, disattivare la visibilità del livello di schizzo.

2. Creazione dell'effetto 3D

Passo 1

Ora inizieremo il processo di creazione di un effetto 3D attorno al nostro design. Per fare ciò, dobbiamo iniziare creando un bordo spesso attorno alle nostre lettere come base. Seleziona il livello che contiene l'intero disegno e tieni premuto Comando / Ctrl passando il mouse sopra la miniatura del livello.

Questo selezionerà il disegno e creerà le formiche in marcia attorno ad esso.

Ora crea un nuovo livello sopra il livello principale premendo Comando / Ctrl-Shift-N. Vai all'opzione di selezione nella barra dei menu in alto e poi a Modifica> Espandi. Stiamo per espandere la selezione di 20px.

Quindi prendi il Paint Bucket Tool (G) e riempire la selezione con un colore che potrebbe piacerti. Preferibilmente nero, quindi l'effetto ombra funzionerà in modo più efficace.

Ora sposta il Livello d'ombra dietro quello principale.

Passo 2

Non abbiamo finito con il perfezionamento di questo livello. Se guardi da vicino ci sono alcune incongruenze con le forme e le curve di alcune parti di esso.

Ora ci metteremo un po 'di tempo a girare e rendere perfette tutte le curve e i punti. Quindi prendi il tuo Strumento Penna di nuovo e arrotondare tutti i bordi. Gioca con i punti di ancoraggio per quanto necessario, per ottenere la curva perfetta.

Quando correggi le tue curve, assicurati di stare sempre in linea con il resto del livello. Questo è così il tuo nuovo percorso, una volta completato, si fonderà meglio con il resto della forma e creerà un effetto senza interruzioni piuttosto che una disconnessione evidente. Quindi, per favore, prenditi il ​​tuo tempo.

Passaggio 3

Una volta che hai completato e corretto tutte le curve e i punti del tuo livello di ictus, e sei felice con loro, è giunto il momento di creare alcuni effetti ombra tagliando un po 'il nostro design per dargli quel tocco di tipografia illustrata.

Per fare ciò, è necessario iniziare selezionando il livello di progettazione principale e selezionando il Aggiungi maschera vettoriale opzione nella parte inferiore del pannello del livello. Ciò consentirà di tagliare la nostra forma come vogliamo e poi ricoprirla di nuovo, se necessario.

Ora stiamo andando a fare il nostro progetto e fare fette laddove necessario. Quando lo fai, è importante usare il tuo istinto su ciò che sembra giusto. È anche importante non esagerare e applicare troppe fette nel disegno.

Un luogo comune per aggiungere fette è dove un angolo incontra un altro o su una curva per esagerare il suo movimento.

Con un design come questo, l'aggiunta di fette nelle posizioni corrette è davvero cruciale per far risaltare quanto più realisticamente possibile la sensazione glossy cartoonish.

Prendi il tuo Strumento Penna di nuovo e traccia il tuo percorso di ciò che vuoi tagliare. Assicurarsi di aver cliccato su Icona maschera di livello stesso così lo cancellerai. Una volta effettuata la selezione, fai clic con il pulsante destro del mouse e scegli Fare selezione seleziona un'opzione di sfumatura bassa in modo che la fetta sia il più fine possibile e semplicemente sfiorando la parte del livello usando la tua Pennello.

Sul Livello maschera, usa un pennello nero per cancellare le parti che non vuoi più e un pennello bianco per riportarle indietro. Vai in giro e seleziona le aree che ritieni possano fare con una sezione e attua gli stessi passaggi.

Una volta che hai finito la prima parola dovrebbe assomigliare a questo.

Se sei felice, e come l'effetto che crea, continua e finisci anche la seconda parola (Yeah). Una volta finito, dovrebbe apparire come l'immagine qui sotto.

Passaggio 4

Ora è il momento di creare il nostro primo Effetto 3D creando un'estrusione del nostro tratto usando gli strumenti di selezione e riempimento di base.

Per prima cosa, seleziona il livello del tratto esterno che abbiamo creato prima e poi premi M per selezionare il Strumento di marcia.

Passaggio 5

Una volta che è selezionato crea a Nuovo strato, questo è dove verrà creato il tuo strato di estrusione.

Scegli un colore per rendere la tua estrusione. Non importa quello che è per ora, possiamo sempre cambiarlo via Stili di livello più tardi. Sarebbe consigliabile scegliere qualcosa che si scontri con il resto del design in modo che sia molto visibile mentre si lavora.

Grande! Ora che abbiamo selezionato il nostro colore, andiamo avanti e iniziamo i passaggi per estrudere il nostro livello e farlo sembrare 3D. Con il livello struttura selezionato fai clic sul Strumento di marcia e premere Alt-Backspace.

Questo creerà il livello base. Se guardi da vicino, puoi vederlo dietro il livello del tratto. Ora che sappiamo di aver riempito lo spazio, possiamo continuare a riempire la modalità 3D.

Con lo strumento selezione ancora selezionato, ripeteremo un metodo di riempimento dei livelli premendo il tasto Tasto giù, poi Chiave giusta quindi ripetere il Alt + Backspace riempire.

Vedrai che stiamo creando un effetto 3D verso il basso usando semplicemente questa tecnica di ripetizione.

Quindi continuiamo a fare questa tecnica costantemente rendendo la profondità più spessa e più spessa. Quando fermarsi è una tua scelta. Personalmente mi fermerò quando non ci sarà più spazio bianco nel vuoto su questo H.

Una volta realizzato il nostro strato 3D. Dovrebbe sembrare come questo.

Possiamo anche cambiare il Sovrapposizione colore usando l'opzione degli stili di livello.

4. Creazione di bit di gomma da masticare

Passo 1

Poiché vogliamo dare all'illusione l'effetto della vera gomma da masticare, ora creeremo dei bit spezzati che collegano alcune delle lettere.

Per fare questo, avremo bisogno del nostro Strumento penna (P). Inizia creando un nuovo livello. Lo stile di creazione di questi frammenti sarà quello di rendere le parti terminali spesse e le parti centrali sottili per far sembrare che i pezzi si stacchino.

Ho creato una forma approssimativa di questo e l'ho riempito.

Passo 2

Per fare un ulteriore passo, possiamo creare un Maschera di livello e fai un buco nei pezzi di filo per farlo sembrare come se fosse stato fatto a pezzi.

Una volta finito, il nostro primo bit corde dovrebbe assomigliare a questo.

Ora andremo in giro per l'intero design e aggiungeremo frammenti di bit per ravvivarlo un po 'di più e dare quel autentico effetto gomma da masticare. Una volta completato dovrebbe assomigliare a questo.

5. Punti salienti del primo stadio

Passo 1

Ora ecco che arriva la parte eccitante. Stiamo per iniziare la prima fase di rendere il nostro design simile a gomme da masticare lucide attraverso una serie di effetti di riempimento e pennello.

Inizieremo con i punti salienti. Creare un Nuovo strato sopra il livello di progettazione principale. In questo design, la fonte di luce verrà dal lato destro. Di seguito, ho disegnato una mappa approssimativa di dove la luce colpirà.

Questa è un'indicazione approssimativa di dove appariranno le nostre ombre.

Inizieremo per ora in modo molto semplice, aggiungendo punti salienti di livello piatto. Useremo il Strumento penna (P) e andare in giro per il design aggiungendo riflessi lucidi. Puoi anche creare questi livelli di forma, se lo desideri.

Il colore che useremo per riempirlo è # ff92bb. Sto per cominciare si. Una volta che i punti salienti sono compilati dovrebbe apparire come questo.

Passo 2

Ora creeremo un nuovo gruppo e inizieremo a lavorare su diamine mette in risalto. Saranno abbastanza simili agli altri.

Vai intorno alla parola e applica l'effetto Evidenzia come hai fatto in precedenza.

Una volta completato, il primo livello di evidenzia il tuo design dovrebbe assomigliare a questo.

5. Creare ombre

Passo 1

Ora che abbiamo creato un livello base di evidenziazioni. Ora stiamo andando avanti per creare il nostro primo e unico strato di ombre sul nostro testo. Per questo richiederemo il Strumento penna (P) e spazzola ancora una volta.

Per avere un'idea approssimativa della pars del progetto, saremo in grado di ombreggiarti in modo sofisticato qui è un rapido schizzo di quali aree interesseremo.

Inizia creando un gruppo chiamato Shadows dove creerai i tuoi nuovi livelli per le ombre.

Prendi il tuo Strumento penna (P) e crea profili che verranno in seguito trasformati in selezioni per te a pennello e ombra. Quando crei i tuoi contorni, assicurati sempre di lasciare un piccolo spazio tra il contorno e il bordo del personaggio.

Ora prendi il tuo Pennello (B). Assicurati che sia un pennello morbido e impostalo su circa 100px con 100% opacità ma imposta il flusso a circa 15% e, naturalmente, assicurarsi che il colore del pennello sia impostato su Nero. Puoi anche attivare la funzione aerografo ma non è necessario. Sarai in grado di ottenere questo effetto con un mouse normale o un tablet.

L'idea è di spazzolare la selezione in modo sfumato per far sì che la parte superiore venga riempita più del fondo per creare un effetto aerografato.

L'idea dell'ombreggiatura è iniziare dalle sezioni / tagli del disegno e creare ombre a partire da lì. Assicurati di entrare anche nei pezzi di filo e di ombreggerli.

Ora faremo il giro dell'intera parola diamine quando hai finito dovrebbe assomigliare a questo.

Continua così per la seconda parola.

Una volta completata, l'intera frase dovrebbe apparire così.

6. Punti salienti della seconda fase

Passo 1

Ora che abbiamo creato un'ombra decente per il nostro design. Puoi davvero vedere che sta iniziando a dare corpo. Ora aggiungeremo un altro livello di evidenziazione per renderlo davvero pop. Lo faremo nello stesso stile dell'ombra eccetto che questa volta opteremo per un pennello bianco.

Con i punti salienti, stiamo riempiendo il resto dello spazio delle lettere, quindi giochiamo davvero con le curve dei bordi evidenziati questa volta, e il freestyle. Non avere paura di giocare con il Flusso del pennello Più è spontaneo, meglio è. Una volta completata, l'intera frase dovrebbe apparire così.

Passo 2

Sovrapposizione / Sovrapposizione delle alte luci per creare un effetto molto più lucido sulle lettere dando loro una trama succosa. Una volta completato, dovrebbe assomigliare a questo.

La prima parola dovrebbe assomigliare a questo.

Inizia a lavorare sulla seconda parola e continua come al solito.

Una volta completata questa fase di evidenziazione, il design dovrebbe assomigliare a questo.

7. Punti salienti della profondità

Quindi ora inizieremo a lavorare sull'aggiunta di punti salienti alla parte Depth / 3D del design. Stiamo andando per un metodo retrò di barre sfalsate per creare questo effetto.

Passo 1

Torna al livello di profondità e nascondi il Sovrapposizione colore quindi possiamo vederlo di nuovo in contrasto.

Crea un nuovo gruppo chiamato Barre e creare un livello di forma rettangolare insieme ad esso. Per iniziare a creare le nostre barre sfalsate, opteremo per una semplice barra di colore nero. Assicurati che sia abbastanza lungo, poiché lo ruoteremo per adattarlo alla prospettiva della profondità.

Per creare un fantastico effetto delle alte luci sfalsate, duplicherete il livello e giocherete con la larghezza di ogni barra. Assicurati di aggiungere una guida solo alla base delle tue barre in modo che siano sullo stesso livello.

Una volta che il layout sta iniziando a sembrare un codice a barre, probabilmente significa che hai abbastanza barre per ruotare e adattare la prospettiva della profondità. Per fare ciò è necessario selezionare l'intero gruppo e premere Comando / Ctrl-T per trasformare gratuitamente l'intero gruppo. Quindi imposta l'angolo su cui ruotare -45 gradi

Passo 2

Una volta che hai le barre in questa posizione, sei libero di controllare la spaziatura di ogni barra a tuo piacimento.

Inizieremo con la parte inferiore del design e lavoreremo in senso antiorario. Per il momento ci concentreremo solo all'esterno del design con i punti salienti. Una volta che avremo elaborato il design, dovrebbe assomigliare a questo.

Ora creeremo un Maschera di ritaglio per questo motivo le barre si adattano allo strato di profondità. Per fare ciò, è necessario duplicare il gruppo e quindi convertirlo in un oggetto intelligente per unire i livelli. poi vai a Livello> Crea maschera di ritaglio per creare la maschera di cui abbiamo bisogno.

Passaggio 3

Il colore delle nostre barre deve cambiare. Puoi farlo con un semplice Sovrapposizione colore, passare al bianco usando a Stile di livello. Ora dobbiamo trasformare il nostro Sovrapposizione colore di nuovo, nel nostro livello di profondità. Una volta completato, il nostro design dovrebbe assomigliare a questo.

Abbiamo anche bisogno di tagliare leggermente le barre in modo che non tocchino il bordo della profondità. Appena Comando / Ctrl-clic sul livello di profondità per selezionarlo e contrarre la selezione per 10px.

Passaggio 4

Ora creeremo anche un effetto di stile di livello colorato per il nostro highlight, poiché non possiamo lasciarlo sembrare così noioso. Inizieremo con a Sovrapposizione di modelli e poi a Sovrapposizione sfumatura. I colori da utilizzare per la sovrapposizione sfumatura sono - # 631ca5 e # 4a0882 rispettivamente e impostare la modalità di fusione su copertura. Aggiungeremo anche un Sovrapposizione colore

Per aggiungere un po 'di realismo all'effetto, creeremo un nuovo livello ottenendo il nostro pennello e sfiorando leggermente le parti del livello per creare un effetto più sofisticato.

Una volta completato. Dovrebbe apparire così fino ad ora.

8. Creazione dello sfondo

Quasi finito ora. Qui creeremo uno sfondo piacevole con un motivo geometrico per la tipografia da sederci di fronte.

Passo 1

Crea un altro livello per sederti dietro tutti i tuoi livelli. Questo sarà il tuo Livello di sfondo e dovresti nominarlo come tale. Metti questo livello all'interno di un nuovo gruppo chiamato sfondo, se ti piace. Coloreremo questo sfondo dello stesso colore del livello base del nostro refuso. Se l'hai dimenticato # FF0060

Passo 2

Ora creeremo un Nuovo documento per progettare il nostro design geometrico. Usa questi valori quando crei il nuovo documento. Sarà un 35px quadrato con a Sfondo trasparente.

Una volta fatto questo, crea un nuovo livello e crea un triangolo ad angolo retto dagli angoli in alto a sinistra in basso a destra del documento usando il tuo Strumento Penna. Lo riempiremo anche con questa sfumatura di viola # c70083 quindi si integra bene con il resto del design.

Ora stiamo andando a tagliare una sezione del nostro triangolo per creare un modello interessante all'interno. Seleziona il tuo Strumento Penna e creare un profilo simile a quello nel diagramma. Una volta finito convertire il Sentiero a a Selezione e cancellare la fetta rivelando un bel modello interno.

Una volta completato dovrebbe assomigliare a questo.

Passaggio 3

Ora inseriremo questo livello nel nostro documento originale e inizieremo il processo di duplicazione per creare un modello sull'intera opera. Tieni premuto Alt + Click e trascina il livello per duplicarli rapidamente e unire mentre si procede per accelerare ulteriormente il processo.

Una volta duplicato alla fine della pagina, assicurati che il triangolo finale si allinea perfettamente con la fine del documento come questo (lo stesso con verticalmente quando inizi anche tu).

Una volta terminata la duplicazione del pattern nel corso del design, dovrebbe apparire come questo.

Mancia: Questo potrebbe anche essere fatto andando a modificare > Definisci modello e riempiendo il tuo livello di sfondo con quel modello.

Ora aggiungeremo un po 'più di colore al nostro pattern applicando a Sovrapposizione sfumatura. I due colori che useremo per creare il nostro gradiente saranno i nostri viola# c70083 che abbiamo usato fino ad ora mescolato con una tonalità più scura del nostro colore rosa base. # e30357. Segui il diagramma per gli altri valori di cui hai bisogno.

Passaggio 4

Ora aggiungiamo una vignetta. Esistono numerosi modi per creare questo. Il modo più veloce che conosco è creare rapidamente un Nuovo strato, seleziona il Strumento di selezione ellittica e creare una selezione sul documento. Fai clic con il pulsante destro del mouse e aggiungi una sfumatura di 250px alla selezione

Quindi inverte la selezione e riempila con il nero. Controlla il Opacità e forse scala del livello per ottenere i migliori risultati. Voglio che la mia vignetta sia relativamente sottile, quindi andremo a impostare il livello Opacità a 20%.

9. Altre ombre

Passo 1

Ora creeremo un autentico effetto ombra sull'intero design usando un metodo simile che abbiamo usato per creare il nostro effetto di profondità 3D.

Inizieremo unendo il gruppo che contiene tutti gli strati del disegno e convertendolo in a Oggetto intelligente. Quindi selezionalo per ottenere il suo contorno. Creare un Nuovo gruppo e uno strato al suo interno. Contrariamente a quello che potresti pensare, in realtà lo riempiremo di bianco. Ti mostrerò il perché in un attimo.

Passo 2

Ora che abbiamo il nostro livello di riempimento, applicheremo il Sovrapposizione colore per renderlo nero e impostare la sua opacità 80%. Soprattutto, dobbiamo impostare il gruppo Modalità di fusione a Moltiplicare e la sua opacità a 60%.

Passaggio 3

Useremo Fill-Nudge e ripeteremo il metodo usato in precedenza per creare il nostro effetto di profondità. Solo ora, la differenza è che questa volta creeremo un'ombra che si sbiadisce riducendo il Opacità del Sovrapposizione colore di 2% ogni volta che eseguiamo Duplicate-Nudge.

Questo effetto richiederà del tempo per completare e dovresti finire con circa 40 duplicare i livelli se vai fino in fondo 2% di opacità. Durante la duplicazione dei livelli, assicurati di posizionare i livelli più recenti sotto il primo affinché l'effetto funzioni correttamente. Una volta completato dovrebbe assomigliare a questo.

Passaggio 4

Il tocco finale a questa ombra è aggiungere Filtro del rumore dopo aver convertito il gruppo in a Oggetto intelligente. Utilizzare un effetto di rumore di circa 8%.

10. Effetti di finitura

Passo 1

Poco prima di concludere questo progetto, aggiungeremo alcuni ritocchi finali al design. Cominciando con l'aggiunta di qualche altro effetto bagliore attorno ai punti salienti della tipografia. Per fare ciò basta creare a Nuovo strato sopra lo strato unito e utilizzare una spazzola morbida con variazioni Flusso per spazzolare il design in punti che ti meritano un bagliore. Una volta terminato, imposta il Modalità di fusione del livello a Luce soffusa.

Passo 2

Infine, aggiungeremo a Mappa dei gradienti al nostro design. Imposta il colore su bianco e nero e assicurati di impostare su Inverso.

Quindi imposteremo il Modalità di fusione a Differenza e Opacità a 5%. Questo darà alla nostra illustrazione una sottile trama vintage che la rifinisce bene.

Conclusione

In questo tutorial, ti ho mostrato come creare un ef