Create en Radiant Owl iPhone Deksel Mal i Adobe Illustrator
Hva du skal lage
I thistutorial vi vil gå gjennom prosessen med å lage en stilig smarttelefon sak witha fargerike, detaljerte ugle. Vi vil samarbeide med graderinger for å skape en levende colorpalette, bruker Blend verktøy for å forenkle prosessen med å lage fjær, og addsome mesh og andre effekter for å gi vårt tilfelle en gjennomført look. La oss getstarted!
1. Finn theProper Smartphone Sak Mal og lage en skisse
Trinn 1
Fist ofall, vi trenger å vite størrelsen på vår fremtid tilfelle. I denne tutorialwe'll være å opprette en sak for iPhone 6, men du kan bruke på størrelse med anyother enhet. Jeg har søkt på "iPhone 6 case mal" og funnet noen websitesproviding real-size maler i Photoshop og Illustrator formater. De differa litt, avhengig av nettsiden, men for det meste de ser ganske like. Foreksempel, kan du få en mal for iPhone 6 eller for Phone 6+ og bruke den til å lage din egen designto print på den virkelige saken senere.
Jeg har usedthis enkel mal (du finner den * .psd versjon i vedlegg til denne opplæringen) for å male en skisse, basert på thetemplate størrelser.
Trinn 2
< p> Jeg har madethis skisse rett over malen. Husk å holde alle de viktigste elementene ofour bildet, for eksempel øyne, nebb og ansiktet selv, i det synlige området av thecase, nærmere sentrum. Gjør skisse av ditt ugle symmetrisk ved å tegne bare en del av det og deretter vende det horisontalt. Dette vil spare mye tid og vil se mer helhetlig og ryddig
Trinn 3
Fil >.; Plasser
skisse i Adobe Illustrator og slå itinto en mal ved å dobbeltklikke på skissen laget.
2. Danner theBeak Bruke Mesh Tool
Trinn 1
Start bymaking en vertikal linje enten med LineTool (\\)
eller med Pen Tool (P).
Addthe forankringspunkt i midten av linjen med Legg Anchor Point Tool (+) Hotell og dra den til venstre med Direct Selection Tool (A). Swap Fyll andStroke (Shift-X)
farger, og dermed danner den venstre delen av nebbet.
Trinn 2
Bruk Reflect Tool ( O)
å speile beakover den vertikale aksen og Unite
begge deler i Pathfinder
å danne asingle form. Ta Mesh Tool (U)
andclick i midten av laget form for å skape en kryssing rad og kolonne. Clickon den horisontale linjen for å opprette flere kolonner og gjøre kantene på beakdarker ved å velge kant ankerpunktene med Direct Selection Tool (A) Hotell og fylle dem med mørkere oransje, thusadding dimensjon til nebb.
Trinn 3
Legg somemore kolonner med Mesh Tool (U) Hotell og gjøre den midtre delen av nebbet lysere ved å velge ankerpunktene langs thecentral vertikal linje og fylle dem med gul farge. Flytt lavere anchorpoints rundt for å oppnå en mer realistisk effekt for fuglens nebb, som i thescreenshot nedenfor.
Trinn 4
La oss formthe neseborene. Lag en ellipse med EllipseTool (L) Hotell og fylle på med radial gradient fra lys-oransje til mørkebrun, forming dybden. Plasser to ellipser i den øvre delen av nebbet, som skildrer neseborene.
Trinn 5
Vi trenger toadd noen detaljer for å gjøre vår nebb ser mer interessant og realistisk. Lag abigger ellipse under nesebor og fyll med oransje-svart lineær gradient.Switch den Blending Mode til Screen, snu den til et høydepunkt.
Trinn 6
Ta Pencil Tool (N) Hotell og legge mer highlightsto vår nebb, med de samme oransje-svart gradienter og Skjerm Blending Mode. < .no>
Her er howthe nebbet ser ut nå.
3. Danne aRadiant Plumage Med Blend Tool
Trinn 1
Først ofall, vil vi gjengi området rundt øynene og thenstart legge fjær rundt den rad for rad. Skape et enda sirkel med Ellipse Tool (L)
ved å holde den Shift
knappen og fyll den med goldenlinear gradient fra oransje til gult. Legg en mindre sirkel over og fyll med knotten blå farge. Send
begge sirklene sikkerhets (Shift-kontroll-[), etter henhold thebeak.
Trinn 2
La oss splitthe golden circle i deler for å gjøre det mer detaljert. Start med å lage avertical tråd med Linje Segment Tool (\\) Hotell og sted i midt i sentrum av den gylne sirkel, noe som gjør goldcircle en Key Object BY clickingit mens du holder Alt
nøkkelen andthen bruke Horisontal Strek Senter
funksjonen til Align
panel.
Holde theline valgt, dobbeltklikker du på RotateTool (R )
å ringe pop-up alternativer vinduet. Sett Angle
verdien til 360/20
, slik at Adobe Illustrator kan automatisk beregne den nødvendige vinkel for 20copies av våre objekt. Trykk på Ctrl-D
flere ganger for å gjenta vår siste handling og lage så mange kopier asneeded.
Trinn 3
Nå canselect vi alle de opprettede linjer og gull sirkel og skjære den i biter likegrandma sektor ved hjelp av Del
funksjon i Pathfinder
panel.Use Gradient Tool (G)
toreposition lineær gradient for hver brikke og skaper en interessant effekt.
Trinn 4
La oss startforming fjærene! Ifølge vår første skisse, vil uglen har aradiant blå fjærdrakt. Vi holder oss til denne fargepalett, plukke colorsfrom skissen med Dråpetellerverktøyet Tool (I) Hotell og skape en enda sirkel med EllipseTool (L)
, fylle den med levende lineær gradient fra mørkeblått på toppen tolighter blått i bunnen.
Dra nedre forankringspunkt ned ved hjelp av Direct Selection Tool (A)
å gi thecircle en opp-ned egg form. Til slutt, Kopier
formen, Lim inn i Front (Ctrl-C > Kontroll-F) Hotell og gjøre kopien litt mindre og fargene en bitlighter.
Trinn 5
Duplicatethe lavere form to ganger og flytte en av kopiene opp litt (vist rødt i thescreenshot). Velg erstattet kopien og den ene under den og bruke Minus Front
funksjonen til Pathfinder
panel å avskjære theunwanted stykker, slik at bare en smal halvmåneformet del på tuppen av ourfeather . Fyll denne delen med en svak lilla-blå gradient.
Trinn 6
Nå thatour fjær er klar, la oss gruppe (Ctrl-G)
alle delene og lage en kopi av fjær, plassere den til side i litt avstand .Keeping både fjær valgt, gå til Objekt > Blend > Gjør Hotell og deretter til Objekt > Blend > Blend alternativer plakater (eller dobbeltklikk på Blend Tool (W)
i Verktøy
panel). Sett avstanden til SpecifiedSteps
med verdi lik 20, etter thuscreating en rad av repeterende fjær.
Trinn 7
Ta Pencil Tool (N) Hotell og tegne et avrundet linealong kanten av golden circle. Velge både linjen og blanding groupand gå til Objekt > Blend > ReplaceSpine.
Great! Nå har vi en jevn rad med fjær kjører langs circleeye området.
Trinn 8
Drawa større buet linje med Penciltool (N)
, og deretter kopiere vår første blande gruppe av fjær og reapplythe Erstatt Spine
effekt til en newcurve, og dermed danner den andre raden.
Placethe opprettet fjær under første gruppen (Control- [) Hotell og legge neste rad på samme måte. Du kan dobbeltklikke på rad for å enterthe Isolation Mode Hotell og redigere theinitial fjær av blending gruppen separat. For eksempel, la oss gjøre theupper fjær større og nedre ett mindre. Alle andre fjær mellom themwill gradvis endre sin størrelse også.
Continueforming nye rader med fjær, gjør en fluffy fjærdrakt ved å variere størrelsen på somefeathers, noe som gjør fjærene i de nedre radene mye større enn de aroundthe øyet.
Step 9
Sammenlign thecreated former med den første skissen og bruke Nødvendigvis Tool (O)
å snu de opprettede deler over Vertical Axis
, forming den andre halfof vår ugle.
Trinn 10
Nå thatthe fjærdrakt er dannet, la oss gjøre fargene mer mangfoldig. Velg ett av blending grupper av fjær i den nedre delen av ugle og denne gangen gjør det første fjær i Dersom Gruppe lyse lilla og fylle den andre med en svak stigning fra violetto blå. Fargene på andre fjær i gruppen vil være adjustedautomatically, danner en jevn gradient inne i blending gruppen.
Trinn 11
Bruk newvivid farger til de nederste radene av fjær på begge sider av vår ugle .
Objekt > Blend > Utvid
alle radene for å slå de blendinggroups i sett av individuelle objekter. Nå kan vi velge separate fjær andmake noen av dem lysere ved hjelp av Recolor Artwork
funksjon, som ligger i den øvre kontrollpanel. Velg tilfeldige fjær rundt øynene og åpne Recolor Artwork
opsjons vinduet. Gå til Rediger
, trykk på kjeden ikonet for å Linkharmony farger og sette Hue
valueto 185
, Saturation
til 70
og Lysstyrke
til 100
, noe de valgte fjær lettere.
Trinn 12
Legg somemore lilla fjær her og der for å gjøre bildet mer mangfoldig. Form theowl magen ved å skape en ellipse med Ellipse Tool (L) Hotell og fylle den med radial gradient fra darkerorange på kantene til lyse-gule i sentrum. Flekk små fjær allover magen, fylle dem med de samme fargene som høydepunktene på theowl nebb og bytter til ScreenBlending Mode.
Trinn 13
La oss addsome swirly elementer til leder av uglen slik at den ser mer intricate.Draw en jevn kurve med Pencil Tool (N)
velger bunnen forankringspunkt med Bredde Tool (Shift-W)
og dra for å gjøre hele formen bredere
Trinn 14
Objekt >.; Utvid Utseende
av linjen og bruke Direct Selection Tool (A)
å flytte theanchor poeng av laget formen, gir det en vridd spiral utseende. Fyll theshape med golden gradient, det samme som vi har i øyet området.
Trinn 15
Tegn twomore swirls inne i gull form med Pencil Tool (N) Anmeldelser . Velg alle tre stedene og Divide
dem i Pathfinder
å splitte den gylne formen inn i tre separate deler.
Endre thedirection av lineære gradienter for hver brikke med Gradient Tool (G)
, noe som gjør formen mer tredimensjonal og realistisk.
Trinn 16
Plasser thecreated gyldne horn på toppen av ugle hode og omgi dem med feathers.Add noen større buede fjær i den øvre delen av hodet, som skaper dem med thehelp av Warp Effect
. For thispurpose, velge en fjær og gå til Effect > Warp > Arc
, sette VerticalBend
verdien til 50%. Utvid Utseende
hvis du er fornøyd med resultatet for å bruke effekten.
4. Renderthe Eyes of the Owl
Trinn 1
For å gjøre prosessen enkel og tidsbesparende, vil vi bruke fordelene ved det Utseende
panel. Start med å lage aneven sirkel og fyll den med radial gradient fra hvitt i sentrum for å darkergrey på kanten. Det vil bli vist som Fyll
i Utseende
panel.
Trinn 2
Legg til ny Fyll
i < b> Utseende
panel og bruke en levende radial gradient fra lys gul til oransje. Flytt thecenter på graderingen nærmere den øverste delen av vår krets.
Trinn 3
Holde thenew gul Fyll
valgt i Utseende
panel, Legg til ny Effect Hotell og velg Convertto Shape > Ellipse.
I thepop opp Shape Options
menyen, reducethe Absolute
størrelsen på Fyll
, sette sin Bredde Hotell og Høyde
til 20 px plakater (eller en annen verdi som gjør theyellow sirkel mindre enn den grå). Gå tilbake til den grå Fyll
, velger du den i Utseende
panel og redigere gradient, noe som gjør det hvite området større og flytte greycloser til kanten.
Trinn 4
Duplicatethe gul Fyll
i Utseende
panel og endre colorof kopien til lineær gradient fra gul til lys-rosa. Sett Opacity
av den gule siden til 0%
og Opacity
av rosa side til 60%
i Gradient
panel. Squash thegradient med hjelp av GradientTool (G) Hotell og gjøre det dekker den øvre delen av den gule Fill.
Trinn 5
Hvis du wishto legge mer glød til øynene, legge til en annen Fyll
over den gule og fyll den med radial gradient fra gjennomsiktig yellowto lys gul, og skaper en lys glødende ring rundt iris.
Trinn 6
Surroundthe øye med bittesmå turkise fjær og legge høydepunkter for øyet, fillingthem med svart-to-blå gradient og bytter til Screen Blending Mode.
Trinn 7
Let'screate en snurrig brow å gjøre ugle ser mer alvorlig. Tegn en frihånds shapewith Pencil Tool (N) Hotell og fylle knotten yummy utseende rosa gradient. Splitte formen i to deler samme wayas vi gjorde med den gylne horn, og redigere fyllfargen på den nedre delen, noe som gjør det en oransje-rosa gradient.
Trinn 8
Legg somehighlights på toppen av formen, bytte til Screen Blending Mode.
Trinn 9
Place thebrow på toppen av øyet og redigere fjær, noe som gjør noen av dem lysere withthe Recolor Artwork
alternativ.
5. AddMinor Detaljer for å gi Case et ferdig utseende
Trinn 1
La oss makeour ugle mer tredimensjonalt ved å legge skygger for å skille rader av fjær fra hver other.Select en gruppe av fjær, < b> Kopier
itand Lim inn i Back (Ctrl-C > Kontroll-B). Forene
de deler av kopien i Pathfinder, etter å snu den til en enkelt silhuett.
Trinn 2
Fyll thecreated silhuett med lineær gradient fra hvitt til lilla og bytte det til Multiply Blending Mode
, og dermed skape asubtle skygge.
Legg moreshadows mellom fjær grupper og rundt øynene, med samme teknikk.
Trinn 3
Nå kan vi Fil > Plasser
iPhone casetemplate i vår fil og sette ekstra fjær i kantene, dekker theblank mellomrom. Husk å holde uglen ansikt i midten av template.Add en mørk brun bakgrunn under ugle med rektangel Tool (M)
å fylle tomrommet over hodet.
Trinn 4
Juster thesize av vår Artboard
henhold tothe størrelsen på malen ved hjelp av Artboard Tool (Shift-O).
En av fordelene med vektor graphicsis at du kan skalere ned kunstverk og sette en størrelse flere ganger mindre enn originalen, og thenjust Eksporter
det med necessarydimensions (for eksempel 300 dpi for utskrift).
Trinn 5
La oss hidethe uønskede deler som krysser kantene av vår Artboard å gjøre vårt worklook penere og renere. Kopier bakgrunnen rektangel og Send
det i Front
, plassere den på toppen av alle andre objekter (Shift-kontroll-]).
Velg alle thecreated elementer, inkludert den øvre rektangel, trykker du på høyre museknapp Hotell og velg MakeClipping Mask
i rullegardinmenyen.
Trinn 6
Nå blomster country vi laste opp våre design på ulike nettsteder som tilbyr iPhone tilfellet utskrift andchoose den mest passende en.
Great Job! Vi har Ferdig!
Vår radiantowl iPhone 6 case design er klar! Jeg håper du har hatt glede av å følge thistutorial og funnet noen nyttige tips og triks om hvordan du bruker Blend Tool andother Adobe Illustrator funksjoner. Lykke til med å skape din fancy og stylishsmartphone tilfeller! Anmeldelser