Share
Nel tutorial di oggi, dimostreremo come creare una tipografia 3D elegante e vetrosa usando Photoshop e Illustrator. Per questo progetto, ho usato il logo della mia azienda. Sentiti libero di applicare questo effetto a qualsiasi logo, testo o forma. Iniziamo!
Apri il file "LOGO.fh11" dal file di download con Illustrator o apri il tuo. Pagina di importazione: 1 di 1, modalità colore: RGB.
Come puoi vedere, ho importato il mio logo, con una scala di grigi precedente già applicata. È possibile impostare un gradiente simile utilizzando le impostazioni seguenti.
È molto importante non dimenticare di usare il pannello Livello. Abbiamo incluso il logo sul "LOGO FRONT A" e lo slogan su "SLOGAN FRONT A".
Inserire 2 nuovi livelli, attraverso il pannello dei livelli> duplicato e rinominarli in "LOGO FRONT B"
e "SLOGAN FRONT B".
Duplica il logo e lo slogan. Per inserire i due elementi duplicati nel nuovo livello, seleziona l'elemento duplicato e fai clic sul nuovo livello creato. Posizioniamo i due nuovi livelli nel pannello dei livelli e li trasciniamo sotto il livello "ANTERIORE A".
Apri il pannello Trasforma. Seleziona tutti i 4 elementi e applica una distorsione di 17 gradi.
Quindi, applicare una rotazione di 17 gradi.
Nascondi i livelli "ANTERIORE A" dal pannello dei livelli.
Seleziona LOGO FRONT B e modifica il riempimento dal gradiente al colore solido.
Elimina il tratto facendo clic sull'icona del tratto.
Applicare un colore a tinta unita, per il layer SLOGAN FRONT B.
Seleziona LOGO FRONT B e SLOGAN FRONT B, assegna i due elementi, il colore RGB: 77-77-77 Oggetti duplicati e spostali usando il pannello Trasforma con le seguenti impostazioni: X: 50, Y: +29 successivamente, applica l'RGB colore: 139-142-141.
In questo passaggio, applica una fusione come mostrato. Per fare ciò, imposta le opzioni di fusione: Oggetto> Fusione> Opzioni di fusione, valore di passo specificato: 50. E dopo, selezioniamo i due loghi e applichiamo un effetto di fusione facendo clic su Oggetto> Miscela> Crea. Successivamente, dobbiamo anche applicare l'effetto di fusione sullo slogan.
Dopo aver creato la fusione, elimina i livelli duplicati.
Riattiva i due livelli "LOGO FRONT A e SLOGAN FRONT A, e prepara tutto, per creare il file per Photoshop.
Seleziona uno ad uno tutti gli elementi della scena nell'ordine dei livelli, tagliali e incollali in un nuovo documento Photoshop di 1200x1200px, ricorda di rinominare il livello incollato su Photoshop, con lo stesso nome assegnato a Illustrator. La procedura è molto semplice, richiede pochissimi minuti, tutti i singoli livelli possono essere incollati o come oggetti intelligenti o immagini raster.
Una volta incollati tutti i singoli livelli, copia e incolla tutti i livelli che compongono il logo in Illustartor insieme, rinomina "RIF". Posiziona questo livello sotto tutti gli altri livelli. Questo speciale strato servirà come riferimento per allineare correttamente i singoli componenti importati separatamente sopra.
Per semplificare questa operazione, attiva lo snap su Visualizza> Blocca e posiziona i livelli uno per uno.
Una volta completato, cancella il livello RIF e procedi con la parte riflessa del logo.
Per creare la parte riflessa del logo, apriamo, in Illustrator, il file
"LOGO REFLECTED.fh11"
Riflettendo il logo usando l'Oggetto> Trasforma> Rifletti inserendo il valore verticale di 180 °.
Rinominare i livelli (LOGO FRONT A_R - SLOGAN FRONT A_R) e
(LOGO FRONT B_R - SLOGAN FRONT B_R)
Ripetiamo tutti i passaggi fatti da 1 a 19 per ottenere la parte riflessa del logo in Photoshop.
Una volta completati tutti i passaggi precedenti, l'immagine dovrebbe apparire simile all'immagine qui sotto. Assicurati che i tuoi livelli siano simili a quelli qui sotto.
Trascina i livelli della parte riflessa del logo e posizionali sotto il logo. Posiziona correttamente la parte specchio nella scena con lo strumento sposta.
Centra tutti gli elementi nella tua scena.
Crea un nuovo livello andando su Livello> Nuovo livello, rinominalo "GRADIENT BASE" applica un colore bianco di riempimento e applica un gradiente radiale usando uno stile di livello, i parametri sono sotto.
Dà LOGO FRONT A uno stile di livello con Inner Glow + Bevel and Emboss.
Copia lo stile di livello appena creato e incollalo in:
SLOGAN FRONT A
LOGO FRONT A_R
SLOGAN FRONT A_R
Dai a LOGO FRONT B uno stile di livello con questi parametri.
Copia e incolla lo stile di livello appena creato, sul layer LOGO FRONT B_R.
Copia e incolla lo stile di livello appena creato anche sul layer LOGO FRONT B_R e SLOGAN FRONT B_R Solo sul livello SLOGAN FRONT B, dobbiamo cambiare, nel pannello Satin, il valore Distanza da 127 a 30. E disabilitare la sovrapposizione Gradiente solo su SLOGAN FRONT B_R e LOGO FRONT B_R.
Aggiungi una maschera di livello agli strati LOGO FRONT A_R e LOGO FRONT B_R, facendo clic su
le icone aggiungono una maschera vettoriale.
Con lo strumento Gradiente (G) dobbiamo creare un gradiente sul livello maschera con un angolo di circa 15 gradi. Ma prima, dobbiamo modificare il tipo di sfumatura da usare, fare clic sulla barra della sfumatura. Useremo il classico bianco e nero, modalità Multiply.
L'effetto della maschera, nel layer LOGO FRONT B_R deve essere più forte, rispetto alla maschera LOGO FRONT A_R. Perché il primo, meglio nasconde le parti più scure, mentre il secondo mostra un po 'più di riflesso delle parti luminose del logo. Per migliorare il risultato dei due strati cambia l'opacità al 55% e al 70%.
Impostiamo l'opacità nel layer SLOGAN FRONT B_R al 40% e livelliamo SLOGAN FRONT A_R
al 75%. Per risolvere la trasparenza di sovrapposizione, tra SLOGAN B_R FRONT e
LOGO FRONT B_R, seleziona il layer SLOGAN FRONT B_R attiva la selezione di
Seleziona> Carica selezione e lascia Ok.
Seleziona la maschera di livello di LOGO FRONT B_R e applica un riempimento colore nero.
Per creare l'ombra, carica la selezione del layer SLOGAN FRONT B selezionando Seleziona> Crea, crea un nuovo livello per Livello> nuovo livello e rinominalo "OMBRE". Colora la tua selezione nera. I livelli di ombre creati sono posizionati tra LOGO FRONT A_R e SLOGAN FRONT A_R, con lo strumento sposta, scendere un po 'per renderlo visibile.
Creare una selezione usando lo strumento Lazo, con l'angolo di inclinazione del logo,
dopo questo passo cancella l'ombra che non è necessaria.
Applica un effetto Sfocatura gaussiana con un valore Raggio di 4 pixel.
Cambia l'opacità di questo livello al 75%.
Ora dobbiamo solo creare un nuovo livello, rinominarlo "LIGHT", posizionarlo su tutti i livelli.
Prendiamo uno strumento pennello con raggio di 1 pixel, disegnato con l'aiuto del tasto shift, ben definito
linee rette in tutte le parti affilate del logo e del testo dello slogan. Questo passaggio produce un realistico
effetto vetro sul logo.
Accentsconagua