Make 3D Likevel Flat Leter Kurv Ikoner
Shopping for et nytt ikon? Look no further. Lær hvordan du oppretter en egendefinert handlekurv ikonet for din neste web-design prosjekt. Vi vil kombinere 3D kvaliteter med en flat utseende. Du trenger en god forståelse av Adobe Illustratører verktøy for å fullføre denne opplæringen.
Final Bilde Forhåndsvisning
Nedenfor er den endelige utformingen vi skal jobbe mot.
Trinn 1
Start med å velge rektangel Tool (M) og tegne et rektangel med en 4 pt hjerneslag. Pass på at du bruker en lys farge for hjerneslag slik at du kan se hva du gjør når du bruker 3D-effekten. Gjelder ikke fyll på rektangelet
Trinn 2
Gå til Effect >.; 3D > Extrude & Bevel. Gi din form en rotasjon for X, Y og Z-aksen "og en Extrude dybde på ca 16. Klikk på OK. Kopier og lim inn denne formen å bruke for neste trinn
Trinn 3
I Utseende Palette dobbeltklikke på 3D Extrude &.; Bevel. Skriv inn et mye høyere Extrude Dybde og klikk på OK.
Trinn 4
Sett formene oppå hverandre og gjøre enten øverst eller nederst formen litt mindre eller større enn den andre. På denne måten kan fortelle det er to figurer som utgjør kurven. Dette er hva dine kunstverk bør se ut akkurat nå
Trinn 5
For å manipulere formen videre må du først gå til Objekt >.; Utvid Utseende. Bruke Direct Selection Tool (A), for å dra velge punktene som fremhevet under. Flytte punktene innover litt slik at hele kurven er litt tynnere i bunnen.
Trinn 6
Pass på at du flytte punktene rundt den øverste kanten av kurven også. Anmeldelser
Trinn 7
Vi vil bruke en blå til svart gradient på vår kurv. Når du arbeider med svart må du bruke en sort som har null verdier for R, G og B. Dette vil gi deg en mye rikere svart.
Trinn 8
Velg ansiktet av kurven og gå til Objekt > Sti > Offset Path. Tast -10 og klikk på OK. Dette vil skape et indre område med de samme proporsjoner av større form. Vi kan da bruke to forskjellige farger til de former for å gi kurven mer visuell interesse.
Trinn 9
Gi andre siden av kurven samme offset bane behandling.
Step 10
Hvis du vil at gradienter å være konsekvent på tvers av flere former enn sørg for at du velger begge figurene samtidig. Jeg har opprettet utseendet på en svært reflekterende overflate ved brått endre fargen i graderingen. Å få et realistisk bilde vil ta litt eksperimentering
Trinn 11
Velg den indre området på forsiden av kurven og gå til Edit >.; Redigere Farger > Justere fargebalanse. Tast 5 for hver verdi og klikk på OK. Dette vil gjøre den blå fargen fem prosent lettere på det valgte området og gi inntrykk av en subtil endring i overflaten av objektet.
Trinn 12
Dette er hva dine kunstverk vil se ut akkurat nå.
Trinn 13
Fortsett å gi resten av kurven gradienter. Observere hvordan reflekterende utseendet er ikke altfor overdrevet. Jeg pleier å gi hver ansiktet av kurven ikke mer enn en brå fargeendring. Men selvfølgelig, ble laget regler for å være brutt. Bare fortsette å prøve forskjellige vinkler og intensiteter av farge til det ser riktig for deg. Legg også merke til hvordan innsiden av kurven ikke gjøre mye bruk av en refleksjon, bare en mørk til lys gradient.
Trinn 14
Å gjøre hullene som skjærer gjennom kurven er enklere enn du kanskje tror. Bruke Pen Tool (P), tegne en figur som den nedenfor. Sørg for at du følger linjene i kurven. I utgangspunktet, å sørge for at øverste linjene er parallelle til toppen og bunnen av kurven og dine sidelinjene er parallelle med sidene av kurven.
Trinn 15
Kopier og lim inn formen og overlapper hverandre slik det vises nedenfor. I Pathfinder velger Trekk fra Shape-området, etterfulgt av Utvid.
Trinn 16
Du vil sitte igjen med en form som ser ut som kanten av et vindu.
Trinn 17
Siden hovedvinduet formen er fortsatt på utklippstavlen trykk på Option + F for å lime vinduet formen nøyaktig hvor du kopierte fra. Du kan nå bruke denne form for å skape de andre vinduene. Siden kurven form smalner ned mot bunnen må du justere hvert vindu aldri så litt for å gjøre dem ser riktig. Bruk Direct Selection Tool for å justere hvert vindu form.
Trinn 18
Tegn vinduene på andre siden av kurven.
Velg hvert vindu formen på forsiden av en side av kurven, og gi dem et brunt til svart gradient samtidig. Dette vil garantere at gradienten er ensartet og konsistent på tvers av alle vinduene.
Trinn 19
For å gjøre boksene som går på innsiden av kurven først trekke en firkantet form.
Trinn 20
Gå til Effect > 3D > Extrude & Bevel. Skriv inn variablene nedenfor og klikk på OK
Trinn 21
Kopier. Og lim boksene et par ganger og endre Extrude dybde til å lage forskjellige høyder av boksene.
Trinn 22
For å fortsette å arbeide med boksene du trenger for å utvide dem ved å gå til Objekt > Utvid Utseende. VELDIG VIKTIG: Løs opp gruppe alle boksene til du ikke lenger opp gruppe dem. Slik løser du opp boksene gå til Objekt > Løs opp gruppe.
Deretter rotere boksene slik at de er tatt på litt forskjellige vinkler. Gi dem en varm brun gradient og pass på å variere lysstyrken på hver side av sekstenmeteren for å skape et mer realistisk utseende.
Trinn 23
Legg litt nærmere ved å kopiere og lime inn toppen av boksen og bruke Direct Selection Tool til å omskape objekt å se ut som et stykke tape. Fyll formen med hvit og justere Opacity i Transparency Palette til ca 10%
Trinn 24
Gå til Objekt >.; Sti > Offset Sti og skriv -5 klikk deretter OK.
Trinn 25
Velg den indre form og justere gradient slik at den ikke gli inn i den andre formen bak det.
Trinn 26
En rask måte å gjøre det ser ut som om boksene er inne kurven er å bruke en Clipping Mask til dem.
Ved hjelp av Pen Tool tegne en linje der den stiplede linjen er. Linjen din vil ikke trenge en fyll- eller strekfarge. Den røde linjen under er bare for representasjon.
Trinn 27
Pass på at den formen du nettopp tegnet er foran boksene. Velg alle boksene og velg maskefiguren deretter gå til Objekt > Klipping Mask > Lage. Boksene vil umiddelbart se ut som de er inne i kurven!
Hvis du ønsker å ytterligere redigere fargen eller formen på boksene dobbeltklikke på dem for å gå inn i det som kalles Isolation Mode (Illustrator CS3 og oppover) og justere dem slik du ønsker.
Trinn 28
Lag noen høydepunkter på kurven ved først å tegne en grunnform med Pen Tool. Gå til Effect > Blur > Gaussian Blur og angi en variabel som ser bra ut for deg.
Trinn 29
Kopier og lim inn alle elementene så langt. Velg kopien du nettopp laget og i Pathfinder Palette velger Legg til Shape området etterfulgt av Utvid.
Trinn 30
Gi denne formen en tykk strek. Still caps til Round og Delta som uthevet nedenfor. Neste gi formen en skygge ved å gå til Effect > Stilisere > Drop Shadow.
Trinn 31
Sett formen bak alt annet.
Trinn 32
Du kan enkelt gjøre dette ikonet til et sett ved å endre vinduer til en blå til svart gradient og gjør en pil ut av en trekant og firkantet form.
Final Bilde
Her er det, de endelige handlekurven ikoner. Anmeldelser