Share
Vad du ska skapaI följande steg kommer du att lära dig hur du skapar en vindroscompass-symbolillustration i Adobe Illustrator.
Till att börja med lär du dig att skapa ett enkelt rutnät, hur man formaterar former och hur man skapar huvudobjektet med en cirkel och Utseendepanelen. Med full nytta av Transform-effekten kommer du att lära dig hur du enkelt kan multiplicera former och hur du skapar ett ganska komplext kompassnät med bara några vägar.
Med hjälp av en enkel blandning, Rotate Tool och några fler Transform effekter, kommer du att lära dig hur du skapar kompassnålarna. Med hjälp av snyggt slagteknik och Utseendepanelen lär du dig hur du skapar bakgrunden och några små detaljer. Slutligen, genom att använda grundläggande blandningstekniker och flera rastereffekter, lär du dig att lägga till en subtil textur till din slutliga design.
För mer inspiration om hur du justerar eller förbättrar din slutliga illustration, kan du hitta massor av resurser på GraphicRiver.
Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 850 i rutorna bredd och höjd och klicka sedan på det Fler inställningar knapp. Välj RGB för Färg läge, ställa in Raster Effects till Skärm (72 ppi) och klicka sedan på det Skapa dokument knapp.
Aktivera nätet (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid). Du behöver ett rutnät varje 5 px, så helt enkelt gå till Redigera> Inställningar> Guider och galler, och skriv in 5 i Gridline varje lådan och 1 i underavdelningar låda. Försök att inte bli avskräckta av allt det där nätet - det kommer att göra ditt arbete enklare och tänk på att du enkelt kan aktivera eller inaktivera den med hjälp av Kontrollera-" tangentbordsgenväg.
Du kan lära dig mer om Illustrators nätverkssystem i denna korta handledning från Andrei Stefan: Förstå Adobe Illustrators gridsystem.
Du borde också öppna Info panel (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. Alla dessa alternativ ökar din arbetshastighet avsevärt.
Välj Ellipsverktyg (L) och fokusera på din verktygsfält. Ta bort färgen från stroke och välj sedan fyllningen och sätt dess färg till R = 226 G = 228 B = 243. Flytta till din tavla och helt enkelt skapa en 440 px cirkel-nätet och Snap to Grid bör göra det enklare.
Därefter måste du centrera din form. Öppna Justera panel (Fönster> Justera) och ställa in anpassningen till tavlan. Om du inte kan se det Anpassa till avsnittet, öppna menyn för utflyttning från Justera panel och gå till Visa alternativ. Se till att din cirkel fortfarande är vald och klicka sedan på Horisontell inriktning Center och Vertikalt inriktningscentrum knappar. Detta bör föra din cirkel till mitten av tavlan, som visas i följande bild.
Se till att din cirkel är vald och öppna Utseende panel (Fönster> Utseende). Lägg till en ny fyllning med hjälp av Lägg till ny fyllning knappen och välj sedan den.
Ställ in färgen till R = 246 G = 248 B = 255 och sedan gå till Effekt> Path> Offset Path. Ange en -5 px förskjutning och klicka sedan på det ok knapp.
Se till att din cirkel är vald och fortsätt att fokusera på Utseende panel. Lägg till en tredje fyllning och markera den. Ställ in färgen till R = 226 G = 228 B = 243 och sedan gå till Effekt> Path> Offset Path. Ange en -15 px Offset och klicka sedan på det ok knapp.
Håll fokus på Utseende panelen och lägg till de andra tre fyllningarna som visas i följande bild. Använd de färg- och offset-attribut som anges nedan.
Se till att din cirkel fortfarande är vald och fortsätt att fokusera på Utseende panel. Välj stroke, sätt dess färg till R = 28 G = 35 B = 61 och öka Vikt till 4 px.
Se till att din cirkel fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en andra stroke med hjälp av Lägg till ny stroke knappen, välj den och gå till Effekt> Path> Offset Path. Ange en -5 px förskjutning och klicka sedan på det ok knapp.
Se till att din cirkel fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en tredje stroke, välj den och gå till Effekt> Path> Offset Path. Ange en -15 px Offset och klicka sedan på det ok knapp.
Håll fokus på Utseende panel och lägg till de andra tre streck som visas i följande bild. Använd de färg- och offset-attribut som anges nedan. I slutet ska sakerna se ut i följande bild.
Se till att din cirkel fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning, dra den längst ner på panelen och välj den.
Ställ in färgen till R = 28 G = 35 B = 61, sänka dess Opacitet till 20% och sedan gå till Effekt> Path> Offset Path. Ange en -20 px förskjutning, klicka på det ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra Flytta-Vertikal skjutreglaget till -45 px, klicka på det ok knappen och gå sedan till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 15 px Radius och klicka sedan på det ok knapp.
Använda Rektangelverktyg (M), skapa en 15 x 10 px form, fyll den med R = 28 G = 35 B = 61 och placera det exakt som det visas i den första bilden. Håll fokus på den här lilla rektangeln och växla till Direktmarkeringsverktyg (A). Välj de bästa ankarpunkterna och dra dem helt enkelt 25 px till höger. I slutet skulle sakerna se ut i den andra bilden.
Se till att din lilla mörka form fortfarande är vald och gå till Effekt> Förvräng & Transformera> Transformera. Dra Flytta-Vertikal skjutreglaget till 220 px, stiga på 1 i det kopior rutan och klicka sedan på det ok knapp.
Se till att din lilla mörka form fortfarande är vald och gå igen till Effekt> Förvräng & Transformera> Transformera. Stiga på 11 I rutan Kopior anger du Vinkel till 15 grader, och klicka sedan på det ok knapp.
Använda Penverktyg (P) eller den Linjeverktyg (\), skapa en 20 px vertikal väg och placera den exakt som visas i följande bild. Lägg till en 2 px stroke för den här sökvägen och ställ in sin färg till R = 28 G = 35 B = 61.
Se till att din vertikala sökväg är vald och gå till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i det vänstra fönstret (i följande bild), klicka på det ok knappen, och sedan gå igen till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i det högra fönstret och klicka sedan på det ok knapp.
Använda Penverktyg (P) eller den Linjeverktyg (\), skapa en 40 px vertikal väg och placera den exakt som visas i följande bild. Lägg till en 4 px stroke för den här sökvägen, sätt dess färg till R = 28 G = 35 B = 61, och klicka sedan på det Stroke bit text för att öppna Stroke utflödespanel. Flytta till Profil avsnitt och välj Breddsprofil 4 från den listan.
Se till att din vertikala sökväg är vald och gå till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i det vänstra fönstret (se till att du kontrollerar Reflektera Y rutan) klickar du på det ok knappen, och sedan gå igen till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i det högra fönstret och klicka sedan på det ok knapp.
Använda Ellipsverktyg (L), skapa en 20 px cirkel och placera den som visas i den första bilden. Fyll den här nya formen med R = 226 G = 228 B = 243 och lägg till en 4 px stroke. Rikta in det till insidan och sätt färgen på R = 28 G = 35 B = 61.
Håll fokus på denna cirkel, välj Anchor Point Tool (Shift-C), och klicka helt enkelt på de fyra ankarpunkterna som utgör din form. Detta kommer i grunden att göra din cirkel till en diamant.
Se till att din diamantform fortfarande är vald och använd de två Omvandla effekter som visas i följande bild.
Använda Rektangelverktyg (M), skapa en 790 px kvadrat och fyll den med R = 246 G = 248 B = 255. Skicka den här nya formen tillbaka (Skift-Control- [) och centrera den med samma kommandon från Justera panel.
Se till att din ruta hålls vald och fokusera på Utseende panel. Lägg till en ny fyllning, dra den till botten av panelen och välj den. Ställ in färgen till R = 28 G = 35 B = 61 och sedan gå till Effekt> Path> Offset Path. Ange en 35 px förskjutning och klicka sedan på det ok knapp.
Se till att din ruta fortfarande är vald och fokusera på Utseende panel. Välj toppfyllningen och gå till Effekt> Stylize> Avrundade hörn. Ange en 95 px Radius, klicka på det ok knappen och gå sedan till Effekt> Path> Offset Path. Ange en 10 px Offset och klicka sedan på det ok knapp.
Se till att din ruta fortfarande är vald och fortsätt att fokusera på Utseende panel. Välj stroke och sätt dess färg till R = 28 G = 35 B = 61 och sedan gå till Effekt> Stylize> Avrundade hörn. Ange en 95 px Radius, klicka på det ok knappen och återgå till Utseende panel. Öppna Stroke utloppspanel, ställ in Vikt till 10 px, och kontrollera det Streckad linje låda. Stiga på 4 px i den första rusa och gap lådor, och glöm inte att kolla på det Justerar streck till hörn och bana slutar ... knapp.
Se till att din ruta fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en andra stroke och markera den. Ställ in färgen till R = 28 G = 35 B = 61 och gå till Effekt> Path> Offset Path. Ange en -5 px förskjutning, klicka på det ok knappen och gå sedan till Effekt> Stylize> Avrundade hörn. Ange en 90 px Radius, klicka på det ok knappen och återgå till Utseende panel. Öppna Stroke fly-out-menyn för denna nya stroke, ställ in Vikt till 5 px, och glöm inte att kolla Rikta in streck på insidan knapp.
Se till att din ruta fortfarande är vald och fortsätt att fokusera på Utseende panel. Välj toppslaget och duplicera det med hjälp av Kopiera valda objekt knapp. Fokusera på den nya stroke och klicka helt enkelt på befintliga Offsetväg effekt för att öppna den. Ersätt -5 px förskjutning med en 5 px förskjutning och klicka sedan på det ok knapp. Öppna också befintliga Rundade hörn effekt och öka Radie till 100 px.
Använda Rektangelverktyg (M), skapa en 70 x 55 px forma och placera det exakt som det visas i den första bilden. Fyll den här nya formen med R = 226 G = 228 B = 243 och lägg till en 4 px stroke. Rikta in det till insidan och sätt färgen på R = 28 G = 35 B = 61.
Se till att din rektangel fortfarande är vald och gå till Objekt> Sti> Lägg till Anchor Points. Välj Ta bort Anchor Point Tool (-) och klicka bara på de fyra ankarpunkterna som markeras i den första bilden för att ta bort dem. Byt till Direktmarkeringsverktyg (A), välj den övre mitten ankarpunkten och dra den 195 px upp. I slutet ska din form se ut i den andra bilden.
Använda Linjeverktyg (\), skapa en 225 px vertikal väg och placera den enligt bilden nedan. Lägg till en 4 px stroke för den här sökvägen och ställ in sin färg till R = 28 G = 35 B = 61.
Använda Rektangelverktyg (M), skapa en 30 x 5 px form, fyll den med en slumpmässig gul och placera den som visas på den första bilden. Håll fokus på den här nya rektangeln och växla till Direktmarkeringsverktyg (A). Välj rätt ankarpunkter och dra dem 45 px upp.
Välj om Rektangelverktyg (M), skapa en 5 px kvadrat, fyll den med en slumpmässig gul och placera den som visas i den tredje bilden. Byt till Direktmarkeringsverktyg (A), välj de högra ankarpunkterna och dra dem 10 px upp. I slutet skulle sakerna se ut i den femte bilden.
Fokusera på verktygsfältet och dubbelklicka på Blandningsverktyg att öppna Blandningsalternativ fönster. Välj Specificerade steg från Mellanrum rullgardinsmenyn och ange 18 i den rutan. Återmarkera dina gula former, ersätt den fyllnadsfärgen med R = 28 G = 35 B = 61 och sedan träffa Alt-Control-B för att skapa en ny blandning. I slutändan ska sakerna se ut i den andra bilden.
Välj din blandning tillsammans med de andra två formerna som utgör din kompassnål och Grupp dem (Kontroll-G). Se till att din grupp är vald och gå till Effekt> Förvräng & Transformera> Transformera. Ställ in Vinkel till 90 grader och skriv in 3 i det kopior låda. Glöm inte att kolla den nedre referenspunkten och klicka sedan på den ok knapp.
Använda Penverktyg (P) , skapa en enkel bana som visas i den första bilden och fyll i den R = 246 G = 248 B = 255. Lägg till en kopia av denna form på samma ställe (Control-C> Control-F) och välj det. Byt ut den befintliga fyllfärgen med R = 28 G = 35 B = 61 och välj sedan Ta bort Anchor Point Tool (-) och ta bort ankarpunkten markerad i den andra bilden.
Välj den första formen som gjordes i det här steget och lägg till en 4 px stroke. Rikta ut det till utsidan och sätt färgen på R = 28 G = 35 B = 61. Välj båda formerna i detta steg och Grupp dem (Kontroll-G).
Se till att gruppen som gjorts i föregående steg fortfarande är vald och välj Rotera verktyg (R). Håll Alt nyckeln från tangentbordet, klicka precis på den nedre ankarpunkten för att ställa in mittpunkten i den punkten och Rotera fönstret öppnas. Ställ in Vinkel till -90 grader och klicka sedan på det ok knapp. Var säker på att din nybildade grupp förblir vald och helt enkelt träffad Kontroll-D dubbelt. I slutändan ska sakerna se ut i den tredje bilden.
Använda Ellipsverktyg (L), skapa en 170 px cirkel och placera den som visas i den första bilden. Fyll den här nya formen med R = 28 G = 35 B = 61, sänka dess Opacitet till 60% och sedan gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 15 px Radius och klicka sedan på det ok knapp. Se till att den här suddiga formen förblir vald och skicka den bakom nålarna med hjälp av Kontrollera-[ tangentbordsgenväg.
Välj Ellipsverktyg (L) och skapa en 90 px cirkel. Fyll den med R = 226 G = 228 B = 243 och centrera den. Lägg till en 4 px stroke och ställa in sin färg till R = 28 G = 35 B = 61. Kopiera stroke, välj kopia och gå till Effekt> Path> Offset Path. Ange en -20 px förskjutning och klicka sedan på det ok knapp.
Använda Ellipsverktyg (L), skapa en 40 px cirkel och centrera den. Lägg till en 2 px stroke för denna nya form, sätt dess färg till R = 28 G = 35 B = 61 och öppna sedan det Stroke utflödespanel. Fokusera på Profil avsnitt och välj Breddsprofil 1. Gör tre kopior av denna cirkel (Control-C> Control-F) och kläm dem gradvis som visas i följande bild: 30 px, 20 px och 10 px.
Använda Penverktyg (P) eller den Linjeverktyg (\), skapa en 10 px vertikal väg och placera den exakt som visas i följande bild. Lägg till en 2 px stroke för den här sökvägen, sätt dess färg till R = 28 G = 35 B = 61 och öppna sedan Stroke utflödespanel. Kolla Round Cap knappen och flytta sedan till Profil avsnitt och välj Breddsprofil 4 från den listan.
Se till att din lilla vägen fortfarande är vald och gå till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i följande bild (se till att du kontrollerar Reflektera Y rutan) och klicka sedan på det ok knapp.
Se till att din lilla vägen fortfarande är vald och gå till igen Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Välj Typverktyg (T) och öppna Karaktär panel (Fönster> Typ> Tecken). Välj Milkshake-teckensnittet och ställ in storleken till 50 px. Klicka bara på din tavla och skriv texten. Lägg till de fyra bokstäverna som visas i följande bild och ange deras färg R = 28 G = 35 B = 61.
Se till att Typverktyg (T) är fortfarande aktiv, återgå till Karaktär panel, och ställa in storleken till 30 px. Lägg till de andra fyra textstyckena som visas i följande bild och använd samma färg.
Använda Rektangelverktyg (M), skapa en 810 px kvadrat och centrera den. Fyll den här nya formen med R = 229 G = 207 B = 170 och fokusera på Utseende panel.
Välj fyllningen, sänk dess Opacitet till 50%, ändra Blandningsläge till Mjukt ljus, och sedan gå till Effekt> Stylize> Avrundade hörn. Ange en 110 px Radius, klicka på det ok knappen och gå sedan till Effekt> Sketch> Notepapir. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Se till att din 810 px kvadraten är fortfarande vald och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och välj den.
Ställ in färgen till R = 67 G = 43 B = 15, sänka dess Opacitet till 50%, ändra Blandningsläge till Färg bränna, och sedan gå till Effekt> Stylize> Avrundade hörn. Ange en 105 px Radius, klicka på det ok knappen och gå sedan till Effekt> Path> Offset Path. Ange en -6 px Offset, klicka på det ok knappen och gå sedan till Effekt> Sketch> Notepapir. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Se till att din 810 px kvadraten är fortfarande vald och fortsätt att fokusera på Utseende panel. Lägg till en tredje fyllning och markera den.
Ställ in färgen till svart (R = 0 G = 0 B = 0), sänk dess Opacitet till 50% och ändra Blandningsläge till Mjukt ljus och sedan gå till Effekt> Stylize> Avrundade hörn. Ange en 110 px Radius, klicka på det ok knappen och gå sedan till Effekt> Konstnärligt> Filmkorn. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Se till att din 810 px kvadraten är fortfarande vald och fortsätt att fokusera på Utseende panel. Lägg till en fjärde fill och markera den.
Ställ in färgen till svart, sänk den Opacitet till 50% och ändra Blandningsläge till Mjukt ljus och sedan gå till Effekt> Stylize> Avrundade hörn. Ange en 110 px Radius, klicka på det ok knappen och gå sedan till Effekt> Sketch> Grafisk Penna. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Se till att din 810 px kvadraten är fortfarande vald och fortsätt att fokusera på Utseende panel. Lägg till en sista fyllning och välj den.
Byt ut färgen med den linjära gradienten som visas i följande bild, ändra Blandningsläge till Färg och sedan gå till Effekt> Stylize> Avrundade hörn. Ange en 110 px Radius och klicka sedan på det ok knapp. Tänk på att den gula nollpunkten från Lutning bilden står för Opacitet procentsats.
Så här ska det se ut. Jag hoppas att du har haft den här handledningen och kan tillämpa dessa tekniker i dina framtida projekt. Tveka inte att dela ditt slutresultat i kommentarfältet.
Gör det fina att justera den slutliga designen och gör den till din egen. Du kan hitta några bra inspirationskällor på GraphicRiver, med intressanta lösningar för att förbättra din design.
Accentsconagua