Share
Segui questo tutorial e scopri come creare un effetto testo di un giornale in 3D usando l'effetto Estrusione e smusso e l'opzione Mappa. Creeremo tutti i pezzi di giornale con l'aiuto dello strumento Area Type e li salveremo come simboli. Daremo quindi a questo effetto un aspetto vecchio e discreto usando l'effetto Carta Nota. Lavoreremo anche con gli stili grafici per accelerare il flusso di lavoro, quindi iniziamo!
È possibile trovare i file di origine nella directory denominata "origine" inclusa nei file scaricati. Potresti desiderare di esaminarli brevemente prima di iniziare. Un'anteprima dell'immagine finale è sotto.
Innanzitutto, apri un nuovo documento web. Prendi lo Strumento testo (T) e digita "NEWS" usando il carattere Gill Sans Ultra Bold, con le dimensioni di 150 pt.
Con il testo selezionato, vai al menu Oggetto e scegli Espandi, quindi Separa per ottenere le quattro lettere. Riempili di grigio chiaro o di qualsiasi altro colore.
Ora facciamoli 3D. Seleziona la lettera "N", vai al menu Effetto> 3D e applica l'effetto Estrusione e smusso. Impostare i valori come mostrato di seguito.
È possibile applicare le stesse impostazioni alle altre lettere o ruotarle per creare un aspetto più accattivante. Basta modificare i valori nella finestra Opzioni Estrusione e smusso come indicato. Ora sistemali come mostrato. La profondità di estrusione rimane la stessa per ogni lettera.
Iniziamo a creare il primo articolo di giornale. Prendi lo Strumento testo (T) e digita "World News" come titolo del giornale usando un font chiamato Penshurst, grassetto, dimensione di 15 pt. Puoi trovare il carattere qui. Seleziona solo le lettere "W" e "N", quindi cambia il carattere in Monotype Corsiva, dimensione di 25 pt.
Successivamente, prendi lo strumento Penna (P) o lo Strumento Segmento di linea (\) e disegna le due linee sotto il titolo. Dare loro un tratto nero, quindi impostare i pesi Stroke come indicato. Tra le righe digitare la data e il sito web del giornale utilizzando il carattere Lucida Sans Typewriter, grassetto, dimensione di 5 pt.
Ora, digita un titolo per l'articolo, in questo caso "Living Green" utilizzando un font chiamato Another Typewriter che puoi trovare qui.
Assicurati che i righelli siano attivi (Visualizza> Mostra righelli o Comando + R) e trascina le due guide esattamente alle estremità delle due linee. Ora usa lo strumento Rettangolo (M) per disegnare un rettangolo tra le guide come contenitore di testo, come nell'immagine qui sotto.
Utilizza lo Strumento tipo area, fai clic sul percorso (non all'interno) e inizia a digitare l'articolo, oppure incolla del testo da qualsiasi posizione. Il font che ho usato si chiama Old Newspaper Types e può essere trovato qui.
Il primo articolo è quasi pronto. Non resta che aprire il pannello Paragrafo (menu Finestra> Tipo> Paragrafo) e scegliere il tipo di allineamento desiderato. Puoi anche scegliere di selezionare o deselezionare l'opzione Sillabazione.
Quando hai finito, seleziona tutto e scegli Espandi dal menu Oggetto, quindi trascina l'articolo nel pannello Simboli per definire il primo simbolo, che verrà utilizzato per il lato anteriore della lettera "N".
Quindi, utilizzare lo strumento Rettangolo (M) per disegnare un rettangolo con le dimensioni mostrate come un altro contenitore di testo. Utilizza lo Strumento tipo area, fai clic sul percorso e incolla il testo, quindi seleziona Espandi dal menu Oggetto. Trascina questo articolo di giornale nel pannello Simboli per definire il secondo simbolo che verrà utilizzato per il lato della lettera "N".
Disegna altri due rettangoli e digita del testo utilizzando lo strumento Tipo Area. Puoi vedere le dimensioni dei rettangoli e il tipo di carattere che ho usato accanto a ciascuno di seguito. Quando hai finito, espandi e trascinali nel pannello Simboli.
La prossima cosa da fare è mappare tutti questi simboli. Seleziona la lettera "N" e dal pannello Aspetto, apri nuovamente la finestra Opzioni Estrusione e smusso, quindi fai clic sul pulsante Mappa. Qui seleziona il simbolo Fronte dall'elenco e applicalo sulla prima superficie. Puoi ridimensionarlo e muoverlo fino a ottenere il risultato desiderato.
Passa alla superficie successiva, quella a sinistra, e seleziona il simbolo "Lato 2" che hai salvato in precedenza. Ruota e ridimensiona in modo da ottenere un risultato simile. Continua con la superficie successiva (in alto a sinistra) e applica il simbolo "Lato 3".
Sulla superficie in alto a destra applica il simbolo "Lato 4" e hai finito con la prima lettera.
Creiamo i simboli di cui abbiamo bisogno per la lettera "E". Prendi lo Strumento Rettangolo (M) e disegna un rettangolo con le dimensioni mostrate. Passare allo strumento Tipo Area, fare clic sul percorso e digitare o incollare qualsiasi testo all'interno del contenitore.
Quando hai finito, seleziona Espandi dal menu Oggetto e trascinalo nel pannello Simboli per salvarlo. Ho chiamato questo simbolo "E front" e sarà applicato sulla superficie frontale della lettera "E".
Con la lettera "E" selezionata, apri la finestra Opzioni Estrusione e smusso dal Pannello Aspetto e quindi la finestra Mappa. Applicare il simbolo salvato nel passaggio precedente sulla superficie anteriore e regolarlo fino a quando non appare sotto.
Successivamente, disegna un altro rettangolo con le dimensioni mostrate, quindi digita o incolla il testo al suo interno usando lo strumento tipo area come prima. Il segno più indica che c'è troppo testo in relazione alla dimensione del contenitore. Se si tiene premuto il tasto Alt e si fa clic due volte sul segno più, verrà visualizzato un secondo rettangolo contenente il testo nascosto (1).
Regola le dimensioni del secondo contenitore in modo che l'intero testo sia visibile, quindi allineo orizzontalmente (2). Ora seleziona i due contenitori, espandi e trascinali nel pannello Simboli (3). Assegna un nome a questo simbolo "E Side".
Nella finestra Mappa, seleziona il simbolo definito nel passaggio precedente e applicalo sulla superficie indicata.
Abbiamo bisogno di altri tre simboli per la lettera "E". Disegna i rettangoli e digita il testo al loro interno. Nell'immagine qui sotto puoi vedere le dimensioni dei tre rettangoli e il carattere che ho usato. Dopo averli espansi, trascinali nel pannello Simboli.
Nella finestra Map Map applicare il simbolo "E Side 2" sulla superficie indicata sotto, quindi continuare con gli altri due simboli "E Side 3" e "E Side 4" come mostrato. La lettera "E" è pronta.
Quindi, prendi lo Strumento testo (T) e digita "Daily News" usando Penshurst Bold, dimensione di 12 pt. Utilizzando anche lo Strumento testo (T) seleziona solo le lettere "D" e "N", quindi cambia il carattere in Monotype Corsiva, con una dimensione di 22 pt. Continua a disegnare le due linee usando lo strumento Penna (P) o lo Strumento Segmento di linea (\), quindi digita la data e il sito web tra di loro, come fatto in precedenza. Per loro ho usato il font Lucida Sans Typewriter, Bold, con una dimensione di 4 pt.
Ora, digita un titolo per l'articolo, quindi disegna un rettangolo come contenitore per l'articolo con le dimensioni mostrate. Digitare il testo all'interno utilizzando lo strumento tipo area e il tipo di carattere indicato. Quando hai finito, seleziona tutto e dal menu Oggetto scegli Espandi. Assegna un nome a questo simbolo "W front".
Mappare questo nuovo simbolo sulla superficie anteriore della lettera "W". Ho ruotato il simbolo per creare un aspetto diverso.
Segui l'immagine successiva e crea il resto dei simboli di cui abbiamo bisogno per la lettera "W". Notare le dimensioni dei contenitori di testo, il tipo di carattere e i nomi dei simboli.
Ho indicato nell'immagine sotto quale simbolo corrisponde a quale superficie della lettera, quindi apri la finestra Map Map e applicali come mostrato. La lettera "W" è pronta.
Siamo ora nell'ultima lettera. Prendi lo Strumento testo (T) e digita il titolo, in questo caso "Meteo di oggi" utilizzando Monotype Corsiva, con una dimensione di 15 punti. Sotto di essa traccia una linea con un tratto nero di 1 pt, quindi disegna un rettangolo di 181 x 207 px. Digita il testo all'interno, quindi seleziona tutto e scegli Espandi dal menu Oggetto. Ho chiamato questo simbolo "S Front".
Nell'immagine successiva puoi vedere gli ultimi tre simboli di cui abbiamo bisogno. Disegna i primi due rettangoli con le dimensioni mostrate e digita il testo al loro interno usando lo strumento Tipo Area.
Duplica il secondo contenitore di testo e mantieni solo l'ultima parte del testo come indicato. Vedrai nel prossimo passaggio perché abbiamo fatto questo. Al termine, espandi questi simboli e trascinali nel pannello Simboli.
Con la lettera "S" selezionata, apri la finestra Opzioni Estrusione e smusso, quindi la finestra Mappa. Prima mappare il simbolo "S Front" sulla superficie frontale della lettera. Se passate alle superfici successive noterete che l'area ondulata superiore non è composta da una singola superficie ma da due, come mostrato di seguito.
Se fosse solo una superficie, non abbiamo più bisogno del simbolo "S lato 4". Quando mappi i simboli "S Side 3" e "S Side 4", cerca di abbinarli il meglio che puoi. Ingrandisci la lettera e sposta il simbolo "S lato 4" fino a quando le parole dall'inizio coincidono con quelle della fine del simbolo "S lato 3".
A questo punto tutte le lettere sono pronte. Se sei felice con loro, vai al menu Oggetto e seleziona Espandi aspetto, quindi separalo tutte e tre le volte.
Ora concentrati sulla lettera "N". Nel pannello Livelli si nota che è composto da quattro gruppi principali, che corrispondono alle quattro superfici mappate. Gli ultimi due gruppi sono le due forme grigie dell'interno che non sono state mappate. Se selezioni il gruppo "Lato 2" vedrai che c'è una parte nascosta del simbolo. Dobbiamo sistemare questo. Seleziona il gruppo contenente il testo e il tracciato di ritaglio, quindi fai clic su Ritaglia dal pannello Pathfinder.
Fai la stessa cosa per gli altri tre gruppi (Front, Side 3 e Side 4) quindi per le altre tre lettere.
Seleziona la forma frontale della lettera "N" e sostituisci il colore di riempimento grigio con la sfumatura radiale mostrata sotto. Dal pannello Aspetto, apri il menu a comparsa e seleziona Aggiungi nuovo riempimento. Cambia il gradiente in Neutro 6. Puoi trovare questo gradiente nel menu Librerie Swatch sotto Sfumature> Neutri. Ora imposta la modalità di fusione su Luce soffusa, ma solo per questo secondo riempimento. In questo modo otterrai un aspetto vecchio e discreto.
Con il secondo riempimento selezionato nel pannello Aspetto, vai a Effetto> Schizzo e applica l'effetto Carta Nota. Dopo aver finito, trascina la piccola miniatura indicata nel pannello Stili grafica per salvarla. Applica questo stile alle forme anteriori delle altre tre lettere e in questo modo finirai più velocemente.
Per la lettera "S" elimina il gruppo contenente il testo e il tracciato di ritaglio dall'area indicata perché dovrebbe essere vuoto.
Seleziona la forma dal lato sinistro della lettera "N" e riempila con il gradiente radiale mostrato. Ora scegli di nuovo Aggiungi nuovo riempimento dal menu a comparsa nel pannello Aspetto. Mantieni la stessa sfumatura, quindi applica l'effetto Carta Nota utilizzando le impostazioni mostrate. Riduci l'opacità al 50%, ma solo per questo secondo riempimento. Trascina la miniatura nel pannello Stili grafica accanto alla prima per salvarla.
Applica lo stile grafico salvato nel passaggio precedente alle forme in alto della lettera "N", quindi continua con il resto delle lettere e applica lo stesso stile per le forme mostrate sotto.
La forma superiore della lettera "S" richiede un po 'più di attenzione, quindi segui il passaggio successivo.
Se si seleziona la forma curva superiore della lettera "S", si noterà che si tratta in realtà di un gruppo di molte forme più piccole, pertanto non è possibile applicare lo stile grafico come con le altre forme.
Per risolvere questo problema, seleziona il gruppo (senza il testo) e prima scegli Separa dal menu Oggetto, quindi Aggiungi a area forma dal pannello Pathfinder. Come risultato di queste azioni otterrete una singola forma e ora potete applicare lo stesso stile grafico usato nel passaggio precedente.
Continuiamo con le due forme dall'interno della lettera "N". Selezionare quello dall'alto, riempirlo con il primo gradiente radiale mostrato, quindi aggiungere un secondo riempimento come in precedenza. Mantieni la stessa sfumatura e applica l'effetto Carta da lettere usando le impostazioni mostrate al punto 31. Riduci l'opacità al 25% per questo secondo riempimento, quindi trascina la miniatura nel pannello Stili grafica per salvare il terzo stile.
Passa alla forma in basso. Ripeti lo stesso processo, usa solo la seconda sfumatura mostrata, quindi salva anche questo stile.
Applica i due stili grafici salvati nel passaggio precedente alle altre forme dall'interno come indicato, ma assicurati di separarli prima.
Riempi le due forme rimanenti della lettera "E" con il colore mostrato, quindi riempi le due forme della lettera "S" con il gradiente radiale.
Le lettere sono quasi pronte. I bordi delle lettere non sono nitidi a causa dell'effetto Note Paper applicato, ma possiamo correggerlo con alcune maschere di ritaglio.
Copia e incolla davanti alla forma dalla parte anteriore della lettera "N" e cancella tutte le apparenze esistenti. Seleziona il gruppo che contiene questa forma, il testo e la forma frontale originale, quindi dal menu Oggetto scegli Separa, quindi Maschera di ritaglio> Crea.
Fai la stessa cosa per tutti i lati della lettera che hanno applicato l'effetto Carta Nota, quindi ripeti questo passaggio per le altre tre lettere.
Prendi lo Strumento Ellisse (L) e disegna un ovale piatto da 200 x 10 px. Ora usa lo strumento selezione diretta (A) per selezionare solo i punti di ancoraggio sinistro e destro, quindi premi l'opzione Converti punti di ancoraggio selezionati in angolo. Trascina la forma risultante nel pannello Pennelli e scegli Nuovo pennello artistico. Nella finestra Opzioni pennello artistico selezionare Proporzionale.
Segui gli angoli e i bordi delle lettere, quindi usa lo strumento Penna (P) per disegnare i piccoli tracciati rossi che vedi qui sotto. Traccia tutti questi percorsi con il pennello artistico definito nel passaggio precedente, quindi modifica il peso a 0,25 pt. Con tutti selezionati, vai al menu Oggetto e scegli Espandi aspetto. Imposta la modalità di fusione su Moltiplica e abbassa l'opacità al 30%.
Aggiungiamo alcune ombre. Disegna le prime due forme usando lo strumento Penna (P), riempile di nero, quindi vai a Effetto> Sfocatura e applica una sfocatura gaussiana di 5 px. Invia la forma sotto la lettera "E", ma davanti alla lettera "N" e la forma da destra, dietro la lettera "S", ma davanti alla lettera "W".
Quindi disegna le altre forme mostrate nella seconda parte dell'immagine e rimandale tutte indietro. Riempi di nero e applica una sfocatura gaussiana di 8 px. Abbassa l'opacità al 40%.
Abbiamo finito e qui è l'immagine finale:
Accentsconagua