Riflessioni fatte bene - Creazione di un'icona di un rotolo di soldi

Cash-in quando segui questo tutorial per creare riflessioni accurate e logiche. Tratterò come utilizzare l'ombreggiatura e il mascheramento per creare un'illustrazione che valga la pena dare un'occhiata.

Anteprima dell'immagine finale

Di seguito è l'immagine finale su cui lavoreremo. Vuoi accedere ai file Vector Source completi e alle copie scaricabili di ogni tutorial, incluso questo? Unisciti a Vector Plus per soli 9 $ al mese.

Dettagli dell'esercitazione

  • Programma: Adobe Illustrator CS4
  • Difficoltà: Intermedio
  • Tempo di completamento stimato: 1,5 ore

Ecco l'illustrazione che creerò.

Passo 1

Inizia usando lo strumento Ellisse (L) per disegnare un cerchio perfetto. Tieni premuto il tasto MAIUSC per farlo.

Passo 2

Aggiungi un gradiente radiale con colori verde chiaro. Assicurarsi che il centro e i bordi esterni siano più leggeri.

Passaggio 3

Usando lo strumento Direct Select (V), il cerchio viene distorto in una forma ovale.

Passaggio 4

Duplica l'ovale in basso nella pagina. Assicurati di tenerlo perfettamente in linea con la prima forma. La distanza che le forme sono lontane l'una dall'altra sarà l'altezza del tuo rotolo di soldi.

Passaggio 5

Usando lo strumento Rettangolo (M) disegna un rettangolo che corrisponde esattamente alla larghezza degli ovali. Il rettangolo dovrebbe iniziare e finire ai punti a metà di entrambi gli ovali.

Passaggio 6

Seleziona il rettangolo e l'ovale inferiore. Nella tavolozza degli itinerari selezionare Unisci. Le due forme dovrebbero ora essere una.

Passaggio 7

Dare al rotolo di soldi un gradiente lineare. Osserva che il lato destro ha un tocco in più. Si chiama illuminazione riflettente ed è importante per l'efficacia complessiva dell'aspetto dell'icona. Passa un po 'di tempo a prendere il gradiente giusto prima di andare avanti. Nota: se l'ovale in alto non è davanti, selezionalo e vai su Oggetto> Disponi> Porta in primo piano.

Passaggio 8

IMPORTANTE: duplica tutte le forme e tieni l'originale a lato.

Usando la nuova copia, assicurati che l'ovale si trovi in ​​cima alla forma sfumata verde scuro (Oggetto> Disponi> Porta in primo piano), quindi seleziona entrambe le forme e nella Tavolozza degli itinerari fai clic su Meno fronte.

Passaggio 9

Questo è ciò che dovresti lasciare.

Passaggio 10

Seleziona la forma e vai su Oggetto> Tracciato> Tracciato offset. Immettere un valore negativo per l'offset. Nota, il tuo valore sarà determinato da quanto è grande la tua opera d'arte creata, quindi inserisci un numero che ti sta bene.

Passaggio 11

Prima di colorare la nuova forma individualmente, è necessario separare l'oggetto. Vai a Oggetto> Separa. Usando lo Strumento selezione diretta, seleziona la forma centrale e assegnagli un riempimento nero. Nella tavolozza della trasparenza selezionare Moltiplicare, quindi regolare l'opacità a circa il 25%. Ora puoi posizionare la nuova forma più piccola sopra il rotolo di denaro che hai messo di lato e sbarazzarti della forma più grande.

Passaggio 12

Crea il buco nella parte superiore del rotolo copiando l'ovale in alto e quindi incollandolo direttamente in posizione premendo Comando + F. Ridimensiona l'ovale verso il basso utilizzando lo strumento Selezione diretta. Tieni premuto MAIUSC + Opzione e trascina l'oggetto fino a quando non è più piccolo.

Passaggio 13

Riempi la forma con un gradiente radiale da nero a bianco, imposta la modalità su Moltiplicare nella tavolozza Trasparenza e porta l'opacità a circa il 42%.

Passaggio 14

Crea una forma più arbitraria sulla faccia del rotolo usando lo Strumento matita (N) per disegnare la forma. Suggerimento: tieni premuto il tasto Opzione per chiudere facilmente la forma quando la disegni.

Passaggio 15

Creare l'illusione di pieghe o pieghe in cima al rotolo è facile. Usa due ellissi sovrapposte per iniziare.

Passaggio 16

Nella tavolozza dell'opzione seleziona Fronte meno. Questo ti lascerà una forma a mezzaluna. Duplica la forma e modifica la scala e il colore per aggiungere una varietà di pieghe e pieghe.

Passaggio 17

Ecco come dovrebbe essere la tua opera d'arte al momento.

Passaggio 18

Per creare la banda attorno al rotolo, utilizzare un processo simile a quello per creare le pieghe in cima. Ancora una volta, inizia sovrapponendo due ellissi.

Passaggio 19

Fai clic su Meno fronte nella tavolozza degli itinerari.

Passaggio 20

Se ingrandisci vedrai che ora c'è un punto acuto sul bordo della banda. Dovrai usare lo strumento Penna per correggerlo.

Passaggio 21

Usando lo strumento Penna (P) traccia una forma che copre il bordo appuntito. Usa il fronte meno nel Pathfinder per modificare la forma della banda.

Passaggio 22

Dare alla band un gradiente dal rosso intenso al rosso scuro. Osserva come sto ancora usando l'illuminazione riflessa su questo elemento. Tieni a mente la tua fonte di luce. Per questa illustrazione, la luce proviene dal lato superiore sinistro.

Passaggio 23

Dare alla band un po 'più di dettaglio aggiungendo un bordo più scuro attorno ad esso. Vai a Effetto> Stilizzazione> Bagliore interno. Seleziona Moltiplica e usa un colore scuro come nero. Regola Opacità e Sfocatura, quindi fai clic su OK.

Passaggio 24

Dare un'ombra alla band prima usando lo strumento Pencil per disegnare una forma simile a quella sottostante.

Passaggio 25

Sfoca la forma andando su Effetto> Sfocatura> Sfocatura gaussiana. Nella palette Trasparenza selezionare Moltiplicare in modo che l'ombra si fonda bene con il colore verde dietro di esso.

Passaggio 26

Migliora il dettaglio della band usando lo strumento Penna per disegnare una lieve lumeggiatura sul suo bordo.

Passo 27

Crea le monete disegnando prima un'ellisse e riempiendola con un gradiente lineare.

Passaggio 28

Ho aggiunto una sottile forma interna che è leggermente più scura della forma dietro di essa. Ciò crea l'impressione di una cresta o di un labbro all'interno della superficie della moneta. Ancora una volta, usa la tecnica copia e incolla in posizione (usata nel passaggio 12) per essere certo che la tua nuova forma si trovi nel mezzo della forma dietro di essa.

Passaggio 29

Dare la profondità della moneta duplicando l'ovale e posizionandolo più in basso rispetto al primo ovale. Disegna un rettangolo che corrisponde alla larghezza dell'ovale e inizia e termina nel punto a metà orizzontale di entrambi gli ovali superiore e inferiore. Usa la tavolozza Pathfinder per unire la forma ovale e rettangolare inferiore. In poche parole, crea questa forma nello stesso modo in cui hai creato la forma del rotolo di soldi.

Passaggio 30

Usa lo strumento Penna per disegnare alcuni piccoli dettagli come rivetti sul lato e riflessi sui bordi.

Passaggio 31

Disegna un paio di altre monete, ruotale e impilarle una sopra l'altra. Raggruppa ogni moneta mentre la disegna per facilitare la selezione di una moneta alla volta.

Passo 32

Dare ad ogni moneta la propria ombra usando la tecnica Gaussian Blur. Osserva come l'ombra centrale è più scura poiché più monete coprono quest'area.

Passaggio 33

Posiziona le monete accanto al rotolo di denaro. Aggiungi un'altra ombra sfocata nell'area in cui le monete toccano il rotolo.

Passaggio 34

Aggiungi un'ombra anche sotto il volume dei soldi.

Passaggio 35

Per creare il riflesso inizia raggruppando il rotolo di soldi e tutti gli elementi che lo compongono. Duplicalo e invialo sul retro andando su Oggetto> Disponi> Invia a indietro.

Passaggio 36

Selezionare il rotolo inferiore e nella tavolozza trasparenza fare doppio clic sull'area vuota evidenziata in giallo.

Passaggio 37

La forma del rotolo inferiore dovrebbe essere ora invisibile.

Passaggio 38

Usando lo strumento Rettangolo, disegna un rettangolo (che ha un riempimento bianco) in cima all'area in cui dovrebbe trovarsi il rullo inferiore. Ora, il tuo lancio in basso dovrebbe essere di nuovo visibile.

Passaggio 39

Lavorando ancora sul lato maschera della palette Trasparenza (il lato destro,) si ottiene la forma "bianca", si è appena disegnato un gradiente radiale da nero a bianco. Questo gradiente viene gradualmente mascherato per dare l'impressione che il riflesso si dissolva. Assicurati che il tuo nero sia composto da tutti i valori 0 e il tuo bianco sia composto da tutti i 255 valori. Trascurare questo passaggio renderà il tuo riflesso incapace di sfumare o completamente.

Passaggio 40

Notare che i punti 36-39 devono essere completati sul lato maschera della tavolozza dei lucidi (sul lato destro). Ritorna al lato sinistro della tavolozza dei lucidi facendo doppio clic sull'area gialla. Ora, nella palette Trasparenza puoi selezionare la forma del rotolo inferiore e regolare l'Opacità a qualcosa di più basso, come circa il 60%.

Passaggio 41

Ecco come dovrebbe essere la tua opera d'arte al momento.

Passaggio 42

Generalmente, la creazione di una riflessione logica per le monete è dove la maggior parte delle persone ha difficoltà a visualizzare l'esecuzione corretta. Nel primo esempio, le monete sono state semplicemente copiate e incollate capovolte. Questo non è corretto L'aspetto corretto che le monete dovrebbero avere è quello di un riflesso vero.

Step 43

È facile rendere credibile la riflessione. Ho suddiviso il processo in 3 immagini. Per prima cosa, copia la moneta a sinistra. Ruota e invia sul retro di tutti gli altri oggetti. In secondo luogo, duplica il bordo della moneta centrale e incollalo direttamente sotto. In terzo luogo, duplica la moneta giusta per mandarla dietro a tutti gli altri oggetti.

Ora, le monete sono impilate in un modo più realistico che semplicemente copiando e incollando l'intera cosa.

Passaggio 44

Dissolvete le monete usando la stessa tecnica di mascheramento usata per il rotolo di soldi.

Passaggio 45

Disegna un rettangolo con angoli arrotondati. Nota, puoi regolare il raggio degli angoli tenendo la freccia su o giù mentre disegni la forma.

Passaggio 46

Riempi con un gradiente blu freddo.

Passaggio 47

Rendi più scuri i bordi andando su Effetto> Stilizzazione> Bagliore interno.

Passaggio 48

Aggiungi un po 'di atmosfera disegnando alcune forme d'onda casuali e dando loro un gradiente da bianco a trasparente.

Passaggio 49

Aggiungi il testo in basso. Ho usato un font chiamato ITC Franklin Gothic.

Passaggio 50

Per assegnare al testo un riempimento a gradiente, selezionare prima il testo, quindi nella tavolozza Aspetto selezionare il triangolo a comparsa e fare clic su Aggiungi nuovo riempimento. Regola il gradiente a tuo piacimento.

Passaggio 51

Per dare al testo un'ombra, ho semplicemente sbavato una forma quadrata usando Gaussian Blur.

Passaggio 52

Infine, dare al testo un riflesso come è stato fatto per il rotolo di soldi e monete.

Immagine finale

Questo è l'aspetto dell'icona finale!

Iscriviti al feed RSS di Vectortuts + per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.