Creare un trattamento tipografico a vapore - Parte I

Che tu sia o meno un fan di Steampunk, questo tutorial in due parti ti permetterà di mettere alla prova le tue conoscenze su Illustrator, Cinema 4D e Photoshop. Nel primo semestre, stiamo andando a personalizzare un carattere Blackletter e creare testo 3D con forme vettoriali. C'è molto da fare, quindi iniziamo con la prima parte di questa serie in due parti!

introduzione

In questo tipo di trattamento, ho cercato di riunire un font Blackletter con l'allettante stile Steampunk. Una rapida ricerca in rete sul movimento mostrerà uno stile ben definito e alcuni leitmotiv dominanti. I motori a vapore, gli scarichi sibilanti ei metalli lucidi sono la norma, quindi, in linea con le linee guida, ho creato questa illustrazione.

Assicurati di dare un'occhiata a uno dei nostri altri tutorial di Steampunk su Psdtuts +, Come creare un'illustrazione stile Steampunk in Photoshop per l'ispirazione e alcuni gadget Steampunk tradizionali!

Anteprima dell'immagine finale

Dai un'occhiata all'immagine che creeremo. Ecco cosa raggiungeremo alla fine di queste due parti.

Per ora però, cercheremo di arrivare così lontano.

Passo 1

Il primo programma nella lista di oggi è Illustrator. Avvia, crea un nuovo documento web con impostazioni standard e digita la tua parola usando questo font gratuito.

Passo 2

Come puoi vedere quando esegui lo zoom, il font ha molti bordi duri perché è gratuito e non deve essere utilizzato per scopi di visualizzazione. Vogliamo un font pulito, con pochi endpoint che non rivelerà alcun bug in Cinema 4D. Quindi, riduci l'opacità del testo e crea un nuovo livello. Blocca il livello precedente e inizia a tracciare la tua versione della prima lettera.

Passaggio 3

Cerca di mantenere le linee più lisce e naturali possibili. Puoi scegliere di seguire i bordi con la lettera (il gioco di parole totalmente voluto) o creare una versione leggermente diversa come ho fatto io.

Passaggio 4

Crea un nuovo livello sotto e crea due barre rispetto a quelle precedenti. Mentre il colore non ha importanza, ho scelto valori diversi per rendere il tutorial facile da seguire.

Passaggio 5

Quindi su un livello superiore, crea dei punti con lo strumento Ellisse (E). Crea anche un rettangolo con lo Strumento rettangolo (M) e ruotalo di 45 gradi.

Passaggio 6

Quindi traccia la ... cosa da swirly vicino al centro. Una volta fatto ciò, vai su Oggetto> Percorso> Offset Path. Usa i valori mostrati sotto.

Passaggio 7

Individua il tuo Pathfinder (Finestra> Pathfinder) e fai clic sull'icona Trim.

Passaggio 8

Seleziona lo Strumento selezione diretta (A) o la freccia bianca, quindi fai clic prima sull'oggetto, quindi al centro. Elimina quella parte.

Passaggio 9

Ora traccia il resto della parola.

Passaggio 10

Copia tutte le facce delle lettere e incollale su un livello separato (Comando + F).

Passaggio 11

Vai a Oggetto> Espandi aspetto.

Passaggio 12

Vai a Finestra> Traccia e dai al testo una pennellata di 1 pt.

Passaggio 13

Ora dovrai fare clic e ricominciare solo la parte superiore del testo. Per qualche motivo, non è possibile modificare l'allineamento del tratto di tutti gli elementi contemporaneamente. Ad ogni modo, modifica l'allineamento facendo clic sull'icona centrale. Inoltre, cambia il Peso in 7 punti.

Passaggio 14

Ora vai su Oggetto> Espandi aspetto.

Passaggio 15

Tagliare con il Pathfinder.

Passaggio 16

Quindi spostalo di -2,4 punti.

Passaggio 17

Ritagliatelo nuovamente per appiattire l'effetto.

Passaggio 18

Ora puoi usare lo strumento selezione diretta (A) per eliminare il centro.

Passaggio 19

Ripeti questa procedura per tutte le parti rimanenti del testo.

Passaggio 20

Ora salvalo come un file di Illustrator 3. Cinema 4D non sarà in grado di accedere ai formati successivi.

Passaggio 21

La nostra seconda scelta software è Cinema 4D. Crea una nuova scena e vai su File> Unisci e individua il file di Illustrator 3. Fare clic per aprire il file posizionato all'interno della scena. Ora vai al pannello Oggetti e premi Maiusc + clic sui primi nove percorsi. Elimina quelli. Questi sono indicatori di angoli che si ottengono quando si importa il file di Illustrator.

Passaggio 22

Sposta i percorsi cinque e sei dal gruppo di Shift, trascinandoli sopra il gruppo nel menu Oggetto. Qualsiasi oggetto che vuoi estrudere individualmente, dovrai separarti dal gruppo.

Passaggio 23

Ora fai clic e trascina il pulsante Aggiungi HyperNURBS e rilascialo su Estrudi NURBS.

Passaggio 24

Fai clic con il tasto Maiuscolo sui due percorsi e trascinali in cima a NUDE estrusione.

Passaggio 25

Spunta la casella Gerarchia. Ciò significa che l'estrusione interesserà tutti gli oggetti posizionati sotto la NURBS estrusione.

Passaggio 26

Fare clic sulla scheda Caps e modificare le impostazioni in quelle mostrate di seguito.

Passo 27

Dopo aver fatto questo per ogni parte delle lettere, muovi l'Estrusione NURBS avanti e indietro finché non hai allineato i percorsi in punti diversi nello spazio. Inoltre, fai di nuovo clic sulla scheda Oggetto e modifica il Movimento a 40.

Passaggio 28

Scegli il dettaglio centrale e ripeti il ​​processo spiegato sopra. Basta cambiare il movimento a 20 metri.

Passaggio 29

I prossimi sono i percorsi dei punti. Puoi vedere più schede contemporaneamente facendo clic con il tasto Maiuscole su due o più, in questo caso Oggetto e Maiuscole. Utilizzare le seguenti impostazioni. Si noti che abbiamo modificato l'aspetto dei bordi da un angolo morbido a un semicerchio.

Passaggio 30

Quindi crea lo stesso effetto di estrusione per i percorsi 1, 2 e 3, ma con un valore di movimento di 30 m.

Passaggio 31

Per il diamante, utilizzare valori leggermente diversi. Abbiamo anche limitato gli effetti alle dimensioni originali spuntando la casella Vincolo per i punti e il diamante. Facendolo con oggetti piccoli potresti creare artefatti o bug visivi. Questo accade quando l'effetto vincolato si espande oltre le dimensioni dell'oggetto.

Passo 32

Crea un effetto Inciso sull'asta che collega la lettera.

Passaggio 33

Utilizzare le seguenti impostazioni per il punto finale.

Passaggio 34

Finlandese dalla prima lettera estrudendo i confini.

Passaggio 35

Fai lo stesso per le lettere rimanenti.

Passaggio 36

Copia la biella (Comando + C) e incollala (Comando + V). Questo lo incollerà nella stessa identica posizione.

Passaggio 37

Usa lo strumento sposta per riposizionare l'asta all'interno della seguente lettera.

Passaggio 38

Sul lato sinistro dell'interfaccia hai diversi metodi per selezionare un oggetto. Vogliamo spostare solo gli endpoint superiori per ridimensionare l'asta. Prima però, nascondi l'effetto estrusione cliccando sul segno di spunta verde dal menu Oggetti. Quindi selezionare lo strumento Puntatore e lo strumento Sposta (evidenziato nella seguente schermata) e premere Maiusc e fare clic sui primi due estremi.

Passaggio 39

Trascina la freccia gialla verso il basso finché i punti non scompaiono all'interno della lettera.

Passaggio 40

Fai lo stesso per gli endpoint in basso fino a quando non raggiungono il loop inferiore e riporta i NURBS di Estrusione.

Passaggio 41

È ora di aggiungere una fonte di luce alla scena. Per l'illuminazione, faremo affidamento su un ambiente cartografico HDRI e su un Area Light. Prima di tutto aggiungi una luce di area.

Passaggio 42

Portalo sopra il testo con lo strumento Sposta.

Step 43

Ruota di 45 gradi con lo strumento Ruota.

Passaggio 44

Cambia le dimensioni trascinando i punti finali con lo strumento Sposta.

Passaggio 45

Ora aggiungi un oggetto Sky.

Passaggio 46

Crea un nuovo materiale dal menu Materiale.

Passaggio 47

Fare doppio clic sull'icona del materiale dal menu per visualizzare l'Editor materiali. Deseleziona tutte le caselle e attiva Luminanza. Ora avrai bisogno di questa raccolta di mappe HDRI gratis. Ricorda dove lo posizioni e non trasformarlo in una posizione temporanea. Cerca di trovare un posto sicuro perché potresti trovarti a collegare più file a questi file HDR. Dopo aver premuto Apri, ti verrà chiesto se desideri copiare il file HDR nella cartella principale. Puoi farlo oppure premere No se non muovi la cartella dopo questo punto.

Passaggio 48

Fare clic sul pulsante tre punti e trovare il numero di studio sette dalla cartella. Apri la versione piccola.

Passaggio 49

Trascina il materiale sull'oggetto Sky.

Passaggio 50

Trova un'angolazione appropriata per visualizzare il testo e aggiungere una videocamera.

Passaggio 51

Per attivare la fotocamera, fare clic sull'icona bianca dal menu Oggetto.

Risultato finale

Un rendering veloce rivelerà ciò che abbiamo fatto in questa prima parte del tutorial. In questo rendering, ho duplicato la sorgente luminosa per maggiore luminosità. Però non ne avrai bisogno per la Parte II. Ci vediamo la prossima volta quando aggiungeremo textures e una scena al nostro testo!