Creating Sole av en Sports Shoe med Utseende Panel
I dagens tutorial jeg skal vise deg hvordan jeg brukte Utseende panelet for å lage en stilisert versjon av bunnen av en sneaker. Det er en stor oppgave for de som er bare å få tak i den Utseende panel.
Innledning
Den andre måneden jeg viste deg hvordan du oppretter en konseptuell sneaker illustrasjon. I prosessen med å lage denne illustrasjonen ble jeg sjekke ut en rekke lager bilder jeg følte ville best passer den. Mens du søker på " joggesko " og " sports sko " Jeg kom over en aksje bilde av bunnen av et par joggesko. Alle andre som perk opp og tenke " Utseende panel "?
I dagens tutorial jeg skal vise deg hvordan jeg brukte Utseende panelet for å lage en stilisert versjon av bunnen av en sneaker. Det er en stor oppgave for de som er bare å få tak i Utseende panel. Så nok snakke, la oss komme i gang ...
Trinn 1
Jeg kommer til å starte med et nytt dokument og Fil > Plasser lager bildet på kunst styret. Jeg har brukt Free Transform Tool (E) for å krympe det til å passe innenfor artboard grenser.
Jeg har organisert mine lag som vist nedenfor og dobbel klikket på hvert lag for å endre navn på dem deretter. I " BG " mappen er det en hvit fill rektangel (M) satt til Opacity 50% (bare gjemmer seg og unhiding laget det gjør det raskt å dimme referansebildet). Som du kan se jeg har trukket på bildet for å finne ut hvilke former har lignende mønstre og stiler. De viktigste er på høyre og venstre side av bildet (i magenta og cyan) med noen lignende stiler i sentrum.
Trinn 2
Jeg kommer til å skape en form for de mest komplekse ser formen på sålen. Dette er så jeg tester min nye grafikk stil på fly. Så jeg har trukket formen mot hælen, og jeg har brukt så lite poeng som jeg kan med Pen Tool (P). Jeg har lagt til to poeng for hver buet hjørne.
Trinn 3
Vi kommer til å jobbe i Utseende-panelet i dag. Så gå til Vindu > Utseende panel hvis du ikke har denne aktive eller Shift + F6. Du vil merke fra dette panelet, vil du være i stand til å manipulere attributtene til Stroke og Fill. Akkurat som med Layer panel, kan du skjule og unhide elementer med øyeikonet til venstre.
Ved å velge en fyll eller hjerneslag, gå inn i rullegardinmenyen, og du kan kopiere varen. Dette vil kopiere alle attributter og effekter som brukes på et fyll eller hjerneslag. Fra denne menyen kan du også legge til nye Fill og Legg til ny Stroke. Du kan legge merke til at du kan gjøre dette også fra å bruke de to første knappene nederst til venstre på Utseende panel. Disse tre kommandoene vi bruker mest i denne opplæringen.
Hva vi kommer til å starte med er to fyll og ingen slag. Den nedre gråtone er C = 0, M = 0, Y = 0, K = 80, og den rosa er C = 0, M = 95, Y = 20, K = 0.
Trinn 4
En av mine favoritt-effekter ved bruk av Utseende panel Offset Path. Fra dette kan du øke eller redusere grensene for slag eller størrelsen på fyllingen. Hvis du bruker en positiv verdi, vil det øke størrelsen og hvis du bruker en negativ verdi, vil det redusere den. Så markere rosa fyll og gå til Effects > Sti > Offset bane eller klikk på FX-knappen nederst på Utseende panel. Jeg kommer til å krympe den rosa fyll, så jeg kommer til å legge inn verdien " -15pt " ., og klikk deretter på OK
Med dette i tankene, kommer jeg til å legge til følgende New Fyller å lage et band effekt rundt formen:
C = 0, M = 95, Y = 20, K = 0 Offset å -20pt
C = 0, M = 0, Y = 0, K = 95 Offset å -17pt
C = 0, M = 0, Y = 0, K = 90 Offset å -13pt
C = 0, M = 0, Y = 0, K = 80 Offset å -3pt
C = 0, M = 0, Y = 0, K = 95 Den opprinnelige fill uten Offset Sti søkt
Mellom -3pt og -13pt Offset baner vil være den tykkeste band. Dette er på grunn av sprang i verdiene.
Trinn 5
Så vi har spilt med offset fyll, nå å prøve med et slag. Jeg kommer til å Offset Sti et slag på -8.5pt. Jeg har brukt en lys farge og haket Preview til å vise meg hvor slaget vil bli. Jeg har ønsket det i midten av den tykkeste bandet jeg har laget med Offset Paths.
Trinn 6
Jeg kommer til å bruke en Art Brush som er opprettet ved hjelp av Blends langs den 8.5pt Offset hjerneslag. Du kan gjøre det fra å sjekke ut min maneter opplæringen. Jeg har gitt det en medium grå slag farge (C = 0, M = 0, Y = 0, K = 50) og en 0.75pt Stroke vekt.
Du kan merke at noen hjørner, blanding børste har ikke koblet sømløst. Jeg har endret hjørnene ved å endre ratt på hjørnene punkt ved hjelp av Direct Selection Tool (A).
Trinn 7
Jeg har flyttet blanding penselstrøk på toppen av tykkeste band og deretter lagt en 2pt Stroke på toppen av alle fyllingene med et strøk farge C = 0, M = 0, Y = 0, K = 95. En standard hjerneslag vil ha bredde sentrum justert langs hjerneslag. Slik at halvparten av bredden vil bli utenfor justert og halvparten av bredden vil bli justert inne i slag. Dette betyr med en 2pt slag vekt, har vår form økt med 1pt.
Trinn 8
Jeg vil legge en tekstur til den tykkeste band. Hvis du er som meg, kan du bli forvirret om hvilken av de mange elementene i Utseende-panelet du ønsker å legge til. Så først for testing jeg endre fyllingene i Utseende-panelet for å finne ut hvilke fylle er den tykkeste med en kontrastfarge. Så i dette tilfellet, en lys gul fill!
Nå som jeg er fornøyd jeg har funnet den rette fyll, jeg kommer til å Duplicate varen og deretter bruke min tekstur. Dette finner du ved å gå inn i Swatch panelets drill down menyen, deretter Open Swatch Library > Patterns > Basic Graphics > Grunn Graphics_Textures og jeg har valgt " USGS 7 Vineyard ". Jeg har da sett denne til Blending Mode Multipliser og Opacity 50%.
Jeg har deretter tilbake den gule til det opprinnelige fyllfarge og deretter satt til å blande penselstrøk til Blending Mode Screen, Opacity 60%.
Trinn 9
Jeg kommer til å bruke et annet mønster til dette. Så markere rosa fyll og gå til Duplicate varen. Gå til Open Swatch Library > Patterns > Dekorative > Decorative_Geometric 2 > Stars 3D Color. Jeg har deretter endret Blending Mode til Multipliser og Opacity til 50%.
Trinn 10
Jeg ønsker å skape en subtil 3D-effekt til den rosa mønstrede området. Så jeg kommer til å Duplicate Sak og endre Offset Path to -23pt.
Jeg har deretter brukt en cyan til cyan gjennomsiktig lineær gradient på en 135 vinkel, satt til Blending Mode Color Dodge, Opacity 60% for å gi den subtile glans som vist nedenfor.
Jeg er ve så dupliseres fyllingen av Offset Sti -3pt fylle og anvendt en mørk grå gjennomsiktig lineær gradient satt til Blending Mode Multiply, Opacity 100%. Dette vil gi en svak skygge.
Trinn 11
Jeg ønsker å myke opp kantene av glans, så jeg kommer til å legge en Offset Sti -23pt slag (ikke fylle) rundt skinne. Det kommer til å ha en gul strek farge, 0.5pt Stroke Vekt og satt til Blending Mode Overlay og Opacity 50%.
Trinn 12
Hvis du vil lagre den stilen du har opprettet, gå inn på Graphic Styles panelet og klikk på Ny grafisk stil. Dobbeltklikk på ikonet i Graphic Styles panelet for å endre navnet til " Shoe Sole en " og klikk på OK. Så med Pen Tool (P) trekke resten av formene for skosålen og deretter Velg alle (Ctrl + A) og klikk deretter på ikonet for " Shoe Sole en " å bruke de grafiske Styles.
Trinn 13
Jeg har nå Gruppert (Ctrl + G) vår første settet med figurer og låste dem slik at vi ikke påvirker dem. Nå kommer jeg til å bruke Pen Tool (P) for å tegne figurene på høyre side av sålen og bruke " Shoe Sole en " Grafisk stil.
Jeg kommer til å bruke vår første grafisk stil som en mal for vår neste. Så først dra nytte av skinnet /skjul-funksjonen til å finne ut hvilke attributter vi ikke trenger i " Shoe Sole en " Grafisk stil. Deretter velger du dem og Slett valgte elementet. Med de resterende egenskaper, har jeg laget en ny grafisk stil og omdøpt det " Shoe Sole 2 ". Da kan jeg bruke dette som et utgangspunkt for de neste to Graphic Styles.
Step 14
På den opprinnelige referansebildet, er det et bølgemønster i figurene til høyre. Jeg kommer til å lage et mønster ganske lik denne for å legge til vår Utseende panel. Først tegne en vertikal linje ved hjelp av linjesegmenter Tool (\\). Så gå til Effects > Transform &Distort > Sikk-sakk og bruke den under innstillinger
Trinn 15
Mens bølge er valgt, gå til Objekt >.; Utvid og det vil utvide Zig Zag Effect til en enkelt dirigerte linje. Deretter i Utseende-panelet vil du ønsker å gi den en 5PT lysegrå hjerneslag (C = 0, M = 0, Y = 0, K = 40) og deretter en ny Stroke med en mørk grå 2pt hjerneslag (C = 0, M = 0, Y = 0, K = 90).
Så bruker de samme attributtene med Line Segment Tool (\\) og tegne streker bak bølgen. Sikt på midten av hver bølge topp og trau, hvis du har Smart Guides (Shift + U) aktivert det vil gjøre det lettere. Deretter trekke en linje mellom topp- og bunnlinjer.
Trinn 16
Jeg har lagt linjer til toppen og bunnen av vår bølgemønster og da har jeg satt et rektangel (M) bak linjene med samme mørkegrå fill (C = 0, M = 0, Y = 0, K = 90). Igjen bruke Smart Guides (Shift + U) for å hjelpe deg å stille opp dette. Du vil merke at de linjene du har opprettet på toppen og bunnen av mønsteret vil overlappe rektangel (M). Igjen, dette fordi slag er innrettet langs midten av banen, vil derfor halvparten av slaget vekt være på hver sin side av linjen.
Vi kommer til å være overlappende kantene igjen, denne gangen med Ellipse Tool (L) for å lage sirkler i hver trau.
Trinn 17
Duplicate rektangelet og deretter gruppe alle elementer for din mønster (Ctrl + G), forlate duplisert rektangelet ovenfor gruppen. Bruk dette for å deretter opprette en Clipping Mask (Ctrl + 7).
Dupliser Clipping Mask gruppen og justere dem vertikalt som vist nedenfor. Gruppere dem sammen (Ctrl + G) og deretter dra og slippe dem inn i Swatch panel for å skape et mønster.
Trinn 18
Jeg har valgt fyllet med gjennomsiktig lineær gradient og deretter duplisert Element. Jeg har da brukt vår wave /linjemønster som fyll og sett den til Blending Mode Screen, Opacity 50%.
Step 19
Jeg føler mønsteret er for stor, så jeg har valgt alle former for retten av sålen (Ctrl + A) og deretter uthevet fyll med mønsteret på i Utseende-panelet. Så gå til Objekt > Transform > Skala og sørge for at den eneste boksen som er merket er " Patterns ". Dette vil da bare skalere mønsteret og i dette tilfellet reduseres mønsteret til 75% av det opprinnelige målestokk. . Klikk deretter på OK
Gå inn i Graphic Styles panelet og gjøre attributtene i Utseende-panelet en ny grafisk stil og endre navnet " Shoe Sole 3 ".
Trinn 20 Anmeldelser
Selv om jeg er fornøyd med den nåværende grafisk stil, ønsker jeg å rotere mønsteret litt for hver og en av figurene. Så igjen med mønsterfyll valgt for en av figurene, gå til Objekt > Transform > Rotere. Sørg for at akkurat den " Pattern " boksen er krysset av, skriv inn verdien og klikk på OK.
Jeg har gjort dette for hver enkelt av formen individuelt med nedenfor verdier. Når dette er gjort, jeg har gruppert alle figurene (Ctrl + G) og låst dem
Trinn 21
Jeg har tegnet en ny form, under de to gruppene og anvendt på ". Shoe Sole 2 " Grafisk stil. Jeg har så dupliseres den -3pt Offset Sti fyll og endret verdien til -5pt. Jeg har deretter endret fyllet til en lysere grå (C = 0, M = 0, Y = 0, K = 60). Så gå til Effects > Stylise > Smøre og bruke den under innstillinger. Når dette er gjort, må du endre Blending Mode til Multipliser.
Jeg har brukt nøyaktig de samme attributtene for å skape en form for tå og en ellipse (L) på broen på sålen, men jeg har gjemt Opacity element for Scribble Effect fyll. Hvis du skjuler Opacity element i Utseende panel, går det som enkelte fyll- eller strek å Blending Mode Normal, Opacity 100%. Når dette er gjort, legge ny grafisk stil og endre navnet " Shoe Sole 4 ".
Trinn 22
Bruk Pen Tool (P) for å tegne en form for overordnet foten og bruke " Shoe Sole 2 " Grafisk stil til det.
Som vi har gjort tidligere, jeg har endret attributtene. Fra bunnen oppover:
Den opprinnelige fyll, har jeg endret til en medium grå (C = 0, M = 0, Y = 0, K = 50)
. Den -3pt Offset Sti Jeg har endret verdien til -2pt og deretter endret fyllfargen til en off white (C = 0, M = 0, Y = 0, K = 5).
Fyll med ". USGS 7 Vineyard ", Jeg har endret Offset Sti verdi til -5pt og deretter Blending Mode til Multipliser og Opacity 5%
Den øverste fill har nå er endret fra en lineær gradient til en radial gradient med en Offset banen -3pt. Det er også satt til Blending Mode Multiply, Opacity 50%. Bruk Gradient Tool (G) for å endre dimensjonene på gradient
Når dette er gjort, legge ny grafisk stil og endre navnet ". Hvit Sole ".
Trinn 23
Jeg har brukt " Hvit Sole " Grafisk stil å legge til ekstra figurer tegnet med Pen Tool på hælen og bue av foten. Men jeg har gikk inn i Utseende panel og modifisert fyllet med gradient med Gradient Tool (G) som vist nedenfor.
Trinn 24
Nå har vi vår grunnleggende skosåle, Gruppe opp alle dine figurer (Ctrl + G). Deretter kopiere gruppen og flytte den til høyre. Bruk Juster panelet til Vertical Toppjuster
Som vi ikke har to venstre fot, til tross for hva min partner vil føre meg til å tro, velger du gruppen til høyre og gå til Objekt >.; Transform > Reflektere og reflektere over den vertikale aksen. Klikk på OK.
Trinn 25
Som du har reflektert skoen, er det også reflekteres i retning av markerings og skyggelegging gradienter. Sjekk ut retningen for høydepunktet i rosa som vist nedenfor
Du kommer til å trenge å gå inn i hver av gruppene for å endre retning av gradienter, enten ved å bruke ". Omvendt Gradient " i Gradient panel ...
Eller ved å endre verdien av vinkelen på graderingen.
Konklusjon
Jeg er ferdig med min skosåle illustrasjon ved å gi det en bakgrunn med " Hvit Sole " Grafisk stil og slette fyllet som inneholder graderingen. Det bringer det sammen vel ikke du tror?
Jeg håper du har hatt glede av dagens sports tutorial og lært hvordan presis og rask bruk av Utseende panelet kan være. Jeg vet når jeg lærte å bruke det, er det absolutt effektivisert min arbeidsflyt! Anmeldelser