Cum se creează o pictogramă inspirate de Oreo în Adobe Illustrator

Ce veți crea

Dacă vă placeți cookie-urile Oreo și desenele vectoriale, atunci acest tutorial este pentru dvs. Veți învăța cum să desenați o pictogramă inspirată de Oreo cu ajutorul opțiunii Efect 3D și Mapare, plus veți folosi o mulțime de perii și efecte pentru textura și un aspect mai detaliat. Să facem ca această icoană să fie cât se poate de delicioasă!

Dacă vă este foame pentru mai multe vectori de produse alimentare sau icoane în general, asigurați-vă că pentru a verifica GraphicRiver, în cazul în care veți găsi o mulțime de resurse de a alege de la.

Tutorial Active

Pentru a finaliza tutorialul, veți avea nevoie de următoarele elemente:

  • Anja Eliane Fontul I dafont.com

1. Cum să deschideți un document nou 

Lansa Ilustrator și du-te la Fișier> Nou pentru a deschide un document gol. Introduceți un nume pentru fișierul dvs., configurați dimensiunile, apoi selectați pixeli la fel de Unități și RGB la fel de Modul color. Asigura-te ca Aliniați obiectele noi la grila Pixel nu este verificată.

Apoi, du-te la Editați> Preferințe> Generale și setați Creșterea tastaturii la 1 px, și acolo, du-te la Unități pentru a vă asigura că acestea sunt setate ca în următoarea imagine. De obicei, lucrez cu aceste setări și vă vor ajuta în timpul procesului de desen.

2. Cum se creează pictograma Oreo de bază

Pasul 1

Prindeți Instrument rotunjit dreptunghi și trageți prima formă cu dimensiunile afișate. Utilizați culoare maro închis ca culoare de umplere (1).

În timp ce forma icoanei rămâne selectată, mergeți la Efect> 3D> Extrude & Bevel și aplicați setările indicate (2).

Pasul 2

Cu forma pictogramei selectată, mergeți la Aspect și adăugați o Completați noi sub prima. Utilizați culoarea albă ca culoare de umplere. Apoi, du-te la Efect> 3D> Extrude & Bevel din nou și aplicați setările indicate.

apasă pe Mai multe opțiuni pentru a vedea întreaga fereastră. Mutați lumina existentă foarte ușor în jos și schimbați setările așa cum se arată în partea dreaptă. apasă pe Lumină nouă pentru a adăuga un altul și mutați-l spre partea din stânga din mijloc. Utilizați aceleași setări, dar măriți Intensitatea luminii la 100%. Lovit O.K și veți obține umplutura cu smântână, dar nu veți putea să o vedeți încă.

Mergi la Efect> Distortare & Transformare> Transformare, tip 95% în Scala orizontală câmp și apoi tastați 20 px în Mutați vertical camp. Lovit O.K iar acest lucru va duce la umplerea smântânii în jos.

Pasul 3

În timp ce forma pictogramei rămâne selectată, mergeți la Aspect și adăugați o Completați noi în partea de jos. Utilizați culoare maro închis ca culoare de umplere. Aplicați 3D efect folosind setările afișate și apoi aplicați Transforma efect. Ca rezultat, veți obține cel de-al doilea biscuit în partea de jos.

3. Cum să creați designul top Oreo

Pasul 1

Folosește Instrumentul pentru poligoane pentru a desena un triunghi cu dimensiunile indicate. Apoi selectați numai punctul de ancorare de sus cu Instrumentul de selecție directă (A) și mutați-o 8 px în jos, apăsând pe Sageata in jos cheie de opt ori. Noul triunghi este cel albastru (1).

Acum, du-te la Efect> Stylize> Colturi rotunde și aplicați a Rază de 5 px (2); apoi selectați Extindeți aspectul de la Obiect meniu (3).

Pasul 2

În timp ce triunghiul rotunjit rămâne selectat, mergeți la Obiect> Transformare> Mutare și tip -18 px în Poziție verticală camp. Lovit Copie și veți obține un alt triunghi de mai sus. Nu eliberați acest al doilea triunghi și alegeți Flip Vertical din meniul de zbor din Aspect panou (1).

Copie și Lipiți în față (Control-F) aceste două triunghiuri și Roti lor 90 de grade folosind Transforma panou. Ca rezultat, veți obține o nouă pereche de triunghiuri (2).

Umpleți formele de sus și de jos cu aceeași culoare (albastru), umpleți formele stânga și dreapta cu o culoare diferită (roz) și, în final, desenați 4 x 4 px cerc în centru umplut cu oa treia culoare diferită (roșu) (3). Culorile vor fi importante mai târziu în tutorial.

Pasul 3

Desenați patru 5 x 5 px cercuri umplute cu aceeași culoare roșie și apoi transformați-le în semicercuri ștergând punctele de ancorare din dreapta și din stânga. Aranjați-le așa cum se arată în imaginea de mai jos și folosiți Alinia pentru a vă asigura că acestea sunt simetrice.

Folosește Instrumentul dreptunghiular (M) pentru a desena un pătrat folosind semicercurile ca ghidaje și apoi Grup (Control-G) toate formele. Aceasta va fi partea principală a periei de model (1).

Faceți o copie a grupului și ștergeți cele două semicercuri din partea stângă. Acesta va fi Pornește Placi a periei de model (2).

Faceți o altă copie a grupului și ștergeți cele două semicercuri drepte. Acesta va fi Sfârșitul plăcii a periei de model (3).

Trageți Pornește Placi si Sfârșitul plăcii în Specimene pentru a le salva, și asigurați-vă că vă amintiți care dintre ele este.

Pasul 4

Trageți partea principală a periei în Perii panou și alegeți Pensula pentru modele noi. Această țiglă va fi prima din Opțiuni fereastră. Pentru Pornește Placi si Sfârșitul plăcii, selectați cea corectă din listă; apoi introduceți un nume pentru peria dvs. și apăsați O.K.

Pasul 5

Desenați un mic dreptunghi rotunjit pe tabloul dvs. de artă plin cu verde și trageți-l apoi în Perii panou pentru ao salva ca pe un Pensula pentru modele noi. Puteți să-l numiți Perie model perie perie.

Pasul 6

Faceți o copie a formei pictogramei și eliminați toate aparențele și efectele existente. Ar trebui să aibă doar culoarea maro de umplere. Copie și Lipiți în față (Control-F) această formă, eliminați culoarea de umplere și dați-i drumul cu Perie model perie perie

Deschide Opțiunile pentru curse și modificați fereastra Scară și Spațiere setări (1). Apoi, du-te la Efect> Cale> Cale de decalare și aplicați un ofset de -2 px pentru a aduce marginea verde ușor spre interior (2).

Pasul 7

Faceți o altă copie în fața dreptunghiului maro; apoi du-te la Obiect> Cale> Calea offset și aplicați un ofset de -13 px. Veți obține o formă mai mică. Scoateți culoarea de umplere și dați-o a 4 pct portocale Accident vascular cerebral. apasă pe Round Cap pictograma în Accident vascular cerebral și verificați Linie întreruptă opțiune. Introduceți liniuță și decalaj valorile indicate.

Pasul 8

Folosește Instrument Pen (P) sau Instrumentul pentru segmentul de linie (\) pentru a trasa o cale dreaptă în partea de sus și în partea inferioară și pentru a le mișca cu Pensulă Pat Patru Oreo salvat mai devreme. Ajustați lungimea căii astfel încât să aveți doar patru pătrate pe fiecare.

Apoi, desenați două căi drepte pe laterale și aplicați Pensulă Pat Patru Oreo din nou. Ar trebui să ai doar trei pătrate pe traseu de data asta.

Pasul 9

Desenați o elipsă în centru (1) urmată de cele trei căi de mai sus (2) și le dați a 4 pct galben Accident vascular cerebral. Selectați de asemenea Round Cap opțiune.

Acum, apucați-l Instrumentul tip (T) și scrieți "YUMM" folosind fontul Anja Eliane, mărimea 22 pt, urmată de două mici triunghiuri galbene deasupra și dedesubtul textului (3).

Finalizați designul Oreo cu mai multe triunghiuri galbene sau alte decorații similare în jurul elipsei (4).

Pasul 10

Selectați cele patru căi care au fost deplasate cu Pensulă Pat Patru Oreo și alegeți Extindeți aspectul de la Obiect meniu pentru a le transforma din lovituri în umpluturi (1). Acum, selectați unul dintre cercurile roșii folosind Instrumentul de selecție directă (A) și aranjați patru copii ale acestuia în locurile goale indicate de săgeți (2). Faceți mai multe copii ale cercului roșu și aranjați unul între linia întreruptă portocaliu (3). 

În cele din urmă, selectați marginea verde și alegeți Extindeți aspectul din nou pentru a extinde ofset efect aplicat.

Pasul 11

În acest moment, designul Oreo este gata și puteți șterge dreptunghiul maro. Trageți totul în simboluri panou, introduceți un nume și apăsați O.K.

Pasul 12

Să revenim la pictograma Oreo și, în timp ce rămâne selectată, deschideți 3D efect aplicat la atributul de top Fill brown. În Opțiuni fereastră, apăsați pe Harta Art buton. Pe Suprafața 1 al obiectului, selectați și aplicați Simbol de design Oreo salvat. Lovit O.K și ar trebui să vedeți designul pe biscuiții de sus.

Pasul 13

Selectați pictograma Oreo și alegeți Extindeți aspectul pentru a extinde toate aparițiile și 3D efecte. Ungroup (Shift-Control-G) o dată și ar trebui să vedeți trei grupuri separate în straturi panou. Aveți posibilitatea să le selectați și să le redenumiți pentru a vedea care dintre ele sunt. Avem "biscuiți de bază"(1) și"cremă de umplere"(2). Deschideți cel de-al treilea grup și găsiți numai un design colorat Oreo și trageți-l în partea de sus a stratului. Denumiți ce a mai rămas din acest grup "biscuiți de top“.

Selectează "Design Oreo"Grupați și mergeți la Obiect> Mască de tăiere> Eliberare (Alt-Control-7) pentru a elimina masca existentă (3).

Pasul 14

Prindeți Instrumentul de selecție directă (A) și selectați numai dreptunghiurile rotunjite în fața pictogramei și Grup (Control-G) lor. În timp ce grupul rămâne selectat, mergeți la Efect> Warp> Shell Lower și aplicați a 5% îndoire orizontală. Lovit O.K și apoi du-te la Obiect> Extindeți aspectul. Acest lucru va face frontiera verde mai mare în față.

4. Cum de a recolora designul top Oreo

Pasul 1

Folosește Instrumentul de selecție directă (A) pentru a selecta doar unul dintre dreptunghiurile rotunjite verde și du-te la Selectați> Aceleași> Umpleți culoarea. Ca rezultat, Illustrator va selecta toate formele verzi pentru tine (1). Grup (Control-G) și le umpleți cu gradientul liniar prezentat la a Unghi de 90 de grade (2).

Pasul 2

Folosește Instrumentul de selecție directă (A) pentru a selecta linia punctată cu portocaliu care este o traiectorie combinată (1) și umpleți-o cu umbra de maro indicată (2).

Pasul 3

Folosește Instrumentul de selecție directă (A) din nou pentru a selecta doar unul dintre cercurile roșii și pentru a merge la Selectați> Aceleași> Umpleți culoarea. După ce ați selectat toate cercurile roșii, apăsați Uni în deschizător de drumuri panou (1) și apoi Grup (Control-G) ei să păstreze lucrurile organizate în straturi panou (1). Umpleți toate cercurile cu gradientul radial prezentat (2).

Pasul 4

Utilizați aceeași tehnică pentru a selecta toate formele galbene din centru, apoi Grup (Control-G) (1). Umpleți formele cu gradientul radial arătat (2).

Pasul 5

Folosește Instrumentul de selecție directă (A) pentru a selecta doar unul dintre triunghiurile roz, și du-te la Selectați> Aceleași> Umpleți culoarea (1). După ce le-ați selectat pe toți, Grup (Control-G) și umpleți-le cu gradientul liniar prezentat (2).

Repetați aceeași tehnică pentru triunghiurile albastre (3).

Pasul 6

Selectați întreaga "Design Oreo"Grup, du-te la Efect> Stylize> Drop Shadow, și aplicați setările afișate.

Pasul 7

Să formăm o formă de mască pentru umbra care trece peste marginile pictogramei Oreo.

Deschideți caseta "tbis biscuit"Grup în straturi panou și găsiți dreptunghiul rotunjit care este fața superioară a pictogramei și apoi Copie și Lipiți pe loc (Shift-Control-V) pentru a face o copie a acestuia în fața a tot (1).

Acum, selectați "Design Oreo"Grup de la straturi panou și apoi Copie și Lipiți pe loc (Shift-Control-V) pentru a face o copie și pentru a șterge Umbra efect aplicat mai devreme. Mergi la Obiect> Calea compusă> Marcă (Control-8) pentru a transforma toate formele intr-o singura cale compusa (2).

Selectați forma gri împreună cu traseul compusului roșu și apăsați Uni în deschizător de drumuri panou pentru a obține forma mască (3).

Pasul 8

Selectează "Design Oreo"Grupați împreună cu forma de la pasul anterior, care ar trebui să fie în față, și setat la accident vascular cerebral - nici unul, umpleți-none. Apoi du-te la Obiect> Mască de tăiere> Marcă (Control-7). Acum marginile din jurul pictogramei sunt curate și clare.

5. Cum se adaugă textura și detalii pe biscuiții de bază Oreo

Pasul 1

Folosește Instrument Pen (P) pentru a desena o grămadă de linii verticale scurte pe marginea frontală a biscuiții de bază și de a le cursa pe toate cu Tapered Blend Art Brush, greutate de 1 pt. Am arătat cum să creați această perie de amestec utilă în modul Cum se creează un tutorial de caractere Monster Candy (secțiunea 10). Grup (Control-G) toate liniile după ce ați terminat.

Pasul 2

Folosește Instrument Pen (P) pentru a trage o cale care urmează marginea de jos a biscuiții de bază. Dă-i a 2 pt negru Accident vascular cerebral si foloseste Lățimea profilului 1 în Accident vascular cerebral panou. Apoi, du-te la Efect> Blur> Gaussian Blur și aplicați a Rază de 2 px.

Pasul 3

Mergeți la straturi panou, găsiți și selectați numai marginea frontală a biscitului de bază (1) și apoi Copie și Lipiți pe loc (Shift-Control-V) pentru a face o copie a acestuia. presa Uni în deschizător de drumuri panou pentru a îmbina forma într-o singură (2). Setați forma rezultată la cursa-none și fill-none și o vom folosi pentru a masca grupul de linii și calea de umbrire de la pasul anterior (3).

Pasul 4

Folosește Instrument Pen (P) să traseze câteva căi aleatorii pe marginea frontală a biscuiții de bază și să le îndemne cu Creion de artă cretă de la Brush Biblioteci Meniu> Artistic> Artistic_ChalkCharcoalPencil, greutate de 1 pt. Setați-le pe toate Amestecarea modului de amestecare (1).

Faceți o copie a formei de mască din pasul anterior și o utilizați din nou pentru a masca aceste căi (2). Ca rezultat, veți obține niște textura pe biscuiții de bază (3).

Pasul 5

Mergeți la straturi panou, găsiți și selectați forma top a biscuiților de bază, apoi Copie și Lipiți pe loc (Shift-Control-V) pentru a face o copie a acestuia. Mergi la Efect> Textură și aplicați Cereale efect; apoi puneți-o la Mod de amestecare Lumina slaba și 10% opacitate (1).

Copie și Lipiți în față (Control-F) aceeași formă și eliminați toate aparițiile existente. În timp ce această nouă copie rămâne selectată, selectați și forma cu Cereale efect aplicat și mergeți la Obiect> Mască de tăiere> Marcă (Control-7) (2). Mutați grupul rezultat chiar deasupra "biscuiți de bază" în straturi panou.

6. Cum se adaugă textura și detalii pe biscuiții top Oreo

Pasul 1

Folosește Instrument Pen (P) sau Instrumentul pentru segmentul de linie (\) pentru a desena o grămadă de căi drepte deasupra "biscuiți de top"Și le-a lovit cu Creion de artă cretă. Utilizați umbra de culoare maro indicată ca culoarea cursei (1).

Grup (Control-G) toate aceste căi și setați întregul grup Modificarea modului de amestecare și 20% opacitate (2).

Pasul 2

Copie și Lipiți în față (Control-F) grupul de căi, păstrând aceleași aparențe, dar stabilind grupul Modul de amestecare și 20% opacitate de data asta.

Pasul 3

Mergeți la straturi panou, selectați "biscuiți de top"Grup, și apoi Copie și Lipiți pe loc (Shift-Control-V). presa Uni în deschizător de drumuri panou pentru a îmbina toate formele într-o singură (1).

Selectează "Design Oreo"Grup și apoi Copie și Lipiți pe loc (Shift-Control-V) să facă o copie a acestuia în fața a tot. Scoateți Umbra efect și du-te la Obiect> Calea compusă> Marcă (Control-8) (2).

Acum, selectați formele albastru și portocaliu obținute recent și apăsați Uni în deschizător de drumuri panou pentru a obține forma de care avem nevoie (3).

Pasul 4

Umpleți forma obținută în etapa anterioară cu maro și aplicați Cereale efect folosind aceleași setări ca și pentru "biscuiți de bază". Seteaza Mod de amestecare la Lumina slaba si Opacitate la 10% (1).

Faceți o copie a aceleiași forme în fața a tot, și setați-o la cursa-none și completați-none. În timp ce această copie rămâne selectată, selectați și cele două grupuri de linii și forma cu Cereale efect aplicat la ea, și du-te la Obiect> Mască de tăiere> Marcă (Control-7). Ca rezultat, veți obține margini curate în jurul "biscuiți de top"(3).

Pasul 5

Folosește Instrument Pen (P) pentru a trasa o cale urmând marginea din față a "biscuiți de top"Dar puțin mai sus (1), urmată de o altă cale dreaptă pe marginea"biscuiți de top"(2). Dă-le a 2 pt negru Accident vascular cerebral și utilizați Lățimea profilului 1 în Accident vascular cerebral panou; apoi aplicați a 2 px Gaussian Blur. Ca rezultat, veți crea unele umbre între "biscuiți de top" și "cremă de umplere"(3).

7. Cum se adaugă detalii la umplerea cremei Oreo

Pasul 1

Să începem cu umbra sub "cremă de umplere" grup. Desenați o cale care urmează marginea de jos a umpluturii și trimiteți-o în spatele ei. Dă-i a 2 pt negru Accident vascular cerebral si foloseste Lățimea profilului 1. Aplicați a 1 px Gaussian Blur.

Pasul 2

Desenați câteva forme negre aleatoare de dimensiuni diferite și apoi trageți-le în Perii pentru a le salva ca pe Pensulă nouă pentru scatter. Puteți să-l numiți Crumbs Scatter Brush (1).

Prindeți Instrumentul pentru creioane (N) și trageți o cale circulară aleatorie peste "cremă de umplere"Și-l lovesc cu pensula nou salvată. Deschide Opțiunile pentru curse fereastră și modificați setările așa cum se arată sau până când obțineți aspectul dorit (2).

Atunci când sunteți mulțumiți de aspectul zgârieturilor, selectați Extindeți aspectul de la Obiect meniu și apoi setați grupul rezultat la Amestecarea modului de amestecare (3).

Pasul 3

Mergeți la straturi panou, selectați "cremă de umplere"Și faceți o copie a acestuia în față. presa Uni în deschizător de drumuri pentru a le îmbina într-o singură formă. Dacă este necesar, mergeți și la Obiect> Calea compusă> Marcă (Control-8).

Pasul 4

Acum, selectați grupul de miezuri împreună cu forma obținută în pasul anterior, care trebuie să fie în față și setată la cursa-none, fill-none și mergeți la Obiect> Mască de tăiere> Marcă (Control-7).

8. Cum se creează umbra sub pictograma Oreo

Selectează "biscuiți de bază"Grup de la straturi panou și apoi Copie și Lipiți pe loc (Shift-Control-V). Deplasați copia la a Strat nou sub pictograma Oreo (1). presa Uni în deschizător de drumuri panou sau mergeți la Obiect> Calea compusă> Marcă (Control-8) pentru a obține o singură formă (2). Selectați culoarea maro închis ca culoare de umplere și aplicați Umbra efect de două ori pentru a obține umbra (3).

Felicitări, sunteți gata!

Iată imaginea finală a icoanei Oreo. Sper că v-ați bucurat de acest tutorial "dulce" și nu uitați să împărtășiți o imagine cu dvs. de recreere. Mi-ar plăcea să văd asta.