Snabbtips Skapa ett sömlöst kaffebönmönster i Illustrator

I följande steg lär du dig att skapa ett enkelt kaffebönmönster i Adobe Illustrator. Du börjar med att lära dig att skapa en enkel konstborste. Sedan använder du några grundläggande verktyg och effekter tillsammans med Round Any Corner-skriptet, så lär du dig hur du skapar den ursprungliga kaffebönans form, hur man multiplicerar, ändrar storlek och recolorar den. Slutligen, med full nytta av Snap to Grid-alternativet lär du dig hur du skapar ditt eget mönster.

Du har din Coffee Shop Logo, så nu har du en färgpalett att fungera från. Jag ska visa dig hur man skapar ett grundläggande kaffebönmönster med samma färger i logotypen som kan användas för en mängd olika saker, bland annat: tapeter, tryck och webbgrunder, bordkläder etc ... Listan är oändlig. Så låt oss hoppa in i denna handledning.


1. Förbered ett nytt dokument

Steg 1

Träffa Kontroll + N att skapa ett nytt dokument Ange 600 i rutan bredd och höjd och klicka sedan på Avancerad knapp. Välj RGB, Screen (72ppi) och se till att Justera nya objekt till pixelnätet rutan är avmarkerad innan du klickar på OK.

Aktivera nätet (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid). Till att börja med behöver du ett rutnät var 5px. Helt enkelt gå till Redigera> Inställningar> Guider> Grid, skriv 5 i rutnätet varje ruta och 1 i rutan Indelningar. Du bör också öppna Info-panelen (Fönster> Info) för en levande förhandsgranskning med storleken och positionen på dina former. Glöm inte att ställa in måttenheten till pixlar från Redigera> Inställningar> Enheter> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.


2. Skapa start kaffebönans form

Steg 1

Använda Ellipsverktyg (L), skapa en 65 x 5 px form och fyll den med svart. Inaktivera Snap to Grid (Visa> Snap to Grid) och fortsätt fokusera på den här klyvda cirkeln. Byt till Konvertera Anchor Point Tool (Shift + C) och klicka på vänster och höger ankar punkter markerade i den första bilden. I slutet ska din form se ut i den andra bilden. Öppna borstar panel (Fönster> Penslar), se till att din svarta form fortfarande är vald och tryck på Ny borste knappen (pekad av den lilla blå pilen i följande bild). Kolla Konstborste rutan och klicka på OK. Välj ett namn för din nya konstborste, se till att du anger alla egenskaper som visas i följande bild och klickar på ok.

Steg 2

Aktivera Snap to Grid (Visa> Snap to Grid). För följande steg behöver du ett rutnät var 1px. Så gå till Redigera> Inställningar> Guider och galler och ange 1 i rutnätet varje ruta. Använda Ellipsverktyg (L), skapa en form av 58 till 40 px och fyll i den med R = 71 G = 58 B = 48. Fokusera på den här nya formen, byt till Direktmarkeringsverktyg (A), välj toppankeringspunkten och dra den ned 3px.

Steg 3

Använda Penverktyg (P), skapa en 65px, horisontell bana och placera den som visas i den första bilden. Välj det och fokusera på Utseende panel (Fönster> Utseende). Se till att det inte finns någon färg för fyllningen och välj sedan stroke. Lägg till konstborsten i första steget och gå till Effekt> Förvräng & Transformera> Zig Zag. Ange egenskaperna som visas i följande bild och klicka på OK.

Steg 4

Se till att banan med konstborsten fortfarande är vald och gå till Objekt> Path> Outline Stroke. Välj den resulterande vägen tillsammans med den bruna formen, öppna Stigfinnare panel (Fönster> Pathfinder) och klicka på Minus Front knapp. Flytta till Skikten panel (Fönster> Lager), välj den resulterande gruppen av former och Dela upp Det (Shift + Control + G). Välj de tre mörkare formerna och helt enkelt ta bort dem.

Steg 5

För detta steg behöver du Round Any Corner-skriptet. Du hittar den i Vectortuts + artikel 20 Gratis och Användbara Adobe Illustrator Scripts. Spara det på hårddisken, återgå till Illustrator och ta tag i Direktmarkeringsverktyg (A). Välj de fyra ankarpunkterna som markeras i den första bilden och gå till Arkiv> Skript> Annat skript. Öppna Round Any Corner Script, skriv in en 5px Radius och klicka på OK. I slutet ska dina former se ut i den andra bilden. Välj båda formerna och vrid dem till en enkel Föreningsvägen (Objekt> Sammansatt sökväg> Gör eller Kontroll + 8)


3. Multiplicera kaffebönans form

Steg 1

Välj din sammansatta sökväg och gå till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild, klicka på OK och gå till Objekt> Expand Utseende. Flytta till Skikten panel, välj den resulterande gruppen och träffa Shift + Control + G dubbelt. I slutet borde du ha fyra liknande sammansatta vägar som visas i den andra bilden.

Steg 2

Fokusera på dina sammansatta vägar, öppna Omvandla panel (Fönster> Transformera) och kontrollera att knappen för begränsning av bredd och höjdförhållanden är markerad. Välj den andra kaffebönans form (börja räkna från toppen) och skriv in 50 i bredden (W:) rutan från transformationspanelen. Flytta ner till nästa sammansatta sökväg, välj den och ange 40 i bredden (W :) -rutan. Slutligen, välj botten kaffebönans form och skriv 30 i breddlåda. Till slut borde dina fyra kaffebönor se ut i den tredje bilden.

Steg 3

Välj dina fyra kaffebönor, Grupp dem (Kontroll + G) och gå till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild, klicka på OK och gå till Objekt> Expand Utseende. Flytta till Skikten panel, välj den resulterande gruppen och träffa Shift + Control + G dubbelt.

Steg 4

Välj kolonnen i mitten kaffebönor och byt ut den bruna som används för fyllningen med R = 211 G = 53 B = 53. Flytta till höger om kaffebönor och sätt fyllnadsfärgen på R = 255 G = 210 B = O.


3. Gör kaffebönans mönster

Steg 1

För följande steg behöver du ett rutnät var 5px. Så, gå igen till Redigera> Inställningar> Guider och galler och ange 5 i rutnätet varje ruta. Använda Rektangelverktyg (M), skapa en 250px kvadrat och fyll den med vit. Flytta till Skikten panelen och lås den här formen för att se till att du inte kommer att välja / flytta det av misstag. Inaktivera Snap to Grid (Visa> Snap to Grid) och fokusera på din vita rektangel. Ändra / rotera dina kaffebönor och sprida dem grovt enligt bilden nedan. Använd Kontroll + C> Kontroll + F genväg för att multiplicera dina former om det behövs. Se till att ingen kaffebönans form går utanför din vita kvadrat.

Steg 2

Gör några nya kaffebönor och placera dem ungefär som visas på den första bilden. Aktivera Snap to Grid (Visa> Snap to Grid) och välj Rektangelverktyg (M). Skapa en form av 30 till 250 px, placera den som visas i den andra bilden, fyll den med svart och sänk den Opacitet till 50%.

Steg 3

Välj den svarta rektangeln och kaffebönans former som går utanför den vita torget och duplicera dem (Kontroll + C> Kontroll + F). Välj dessa kopior och dra dem helt enkelt 250px till vänster som visas i den andra bilden. Flytta till Skikten panel och radera båda svarta rektanglarna.

Steg 4

Inaktivera Snap to Grid (Visa> Snap to Grid), gör några fler kaffebönor och placera dem ungefär som visas på den första bilden. Aktivera Snap to Grid (Visa> Snap to Grid) och välj Rektangelverktyg (M). Skapa en 250 x 30 px form, placera den som visas i den andra bilden, fyll den med svart och sänk den Opacitet till 50%.

Steg 5

Välj den svarta rektangeln och kaffebönans former som går utanför den vita torget (på övre sidan) och duplicera dem (Kontroll + C> Kontroll + F). Välj dessa kopior och dra dem helt enkelt 250px som visas i den andra bilden. Flytta till Skikten panel och bli av med de svarta rektanglarna.

Steg 6

Fokusera på Skikten panel och Låsa upp den vita torget. Välj det, flytta till Utseende panel och enkel ta bort färgen från fyllningen. Välj det osynliga torget tillsammans med alla kaffebönans former och gå till Redigera> Definiera mönster. Flytta till CTRL panel (Fönster> Färger) och du hittar ditt nya mönster.


4. Använda mönstret

Steg 1

Välj Rektangelverktyg (M), skapa en form storleken på din Artboard och fyll den med vit. Se till att denna nya form förblir vald, fokusera på Utseende panelen och lägg till en ny fyllning med hjälp av Lägg till ny fyllning knapp (pekad av den lilla blå pilen). Välj den här nya fyllningen och lägg till ditt kaffebönmönster från rutor~~POS=HEADCOMP panel.

Steg 2

Återmarkera din mönstrade form, fokusera på Utseende panel och ersätt helt enkelt den vita med R = 206 G = 164 B = 118 eller någon annan färg.


grattis! Du är klar.

Nu är ditt arbete gjort. Så här ska det se ut. Du kan enkelt lita på hela ditt mönster, så gärna använda din favorit uppsättning färger. Jag hoppas att du har haft den här handledningen och kan tillämpa dessa tekniker i dina framtida projekt.