Share
Shopping for et nytt ikon? Se ikke lenger. Lær hvordan du oppretter et egendefinert handlekurvikon for ditt neste webdesignprosjekt. Vi kombinerer 3D-kvaliteter med et flatt utseende. Du trenger en solid forståelse av Adobe Illustrators verktøy for å fullføre denne opplæringen.
Nedenfor er den endelige utformingen vi skal jobbe for.
Start med å velge rektangelverktøyet (M) og tegne et rektangel med et 4 pt slag. Forsikre deg om at du bruker en lys farge for streken, slik at du kan se hva du gjør når du bruker 3D-effekten. Ikke bruk en fyll på rektangelet.
Gå til Effect> 3D> Extrude & Command. Gi formen en rotasjon for X-, Y- og Z-aksen 'og en ekstruderdybde på ca. 16. Klikk OK. Kopier og lim inn denne formen for å bruke til neste trinn.
I utseendepaletten dobbeltklikker du på 3D Extrude & Bevel. Skriv inn en mye høyere Ekstruder Dybde og klikk OK.
Sett formene på hverandre og gjør enten topp- eller bunnformen litt mindre eller større enn den andre. På denne måten kan du fortelle at det er to former som omfatter kurven. Dette er hva bildene dine skal se ut akkurat nå.
For å manipulere formen ytterligere må du først gå til Objekt> Utvid Utseende. Bruk Direct Selection Tool (A), dra for å velge punktene som uthevet nedenfor. Flytt poengene innover litt, så hele kurven er litt skinnier nederst.
Sørg for at du også beveger punktene rundt kurvenes øverste kant.
Vi bruker en blå til svart gradient på vår kurv. Når du arbeider med svart, må du bruke en svart som har nullverdier for R, G og B. Dette gir deg en mye rikere svart.
Velg ansiktet på kurven og gå til Objekt> Sti> Offset Path. Skriv inn om -10 og klikk OK. Dette vil skape et indre område med samme proporsjoner av større form. Vi kan da bruke to forskjellige farger til figurene for å gi kurven mer visuell interesse.
Gi det andre ansiktet på kurven samme forskyvningsbanebehandling.
Hvis du vil at gradienter skal være konsistente på tvers av flere former, må du sørge for at du velger begge fasene samtidig. Jeg har skapt utseendet på en meget reflekterende overflate ved å skifte fargen i gradienten. Å få en realistisk refleksjon vil ta litt eksperimentering.
Velg det indre området på forsiden av kurven og gå til Rediger> Rediger farger> Juster fargebalanse. Skriv inn 5 for hver verdi og klikk OK. Dette vil gjøre den blå fargen 5 prosent lettere på det valgte området og gi inntrykk av en subtil endring i overflaten av objektet.
Dette er hva kunstverket ditt vil se ut akkurat nå.
Fortsett å gi resten av kurvgradienter. Vær oppmerksom på hvordan det reflekterende utseendet ikke er for overdrevet. Jeg pleier å gi hver side av kurven ikke mer enn en brå fargeendring. Men selvfølgelig ble det gjort regler for å bli ødelagt. Bare fortsett å prøve forskjellige vinkler og intensiteter av farge til det ser riktig ut til deg. Legg også merke til hvordan innsiden av kurven ikke bruker mye refleksjon, bare en mørk til lett gradient.
Å gjøre hullene som skjærer gjennom kurven, er enklere enn du kanskje tror. Bruk pennverktøyet (P) til å tegne en form som den nedenfor. Sørg for at du følger kurvlinjens linjer. I utgangspunktet sørger du for at topplinjene dine er parallelle med toppen og bunnen av kurven, og sidelinjene er parallelle med kurvets sider.
Kopier og lim inn formen og overlapp dem som vist nedenfor. I Pathfinder velger du Subtract from Shape Area etterfulgt av Utvid.
Du vil bli igjen med en form som ser ut som kanten av et vindu.
Siden hovedvinduet er fremdeles på utklippstavlen, trykker du på Alternativ + F for å lime inn vindusformen nøyaktig hvor du kopierte den fra. Du kan nå bruke denne formen til å lage de andre vinduene. Siden kurvformen springer ned mot bunnen, må du justere hvert vindu helt og holdent for å få dem til å se riktig ut. Bruk Direct Selection Tool til å justere hver vindusform.
Tegn vinduene på den andre siden av kurven.
Velg hver vindusform på ansiktet på den ene siden av kurven og gi dem en brun til svart gradient samtidig. Dette vil garantere at gradienten er jevn og konsistent over alle vinduene.
For å gjøre boksene som går inn i kurven, tegner du først en firkantet form.
Gå til Effect> 3D> Extrude & Command. Skriv inn variablene nedenfor og klikk OK.
Kopier og lim inn boksene et par ganger og forandre ekstruderdybden for å lage forskjellige høyder av bokser.
For å fortsette å jobbe med boksene må du utvide dem ved å gå til Objekt> Utvid utseende. Veldig viktig: Ungroup alle boksene til du ikke lenger kan gruppere dem. For å ungroup boksene, gå til Objekt> Ungroup.
Deretter roterer boksene slik at de er alle i litt forskjellige vinkler. Gi dem en varm brun gradient, og sørg for å variere lysstyrken på hver side av boksen for å skape et mer realistisk utseende.
Legg litt mer detaljert ved å kopiere og lime toppen av boksen og bruke Direct Selection Tool til å omforme objektet slik at det ser ut som et stykke tape. Fyll formen med hvit og juster Opacity i Transparency Palette til ca 10%.
Gå til Objekt> Path> Offset Path og skriv inn -5 og klikk deretter OK.
Velg den indre formen og juster gradienten, slik at den ikke blander seg i den andre formen bak den.
En rask måte å få det til å se ut som om boksene er inne i kurven, er å bruke en Clipping Mask til dem.
Bruk pennverktøyet til å tegne en linje der den stiplede linjen er. Linjen din trenger ikke en fyll- eller strekkfarge. Den røde linjen under er bare for representasjon.
Pass på at formen du nettopp har tegnet er foran boksene. Velg alle boksene og velg maskeformen, og gå deretter til Objekt> Klippemask> Lag. Din boks vil øyeblikkelig se ut som de er inne i kurven!
Hvis du ønsker å redigere fargen eller formen på boksene, dobbeltklikk på dem for å gå inn i det som kalles Isolasjonsmodus (Illustrator CS3 og opp) og juster dem etter eget ønske..
Lag noen høydepunkter på kurven ved først å tegne en grunnleggende form med pennverktøyet. Gå til Effect> Blur> Gaussian Blur og skriv inn en variabel som ser bra ut til deg.
Kopier og lim inn alle elementene så langt. Velg kopien du nettopp har gjort, og velg Legg til i formområde etterfulgt av Utvid i Pathfinder Palette.
Gi denne formen et tykt slag. Sett dekslene til runde og bli med som uthevet nedenfor. Deretter gir formen en dråpeskygge ved å gå til Effekt> Stylize> Drop Shadow.
Sett formen bak alt annet.
Du kan enkelt gjøre dette ikonet til et sett ved å endre vinduene til en blå til svart gradient og lage en pil ut av en trekant og en firkantet form.
Her er det, de siste handlekurvens ikoner.
Accentsconagua