Come progettare un'icona di un giornale personalizzato

Extra, extra leggi tutto! Scopri come creare un'icona di un giornale. Per completare questo tutorial è richiesta una conoscenza avanzata di Adobe Illustrator. Imparerai come creare questa icona dettagliata passo dopo passo. Iniziamo con questo tutorial creativo!

È possibile trovare i file di origine nella directory denominata "origine" inclusa nei file scaricati. Potresti desiderare di esaminarli brevemente prima di iniziare.


Passo 1

Usando lo Strumento Rettangolo (M) per disegnare un rettangolo, come mostrato sotto.



Passo 2

Digitare il titolo per il giornale. Può essere qualunque cosa tu voglia. Pensa in anticipo a come utilizzerai l'icona in modo specifico. La tua icona sarà per un feed RSS? Se è così, potresti voler scrivere "RSS". Oppure, forse la sezione delle notizie verrà aggiornata mensilmente, se è il caso, vorrai dire qualcos'altro.

Il font che sto usando è Lucidia Blackletter. La maggior parte dei giornali usa questo tipo di carattere quindi consiglierei di attenersi a qualcosa in questo senso se si vuole un tocco tradizionale.



Passaggio 3

Usando lo Strumento testo (T), disegna due aree di testo, una grande e una sottile. Riempili con il testo segnaposto. Visita lipsum.com per prendere un breve testo. È inoltre possibile utilizzare Adobe InDesign per creare testo segnaposto.

Nota: spesso durante la progettazione è necessario utilizzare il testo segnaposto durante la creazione di un disegno. Per rendere il testo rapidamente accessibile, potrebbe essere utile creare un semplice file di testo e salvarlo sul tuo computer per un rapido utilizzo.



Passaggio 4

La maggior parte dei giornali è giustificata, il che significa che entrambi i lati sinistro e destro del testo sono a filo. Per fare ciò, nella palette dei paragrafi selezionare Giustifica con l'ultima linea allineata a sinistra. Non preoccuparti troppo di come il testo si rompe a questo punto. È possibile aggiungere interruzioni di riga o ritorni rigidi in seguito, una volta inseriti tutti gli elementi.



Passaggio 5

Per dare al testo un po 'più di interesse, cambieremo leggermente la prima riga di testo. Seleziona la prima riga di testo e nel menu a comparsa delle tavolozze di caratteri (evidenziato sotto) e scegli Maiuscoletto.



Passaggio 6

Maggiore è l'interesse visivo del quotidiano, migliore sarà il risultato finale. Seleziona il blocco alto di testo e cambia lo stile in corsivo.



Passaggio 7

Sotto il titolo aggiungi un altro blocco di testo che funge da titolo per una notizia importante.

Nota: se non è già ovvio, assicurati di utilizzare un font con diversi stili e pesi diversi in modo da poter creare un intervallo di aree di testo interessanti.



Passaggio 8

Utilizzare lo strumento Penna (P) per tracciare una linea sottile sopra e sotto una riga di testo. Non esitare ad afferrare un giornale o la "copertina del giornale" di Google per aiutarti a trovare idee per il layout.



Passaggio 9

Usando lo Strumento Rettangolo (M), disegna un breve rettangolo sotto il titolo per la storia.



Passaggio 10

Aggiungi tre blocchi di testo e li contrassegna in corsivo per dare l'impressione che questo testo sia un'introduzione a una storia che viene proseguita altrove in tutto il giornale. Aggiungi un piccolo quadrato alla fine di ogni blocco di testo usando lo strumento Rettangolo.



Passaggio 11

Successivamente aggiungeremo l'area per la foto che accompagna la notizia principale. Usando lo strumento Rettangolo ancora una volta, disegna un rettangolo sul testo.



Passaggio 12

Seleziona il rettangolo e vai a Oggetto> A capo automatico> Crea. Dopodiché vai su Oggetto> A capo automatico> Opzioni a capo di testo ... Modifica l'Offset in base alle tue preferenze.



Passaggio 13

Puoi ripetere l'ultimo passaggio per le due foto più piccole o semplicemente spostare leggermente il blocco del testo, poiché il testo non ha bisogno di avvolgere i lati di questi piccoli rettangoli.



Passaggio 14

Per creare facilmente l'illusione di una fotografia, utilizzeremo lo strumento Gradiente mesh per aggiungere alcune variazioni al rettangolo. Fai clic alcune volte all'interno del rettangolo per assegnargli alcuni punti. Utilizzare lo strumento Selezione diretta (A) per regolare le maniglie e le curve dei punti in modo che le linee non siano perfettamente diritte.



Passaggio 15

Cambia il colore dei punti in modo che appaia come se ci fosse qualche dettaglio nel fotografia.



Passaggio 16

Ripeti questa procedura per le altre due foto di piccole dimensioni.



Passaggio 17

Seleziona tutto e vai a Tipo> Crea contorni. Seleziona tutto ancora una volta e vai su Oggetto> Gruppo.



Passaggio 18

Usando lo strumento Rettangolo arrotondato disegna un rettangolo come mostrato di seguito.

Nota: per modificare il raggio degli angoli del rettangolo, tenere le frecce su o giù mentre si disegna la forma.



Passaggio 19

Disegna un altro rettangolo e posizionalo sopra la fine della forma curva. Nella tavolozza dell'opzione seleziona Sottrai dall'area forma seguita da Espandi.



Passaggio 20

Questa è la forma che dovresti lasciare.



Passaggio 21

Seleziona la forma e vai su Oggetto> Distorsione inviluppo> Crea con Warp ... Seleziona Shell inferiore dall'elenco e modifica il Piegamento a circa il 3%, quindi fai clic su OK.



Passaggio 22

Seleziona l'oggetto e vai su Oggetto> Espandi ... Lascia le opzioni così come sono e fai clic su OK nella finestra di dialogo visualizzata.



Passaggio 23

Usando lo strumento selezione diretta seleziona il punto in alto a sinistra e trascina la curva verso l'interno per creare un sottile arco sul lato sinistro della forma. Ripeti questo processo dopo aver selezionato il punto in alto a destra.



Passaggio 24

Questo è come dovrebbe essere la tua forma.



Passaggio 25

Seleziona la forma e vai a Effetto> 3D> Estrusione e smusso ... Inserisci le rotazioni che ho selezionato, quindi seleziona Altre opzioni e inserisci le variabili evidenziate sotto.



Passaggio 26

Per adattare la copertina del giornale alla forma 3D avrai bisogno di deformare la copertura in modo sostanziale. Per fare ciò seleziona il giornale e vai su Oggetto> Distorsione busta> Crea con mesh ... Inserisci 2 per Righe e 2 per Colonne.



Passo 27

Utilizzando lo strumento Selezione (o lo strumento Ruota) ruotare la forma come mostrato di seguito.



Passaggio 28

Utilizzo dello strumento di selezione diretta Afferra ciascun angolo del giornale e trascinalo nell'angolo corrispondente della forma del giornale.



Passaggio 29

Ottenere la faccia del giornale per abbinarlo alla forma sarà complicato ma è fattibile. Continuare a utilizzare lo strumento di selezione diretta per mettere a punto gli altri punti sul giornale. Regola anche le maniglie come evidenziato sotto in modo che il giornale scorra esattamente dove vuoi.



Passaggio 30

Osservare sotto le maniglie nella loro posizione corretta.



Passaggio 31

Ecco come appare il volto del giornale una volta completamente adattato alla forma.



Passo 32

Dovremo dare al giornale un aspetto invecchiato. Per fare ciò seleziona la faccia del giornale e vai su Modifica> Colori> Regola bilanciamento colore. Seleziona Anteprima e Converti (se necessario), quindi regola i cursori in base alle tue preferenze.



Passaggio 33

Separare la forma 3D fino a quando non è più possibile separarla. Seleziona il bordo inferiore del giornale e cambia il colore in modo che corrisponda al viso del giornale.



Passaggio 34

Per ottenere il bordo casuale di cui ha bisogno il bordo superiore della carta, è sufficiente utilizzare lo strumento Pencil (N) per disegnare una forma arbitraria e seghettata.



Passaggio 35

Seleziona la forma che hai appena disegnato e seleziona il lato del giornale. Nella tavolozza dell'opzione seleziona Sottrai dall'area forma, quindi fai clic su Espandi.



Passaggio 36

Questo è ciò che dovresti lasciare.



Passaggio 37

Usando lo strumento Penna, disegnate delle forme ad arco liscio che indicano dove sono i bordi delle pagine. Questi possono essere casuali.



Passaggio 38

Assicurati di utilizzare una gamma di colori e sfumature per rendere l'effetto più credibile. Sperimenta anche con l'uso della trasparenza se necessario.



Passaggio 39

Nota come il centro del lato del giornale è molto più scuro. Questo è importante per creare un effetto dimensionale generale che stiamo cercando.



Passaggio 40

Usa lo strumento Penna per disegnare due rettangoli che seguono il bordo del fondo del giornale.



Passaggio 41

Date loro un gradiente sottile e nella palette Trasparenza, quindi selezionate Moltiplica, quindi la forma si fonde in modo più efficace con il colore del giornale.



Passaggio 42

Creeremo un tenue senso di profondità tracciando una forma arbitraria sulla faccia del giornale. Riempilo con un colore grigio chiaro.



Step 43

Nella tavolozza della trasparenza selezionare Moltiplicare e cambiare l'opacità a circa l'85%.



Passaggio 44

Per rendere meno ovvia la forma selezionalo e vai su Effetto> Stilizzazione> Sfocatura gaussiana. Inserisci un numero che ti sta bene.

Nota: il numero inserito potrebbe essere molto più alto o più basso di quello che mostro di seguito. La quantità di sfocatura applicata a un oggetto si basa sulla scala del disegno che stai creando.



Passaggio 45

Per completare l'icona, utilizzare la stessa tecnica per applicare altre ombre esterne ad altre aree del foglio, come al di sotto di essa.



Passaggio 46

Il lusso della grafica vettoriale è che si adatta a qualsiasi dimensione senza perdita di qualità. Potrebbero esserci occasioni in cui desideri utilizzare l'icona di dimensioni diverse. Quando ridimensiona l'icona in varie dimensioni, assicurati di sapere quali sono le tue preferenze per i tratti e gli effetti di Illustrator. Prima di ingrandire o ridurre l'icona, vai su Illustrator> Preferenze> Generale e seleziona Scala tratti ed effetti se è deselezionata. Ora sei libero di ridimensionare l'icona in dimensioni alternative.



Anteprima dell'immagine finale

Ecco il design completato. Hai appena imparato a creare un'icona di giornale dettagliata!