Come creare una fotocamera piatta e stilizzata con texture in Adobe Illustrator

Cosa starai creando

Vuoi rendere i tuoi oggetti piatti più intricati e dettagliati? Segui questo tutorial e scopri come creare un'elegante fotocamera tascabile retrò, padroneggiando le sfumature di luci e ombre e utilizzando i campioni di Adobe Illustrator incorporati per una texture di superficie semi-realistica!

Se ti piace creare oggetti in stile piatto con dettagli realistici e vorresti imparare alcune nuove tecniche sull'utilizzo e la modifica delle forme di base, sul controllo dei gradienti, sulla creazione e sull'applicazione di trame, ti invito a partecipare al corso Creazione di elementi di area di lavoro piane per pubblicità! Da lì imparerai anche come realizzare uno sfondo in legno con texture realistiche per i tuoi oggetti.

1. Crea la base della fotocamera con forme semplici

Passo 1

Iniziare a formare la base della fotocamera creando un 165 x 170 px rettangolo con il Strumento rettangolo (M).

copia e Incolla sul retro (Control-C> Control-B). Schiaccia la copia a circa 140 px altezza e renderlo più largo a circa 280 px, creando così due rettangoli sovrapposti.

Passo 2

Seleziona entrambe le forme e Unire Loro dentro esploratore. Rendi gli angoli arrotondati tirando i segni del cerchio del Angoli vivi fino al loro massimo.

Il Angoli vivi la funzionalità è disponibile solo in Adobe Illustrator CC. Nel caso in cui tu stia utilizzando versioni precedenti del programma, sentiti libero di applicare Effetto> Stilizzazione> Angoli tondi.

Passaggio 3

Prendi il Strumento rettangolo (M) e creare una striscia orizzontale attraverso la parte superiore della fotocamera. tenere Alt-Shift e trascinalo verso il basso, creando una copia nella parte inferiore.

Seleziona tutti gli elementi, prendi il Strumento di creazione forme (Shift-M), tenere il alt chiave e fare clic per eliminare i pezzi non necessari al di fuori della fotocamera.

Passaggio 4

Ora facciamo la parte più essenziale di ogni fotocamera: l'obiettivo!

Inizia facendo un 150 x 150 px cerchio usando il Strumento ellisse (L). Posizionalo quasi al centro della fotocamera, un po 'più vicino a destra.

Passaggio 5

Aggiungiamo il pulsante di scatto alla nostra fotocamera. Creare un 40 x 20 px rettangolo con il Strumento rettangolo (M). Rendi i suoi angoli leggermente arrotondati, usando il Angoli vivi funzione. Crea una copia tenendo premuto Alt-Shift e trascinando la forma a sinistra per creare un altro pulsante. Rendi un po 'più piccolo il nuovo bottone, impostandone la larghezza 30 px nel Trasformare pannello in alto.

2. Applicare i colori alla fotocamera

Passo 1

Ora possiamo applicare i colori alla nostra fotocamera e aggiungere ulteriori dettagli. Riempi la base della fotocamera con un gradiente lineare grigio scuro, posizionandolo verticalmente.

Passo 2

E facciamo in modo che la striscia superiore sull'argentamento della fotocamera applichi una sfumatura verticale da grigio a grigio chiaro. Applica lo stesso colore alla striscia inferiore, prendendolo con il Strumento Eyedropper (I), ma mettendo i colori sottosopra.

Passaggio 3

E applica lo stesso colore argento anche ai pulsanti. Inviare i pulsanti Indietro (Control-Shift- [), dietro la telecamera.

Passaggio 4

Ora aggiungiamo ulteriori dettagli all'obiettivo. Riempi la sua base con un gradiente lineare verticale dal grigio scuro nella parte inferiore al grigio argento in alto.

E aggiungiamo un altro anello all'obiettivo. Vai a Oggetto> Percorso> Percorso offset. Impostare il Compensare valore a -7 px, creando un cerchio più piccolo all'interno del primo. Riempilo con un gradiente grigio chiaro.

Passaggio 5

Usiamo il Offset Path funzione di nuovo per aggiungere un altro anello, ma questa volta impostare il Compensare valore a -3 px. Applicare una sfumatura grigio scuro, con una sfumatura di grigio più scura sulla parte superiore.

Passaggio 6

Continua a ripetere la stessa azione e applica a -Offset 7 px per creare un nuovo anello con sfumatura lineare di colore più chiaro. Aggiungi un'altra forma con -3 px Compensare valore e sfumatura più scura, che puoi scegliere da uno degli anelli creati in precedenza, usando il Strumento Eyedropper (I).

Continua ad aggiungere Percorsi sfalsati con le stesse impostazioni, variando -7 px e -3 px valori e alternanza di gradienti scuri e chiari, fino ad avere una decina di cerchi in totale.

Passaggio 7

Ora formiamo la parte interna dell'obiettivo, la sua apertura. Questa volta imposta il Compensare valore a -15 px, creando un piccolo cerchio.

A questo punto possiamo già cancellare i contorni, dato che tutte le forme principali sono colorate. Seleziona tutto (Control-A) e impostare il Ictus colore a Nessuna nel Colore pannello.

Passaggio 8

Diamo La copia il più piccolo cerchio e Incolla esso davanti (Control-C> Control-F). Riempilo con una sfumatura lineare dal blu al nero. Impostare il Modalità di fusione a Schermo, rendendo trasparente il lato nero del gradiente e creando così un sottotono. 

Puoi cambiare la direzione del gradiente, posizionandolo diagonalmente, usando il Strumento sfumatura (G).

Passaggio 9

Duplichiamo questo overtone (Control-C> Control-F) e rendilo più piccolo.

Passaggio 10

Posiziona il sottotono in basso su quello più piccolo di portare esso in avanti (Control-Shift-]). Mantenendo la forma selezionata, prendi il Strumento Gomma (Shift-E) e traccia una linea attraverso il punto culminante, dividendolo in due parti.

Passaggio 11

Per la metà superiore del sottotono, cambiamo la parte blu del riempimento sfumato con il viola scuro. E applica un colore rosso anziché blu per la metà inferiore del tono armonico.

Rendi un po 'più scuro il cerchio grigio sotto l'evidenziazione.

Passaggio 12

Diamo Gruppo (Control-G) gli elementi dell'apertura e li rendono un po 'più grandi. 

È possibile modificare leggermente i colori dell'obiettivo, rendendo più scuri i gradienti per aggiungere più contrasto alle forme.

3. Aggiungere ulteriori dettagli alla fotocamera

Passo 1

Ora rendiamo la nostra fotocamera più realistica e tridimensionale aggiungendo piccoli dettagli. Prima di tutto, aggiungiamo l'ombra dall'obiettivo.

Seleziona il più grande cerchio inferiore dell'obiettivo, copia e Incolla sul retro (Control-C> Control-B). Rendi la forma un po 'più grande e riempila con sfumatura lineare dal grigio al bianco. Fai inclinare il gradiente diagonalmente verso destra. Passa a Modalità di fusione multipla, rendendo così trasparente il lato bianco del gradiente.

Passo 2

Eliminiamo la parte inferiore dell'ombra con il Strumento di creazione forme (Shift-M). Seleziona sia l'ombra che la base della fotocamera, tieni premuto alt e fai clic sulla parte non ombreggiata dell'ombra all'esterno della videocamera per eliminarla.

Passaggio 3

Ora formiamo la presa della fotocamera sul lato sinistro della fotocamera per renderla più realistica. Disegna un rettangolo della stessa altezza della nostra macchina fotografica. Riempi la forma con un gradiente verticale da grigio scuro a nero e cambia il Modalità di fusione a Schermo, rendendo la parte nera trasparente e formando un punto culminante.

Passaggio 4

Duplica il rettangolo (Control-C> Control-F) e trascinalo a destra, attaccando la copia creata accanto al primo rettangolo e rendendola molto più stretta. 

Utilizzare il Strumento Eyedropper (I) per scegliere l'aspetto dall'ombra sotto l'obiettivo, applicando una sfumatura grigio scuro in Modalità di fusione multipla al rettangolo appena creato. Metti la sfumatura orizzontalmente, creando un'ombra sottile dall'impugnatura della fotocamera.

Passaggio 5

Aggiungiamo ulteriori dettagli, come il flash e gli indicatori, alla parte superiore della nostra fotocamera.

Fare un 50 x 30 px rettangolo e posizionarlo nell'angolo in alto a destra della fotocamera. Rendilo leggermente arrotondato, usando il Angoli vivi funzione e applica un gradiente verticale grigio scuro, selezionando il colore dalla base della fotocamera con Strumento contagocce (I).

Passaggio 6

Applicare il Offset Path con -Offset 10 px valore e rendere la forma arrotondata. Riempi la forma creata con un gradiente verticale grigio chiaro, formando il flash.

Passaggio 7

Crea un altro rettangolo di 30 x 10 px taglia. Rendi i suoi angoli completamente arrotondati e riempilo con un gradiente lineare giallo brillante.

Passaggio 8

Fare un 20 x 20 px cerchio e posizionarlo dal lato sinistro della lente. Applicare un gradiente lineare argento. Crea un'altra cerchia di 10 x 10 px accanto al primo e riempirlo con un gradiente lineare giallo brillante.

4. Crea un effetto texture in pelle

Passo 1

Rendi la base della fotocamera un po 'più scura. copia e Incolla davanti (Control-C> Control-F).

Passo 2

Ora trasformiamo la base della fotocamera in una texture, utilizzando i pattern incorporati di Adobe Illustrator!

Apri il campioni pannello in Finestra> Campioni. Vai al Campioni Libreria> Motivi> Grafica di base> Grafica_Tessioni di base.

Passaggio 3

Qui abbiamo alcune belle trame realistiche, che possono creare un look dettagliato e di fantasia. Scopriamo qualcosa che imita una superficie di cuoio. Ad esempio, il campione chiamato USGS 21 Intricate Surface. Fare clic per applicare la trama alla forma selezionata.

Passaggio 4

Modifichiamo un po 'la texture, utilizzando alcuni strumenti, che ci consentono di lavorare con i campioni e i modelli applicati. 

Mantenendo selezionata la forma testurizzata, fare doppio clic su Strumento di scala (S) nel Utensili pannello per aprire il Scala finestra delle opzioni. Qui, deseleziona tutte le opzioni tranne la Trasforma i modelli scatola. E impostare il Scala uniforme valore a 90%, rendendo gli elementi della trama leggermente più piccoli.

Passaggio 5

E cambiamo un po 'la direzione del nostro modello. Mantenendo selezionata la trama, fare doppio clic su Ruota strumento (R). Controlla il Trasforma i modelli scatola e impostare il Angolo a 30 gradi.

Passaggio 6

Infine, cambia il Modalità di fusione della forma del modello a Moltiplicare e diminuirlo Opacità a 30% nel Trasparenza pannello, facendolo fondersi con la base scura, in modo che si adatti alla fotocamera.

Di 'Cheese!

E qui ce l'abbiamo! La nostra fotocamera piatta semi-realistica con superficie strutturata è pronta! Spero ti sia piaciuto seguire questo tutorial e ho scoperto alcuni nuovi suggerimenti e trucchi per modificare le forme di base e applicare i modelli per rendere un oggetto piatto più dettagliato. 

Continua a fare cose creative e lascia che l'ispirazione ti guidi!