Illustrér en morsom forstørrelseszoomikon

I denne opplæringen lager vi et unikt forstørrelsesglass som forstørrer et utvalg av tekst. Vi jobber primært med stifinderen og grunnleggende formverktøy for å kutte ut våre figurer for denne illustrasjonen, men pennverktøyet vil også bli brukt. Vi fargelegger elementene underveis ved hjelp av ulike gradienter.

Endelig bildeforhåndsvisning

Før vi begynner, la oss ta en titt på bildet vi skal skape. Nedenfor er den fullførte illustrasjonen for å se hva du jobber med.

Trinn 1

Opprett nytt dokument, 800px med 600px Vil gjøre. Skriv litt tekst ved hjelp av en stor skriftstørrelse. jeg bruker Futura for dette designet. Deretter gjelder opprett oversikt (Shift + Ctrl + O) til teksten. Bruk deretter en gradientfarge til teksten, som vist nedenfor.

Steg 2

Ta tak i pennverktøy og tegne en form, som vist nedenfor. Kopier (CTRL + C) den skisserte teksten og lim inn foran (CTRL + F) av det. Velg begge banene og velg skjærer formområder fra pathfinder verktøyet.

Trinn 3

Gjenta steg 2 å skape en skygge ved hjelp av annen farge.

Trinn 4

Ta tak i ellipse verktøy og tegne en sirkel. Kopier sirkelen og lim inn foran. Hold deretter ALT + Skift og endre størrelsen på den. Velg begge sirkler og trekke fra formområdet ved hjelp av sti. Deretter Utvide den.

Trinn 5

Plasser doughnut form og bruk innstillingen for farge og slag, som vist nedenfor.

Trinn 6

Ta tak i avrundet rektangelverktøy og klikk en gang på skjermen for å få frem dialogboksen. Lage en 150px bredde, 50px høyde og 20px hjørne radius rektangel. Fyll den med en gradientfarge som vist nedenfor med a -111 ° vinkel. Også søk a 1px slag med samme farge vi brukte før.

Trinn 7

Nå må vi legge til litt skygge. Vi kan gjøre dette ved hjelp av samme teknikk som vi pleide å lage det oransje toppområdet for teksten i steg 2. For område 1, Vi bruker en hvit til svart gradient med a 57 ° vinkel. For område 2, vi bruker samme gradient med a 253 ° vinkel. For område 3, vi bruker en svart farge.

Trinn 8

Bruk samme teknikk, opprett noe som et gummi- eller klutbånd. Bruk en hvit farge og a 0,5 px slag.

Trinn 9

Nå tegner vi båndene.

Trinn 10

Lag et rektangel ved hjelp av rektangelverktøy som vår bakgrunn. Bruk en radial gradient til det. Tegn deretter en skygge ved hjelp av ellipseverktøy.

Trinn 11

Vi er nesten der. Legg til en hvit sirkel under alle lag, men over tekstlaget. Sett opasitet til 10%. Lag et shinning-område ved hjelp av stifinner. Fyll den med en hvit farge, og sett inn opacity til 5%.

Konklusjon

Til slutt legger du til litt skygge for tekstlaget fordi det er under doughnut form. Vel, det handler om det.

Denne opplæringen krever bare noen tegning ferdigheter. I denne opplæringen gjentok vi ofte prosessen der vi må kopiere og lime inn en sti foran en annen sti. Dette gjør at vi enkelt kan gjøre et kryss, ofte gjort via pathfinder verktøy. Jeg håper du nyter opplæringen og la noen kommentarer. Jubel!