Crea un design per notebook collegiato vettoriale

Un paio di volte al mese rivisitiamo alcuni dei post preferiti del nostro lettore da tutta la cronologia di Vectortuts +. Questo tutorial di Jonathan è stato pubblicato per la prima volta il 20 gennaio 2009.

Impara a creare il modo di creare un design notebook collegiale vettoriale, che consiste in un notebook vettoriale realistico e accessori. È anche la base perfetta per creare un tema di intestazione sito cool! Per completare questo tutorial è richiesta una conoscenza avanzata di Adobe Illustrator. Iniziamo!

Anteprima dell'immagine finale

Di seguito è riportato il progetto finale in cui lavoreremo verso.я

Passo 1

Utilizzare lo strumento Rettangolo arrotondato per disegnare la forma base del notebook. Premere i tasti Freccia su e giù mentre si disegna la forma per modificare il raggio dell'angolo.

Passo 2

Applica un gradiente complesso.

Passaggio 3

Duplicare il notebook e tagliarlo a metà con il Pathfinder.

Passaggio 4

Duplica la pagina sinistra e posizionala su se stessa. Applica un gradiente sottile e imposta Trasparenza su Moltiplica. È possibile modificare rapidamente l'oscurità dell'ombreggiatura regolando l'opacità.

Passaggio 5

Usando lo strumento Penna (P) per disegnare una forma di arricciatura della pagina. Usando il Pathfinder, sottrai la forma della curl di pagina dal bordo del foglio.

Passaggio 6

Lascia la carta sotto la pagina arricciare un gradiente più scuro per simulare che è in ombra.

Passaggio 7

Disegna un semicerchio e condensalo leggermente. Posiziona il semicerchio sotto l'arricciatura della pagina per completare l'effetto. Si noti che il gradiente presenta un bordo leggermente più chiaro a destra. Questo è chiamato luce riflessa ed è un dettaglio importante nel realismo complessivo della pagina arricciata.

Passaggio 8

Applica un'ombra esterna al notebook. Tieni presente che potresti voler applicare tutte le ombre esterne come ultimo passaggio, a seconda della velocità del tuo computer. Le ombre diminuiscono le prestazioni di Illustrator. Ma se il tuo computer è abbastanza veloce questo potrebbe non essere un problema.

Passaggio 9

Crea alcune schede colorate disegnando un rettangolo e quindi utilizzando le sfumature preimpostate per colorarle. Per accedervi, vai a Finestra> Librerie Swatch> Sfumature> Brights. Potresti voler rendere il colore evidenziato leggermente più scuro poiché il nostro design richiede che la scheda venga visualizzata come se fosse incastrata tra le pagine.

Passaggio 10

Crea le linee rette disegnando prima due linee orizzontali.

Passaggio 11

Seleziona entrambe le linee quindi vai a Oggetto> Miscela> Opzioni di fusione. Selezionare Passi specificati, immettere un valore, quindi premere OK. Vai a Oggetto> Miscela> Crea.

Passaggio 12

Questo è il risultato. Puoi regolare il numero di linee andando su Oggetto> Miscela> Opzioni di fusione.

Passaggio 13

Così com'è, le linee si sovrappongono all'arricciatura della pagina. Per risolvere questo problema, espandi le linee combinate andando su Oggetto> Espandi.

Passaggio 14

Separa le linee appena espanse e regola la loro lunghezza orizzontale.

Non puoi dare ai tratti una sfumatura, quindi, usando lo strumento Rettangolo (M) disegna un rettangolo molto sottile e dargli un gradiente blu leggermente più scuro. Disegna una piccola linea curva e dona un colore blu più scuro.

Passaggio 15

Posiziona i tuoi nuovi elementi nella sezione arricciatura pagina.

Passaggio 16

Questo è come dovrebbe essere il tuo design adesso.

Passaggio 17

Crea facilmente macchie casuali sulla carta utilizzando il pannello Inchiostro artistico. Vai a Brush Libraries> Artistic> Artistic Ink. È possibile trascinare i campioni direttamente sulla pagina oppure disegnare una linea utilizzando lo strumento Penna e applicare il campione alla linea. Per modificare ulteriormente i campioni di inchiostro, è necessario prima espandere l'inchiostro.

Se hai familiarità con Illustrator potresti essere in grado di riconoscere quando qualcuno usa i campioni di inchiostro incorporati. Per rimediare a questa semplice modifica dei campioni di inchiostro usando lo strumento Crystallize (che si trova sotto lo strumento Warp, Shift + R.) Oppure, prova a utilizzare una varietà di strumenti di warping per ottenere risultati interessanti.

Passaggio 18

Dai alle tue macchie alcune sfumature, imposta la trasparenza su Moltiplicare e regola la loro opacità per aiutarle a fondersi con la carta.

Passaggio 19

Crea i buchi nella carta disegnando un'ellisse usando lo strumento Ellisse (L.)

Passaggio 20

Allinea perfettamente i fori usando la palette di allineamento.

Passaggio 21

Costruisci la matita usando forme di base. Nota: il triangolo usato per la punta della matita è stato creato usando lo Strumento Stella. Per variare il numero di punti, la stella usa semplicemente i tasti Freccia su e giù mentre stai disegnando la forma a stella.

Passaggio 22

Dare l'area mostrata sotto un bordo frastagliato usando lo strumento Warp.

Passaggio 23

Usa i gradienti di Metals incorporati di Illustrator andando su Finestra> Librerie Swatch> Metalli.

Passaggio 24

La canna della matita può essere rapidamente creata utilizzando una sfumatura nella misura massima. Per dare l'impressione di un numero di facce sulla matita, applica una sfumatura con quattro colori, tutti leggermente diversi ma nella stessa famiglia. Quindi, fai scorrere le aree evidenziate in giallo di seguito in modo che siano più vicine alle aree evidenziate in verde.

Passaggio 25

Dare la punta dei gradienti della matita. Dai alla sezione di legno esposta della matita una Bagliore interno andando su Effetto> Stilizzazione> Bagliore interno?

Passaggio 26

Duplica la parte metallica su cui è fissata la gomma, condensale e modifica il gradiente per dare l'illusione di creste sulla parte superiore della base metallica.

Passo 27

Usando lo Strumento testo (T) applica del testo a tuo piacimento. Il carattere che ho usato è ITC Franklin. Questo completa la matita.

Passaggio 28

Per creare la gomma rosa indipendente, disegna un rettangolo e assegna un gradiente tenue. Prendi una tacca dal bordo della gomma disegnando una forma casuale e sottraendola dal rettangolo usando il Pathfinder.

Passaggio 29

Crea trucioli di gomma usando lo strumento Pencil (N.) Comodo! Disegna arbitrariamente alcune forme e applica una sfumatura da rosa a grigio-rosa. Nota, il modo più semplice per chiudere una forma aperta è tenere premuto il tasto Opzione quando sei pronto per chiudere la forma.

Passaggio 30

Crea la graffetta di:

  1. Disegna un rettangolo con angoli arrotondati. Premere i tasti Freccia su e giù per regolare la curvatura del rettangolo. Come puoi vedere, la forma finale non è affatto un rettangolo. Quando hai una conoscenza approfondita di Strumenti di Illustrator sarai in grado di creare rapidamente quasi tutte le forme.
  2. Utilizzare l'opzione Divide per tagliare la graffetta.
  3. Riposizionare ed espandere e condensare le sezioni della graffetta per guardare come fanno sotto.

Passaggio 31

Unisci tutto usando l'area Aggiungi a forma nel Pathfinder. Applica un bagliore interno scuro andando su Effetto> Stilizzazione> Bagliore interno per completare la graffetta.

Passo 32

Posiziona tutti i tuoi elementi nella pagina a tuo piacimento e aggiungi ombre esterne. Potresti voler duplicare tutti gli oggetti, unire le singole forme che comprendono ciascun oggetto usando il Pathfinder e applicare l'ombra esterna a quella forma. In questo modo, l'ombra non verrà applicata a tutti i piccoli elementi che compongono ciascun gruppo dell'illustrazione, come la matita.

Trovo più piacevole creare un gruppo di oggetti invece di spaziare tutto separatamente. Tuttavia, questo dipende da voi.

Passaggio 33

Usando lo strumento rettangolo per disegnare un rettangolo e dargli una leggera ombra e sfumatura.

Passaggio 34

Dai al bordo del foglio un aspetto strappato disegnando una forma arbitraria con lo Strumento matita e utilizzando il Pathfinder per sottrarre la forma dalla carta.

Passaggio 35

Creare la foto è un gioco da ragazzi. Disegna un paio di rettangoli angolari arrotondati. Allinearli verticalmente usando la palette di allineamento.

Passaggio 36

Disegna un'ellisse che cade dove desideri posizionare il riflesso. Usa l'opzione Divide nel Pathfinder per rompere tutte le tue forme.

Passaggio 37

Ora sei in grado di assegnare a ciascuna sezione dei gradienti uniformi di foto.

Passaggio 38

Dare un po 'di consistenza al foglio bianco utilizzando un campione di inchiostro diverso dalla tavolozza d'inchiostro artistico. Varia la tua selezione in modo che tutto l'inchiostro sia unico.

Passaggio 39

Crea i fori nella cartella disegnando prima un'ellisse e assegnandole un tratto bianco.

Passaggio 40

Creare l'ombra e evidenziare sfocando le forme semplici. Crea le forme d'arco sopra i fori sovrapponendo due ellissi l'una sopra l'altra e usando Sottrai dall'area di forma nel Pathfinder. Crea il grande riflesso angolato sfocando un rettangolo e regolando l'opacità.

Passaggio 41

Aggiungi del testo nella parte anteriore della cartella. Ho usato ITC Franklin per "Vectortuts" e Bickham Script per "Jonathan". Applica una sfumatura dalla selezione Metalli incorporata.

Immagine finale

Ecco il design finale. Hai appena imparato a creare un design per notebook collegiale vettoriale. È anche la base perfetta per creare un tema di intestazione sito cool!