Share
I dagens veiledning skal jeg vise deg hvordan jeg brukte Utseendepanelet for å lage en stilisert versjon av bunnen av en sneaker. Det er en flott øvelse for de som bare får tak i utseendepanelet.
Den andre måneden viste jeg deg hvordan du lager en konseptuell sneakerillustrasjon. I prosessen med å lage denne illustrasjonen, sjekket jeg ut en rekke bilder jeg følte ville best passe den. Mens du søkte på "joggesko" og "sportssko", kom jeg over et lagerbilde av bunnen av et par joggesko. Alle andre oppdager og tenker "Utseendepanel"?
I dagens veiledning skal jeg vise deg hvordan jeg brukte Utseendepanelet for å lage en stilisert versjon av bunnen av en sneaker. Det er en flott øvelse for de som bare får tak i utseendepanelet. Så nok å snakke, la oss komme i gang ...
Jeg skal begynne med et nytt dokument og fil> plassere lagerbildet på kunstbrettet. Jeg har brukt Free Transform Tool (E) til å krympe den slik at den passer inn i Artboard-grensene.
Jeg har organisert lagene mine som vist under og dobbeltklikket på hvert lag for å gi nytt navn til dem. I "BG" -mappen er det et hvitt fyll-rektangel (M) satt til Opacity 50% (ved å bare gjemme og fjerne laget som gjør det raskt å redusere referansebildet). Som du kan se har jeg trukket på bildet for å finne ut hvilke former som 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 midten.
Jeg skal lage en form for den mest komplekse utseendet på sålen. Dette er så jeg tester min nye grafikkstil i fly. Så jeg har trukket formen mot hælen, og jeg har brukt så lite poeng som mulig med Pen Tool (P). Jeg har lagt to poeng for hvert buet hjørne.
Vi skal jobbe i utstillingspanelet i dag. Så gå til Vindu> Utseende panel hvis du ikke har dette aktive eller Shift + F6. Du vil legge merke til fra dette panelet, og du vil kunne manipulere attributter av Stroke og Fill. På samme måte som med Layer-panelet kan du skjule og utheve elementer ved hjelp av øyeikonet til venstre.
Ved å velge en fylling eller strekk, gå inn i rullegardinmenyen, og du kan Duplicate Item. Dette vil duplisere alle attributter og effekter som er brukt på en fylling eller strekk. Fra denne menyen kan du også legge til ny fylling og legge til nytt slag. Du kan legge merke til at du kan gjøre dette også fra å bruke de to første knappene nederst til venstre på Utseendepanelet. Disse tre kommandoene vi bruker mest i denne opplæringen.
Det vi skal begynne med, er to fyllinger og ingen slag. Den nedre gråtonen er C = 0, M = 0, Y = 0, K = 80 og den rosa er C = 0, M = 95, Y = 20, K = 0.
En av mine favorittvirkninger når du bruker avvikspanelet til utseendepanelet. Fra dette kan du øke eller redusere grensene for streken eller størrelsen på fyllingen. Hvis du bruker en positiv verdi, vil den øke størrelsen, og hvis du bruker en negativ verdi, vil den redusere den. Marker så den rosa fyllingen og gå til Effekter> Sti> Offset-vei eller klikk på FX-knappen langs bunnen av Utseendepanelet. Jeg skal krympe den rosa fyllingen, så jeg skal skrive inn verdien "-15pt" og deretter klikke på Ok.
Med dette i tankene skal jeg legge til følgende New Fills for å lage en bandeffekt rundt formen:
Mellom -3pt og -13pt offsetbanene blir det tykkeste båndet. Dette er på grunn av spranget i verdier.
Så vi har spilt med offsetting fyll, nå for å prøve med et slag. Jeg skal utligne strek på -8,5pt. Jeg har brukt en lys farge og krysset Preview for å vise meg hvor strekket vil være. Jeg har ønsket det midt i det tykkeste bandet jeg har laget med offsetbanene.
Jeg skal bruke en kunstbørste som er opprettet ved å bruke Blends langs 8.5 takt Offset-slag. Du kan gjøre det fra å sjekke ut min maneter opplæringen. Jeg har gitt den en middels grå slagfarve (C = 0, M = 0, Y = 0, K = 50) og en 0,75pt slagvekt.
Du kan legge merke til at noen hjørner, blandebørsten ikke har koblet seg sømløst. Jeg har endret hjørnene ved å endre håndtaksstengene på hjørnepunktene ved hjelp av direkte utvalgsverktøyet (A).
Jeg har flyttet blandebørstestroken på toppen av det tykkeste båndet og deretter lagt til en 2pt Stroke på toppen av alle fyllene med en slagfarge på C = 0, M = 0, Y = 0, K = 95. Et standard slag vil ha bredde senter justert langs streken. Så halvparten av bredden vil være utejustert og halvparten av bredden vil være innvendig justert på stroke. Dette betyr med 2pt slagvekt, vår form har økt med 1pt.
Jeg vil legge til en tekstur til det tykkeste båndet. Hvis du er som meg, kan du bli forvirret til hvilken av de mange elementene i Utseende-panelet du vil legge til. Så først for testing, endrer jeg fyllingene i Utseendepanelet for å finne ut hvilken fyll som er tykkeste med en kontrastfarge. Så i dette tilfellet, en lys gul fylle!
Nå som jeg er fornøyd, har jeg funnet riktig utfylling, jeg kommer til å kopiere element og deretter bruke tekstur. Dette kan du finne ved å gå inn i sveipepanelens nedtrekksmeny, og deretter åpne Swatch Library> Mønster> Grunnleggende grafikk> Grunnleggende grafikk_tekster og jeg har valgt "USGS 7 Vineyard". Jeg har da satt dette til Blending Mode Multiply og Opacity 50%.
Jeg har da returnert den gule til den opprinnelige fyllfargen og deretter satt til å blande børstestroppen til Blending Mode Screen, Opacity 60%.
Jeg skal bruke et annet mønster til dette. Marker så den rosa fyllingen og gå til Dupliseringselement. Gå til Open Swatch Library> Mønstre> Dekorative> Decorative_Geometric 2> Stjerner 3D Farge. Jeg har da endret blandingsmodus til multipliser og opacity til 50%.
Jeg vil lage en subtil 3D-effekt til det rosa mønstrede området. Så jeg kommer til å kopiere elementet og endre forskyvningsbanen til -23pt.
Jeg har da brukt en cyan transparent cyan gjennomsiktig lineær gradient i 135 vinkler, satt til Blending Mode Color Dodge, Opacity 60% for å gi den subtile glansen som vist under.
Jeg har deretter duplisert fyllingen av Offset-banen -3pt-fylle og påført en mørk grå gjennomsiktig lineær gradient satt til Blending Mode Multiply, Opacity 100%. Dette vil gi en liten skygge.
Jeg vil myke kantene på skinnet, så jeg skal legge til en Offset Path -23pt slag (ikke fylle) rundt skinnet. Det kommer til å ha en gul slagfarve, 0,5pt slagvekt og satt til blendingmodusoverlegg og opasitet 50%.
For å lagre stilen du har opprettet, gå inn i panelet Grafiske stiler og klikk på Ny grafisk stil. Dobbeltklikk på ikonet i panelet Grafiske stiler for å gi nytt navn til "Shoe Sole 1" og klikk på OK. Deretter tegner du resten av figurene til skosålen og deretter Velg alle (Ctrl + A), og deretter klikker du på ikonet for "Shoe Sole 1" for å bruke grafiske stiler.
Jeg har nå gruppert (Ctrl + G) vårt første sett med former og låst dem slik at vi ikke påvirker dem. Nå skal jeg bruke pennverktøyet (P) for å tegne figurene til høyre for sålen og bruke "Shoe Sole 1" Graphic Style.
Jeg skal bruke vår første grafiske stil som en mal for vår neste. Så først dra fordel av skjul / unhide-funksjonen for å finne ut hvilke attributter vi ikke trenger i "Shoe Sole 1" Graphic Style. Velg deretter dem og Slett valgt element. Med de resterende attributter, har jeg opprettet en ny grafisk stil og omdøpt den til "Shoe Sole 2". Jeg kan da bruke dette som en base for de neste to grafiske stilene.
På det opprinnelige referansebildet er det et bølget mønster i figurene til høyre. Jeg skal lage et mønster som ligner på dette for å legge til vårt Utseendepanel. Først tegner du en vertikal linje ved hjelp av linjesegmentverktøyet (\). Deretter går du til Effects> Transform & Distort> Zig-Zag og bruker de følgende innstillingene.
Mens bølgen din er valgt, går du til Objekt> Utvid, og den vil utvide Zig Zag-effekten til en enkelt vinket linje. Deretter vil du gi et 5pt lysegrå slag (C = 0, M = 0, Y = 0, K = 40) og deretter et nytt slag med et mørkt grått 2pt slag (C = 0, M = 0, Y = 0, K = 90).
Bruk deretter de samme attributter med linjesegmentverktøyet (\) og tegne streker bak bølgen. Mål for midten av hver bølge topp og trough, hvis du har Smart Guides (Shift + U) aktivert det vil gjøre det enklere. Deretter tegner du en linje mellom topp- og trough linjene.
Jeg har lagt linjer til toppen og bunnen av vårt bølgemønster, og da har jeg satt et rektangel (M) bak linjene med samme mørkegrå fylling (C = 0, M = 0, Y = 0, K = 90 ). Bruk igjen Smart Guides (Shift + U) for å hjelpe deg med å justere dette. Du vil legge merke til at linjene du har opprettet på toppen og bunnen av mønsteret, overlapper rektangelet (M). Igjen er dette fordi strekkene er justert langs midten av banen, derfor vil halvparten av strekkvekten være på hver side av linjen.
Vi kommer til å overlappe kantene igjen, denne gangen med Ellipse Tool (L) for å lage sirkler i hvert trough.
Dupliser rektangelet og grupper deretter alle elementene for mønsteret ditt (Ctrl + G), og la det dupliserte rektangel over gruppen. Bruk dette til å lage en Clipping Mask (Ctrl + 7).
Dupliser Clipping Mask-gruppen og Juster dem vertikalt som vist nedenfor. Grupper dem sammen (Ctrl + G), og dra deretter og slipp dem inn i Swatch-panelet for å lage et mønster.
Jeg har valgt fyllingen med den gjennomsiktige lineære gradienten og deretter duplisert element. Jeg har da brukt vår bølge / linje mønster som fyll og sett den til Blending Mode Screen, Opacity 50%.
Jeg føler at mønsteret er for stort, så jeg har valgt alle figurene til høyre for sålen (Ctrl + A) og merket deretter fyllingen med mønsteret på Utseendepanelet. Deretter går du til Objekt> Transform> Skala og sørg for at den eneste boksen som er krysset, er "Oppskrifter". Dette vil da bare skille mønsteret og i dette tilfellet redusere mønsteret til 75% av det opprinnelige skalaen. Klikk deretter OK.
Gå inn i panelet Grafiske stiler, og gjør attributter i Utseendepanelet til en ny grafisk stil og endre navnet på "Shoe Sole 3".
Selv om jeg er fornøyd med den nåværende grafiske stilen, vil jeg rotere mønsteret litt for hver av figurene. Så igjen med mønsterfyllingen valgt for en av figurene, gå til Objekt> Transform> Rotere. Pass på at bare "Mønster" -boksen er krysset, skriv inn verdien og klikk på OK.
Jeg har gjort dette for hver enkelt av figurene individuelt med de følgende verdiene. Når jeg har gjort, har jeg gruppert alle figurene (Ctrl + G) og låst dem.
Jeg har trukket en ny form, under de to gruppene og anvendt "Shoe Sole 2" Graphic Style. Jeg har deretter duplisert 3-punkts offset-banen og endret verdien til -5pt. Jeg har da endret fyllingen til en lysere grå (C = 0, M = 0, Y = 0, K = 60). Deretter går du til Effects> Stylise> Scribble og bruker de følgende innstillingene. Når du er ferdig, endrer du blandingsmodus for å multiplisere.
Jeg har brukt nøyaktig de samme egenskapene til å lage en form for tåen og en ellipse (L) på søllens bro, men jeg har skjult Opacity-elementet for Scribble Effect-fyllingen. Hvis du skjuler Opacity-elementet i Utseende-panelet, bytter det den enkelte fyllingen eller streken til Blending Mode Normal, Opacity 100%. Når du er ferdig, legg til Ny grafisk stil og endre navnet på "Shoe Sole 4".
Bruk pennverktøyet (P) til å tegne en form for den overordnede foten og bruk "Shoe Sole 2" Graphic Style til den.
Som vi har gjort tidligere, har jeg endret attributter. Fra bunnen oppover:
Når du er ferdig, legg til Ny grafisk stil og endre navnet på "White Sole".
Jeg har brukt "White Sole" Graphic Style for å legge til ekstra figurer trukket med pennverktøyet på hælen og fotens bue. Men jeg har gått inn i Utseende panelet og endret fyllingen med gradienten med Gradient Tool (G) som vist nedenfor.
Nå har vi vår grunnleggende skosål, grupper alle dine former (Ctrl + G). Deretter dupliserer du gruppen og beveger den til høyre. Bruk Juster-panelet til Vertikaljustere toppen.
Siden vi ikke har to venstre fot, til tross for hva partneren min vil få meg til å tro, velger du gruppen til høyre og går til Objekt> Transform> Reflektere og reflektere over den vertikale akse. Klikk på Ok.
Som du har reflektert skoen, er det også reflektert retningen for fremhevende og skyggende gradienter. Sjekk ut retningen av høydepunktet av rosa som vist nedenfor.
Du kommer til å trenge å gå inn i hver av gruppene for å endre retningen for gradienter, enten ved å bruke "Reverse Gradient" i Gradient-panelet ...
Eller ved å endre verdien av vinkelen på gradienten.
Jeg har fullført min skosålillelse ved å gi den en bakgrunn med "White Sole" Graphic Style og slette fyllingen som inneholder gradienten. Det bringer det sammen, tror du ikke?
Jeg håper du har hatt dagens sportslige opplæring og lært hvordan presis og rask bruk av Utseendepanelet kan være. Jeg vet at når jeg lærte å bruke den, strømlinjeformet det arbeidstrømmen min!
Accentsconagua