Illustrera en Rolig Förstoring Zoom Ikon

I den här handledningen skapar vi ett unikt förstoringsglas som förstorar ett urval av text. Vi arbetar främst med sökaren och grundläggande formverktyg för att skära ut våra former för denna illustration, även om pennverktyget också kommer att användas. Vi färgar elementen längs vägen med olika gradienter.

Slutlig bildförhandsvisning

Innan vi börjar, låt oss ta en titt på bilden vi ska skapa. Nedan följer den färdiga illustrationen för att se vad du arbetar mot.

Steg 1

Skapa nytt dokument, 800px med 600px ska göra. Skriv lite text med stor skriftstorlek. jag använder Futura för denna design. Därefter gäller skapa skiss (Shift + Ctrl + O) till texten. Applicera sedan en gradientfärg på texten, som visas nedan.

Steg 2

Ta tag i penna verktyg och rita en form, som visas nedan. Kopiera (CTRL + C) den skisserade texten och klistra in framåt (CTRL + F) av det. Välj båda sökvägarna och välj skär formområden från pathfinder verktyg.

Steg 3

Upprepa steg 2 att skapa en skugga med olika färg.

Steg 4

Ta tag i Ellips verktyg och rita en cirkel. Kopiera cirkeln och klistra in framför. Håll sedan kvar ALT + Skift och ändra storlek på det. Välj båda cirklarna och subtrahera från formområdet med hjälp av sökväg. Sedan Bygga ut Det.

Steg 5

Placera munkform och använd inställningen för färg och stroke, som visas nedan.

Steg 6

Ta tag i avrundat rektangelverktyg och klick en gång på skärmen för att få fram dialogrutan. Skapa en 150px bredd, 50px höjd och 20px hörnradie rektangel. Fyll den med en gradientfärg som visas nedan med a -111 ° vinkel. Applicera också a 1px slag med samma färg som vi tidigare använde.

Steg 7

Nu måste vi lägga till lite skuggning. Vi kan göra det med samma teknik som vi brukade skapa det orange toppområdet för texten i steg 2. För område 1, Vi använder en vit till svart gradient med a 57 ° vinkel. För område 2, vi använder samma gradient med a 253 ° vinkel. För område 3, vi använder en svart färg.

Steg 8

Använd samma teknik, skapa något som ett gummi- eller tygband. Använd en vit färg och a 0,5 px stroke.

Steg 9

Nu ritar vi banden.

Steg 10

Skapa en rektangel med rektangelverktyg som vår bakgrund. Applicera en radiell gradient till det. Dra sedan en skugga med hjälp av ellipsverktyg.

Steg 11

Vi är nästan där. Lägg till en vit cirkel under alla lager, men över textlagret. Ställ in opacitet till 10%. Skapa ett shinningområde med hjälp av stigfinnare. Fyll den med en vit färg och ställ in opacitet till 5%.

Slutsats

Slutligen lägg till lite skugga för textlagret eftersom det är under munkform. Tja, det handlar allt om det.

Denna handledning krävde bara några teckningsfärdigheter. I denna handledning upprepade vi ofta processen där vi måste kopiera och klistra in en sökväg framför en annan väg. Detta gör att vi enkelt kan göra ett korsning, ofta gjort via pathfinderverktyg. Jag hoppas att du tycker om handledningen och lämnar några kommentarer. Skål!