Accentsconagua
Share
Vad du ska skapaVälkommen till hur man skapar en abstrakt ikon i Adobe Illustrator! Temat vi arbetar på är schack. I denna handledning lär vi oss steg för steg processen om hur man skapar en abstrakt uppsättning ikoner med hjälp av grundläggande former och verktyg.
För fler exempel på abstrakta ikonuppsättningar, kolla in GraphicRiver där du kan hitta en mängd olika abstrakta ikoner.
Låt oss börja med att skapa en Nytt dokument i Adobe Illustrator (Fil> Ny eller Kontroll-N). För denna handledning använder vi nedanstående inställningar:
I Avancerad fliken, använd följande inställningar:
Gå till Redigera> Inställningar> Allmänt och ställa in Tangentbordsökning till 1 px.
Gå till Enheter och använd de inställningar som visas nedan.
Därefter måste du strukturera projektet genom att skapa lager. Välj Skikten panelen och skapa två lager. Namnge dem enligt följande:
Se till att du väljer bakgrundsskiktet för att börja skapa bakgrunden.
Med bakgrundsskiktet valt, klicka på Rektangelverktyg (M) och skapa en 850 x 850 rektangulärt område för att placera dina ikoner. Detta ska passa hela området på Artboard.
Kontrollera att rektangeln fortfarande är markerad och klicka på Övertoningsverktyg. I vinkeldelen väljer du 45 grader från rullgardinsmenyn.
Välj två färger för gradienten. För den här handledningen använder vi följande:
För den andra färgen kommer vi att använda följande:
Den sista bakgrunden ska se ut som bilden nedan. Låsa bakgrundslagret genom att klicka på låsikonen och klicka på ikonskiktet för att börja skapa ikonerna.
Välj den Penverktyg (P) och justera inställningarna för stroke till följande:
Börja med att välja Ellipsverktyg (L) och skapa en liten cirkel. För att skapa en perfekt cirkel, tryck och håll ner Flytta nyckel-på tangentbordet medan du klickar och drar med musen.
Välj Penverktyg (P) och skapa två linjer under cirkeln.
Välj Rundad rektangelverktyg (M) och skapa en form under de två linjerna. Du kan justera kurvornas hörn genom att trycka på Uppåtpil eller den Nedåtpil på tangentbordet medan du skapar formen (klicka och dra med musen).
Med formen som valts, ändras den till en fyllningsform.
Duplicera formen genom att kopiera den (Kontroll-C) och klistra sedan in den på plats (Kontroll-skift-V).
Lägg till en stroke till den andra formen med en bredd på 20 pt. För bästa resultat, justera stroke på utsidan.
Med den andra formen som fortfarande valts, gå till toppmenyn och välj Objekt> Expand att öppna Bygga ut fönster. Se till att båda Fylla och Stroke är markerade och klicka sedan på ok.
Detta kommer att skapa en form från stroke. Kontrollera att formen fortfarande är vald och med hjälp av Stigfinnare, Klicka på Förena. Detta kommer att slå samman formen.
Ändra formen till ett slag genom att använda Eyedropper Tool (I) och justera stroke på utsidan.
Använd Ellipsverktyg (L) att skapa en liten cirkel längst ner för att slutföra pjäsikonen.
För att börja skapa ikonen för rök, använd Rektangelverktyg (M) för att skapa en liten rektangelform.
Skapa en något större rektangelform och sätt på den Stroke genom att använda Eyedropper Tool och välja en av de slag som vi tidigare använde på pionikonet.
Använd Rektangelverktyg (M) för att skapa en liten rektangelform på toppen.Använd sedan Ellipsverktyg (L) att skapa en liten cirkel längst ner (håller Flytta nyckel-på tangentbordet för att skapa en perfekt cirkel).
Använd Rektangelverktyg (M) och följ stegen nedan för att skapa toppen av rökikonen.
Välj alla former i steg 4 och klicka på Pathfinder> Förena.
Detta kommer att sammanfoga alla former tillsammans.
Med den nya formen som valts ändras den till ett slag genom att använda Eyedropper Tool (I) för att säkerställa att strokevikten är densamma.
För att skapa halvcirklarna måste du börja med att skapa en cirkel med hjälp av Ellipsverktyg (L). Placera en rektangel över cirkeln med hjälp av Rektangelverktyg (M).
Välj båda formerna (se till att rektangeln är placerad ovanpå cirkeln) och välj sedan Pathfinder> Minus Front.
Detta kommer att ta bort rektangelformen och den del av cirkeln som överlappar varandra.
Duplicera halvcirkeln genom att kopiera den (Kontroll-C) och klistra sedan in det (Kontroll-V).
Välj den dubbla halvcirkeln och sedan Högerklicka på det. Från menyn väljer du Transformera> Välj. Välja Vertikal axeln vid 90 grader och klicka sedan på ok.
Se till att båda halvcirklarna är inriktade horisontellt motsatt varandra.
Placera halvcirklarna på vardera sidan av formerna för att slutföra rökikonen.
För att börja skapa riddareikonen, skapa en duplikat av rökikonen. Med duplikatikonen använder du Urvalsverktyg (V) eller den Direktmarkeringsverktyg (A) för att ta bort ikonens mittformer.
Använd Polygon Tool för att skapa en triangel. Med hjälp av Polygon Tool trycker du på Uppåtpil nyckel-eller Nedåtpil nyckel-på tangentbordet för att öka eller minska antalet sidor.
Att skapa en liksidig triangel,tryck och håll ner Flytta nyckel-på tangentbordet samtidigt som du skapar formen.
Skapa en mindre liksidig triangeloch placera den i mitten.
Vrid halvcirklarna på vardera sidan av triangeln så att stropparna inriktar sig diagonalt (Högerklicka> Transformera> Rotera).
För att skapa huvudet för riddareikonen, använd Rundad rektangelverktyg och den Ellipsverktyg (L) för att skapa formerna nedan.
Använd Rektangelverktyg (M) och placera två rektanglar ovanför formerna som visas nedan.
Använd Minus Front Tool på de överlappande formerna.
Detta kommer att skapa en rak kant där formerna överlappade. Flytta de två formerna tillsammans så att de liknar bilden nedan.
Använd Minus Front Tool igen för att ta bort formens vänstra sida och ändra dem båda i ett slag.
Välj båda formerna och använd Pathfinder> Förena att kombinera dem till en enda form.
Välj Lägg till Anchor Point Tool (+) och lägg till en punkt nära formens vänstra hörn. Använd sedan Direktmarkeringsverktyg (A) för att dra i övre vänstra hörnet till vänster.
Använd Direktmarkeringsverktyg (A) och ta bort punkten som visas i bilden nedan.
Använd Penverktyg (P) och rita ut tre extra poäng på höger sida av formen.
Välj kurvpunkterna och dra dem till mitten med musen för att skapa hästens hals. Håll Flytta tangent på tangentbordet för att välja flera punkter.
När du är nöjd med hur hästhuvudet ser ut, använd Ellipsverktyg (L) för att skapa ögat (kom ihåg att trycka och hålla ned Flytta nyckel-på tangentbordet för att skapa en perfekt cirkel).
Lägg till en rad under huvudet och placera den under de föregående formerna för att skapa den sista riddareikonen.
För att börja skapa biskopsikonen, skapa en duplikat av riddareikonen. Med duplikatikonen använder du Urvalsverktyg (V) eller den Direktmarkeringsverktyg (A) för att ta bort ikonens översta former (hästhuvudet).
Använd Ellipsverktyg (L) och håll den Flytta nyckel-på tangentbordet för att skapa en perfekt cirkel ovanpå ikonen.
Använd Direktmarkeringsverktyg (A) för att flytta cirkelns toppunkt något uppåt. Detta kommer att skapa en äggliknande form.
Välj styrenheter med Direktmarkeringsverktyg (A) och flytta dem till mittenpunkten för att skapa en teardrop-form.
Använd Ellipsverktyg (L) att skapa en cirkel och placera den ovanpå tårformen. Använd sedan Penverktyg (P) att skapa ett kors och placera det inuti tårtformen för att skapa den sista biskopsikonen.
För att börja skapa queen-ikonen, skapa en kopia av biskopikonen. Med den dubbla ikonen använder du Urvalsverktyg (V) eller den Direktmarkeringsverktyg (A) för att ta bort ikonens övre och mellersta former.
Detta kommer att lämna bara de två cirklarna i botten och halvcirklarna på sidorna.
Vrid halvcirklarna något. Att göra detta, Högerklicka på formerna, och sedan gå till Transformera> Rotera,följer bilden nedan.
Använd Ellipsverktyg (L) att skapa två cirklar, med yttercirkeln med hjälp av en stroke och den inre cirkeln med hjälp av en fyllning. Kom ihåg att hålla Flytta nyckel-på tangentbordet för att skapa en perfekt cirkel.
Använd Ellipsverktyg (L) för att skapa två överlappande cirklar sida vid sida ovanpå de andra formerna.
Använd Ellipsverktyg (L) att skapa en liten cirkel ovanpå.
För att skapa kronans bas använder du Penverktyg (P) eller den Rektangelverktyg (M) att rita formen enligt bilden nedan. När du använder Penverktyg, du kan hålla Flytta tangent på tangentbordet för att dra en rak linje vertikalt eller horisontellt. Detta gör det enklare att anpassa sig.
Därifrån, använd Direktmarkeringsverktyg (A) för att välja kurvpunkterna (håll in Flytta för att välja flera punkter) och flytta punkterna mot mitten med musen för att omvandla hörnen till kurvor.
Fyll i drottningens ikon genom att placera kronan ovanpå formerna, som visas på bilden nedan.
För att skapa kungikonen, duplicera queen-ikonen. Med duplikatikonen använder du Direktmarkeringsverktyg (A) för att radera mittencirkelformerna.
Använd Direktmarkeringsverktyg (A) för att radera den lilla cirkelformen överst på kronan.
Använd Rektangulärt formverktyg (M) att skapa två rutor (en större kontur och en mindre fyllform). Placera det mindre torget inuti och i mitten av det större torget.
Därifrån, välj båda rutorna och rotera dem båda med 45 grader (Högerklicka> Transformera> Rotera) och placera båda rutorna i mittrummet på ikonen.
Använd Penverktyg (P) att skapa ett litet kors på toppen av kronan.
grattis! Du har slutfört denna handledning. Känn fria att dela med dig av dina egna skapelser nedan! Jag hoppas att du hittade den här handledningen och att du har lärt dig många nya tips och tricks som du kan använda för dina framtida illustrationer. Vi ses nästa gång!
Om du gillade det här och letar efter några nya ikonfärdigheter, kolla in dessa handledning nedan! Utöka din expertis genom att gå igenom dessa djupgående guider. Glad design!
Kolla in min videokurs om Animering Ikoner i Adobe Illustrator och After Effects:
Eller varför inte kolla in dessa handledning:
