Share
Lo adoro o lo detestano, l'anticipo delle vacanze è spesso il momento dell'anno più impegnativo per designer e illustratori. È intorno a questo momento che le richieste arrivano per tutti i tipi di promozioni e vendite. Ho perso il conto del numero di palline, tacchini e scatole regalo che mi è stato chiesto di illustrare. Il Quick Tip di oggi è un tutorial semplice e veloce che ti insegnerà come usare il pannello di aspetto e alcuni font carini per fare un'illustrazione di vendita molto semplice. L'attenzione qui è su un'illustrazione rapida e semplice che ti permetterà di andare avanti con i compiti più importanti della stagione. Iniziamo!
Crea un documento RGB da 600 x 500 pixel, con le unità impostate su pixel. Prendi lo Strumento Rettangolo (M) e Opzione + Fai clic sulla tavola da disegno e crea un rettangolo di 400 px per 100 pixel.
Crea le parti laterali del banner usando lo Strumento Rettangolo (M). Opzione + Fai clic sulla tavola da disegno e crea un rettangolo di 150 px per 100 pixel.
Prendi lo strumento Penna (P) e aggiungi un punto di ancoraggio al centro del lato destro del rettangolo. Con lo strumento selezione diretta (A), spostare il punto per creare una forma a V che comporterà la fine del nastro.
Seleziona la fine del nastro e crea una copia riflessa con Opzione + Facendo clic sul centro del rettangolo principale con lo strumento Rifletti (O) e crea una copia verticale. Seleziona entrambe le estremità del nastro e spostale sul retro dell'immagine (Seleziona quindi Comando + Maiusc + Parentesi quadrata sinistra)
In questo passaggio realizzeremo il modello per il nastro. Questo può essere quello che vuoi. Sto creando una striscia di base, quindi ho creato un piccolo rettangolo e poi copiato e incollato un altro rettangolo in posizione (Command + C poi Command + F) e ridotto la sua scala. Ho colorato ogni rettangolo con una sfumatura di rosso con un rettangolo più chiaro dell'altro. Seleziona le forme e trascinali nel pannello Campioni per creare uno sfondo.
Prova il motivo di riempimento sul nastro per vedere se ti piace. Una volta che sei felice è ora di aggiungere ulteriori dettagli.
Seleziona la barra multifunzione e fai clic sul pulsante Aggiungi nuova traccia, modifica le impostazioni in modo che il tratto abbia un peso di 1pt e una linea tratteggiata con un trattino di 4pt e una distanza di 4pt e sia di colore chiaro (ho usato il bianco).
Con il tratto selezionato, vai su "fx"nel pannello Aspetto e vai a Percorso> Offset Path e inserisci un Offset di -3px.
Seleziona il riempimento del nastro e vai al "fx"nel pannello Aspetto e vai a Stilizzazione> Bagliore interno. Imposta il colore come tonalità più scura del colore principale dei nastri (in questo caso sto usando un rosso scuro) e imposta l'opacità al 50%, la Modalità su Moltiplica e la sfocatura a 15px.
Ora è il momento di aggiungere il testo! Sto usando un grande font chiamato Pacifico in scala di 48pt. A seconda del carattere e del testo che stai utilizzando, dovrai impostare la dimensione del punto in modo che corrisponda alla dimensione del nastro. Se si desidera utilizzare lo stesso carattere di me, è possibile scaricarlo gratuitamente da Font Squirrel.
Con il testo selezionato, vai al pannello Aspetto e aggiungi un riempimento bianco, quindi un riempimento in una tonalità scura del colore principale dei nastri (per questo uso il rosso scuro). Assicurati che il colore più scuro sia sotto lo strato bianco. Seleziona il colore più scuro nel pannello Aspetto (assicurati che il testo sia ancora selezionato o che l'effetto non venga applicato) e vai a "fx"e vai a Distorsione e Trasforma> Trasforma, sposta il livello -5px verticale e fai clic su OK per creare un'ombra per il testo.
Il tuo nastro dovrebbe assomigliare a questo. Ora è il momento di renderlo sinuoso. Seleziona il testo e la parte superiore del banner e raggruppali insieme (Comando + G), quindi seleziona le due parti laterali del nastro e raggruppale utilizzando la stessa tecnica. Ora dovresti avere due gruppi che compongono il nastro.
Seleziona entrambi i gruppi della barra multifunzione con lo strumento Selezione (V) e vai a "fx"nel pannello Aspetto e naviga su Warp> Arch. Imposta il Piegamento sul 20% e fai clic su OK. Ora avrai uno stendardo sinuoso.
Seleziona lo strumento Ellisse (L) e Opzione + Fai clic sulla tavola da disegno e crea un cerchio di 350 px per 350 px.
Seleziona il cerchio e spostalo dietro il gruppo superiore del nastro con Command + Left Square Bracket. Il cerchio dovrebbe essere annidato tra i gruppi superiore e inferiore del nastro come si vede nell'immagine qui sotto.
Seleziona il cerchio e applica un gradiente radiale da un tono leggero a un tono leggermente più scuro. Ho usato da bianco a blu chiaro per il mio, puoi usare qualsiasi colore che ti piace purché sia più leggero del nastro (questo aiuta il testo a risaltare). Nel pannello Aspetto aggiungi un tratto di 1 o 2 punti in un tono leggermente più scuro rispetto al gradiente per definire l'esterno del cerchio.
Nell'immagine qui sotto vedrai come ho posizionato il gradiente. Puoi modificare il gradiente ogni volta che vuoi, basta selezionare il cerchio e poi scegliere lo strumento Gradiente (G) per spostare e modificare il gradiente all'interno dell'opera.
Non sarebbe una vendita senza lo sconto accattivante. Ho aggiunto del testo usando il font "Museo Slab 500" che è anche un font gratuito, puoi scaricarlo da FontSpring.com (dovrai registrarti per un account).
Nota: Sono stato piuttosto pigro qui mentre sto lavorando per creare il design senza troppi sforzi, quindi per rendere il bilanciamento del testo, l'ho suddiviso in due righe e ridotto la dimensione del font della linea di fondo. Un modo migliore per farlo sarebbe quello di allineare correttamente due diverse linee di testo e utilizzare la crenatura e il tracciamento per farlo apparire completamente bilanciato. Non abbiamo tempo per questo oggi, vogliamo delle vacanze!
Seleziona il testo di vendita e nel pannello Aspetto vai su "fx"e vai a Stylize> Outer Glow. Imposta il bagliore su un colore chiaro (ho usato il bianco) con un Mode of Normal e un Blur a 45px. Non noterai molto dopo questo passaggio, ma alleggerisce l'area dietro il testo un po 'per farlo risaltare un po' di più.
Ora faremo una gruccia per il cerchio che la trasformerà in una decorazione. Disegna un rettangolo con lo strumento rettangolo, selezionalo e nel pannello Aspetto fai clic su "fx"e naviga su Warp> Arch. Imposta il Piegamento su -15% e fai clic su OK. Una volta fatto, vai su Oggetto> Espandi Aspetto per rilasciare la forma e rendere più facile lavorare con.
Aggiungi un gradiente lineare simile all'esempio seguente per ottenere una finitura metallica. Se vuoi fare un effetto dorato, sostituisci i toni di grigio per il giallo e il marrone chiaro.
Disegna un'ellisse nella parte superiore della forma dell'arco per creare la parte superiore del gancio, riempirlo con un gradiente lineare utilizzando i toni medi e scuri del gradiente precedente (rimuovi semplicemente il colore più chiaro).
Disegna un cerchio con un tratto che complimenti alla scala del gancio (ho usato 8pt) e con lo strumento forbici (C) fai clic sui punti sui lati sinistro e destro del cerchio per tagliarlo a metà. Elimina la sezione in basso.
Vai a Oggetto> Espandi per trasformare il tratto in una forma. Riempi la forma risultante con lo stesso gradiente che hai usato per la parte superiore del gancio (quella che hai fatto nel passaggio 13).
Questo è il design di base per la vendita di vacanze. Da qui ho aggiunto un effetto granulosità al cerchio principale per dargli un aspetto più retrò da abbinare al nastro.
Per aggiungere la texture vai al "fx"nel pannello Aspetto e vai a Texture> Granulosità Puoi vedere le impostazioni che ho utilizzato nell'immagine qui sotto. Gioca con le impostazioni per trovare qualcosa che ti piace.
Questo è l'effetto finale. Ho anche cambiato il tratto in 1pt perché la grana stava facendo risaltare troppo la linea 2pt e riposizionato il gancio per creare un design più bello.
Nota: È meglio aggiungere effetti raster quando hai finito il disegno principale in quanto spesso può rallentare il computer e talvolta anche congela l'applicazione.
Ho anche notato che il banner e il gancio potrebbero usare un'ombra esterna. Per fare ciò, seleziona il gruppo superiore del banner, quindi vai a "fx"nel pannello Aspetto e vai a Stilizzazione> Ombra esterna Per mantenere i toni più tenui del disegno ho usato un tono scuro del colore principale (in questo caso un blu scuro) e impostare la Modalità su Più, l'Opacità al 40%, l'offset a 3px e la sfocatura a 3px.
Per aggiungere un'ombra esterna al gancio, ho creato un'ellisse, l'ho colorata con un tono medio del colore principale (in questo caso un grigio medio / blu) e l'ho inviata dietro il gancio (premi Comando + Parentesi quadra sinistra finché non è in posizione) Con l'ombra selezionata, vai a "fx"nel pannello Aspetto e vai a Sfocatura> Sfocatura gaussiana. Imposta il Raggio su 3,7 pixel (o qualsiasi cosa che risulti buona nell'anteprima) Fai clic su OK.
Sperimenta con colori e lettere diversi per vedere cosa puoi inventare. Se si desidera modificare l'angolo del nastro, andare su Oggetto> Espandi aspetto prima di spostarlo mentre l'effetto di curvatura cambia in modi imprevisti a causa della posizione (assicurarsi di salvare una copia prima di eseguire questa operazione poiché non è possibile modificare il nastro dopo averlo espanso). Spero che tu abbia apprezzato questo tut.
Accentsconagua