Share
Cosa starai creandoCosì spesso abbattiamo logotipi e progetti di grafica solo in Adobe Illustrator. Il tutorial di oggi produce un progetto sia in Adobe Illustrator che in Adobe Photoshop, evidenziando il processo di progettazione utilizzando metodi simili in ogni programma.
Ho abbozzato vari logotipi, disegni di badge e banner nel mio album da disegno. Anche se ho realizzato un'intera serie di disegni, questo tutorial si concentrerà su uno in particolare: un design ovale simile alle etichette delle bottiglie di birra nella sua forma, ma addolcito per una gelateria.
Ho deciso il design ovale per questo tutorial e, in quanto tale, ne delinea le variazioni con banner, copia aggiuntiva e elementi di design alternativi. Voglio che il pezzo dia allo spettatore le informazioni di cui ha bisogno: marca e tipo di prodotto.
Iniziamo questo tutorial in Adobe Photoshop CC (altre versioni possono sicuramente essere utilizzate, in quanto la maggior parte degli strumenti sono presenti in più versioni). Creare un Nuovo documento questo è circa 6 pollici di 8 pollici a 300dpi.
Utilizzare il Ellipse Tool (U) disegnare un grande ovale. Riempilo con un colore chiaro e cremoso (R: 248 G: 231 B: 213) nel Proprietà pannello. Right-Click lo strato di forma nel Livelli pannello, Rasterizza, e usa il Strumento rettangolare di selezione (M) ritagliare una sezione (vedi sotto) dell'ovale.
Utilizzare il Strumento bacchetta magica (W) selezionare al di fuori delle metà ovali e Invertire (Maiuscole-Ctrl-I) la selezione. Vai a Seleziona> Modifica> Contratto e Contratto di 15 pixel. Elimina la selezione appena contrattata dalle metà ovali in modo da rimanere con due contorni.
Disegna due lunghi rettangoli sui bordi interni di ciascuna metà ovale con il Strumento rettangolo (U). Puoi abbinare la larghezza esatta dei contorni selezionando ogni livello di forma con il Strumento di selezione diretta (A) e definendo l'altezza come 18px. Selezionare i tuoi strati di forma e Allineare loro al Centro con il Sposta strumento (V).
Su un nuovo livello, disegna un rettangolo e imposta il colore di riempimento su verde acqua brillante (R: 89 G: 189 B: 189). Rasterizza il livello e seleziona al di fuori della metà inferiore dell'ovale (passa ai livelli, quindi seleziona di nuovo lo strato rettangolo verde acqua). Elimina le parti del rettangolo che esistono al di fuori della selezione.
Usando il Strumento bacchetta magica, selezionare l'interno della metà ovale superiore. Contrarre la selezione di 20 pixel, come è stato fatto in Sezione 2, Passaggio 2. Creare un Nuovo strato e usa il Paint Bucket Tool (G) per riempire l'area appena contrattata con verde acqua.
Un rapido colpo del logo a questo punto nel tutorial. Ridurre la lunghezza dei rettangoli crema inferiori e disegnare quelli più piccoli al centro delle forme ovali. Assicurati che ogni elemento sia centrato.
Selezionare la metà ovale verde e fare a Nuovo strato nel Livelli pannello (per pezzi come questo, tendo a fare uno strato per ogni elemento del disegno in modo che possano essere facilmente modificati in seguito, proprio come un documento creato in Illustratore).
Utilizzare il Strumento sfumatura (G) posizionare un Gradiente radiale che va dal verde acqua scuro (R: 18 G: 112 B: 112) per trasparire all'interno della selezione (nel nuovo livello).
Il testo in questo disegno è abbastanza semplice e diretto. Scrivi il tuo testo con il Strumento di tipo orizzontale (T). Per "Dolcetti", ho usato Bebas Neue nella stessa crema utilizzata per le forme di contorno. Spostare verso l'alto i semitraenti ovali inferiori in modo che il testo si adatti al centro del disegno senza estendersi oltre il rettangolo lungo superiore.
Per il testo "ICE CREAM", ho usato Archivo Black, scritto in maiuscolo a causa del suo aspetto audace e a blocchi. Rasterizza il livello di testo e seleziona le lettere (assicurati che ci sia un riquadro intorno alle parti interne della "R" e "A") ed elimina la selezione dal livello del banner verde acqua. Nascondere il livello di testo nel Livelli pannello.
Fare un Nuovo strato sopra il livello banner verde acqua e utilizzare il Strumento sfumatura per posizionare Radiale gradienti su entrambi i lati del banner (concentrare l'acqua verde scuro sui bordi). Selezionare il banner verde acqua (nel livello del banner verde acqua) e Elimina le porzioni del livello sfumatura che non si intersecano con il banner verde acqua (come è stato fatto in Sezione 3, Passaggio 1).
Per aggiungere alcune code del nastro su entrambi i lati. Disegna un rettangolo verde acqua scuro con il Strumento rettangolo, Rasterizza il livello di forma e usa il Strumento lazo poligonale (L) disegnare una selezione a forma di triangolo da eliminare dal rettangolo.
Ruotare la forma 45 °, o così, Duplicare il livello e vai a Modifica> Trasforma> Rifletti orizzontalmente. Unisci (Control-E) il nastro si sovrappone e si posiziona sotto i livelli del banner ICE CREAM. Selezionare il banner e usa il Strumento gomma (E) per cancellare i nastri dalla selezione del testo (vedi l'immagine finale sotto).
Selezionare i livelli banner "ICE CREAM" e vai a Modifica> Deforma. Applicare un Arco piegare di -33% a seconda del posizionamento del tuo banner. Spostare il banner piegato e abbassare la metà ovale verso l'alto nel disegno.
Il tocco finale del testo per questo disegno è "SINCE 1982" (o in qualunque altro anno sia stato stabilito il tuo immaginario o piuttosto il vero business) scritto in grassetto Myriad Pro e in crema. Posiziona nella parte inferiore della seconda metà ovale in 12pt o 14pt taglia. Selezionare il tuo testo con il Strumento di testo orizzontale e deformare il testo in un Arco stile di -36%.
Utilizzare il Strumento penna (P) disegnare un rettangolo con il bordo superiore curvo. Tieni premuto alt per manipolare le maniglie durante la creazione della curva. Nel percorsi pannello, riempire la forma con lo stesso colore verde acqua usato in precedenza. Disegna una striscia sottile e curva (vedi sotto), anche con il Strumento Penna e riempilo con la crema. Elimina le porzioni della striscia che si estendono oltre la forma della tazza.
Utilizzare il Pennello (B) disegnare un vortice di gelato simile a una nuvola. Traccia la forma con il Strumento Penna a Nuovo strato e riempire con lo stesso colore crema utilizzato durante il tutorial. Utilizzare il Strumento ellisse disegnare una ciliegia rossa carina. Nascondere o Elimina lo strato di gelato disegnato.
Poiché questo è su uno sfondo bianco, il colore crema chiaro è stato cambiato in una pesca dolce. Mantiene il tema del colore sorbetto ma è leggibile contro i colori chiari. Se il logo sta per essere su uno sfondo scuro, optare invece per la crema leggera.
Una volta finito puoi Esportare il tuo file o continua a progettare badge, banner e logotipi per "Sweet Treats", la società di gelati preferita di tutti, creata per questo tutorial. Passiamo alla creazione dello stesso design in Adobe Illustrator.
Creare un Nuovo documento con le stesse dimensioni di Sezione 2, Passaggio 1. Utilizzare il Strumento ellisse (L) disegnare una grande forma ovale e il Strumento rettangolo (M) disegnare un rettangolo stretto che si sovrappone all'ovale. Riempire entrambi con il colore crema di Sezione 2, Passaggio 1. Selezionare entrambe le forme in colpo Fronte meno nel esploratore pannello. Right-Click la forma composta e il colpo Rilascia percorso composto per separare il
Disegna quattro rettangoli nello spazio tra le due metà ovali. Nota come i due superiori sono più lunghi dei due inferiori e quelli esterni sono più spessi rispetto ai due rettangoli interni.
Seleziona la metà ovale in alto e vai a Oggetto> Percorso> Percorso offset. Ingresso -6px per il Compensare. Selezionare sia l'ovale in alto che la sua forma sfalsata e colpiscono Fronte meno nel esploratore pannello. Ripeti con l'ovale inferiore.
Disegna un ovale più piccolo nella parte superiore della metà ovale color crema. Imposta il colore di riempimento sulla stessa verde acqua utilizzata Sezione 3, Passaggio 1, e tagliare la parte inferiore di esso utilizzando la tecnica da Sezione 6, Passaggio 1.
Con il Digita strumento, scrivi "Dolcetti" in Bebe Neue. Regolare le dimensioni e la forma generale del tipo con Strumento di selezione (V).
Per creare il banner verde acqua, disegna un rettangolo sul fondo della forma ovale. Seleziona entrambe le forme e usa il Strumento di creazione forme (Shift-M) in modo da Selezionare le parti esterne del rettangolo, Deseleziona, e Elimina li dallo striscione.
Con il Digita strumento, scrivi "GELATO" in Archivo Black e Espandere il tipo sotto Oggetto. Unire il tipo nel esploratore pannello. Selezionare la forma del testo e il banner verde acqua e colpito Fronte meno nel esploratore.
Scrivi "DAL 1982"nel Myriad Pro. Per deformare il testo, vai a Effetto> Ordito> Arco e piegare il testo di -17%. Metti questo testo nella parte inferiore dell'ovale.
Copia (Control-C) e Incolla (Control-V) il banner "ICE CREAM" e applicare un riempimento sfumato, utilizzando il Pendenza pannello, che va dal grigio verde acqua (Sezione 3, Passaggio 4) a 100% a 0% a 100% Opacità.
copia e Incolla la metà ovale verde e applicare a Gradiente radiale andando da alzavola scura a 100% a 0% di opacità. Regola la posizione del gradiente con il Strumento sfumatura (G).
Per la coppa del gelato, disegna un'ellisse e un rettangolo della stessa larghezza e Unire loro nel esploratore pannello. Utilizzare il Strumento penna (P) per disegnare la striscia curva color crema attraverso la parte anteriore della tazza. Come il processo in Sezione 5, Passaggio 2, abbozzare la forma del gelato con il Pennello Strumento (B) e tracciarlo con il Strumento Penna. Elimina eventuali schizzi tratti dal Livelli pannello. Utilizzare il Strumento ellisse disegnare una piccola ciliegia rossa e posizionarla dietro la forma del gelato.
Per i nastri del banner verde acqua, disegna un breve rettangolo con il Strumento rettangolo. Utilizzare il Strumento Penna disegnare un triangolo sul lato sinistro del rettangolo. Selezionare entrambi e colpire Fronte meno nel esploratore pannello. Ruotare la forma 45 ° o così. copia, Incolla, e Riflettere la forma del nastro su a Asse verticale e posizionare su entrambi i lati del banner verde acqua all'interno del disegno (assicurarsi che sia posizionato sotto il banner nel Livelli pannello).
Selezionare i componenti del banner "ICE CREAM" e Gruppo (Control-G) loro insieme. Vai a Effetto> Ordito> Arch e piegare di -21%.
La scelta del colore è importante. Ho creato lo sfondo grigio scuro in questo caso in modo che i dettagli della crema siano visibili. Immagina che il tuo logo venga stampato su un giornale o su una rivista, ma non verrà stampato a colori. Dovrai assicurarti di aver scelto i colori per quella particolare istanza in modo che il tuo marchio, prodotto e altre informazioni siano ancora leggibili.
La seconda variante è semplice in bianco e nero. Ho omesso la porzione di ciliegio del design. Tutti i gradienti sono stati cancellati (questo è il motivo per cui li ho posizionati su un livello separato dalla forma iniziale), la crema è diventata bianca e l'alzavola e l'alzavola scura sono diventati neri.
Proprio come la variazione in scala di grigi, tutte le informazioni salienti sono facilmente leggibili fintanto che esiste su uno sfondo grigio. Questo esercizio è utile non solo per le pubblicazioni in bianco e nero, ma anche per la stampa a colori limitata in cui è possibile scegliere solo due o tre colori.
Infine, vedere il logo, il banner, ecc. In questo modo riporta a martello quali parti del design si distinguono maggiormente. In questo caso è il gelato e le parole "DOLCI TRATTAMENTI", che sono gli elementi più importanti del design in quanto comunica immediatamente allo spettatore o al consumatore quale sia il prodotto o l'azienda.
Un design di base (creato separatamente, quindi si sono verificate variazioni) in due programmi. Mentre preferisco usare Illustratore per tutto ciò che riguarda il logo e il design, avendo accesso solo a Photoshop non dovrebbe limitare un designer quando si tratta di creare scenografie e opere d'arte simili. Può fare file e documenti più pesanti, ma essere in grado di creare pezzi vettoriali in forma raster è un ottimo modo per ottenere il massimo da un programma come Photoshop.
Accentsconagua