Share
Vad du ska skapaOm du älskar Oreo-kakor och vektorritning så är denna handledning för dig. Du lär dig att rita en Oreo-inspirerad ikon med hjälp av 3D-effekten och Mapping-alternativet, plus du använder många borstar och effekter för textur och mer detaljerad utseende. Låt oss göra denna ikon så läckra som möjligt!
Om du är hungrig efter fler matvektorer eller ikoner i allmänhet, se till att kolla GraphicRiver, där du hittar gott om resurser att välja mellan.
För att slutföra handledningen behöver du följande tillgångar:
Lansera Illustratör och gå till Fil> Ny för att öppna ett tomt dokument. Skriv ett namn på din fil, ställ in dimensionerna och välj sedan pixlar som Enheter och RGB som Färg läge. Se till att Justera nya objekt till pixelnätet är inte markerad.
Därefter, gå till Redigera> Inställningar> Allmänt och ställa in Tangentbordsökning till 1 px, och samtidigt, gå till Enheter för att se till att de är inställda som i följande bild. Jag brukar arbeta med dessa inställningar, och de hjälper dig genom hela ritningsprocessen.
Ta tag i Rundad rektangelverktyg och rita den första formen med de visade dimensionerna. Använd mörkbrun som fyllfärgen (1).
Medan formen på ikonen förblir vald, gå till Effekt> 3D> Extrude & Bevel och använd de angivna inställningarna (2).
Med ikonen form som fortfarande valts, gå till Utseende panel och lägg till en Ny fyllning under den första. Använd vit som fyllfärg. Därefter, gå till Effekt> 3D> Extrude & Bevel igen och använd de angivna inställningarna.
tryck på Fler alternativ knappen för att se hela fönstret. Flytta det befintliga ljuset mycket lite nedåt och ändra inställningarna som visas på höger sida. tryck på Nytt ljus ikon för att lägga till en annan och flytta den till vänster till vänster. Använd samma inställningar, men öka Ljusintensitet till 100%. Träffa ok och du kommer att få krämen fyllning, men du kommer inte att kunna se det ännu.
Gå till Effekt> Förvräng & Transformera> Transformera, typ 95% i Skala Horisontell fält och skriv sedan in 20 px i Flytta vertikal fält. Träffa ok och detta kommer att få krämen att fylla nedåt.
Medan ikonformen förblir vald, gå till Utseende panel och lägg till en Ny fyllning på botten. Använd mörkbrun som fyllfärgen. Applicera 3D effekt med de visade inställningarna och använd sedan Omvandla effekt. Som ett resultat får du den andra kakan längst ner.
Använd Polygon Tool att rita en triangel med de visade dimensionerna. Välj sedan endast den främre ankarpunkten med Direktmarkeringsverktyg (A) och flytta den 8 px nedåt genom att trycka på Nedåtpil nyckel åtta gånger. Den nya triangeln är den blåa (1).
Gå nu till Effekt> Stylize> Round Corners och tillämpa a Radie av 5 px (2); välj sedan Expand Utseende från Objekt meny (3).
Medan den rundade triangeln förblir vald, gå till Objekt> Transformera> Flytta och typ -18 px i Position Vertikal fält. Träffa Kopia och du kommer att få en annan triangel ovanför. Släpp inte den här andra triangeln och välj Flip Vertical från fly-out-menyn på Utseende panel (1).
Kopia och Klistra in på framsidan (Control-F) dessa två trianglar och Rotera dem 90 grader använda Omvandla panel. Som ett resultat kommer du att få ett nytt par trianglar (2).
Fyll de övre och nedre formerna med samma färg (blå), fyll i vänster och höger form med en annan färg (rosa), och slutligen rita en 4 x 4 px cirkel i mitten fylld med en tredje annan färg (röd) (3). Färgerna kommer att vara viktiga senare i handledningen.
Rita fyra 5 x 5 px cirklar fyllda med samma röda färg och vrid dem sedan i halvcirklar genom att radera respektive höger och vänster förankringspunkt. Ordna dem enligt bilden nedan och använd Justera panel för att se till att de är symmetriska.
Använd Rektangelverktyg (M) att rita en fyrkant med hjälp av halvcirklarna som guider, och sedan Grupp (Control-G) alla former. Detta kommer att vara huvuddelen av mönsterborsten (1).
Gör en kopia av gruppen och ta bort de två halvcirklarna från vänster sida. Detta kommer att vara Börja kakel av mönsterborsten (2).
Gör en annan kopia av gruppen och radera de två högra halvcirklarna. Detta kommer att vara End Tile av mönsterborsten (3).
Dra Börja kakel och den End Tile in i rutor~~POS=HEADCOMP panel för att spara dem, och se till att du kommer ihåg vilken som är vilken.
Dra huvuddelen av borsten in i borstar panel och välj Ny mönsterborste. Denna kakel blir den första i alternativ fönster. För Börja kakel och den End Tile, välj den rätta från listan; skriv sedan ett namn på din pensel och träffa ok.
Rita en liten rundad rektangel på din tavla fylld med grön, och dra sedan in den i borstar panelen för att spara den som en Ny mönsterborste. Du kan namnge den Oreo Edge Pattern Brush.
Gör en kopia av ikonformen och ta bort alla befintliga utseenden och effekter. Det ska bara ha den bruna fyllningsfärgen. Kopia och Klistra in på framsidan (Control-F) den här formen, ta bort fyllfärgen och släck den med Oreo Edge Pattern Brush.
Öppna Stroke Options fönster och ändra Skala och Mellanrum inställningar (1). Därefter, gå till Effekt> Path> Offset Path och tillämpa en Offset av -2 px för att få den gröna kanten något inåt (2).
Gör en annan kopia framför den bruna rektangeln; sedan gå till Objekt> Path> Offset-sökväg och tillämpa en Offset av -13 px. Du kommer att få en mindre form. Ta bort fyllfärgen och ge den en 4 pt orange Stroke. tryck på Round Cap ikon i Stroke panelen och kontrollera Streckad linje alternativ. Gå in i rusa och gap angivna värden.
Använd Penverktyg (P) eller den Linjesegmentverktyg (\) att rita en rak bana längst upp och ner och slå dem med Oreo kvadrater mönstret borste sparade tidigare. Justera längden på banan så att du bara har fyra rutor på vardera.
Dra sedan två raka vägar på sidorna och applicera Oreo kvadrater mönstret borste igen. Du borde ha bara tre rutor per gång den här gången.
Rita en ellipsa i mitten (1) följt av de tre stigarna ovanför (2) och ge dem en 4 pt gul Stroke. Välj även Round Cap alternativ.
Grip nu Typverktyg (T) och skriv "YUMM" med teckensnittet Anja Eliane, storlek av 22 pt, följt av två små gula trianglar ovanför och under texten (3).
Avsluta Oreo-designen med fler gula trekanter eller andra liknande dekorationer runt ellipsen (4).
Välj de fyra banorna som sträckte sig med Oreo kvadrater mönstret borste och välj Expand Utseende från Objekt menyn för att vända dem från slag till fyllningar (1). Välj nu en av de röda cirklarna med hjälp av Direktmarkeringsverktyg (A) och ordna fyra kopior av det i de tomma punkterna som anges av pilarna (2). Gör fler kopior av den röda cirkeln och ordna en mellan den orange streckade linjen (3).
Slutligen välj den gröna kanten och välj Expand Utseende igen för att expandera Offset effekt applicerad.
Vid denna tidpunkt är Oreo-designen klar och du kan radera den bruna rektangeln. Dra allt in i symboler panel, skriv ett namn och träffa ok.
Låt oss återvända till Oreo-ikonen och, medan den är vald, öppnar du 3D effekt som tillämpas på den övre bruna fyllningsattributen. I alternativ fönster, tryck på Karta Art knapp. På Yta 1 av objektet, välj och använd Oreo design symbol sparas. Träffa ok och du bör se designen på den övre kexen.
Välj Oreo-ikonen och välj Expand Utseende att expandera alla utseenden och 3D effekter. Ungroup (Shift-Control-G) en gång och du bör se tre separata grupper i Skikten panel. Du kan välja och byta namn på dem för att se vilken som är vilken. Vi har "baskaka"(1) och"krämpåfyllning"(2). Nu öppnar du den tredje gruppen och hittar bara den färgstarka Oreo-designen där och dra ut den högst upp i skiktet. Namn vad som finns kvar i denna grupp "toppkaka”.
Välj "Oreo design"Grupp och gå till Objekt> Clipping Mask> Släpp (Alt-Control-7) för att ta bort den befintliga masken (3).
Ta tag i Direktmarkeringsverktyg (A) och välj endast de gröna rundade rektanglarna framför ikonen och Grupp (Control-G) dem. Medan gruppen förblir vald, gå till Effekt> Warp> Shell Lower och tillämpa a 5% horisontell krökning. Träffa ok och sedan gå till Objekt> Expand Utseende. Detta gör den gröna gränsen större fram.
Använd Direktmarkeringsverktyg (A) för att välja endast en av de gröna rundade rektanglarna och gå till Välj> Samma> Fyll färg. Som ett resultat kommer Illustrator att välja alla gröna former för dig (1). Grupp (Control-G) dem och fyll dem med den linjära gradienten som visas vid a 90 graders vinkel (2).
Använd Direktmarkeringsverktyg (A) för att välja den orange streckade linjen som är en sammansatt bana (1), och fyll den med skuggan av brunt angiven (2).
Använd Direktmarkeringsverktyg (A) igen för att bara välja en av de röda cirklarna och gå till Välj> Samma> Fyll färg. Nu när du har valt alla röda cirklar trycker du på Förena i Stigfinnare panel (1) och sedan Grupp (Control-G) dem att hålla saker organiserade i Skikten panel (1). Fyll alla cirklar med den visade radiella gradienten (2).
Använd samma teknik för att välja alla gula former i mitten, och sedan Grupp (Control-G) (1). Fyll formerna med den radiella gradienten som visas (2).
Använd Direktmarkeringsverktyg (A) för att välja endast en av de rosa trianglarna och gå till Välj> Samma> Fyll färg (1). När du väl har alla valt, Grupp (Control-G) och fyll dem med den linjära gradienten som visas (2).
Upprepa samma teknik för de blå trianglarna (3).
Välj hela "Oreo design"Grupp, gå till Effekt> Stylize> Drop Shadow, och använd de visade inställningarna.
Låt oss skapa en maskform för skuggan som går över kanterna på Oreo-ikonen.
Öppna "top kex"Grupp i Skikten panelen och hitta den avrundade rektangeln som är toppen av ikonen och sedan Kopia och Klistra in på plats (Shift-Control-V) att göra en kopia av det framför allt (1).
Välj nu "Oreo design"Grupp från Skikten panel och sedan Kopia och Klistra in på plats (Shift-Control-V) att göra en kopia och ta bort Drop Shadow effekt tillämpas tidigare. Gå till Objekt> Sammansatt sökväg> Gör (Control-8) att vända alla former till en enda sammansatt väg (2).
Välj den grå formen tillsammans med den röda sammansatta banan och tryck på Förena i Stigfinnare panel för att erhålla maskformen (3).
Välj "Oreo design"Grupp tillsammans med formen från föregående steg, som ska vara framför och inställd på stroke-none, fill-none. Gå sedan till Objekt> Clipping Mask> Make (Control-7). Kanterna runt ikonen är nu rena och skarpa.
Använd Penverktyg (P) att rita en massa korta vertikala linjer på baskakans främre kant och släcka dem alla med Tapered Blend Art Brush, vikt av 1 pt. Jag har visat hur man skapar den här användbara blandningsborsten i hur man skapar en Candy Monster Character-handledning (avsnitt 10). Grupp (Control-G) alla linjer när du är klar.
Använd Penverktyg (P) att rita en bana som följer bottenkanten på baskakan. Ge det en 2 pt svart Stroke och använda Breddsprofil 1 i Stroke panel. Därefter, gå till Effekt> Oskärpa> Gaussisk oskärpa och tillämpa a Radie av 2 px.
Gå till Skikten panelen, hitta och välj endast den främre gränsen på baskakan (1) och sedan Kopia och Klistra in på plats (Shift-Control-V) att göra en kopia av den. Tryck Förena i Stigfinnare panel för att slå samman formerna i en (2). Ställ in den resulterande formen till stroke-none och fill-none, och vi använder den för att maskera linjegruppen och skuggningsbanan från föregående steg (3).
Använd Penverktyg (P) att rita några slumpmässiga vägar på framkanten av baskakan och slå dem med Kalkartborste från Penselbibliotek Meny> Konstnärligt> Artistic_ChalkCharcoalPencil, vikt av 1 pt. Ställ in alla till Blandningslägeöverlagring (1).
Gör en kopia av maskformen från föregående steg och använd den igen för att maskera dessa vägar (2). Som ett resultat får du lite textur på baskakan (3).
Gå till Skikten panelen, hitta och välj den bästa formen på baskakan och sedan Kopia och Klistra in på plats (Shift-Control-V) att göra en kopia av den. Gå till Effekt> Textur och tillämpa Spannmål effekt; sätt sedan på det Blandningsläge Mjukt ljus och 10% opacitet (1).
Kopia och Klistra in på framsidan (Control-F) samma form och ta bort alla befintliga utseende. Medan den här nya kopian fortfarande är vald väljer du också formen med Spannmål effekt appliceras på den och gå till Objekt> Clipping Mask> Make (Control-7) (2). Flytta den resulterande gruppen precis ovanför "baskaka"I Skikten panel.
Använd Penverktyg (P) eller den Linjesegmentverktyg (\) att rita en massa raka vägar ovanför "toppkaka"Och stroke dem med Kalkartborste. Använd skuggan av bruna som indikeras som slagfärg (1).
Grupp (Control-G) alla dessa vägar och sätta hela gruppen till Blandningsläge Multiplicera och 20% opacitet (2).
Kopia och Klistra in på framsidan (Control-F) gruppen av banor, håller samma utseende men ställer in gruppen Blendinglägesskärm och 20% opacitet den här gången.
Gå till Skikten panel, välj "toppkaka"Grupp och sedan Kopia och Klistra in på plats (Shift-Control-V). Tryck Förena i Stigfinnare panel för att slå samman alla former i en (1).
Välj "Oreo design"Grupp och sedan Kopia och Klistra in på plats (Shift-Control-V) att göra en kopia av det framför allt. Ta bort Drop Shadow effekt och gå till Objekt> Sammansatt sökväg> Gör (Control-8) (2).
Välj nu de nyligen erhållna blåa och orange formerna och tryck på Förena i Stigfinnare panel för att få den form som vi behöver (3).
Fyll den form som erhållits i föregående steg med brunt och applicera Spannmål effekt med samma inställningar som för "baskaka". Ställ in Blandningsläge till Mjukt ljus och den Opacitet till 10% (1).
Gör en kopia av samma form framför allt och sätt den till stroke-none och fill-none. Medan denna kopia förblir vald väljer du också de två grupperna av linjer och formen med Spannmål effekt appliceras på det och gå till Objekt> Clipping Mask> Make (Control-7). Som ett resultat kommer du att få rena kanter runt "toppkaka"(3).
Använd Penverktyg (P) att rita en väg efter framkanten av "toppkaka"Men något ovanför det (1), följt av en annan väg precis vid kanten av"toppkaka"(2). Ge dem en 2 pt svart Stroke och använd Breddsprofil 1 i Stroke panel; använd sedan en 2 px Gaussian Blur. Som ett resultat kommer du att skapa lite skugga mellan "toppkaka"Och"krämpåfyllning"(3).
Låt oss börja med skuggan under "krämpåfyllning" grupp. Rita en bana efter fyllnadsens nedre kant och skicka den bakom den. Ge det en 2 pt svart Stroke och använda Breddsprofil 1. Applicera en 1 px Gaussian Blur.
Rita några slumpmässiga svarta former av olika storlekar och dra dem sedan in i borstar panel för att spara dem som en Ny scatterborste. Du kan namnge den Crumbs Scatter Brush (1).
Ta tag i Penna verktyg (N) och rita en slumpmässig cirkelväg över "krämpåfyllning"Och stroke den med den nyligen sparade borsten. Öppna Stroke Options fönster och ändra inställningarna som visas eller tills du får önskat utseende (2).
När du är nöjd med utseendet på dina smulor, välj Expand Utseende från Objekt menyn och sätt sedan den resulterande gruppen till Blandningslägeöverlagring (3).
Gå till Skikten panel, välj "krämpåfyllning"Grupp, och gör en kopia av den framför. Tryck Förena i Stigfinnare panel för att slå samman den i en enda form. Om det behövs, gå också till Objekt> Sammansatt sökväg> Gör (Control-8).
Välj nu gruppen av smulor tillsammans med formen som erhölls i föregående steg, vilket måste vara framför och inställt på stroke-none, fill-none, och gå till Objekt> Clipping Mask> Make (Control-7).
Välj "baskaka"Grupp från Skikten panel och sedan Kopia och Klistra in på plats (Shift-Control-V). Flytta kopian till en Nytt lager under Oreo-ikonen (1). Tryck Förena i Stigfinnare panel eller gå till Objekt> Sammansatt sökväg> Gör (Control-8) för att erhålla en enda form (2). Välj mörkbrun som fyllfärgen och använd Drop Shadow effekt två gånger för att få skuggan (3).
Här är den sista bilden av Oreo-ikonen. Jag hoppas att du njöt av denna "söta" handledning, och glöm inte att dela en bild med din rekreation. Jag skulle gärna se det.
Accentsconagua