Hva er klokka? Dens lage ikoner i Adobe Illustrator tid!

What Time Is It? Det er lage ikoner i Adobe Illustrator tid!
Hva du skal lage

Matematisk! Lag tre fantastiske ikon design med de Eventyrtid tegn Jake, Finn, og Princess Bubblegum. Vi vil bruke enkle former til å bringe hvert tegn til liv, klar for desktop eller mobil app bruk. Enkle elementer som lange stigninger og skisserer virkelig gjøre disse ikonene pop! Åpne opp Adobe Illustrator CC og la oss komme i gang.

1. Forbered dokumentet

Trinn 1

Opprett et nytt dokument av hva størrelse du er komfortabel arbeids i; Jeg vanligvis lage et ikon satt i et dokument på 800 px kvadrat. Bruk rektangel Tool (M) for å tegne et stort rektangel overlapp hele Artboard. Fyll rektangel med en Radial Gradient i Gradient panelet går fra medium grå til mørk grå.

Trinn 2

Juster radial gradient radius med Gradient Tool (G) slik at radiusen er mer elliptisk enn en helt rund sirkel.

2. Jake hunden: Basisformer

Trinn 1

Tegn en sennep gul firkant med rektangelverktøyet. Trekk Levende Corners innover for å runde ut rektangelet. Hvis du ikke bruker Adobe Illustrator CC, kan du bruke Avrundet rektangel Tool stedet.

Trinn 2

Deretter vil vi trekke Jake øyne. Bruke Ellipse Tool (L), tegne en svart eller mørk grå sirkel. Tegn en mindre hvit sirkel i svart en, og pass på å plassere den nærmere den øvre høyre enn midten. Gjenta med høyre øye.

Trinn 3

La oss jobbe med Jake snuten.


    Start med tre avrundede rektangler. Lapper hver side av det horisontale avrundet rektangel med de to vertikale seg. Sørg for at de vertikale de er rotert utover litt.
  1. forene alle tre figurer i Pathfinder-panelet. Bruke Pen Tool (P) eller Pencil Tool (N), tegne en figur som overlapper øverst til venstre for å jevne det (se nedenfor). Hjørnet er altfor alvorlig som det er. Velg begge former og traff Minus Front i Pathfinder-panelet

    Gjenta med nedre venstre av design. Tegne en figur som jevner ut nedre venstre hjørne og traff Minus Front i Pathfinder-panelet
    <. li> Du kan enten gjenta trinnene på venstre side, eller reprodusere igjen halvparten for den rette.

    Overlapping høyre halvdel av design med et stort rektangel. Hit Minus Front igjen i Pathfinder-panelet.

    Kopier (Ctrl-C) og lim (Ctrl + V) de rester venstre side. Reflektere den kopierte objekt over en vertikal akse og linje opp til høyre med venstre. Forene de to formene i Pathfinder-panelet.

    Trinn 4

    Plasser snuten mellom øynene, overlappende dem litt. Tegn en ellipse for nesen og satt omrisset av snuten form til 2-4 pt i Strek-panelet.

    Trinn 5

    La oss arbeide på munn og tenner.
    < ol>
    Bruk Pen Tool til å tegne en rød-brun smilende munn og plassere den under snuten i Lag-panelet.

    Jeg tegnet en halvsirkel for tungen og angi fyllfarge til rosa. Hver tann er et avrundet rektangel.

    Kopier og lim tre tann figurer over toppen av munnen. Velg tenner og munn stedene. Med Shape Builder Tool (Shift-M), velger de deler av tennene som ikke krysser med munnen form. Jeg liker å bare dra min verktøy på tvers av alle disse formene slik at de fusjonerer, koble fra resten av tennene.

  2. Slett ikke-kryssende deler av tennene og legge skisserer til tennene, munnen og tungen av 1-3 pt.

    3. Jake the Dog: Legge graderinger

    Trinn 1

    Tegn et par lange rektangulære former med Pen Tool fra snuten til høyre hjørne. Påfør en lineær gradient til figurer som går fra gul oker på 100% til 0% Opacity i Gradient panel.

    Trinn 2

    Velg base rektangel og bruke en lineær gradient som går fra gult til sennep gul, med mørkere av de to fargene i nedre høyre hjørne.

    Trinn 3

    Velg og Group (Ctrl-G) dine ikon komponentene sammen. Kopier og lim basen rektangel over ikonet design. Velge både og lage en Clipping Mask (Ctrl-7), slik at lange stigninger ikke strekke seg utover ikonet designe noe mer.

    Trinn 4

    Legg en mørk gul rektangel bak ikonet og flytte det litt ned for å gi ikonet noen ekstra dimensjon. Gruppen klipping maske gruppen og nye rektangelet sammen. Velg gruppen og bruke en Drop Shadow ved å gå til Effect > Stilisere > Drop Shadow. Legg til følgende egenskaper:

    Mode: Multipliser

    Opacity: 25%

    X Offset: 4 px

    Y Offset: 6 px

    Blur: 1 px

    Farge: Svart

    4. Finn Human

    Trinn 1

    Kopier og lim basen rektangel fra Jake ikonet. Sett gradient fyll til hvit til lys grå. Legg skyggen til basen form som vi gjorde med den forrige ikonet.

    Trinn 2

    For Finn ansikt, tegne en ferskenfarget ellipse i sentrum av ikonet. Sett fyllfarge for lys fersken til middels fersken i Gradient panel. Setje strøkfargen til samme sort eller mørk grå som vi brukte i Jake ikon med en vekt på 2-3 pt.

    Trinn 3

    To små sirkler danne Finns øyne. Jeg har lagt en lineær gradient i hvert går fra mørk grå til svart. For munnen, trakk jeg en kurvet form med blyantverktøyet. Tenk deg at dette skal være en gelé bønne eller nyre form. Du kan også tegne den med Pen Tool hvis du synes det er mer behagelig.

    Trinn 4

    Som Jake tenner, Finn-er er også lite avrundede rektangler. Han har et gap i tennene, slik at man ligger på venstre side og to er overlapper hverandre på høyre side. Som med Jake munn, bruke Shape Builder Tool til å slette de ikke-kryssende tann komponenter fra munnen form.

    Trinn 5

    For de skisserer, Kopier og lim hver av tennene. Still kopier til svart med svarte linjer og justere dem bak de hvite tenner former. Deretter tegne en halvsirkel eller halv hjerte for den rosa tungen.

    Trinn 6

    Som med Jake ikon, tegne en rektangulær gradient form kommer fra ansiktet til nedre høyre hjørne av ikon. Plasser den bak ansikt komponenter i Lag-panelet. Bruk en Clipping Mask å klippe gradient form til rektangelet.

    For Finns skjorte, tegne et blått rektangel over nedre del av Finns ikon. Bruk Shape Builder Tool til å slette den ikke-kryssende komponent av ikonet. Påfør en lineær gradient på lyse blått til medium blå til formen.

    Trinn 7

    La oss legge til et par siste hånd på dette ikonet. Tegn en mørk blå avrundet rektangel bak resten av ikonet for å legge dimensjon til ikonet selv. Bruk Ellipse Tool til å tegne en lys fersken ellipse på toppen av ansiktet. Sørg gradienten går fra lys fersken med 100% til 0% Opacity.

    Trinn 8

    Sørg for hvert ikon er gruppert sammen med sine egne komponenter. Pass også på at slag i hvert ikon er av en lignende bredde versus variasjonen du kan se nedenfor. La oss gå videre til vårt endelige ikon, Princess Bubblegum!

    5. Princess Bubblegum

    Trinn 1

    Tegn en avrundet rosa firkant. Overlapping torget med en lys rosa sirkel på den nedre halvdelen av ikonet.

    Trinn 2

    Overlapping toppen av ansiktet med et rektangel og traff Minus Front i Pathfinder-panelet for å opprette henne sløv frynser.

    Trinn 3

    For PB krone, tegne en lang, tynn, gul rektangel over toppen av hodet. Tegn en liten vertikal rektangel i sentrum på vei oppover. Deretter tegne en gul sirkel for å toppe det hele.

    PB øyne er to små svarte sirkler og hun har en liten blå sirkelen i midten av toppen av hennes krone. Til slutt, er halsen en tynn rosa rektangel etter ansiktsform den som ender på nedre kant av ikonet.

    Trinn 4

    Unite ansiktet og halsen figurer sammen i Pathfinder-panelet. Legg en disposisjon til ansiktet og den gule krone 2-4 pt.

    Trinn 5

    Ved hjelp av Pen Tool, tegne en halvsirkel eller en myk kurve for munnen. Sett fyllfarge til null og hjerneslag til 2-3 pt Vekt med avrundede Caps i Strek-panelet.

    Trinn 6

    Til slutt, la oss legge til noen enkle gradienter og graderings former.


      Kronen har en gul til gul oker Lineær Gradient

      Ansiktet er rosa til medium rosa

      Det er to graderings figurer:.. en under kronen og én under ansiktet. Begge er mørk rosa på 100% til 0% Opacity.

      Som med de andre ikonene før dette, kan du bruke en Clipping Mask å klippe ikon komponenter og legge til en Drop Shadow til finalen ikonet design.

      Oh My Glob, Du Ferdig!

      Samle ikoner sammen til en pen liten rad fordi du er klar til å gå. Legg til flere tegn til apparatet som Marceline, B-MO, og min favoritt, Lumpy Space Princess. Det er så mange fantastiske karakterer som henger ut i Candy Kingdom, klar til å bli omgjort til ikoner for den stasjonære eller mobile dashbordet. Del dine kreasjoner i kommentarfeltet nedenfor! Anmeldelser