Quick Tips: Hvordan lage en enkel 3D Lollipop Ikon

I det følgende opplæringen vil du lære å lage en lollipop-ikonet. Ved hjelp av noen enkle former og den Distort & Transform funksjonen, vil du se hvor enkelt det er å lage et flott utseende ikon.

Trinn 1

Opprett en 255 ved 255px dokument. Plukk Ellipse Tool (L) og klikk på artboard. Tast 80 for både bredde og høyde klikk deretter OK. Du vil få en 80 av 80px form. Fyll den med hvilken som helst farge.

Trinn 2

Velg den rektangelverktøyet (M) og klikk på artboard igjen. Skriv inn 78 i boksen Bredde og 25 i høyden boksen og klikk deretter på OK. Velg den resulterende rektangelet og gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler Radius og klikk på OK.

Trinn 3

Velg den formen laget i forrige trinn. Gå til Effect > Warp > Arc Lower, skriv dataene nedenfor og klikk deretter på OK. Reselect denne formen, så gå til Effect > Warp > Arc Øvre. Oppgi dataene nedenfor, klikker du på OK og gå til Object > Utvid Utseende.

Trinn 4

Velg figurer laget så langt. Plukk Selection Tool (V) og klikk på grensen av sirkelen. Det bør bli fremhevet. Nå åpner Juster-panelet (Vindu > Align). Og klikk på Horisontal Align Senter og Vertikal Align midtknappen

Trinn 5

Velg det figurer laget så langt og klikk på Unite knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 239 G = 65 B = 54.

Trinn 6

Velg den rektangelverktøyet (M), opprette en 8 av 123px form og fylle det med R = 230 G = 231 B = 232. Velg dette rektangelet sammen med formen gjort i forrige trinn deretter velge Selection Tool (V). Klikk på grensen av det røde form (igjen, bør det bli lagt vekt) og klikk deretter på den horisontale Align midtknappen fra Align panel. Nå skal de to figurer plasseres som vist i det endelige bildet.

Trinn 7

Velg den rektangelverktøyet (M) og tegne en figur som den grå som vises i følgende bilder. Det skal dekke den venstre halvdel av de eksisterende former. Kopiere den (Ctrl + C > Control + F). Velg en av de grå figurer sammen med den tynne, høye rektangel og klikk på Minus Front knappen fra Pathfinder-panelet. Nå velger den andre grå formen sammen med den røde formen og klikk på Minus Front knappen fra Pathfinder-panelet.

Trinn 8

Velg de to former laget i forrige trinn, og gruppere dem (Control + G). Velg denne gruppen og gå til Effect > 3D > Revolve. Klikk på knappen Flere innstillinger, skrive inn alle dataene nedenfor og klikk deretter på OK. Med gruppen likevel valgt gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 9

Velg den rektangelverktøyet (M), opprette en figur med den størrelsen på artboard og fyll den med hvitt. Aktiver Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Nå trenger du et rutenett hver 15px. Gå til Rediger > Preferanser > Guides & Grid, skriv 15 i linjenettet hver boks og en i underinndelinger boksen.

Velg det rektangelverktøyet (M). Lag en 15 ved 375px form, fyll den med den grå til kvit og plasser den som vist i følgende bilde (Fest til rutenett vil lette arbeidet ditt). Kopiere den (Ctrl + C > Control + F). Velg denne kopien, flytte den 15px til høyre og fyll den med den andre lineær gradient. Velg disse to former og gruppere dem (Ctrl + G)

Trinn 10

Velg gruppen gjorde i forrige trinn og gå til Effect >.; Forvrenge & Transform > Transform. Oppgi dataene nedenfor, klikker du på OK og gå til Object > Utvid Utseende

Trinn 11

Velg gruppen resulterte fra forrige trinn og gå til Object >.; Transform > Rotere. Skriv en -45 grader vinkel og klikk på OK.

Trinn 12

Til slutt, må du maskere gruppen av figurer fra forrige trinn. Først åpner Gjennomsiktighet-panelet. Lag en annen form, størrelsen på artboard og fylle den med radial gradient vist i det første bildet.

Velg den sammen med gruppen, åpner fly-out menyen i Transparency panel og klikk på Make Opacity Mask. Nå skal gruppen se ut i det tredje bildet. Til slutt velger dette maskert gruppen og senke opacity til 3%.

Konklusjon

Og det du har det. En lollipop ikon fra bare noen få enkle former. Prøv å eksperimentere med forskjellige farger og bakgrunner for å se hva du kan komme opp med. Ha det gøy! Anmeldelser