Hurtig Tips Hvordan lage en stilisert jordbær ikon i Adobe Illustrator

Hva du skal skape

Hei, det er andre ikonelskere, dagens hurtige tips skaper lys på prosessen med å skape overbevisende ikoner i Adobe Illustrator. Som et emne for vår lille case studie har jeg valgt en frukt, nærmere bestemt en jordbær, som vi vil ha dyppet i sjokolade.

Jeg valgte referansebildet fra PhotoDunes store bibliotek med bilder, og det finnes på denne siden.

1. Gjør din forskning

Som med ethvert annet prosjekt, er det første du må gjøre når du trenger å lage noe, å lære om emnet. Forskning bilder og definisjoner, og finn ut hva som gjør faget kryss.

Skeuomorfisme er basert på å bestemme egenskapene som designet må ta på for at objektet skal skildre sin fysiske motpart så nøyaktig som mulig.

For vår case studie må vi stripe ned en jordbær og lære om dens grunnleggende struktur og komponenter.

Farge

Si ordet jordbær og jeg vedder at nesten alle på denne planeten vil tenke på fargen rød. Men vent, jordbær er ikke helt røde! De har grønne blader, og dusinvis av gullfrøede små acheneer.

Raskt tips:Se opp forskjellige bilder på internett, og lagre de som du synes har de mest attraktive tintene rødt, som vi kan bruke Illustrators Eyedropper Tool å låne og bruke disse fargene til vårt kunstverk.

Form

Når jeg tenker på den faktiske formen som definerer en jordbær, kommer en bestemt kontur til meg: et hjerte. Nei, ikke en av de boomboxene vi bærer i brystet vårt, men heller symbolet vi forbinder med omsorg og kjærlighet. Det er sannsynligvis hvorfor jordbær er så dypt knyttet til kjærlighet og lidenskap (husk Valentinsdag).

I begynnelsen kan du tenke at motivets form ikke er viktig, men når du begynner å se på hvor lett bounces på og av det, innser du at kunnskap og evne til å visualisere og reprodusere det i designet er sannsynligvis det vanskeligste ting å gjøre.

Anatomi

Fra et anatomisk synspunkt er jordbæren sammensatt av en hovedflattete kropp (beholderen) som huser de små frøene (achenees). På toppen finner vi bladene (calyx) og peduncleen. Fordi vårt ikon vil være basert på en avrundet rektangelform, er de eneste tingene vi trenger å representere beholderen, achene og kalyxen.

2. Større er bedre

Når du jobber på et ikon, om det er en jordbær eller noe helt annet, prøv alltid å starte fra størst mulig størrelse (mesteparten av tiden er markedet / butikkikonet - 1024 x 1024 px for iOS og 512 x 512 px på Android ). 

Hvorfor? Vel, når du går ned til mindre og mindre ikonstørrelser, kan du oppdage at enkelte deler av kunstverket må enten justeres eller fjernes helt, på grunn av at kramper i all den informasjonen på en svært begrenset plass kan påvirke seerens forståelse av emnet avbildet i representasjonen.

3. Lag ditt kunstverk

Hvis du vil at ting skal gå greit, og vil ha full kontroll over hvert enkelt element på Artboard, bør du alltid lage lag for hver del av designen. 

Hvis du ser på lagene mine, kan du se at jeg har skilt ut symbolikonets grunnform fra refleksjonene, frøene fra kroppen etc., slik at jeg til enhver tid vet hvor elementene mine er. Også, viktigst, hvis jeg trenger å få noe ut av veien for å få et bedre glimt på et avsnitt under, kan jeg gjøre det bare ved å gjemme det laget, uten å måtte frykte at jeg på en eller annen måte slettet eller flyttet deler av illustrasjonen langs veien.

4. Start fra enkle figurer

Når du begynner å lage et prosjekt, må du forstå at bygningen et komplisert kunstverk starter med grunnleggende byggeklosser. Slik er det for vårt ikon, hvor du starter med å legge ned den grunnleggende formen og fargen til jordbæren. Disse vil fungere som vårt fundament, på hvilket vi vil legge til detaljer ett lag av gangen.

Trinn 1

Lag et 512 x 512 avrundet rektangel med a Hjørne Radius av 96 px. Farge det med # F01A08 og sørg derfor for å sentrere den både vertikalt og horisontalt til Artboard ved hjelp av Rette inn panel.

Steg 2

Lag et basefrø ved å bruke Ellipseverktøyet (L) og tegne en 80 x 120 px form som vil fungere som den indre lommen som holder frøet. Farge det med en mørkere rød fargetone (# DB1808). Opprett et par duplikater, og flytt deretter den øverst til bunnen, opprett to seksjoner ved å velge og deretter bruke Pathfinder's Minus Front alternativ. 

Farg de resulterende figurene ved å bruke mørkere nyanser av rødt. Deretter lager du to indre ellipser som vil fungere som vårt egentlige frø. Farg dem med # DF984D for den større delen og # E7D5A0 for den mindre indre. Legg til noen skygger og høydepunkter, og grupper deretter alle elementene sammen.

Trinn 3

Når du begynner å jobbe med ikonets frø, bør du lage en rekke variasjoner, siden du må legge til større i midten og mindre mot ekstremiteter, slik at du kan gi designet en følelse av dimensjon og volum. Prøv også å rotere noen av de mindre ytre frøene mot innsiden.

Trinn 4

Bruker Pennverktøyet (P), begynn å spore fire blader, sørg for å tegne de større mot innsiden og de mindre mot kantene. Når du har opprettet grunnformen, begynner du å legge til noen årer og endinger, og deretter avslutte grunnbladet ved å legge til et par høydepunkter.

Trinn 5

Bruker fortsatt Pennverktøyet (P), tegne en bølgelignende linje og fullfør den til en form som vil fungere som vår sjokoladeseksjon. Du bør vite at du kan gå utenfor jordbærets grunnform og maskere delene du ikke trenger å bruke a Clipping Mask.

Påfør en lineær gradient til den resulterende formen, med den venstre fargen satt til # 69533F og den rette til en litt mørkere # 211B13. Endre vinkelen på gradient til -90 og du er god til å gå.

5. Spill med gradienter og blandingsmoduser

Gradienter er et grunnleggende verktøy for å skape realistiske utseende ikoner. Prøv å leke med forskjellige farger, innstillinger, opacity nivåer og viktigst Blending Modes for å få det beste ut av designet.

Jeg bygget for eksempel jordbærets base ved å forlate den viktigste røde formen alene og bruke to hvite til svarte gradienter med Blandingsmodus satt på overlegg og opacity nivåer senket til ca. 54% for den andre, mens jeg forlot den første på 100%. Overgangene er kanskje ikke så merkbare, men sluttresultatet er tydelig der.

6. Bruk harde høydepunkter i kombinasjon med myke enheter

Bruk harde høydepunkter for frøets bunndel, sjokoladeens toppseksjon og bladene, mens du bruker mykere lineære fading til jordbærets kropp. For å få det mykere utseende, velg bare høydepunktet, legg til en lineær gradient med hvitt for begge farger, og juster deretter bare opacity nivåer for hver enkelt.

7. Bruk Drop Shadows

Uansett hvor du trenger å kaste en skygge fra en del av ikonet til en annen, bruk alltid Drop Shadow effekt (Effekt> Stylize> Drop Shadow) gi det, avhengig av din smak, en hardere eller mykere følelse.

8. Legg til subtile teksturer

Påfør delikate korntekstur på deler av designet som ser for flatt ut, som blader og sjokolade. Du finner effekten under Effekt> Tekstur> Korn. Spill med sine forskjellige innstillinger til du finner noe du liker.

Det er en Wrap

Det handler om det! Hvis du holder oppmerksom på alle disse små tingene, bør du kunne lage et darn godt jordbærikon, men mest viktig å tilpasse noen av triksene til andre prosjekter.