I denne opplæringen skal vi designe et kult par solbriller. Disse solbrillene bruker mange forskjellige former som består av flere teknikker gjennom Inkscape. Vi vil dekke enkle ting som tegningsformer, til noen mer komplekse ting som stioperasjoner. Så, hvordan hopper vi rett inn i?
La oss åpne Inkscape og gå til Fil> Dokumentegenskaper å forberede lerretet vårt. For denne opplæringen skal vi sette dokumentstørrelsen til Bredde 600px og Høyde 600px. Bare for å gjøre ting litt enklere, skal vi også sjekke Border på toppen av tegningen.
Klikk på Opprett sirkler (F5) verktøy og tegne en perfekt sirkel (hold kontroll mens du klikker / drar). Størrelse er ikke viktig ennå, så gjør bare en sirkel stor nok til å fungere på.
Med din sirkel valgt, gå opp til Sti> Objekt til sti (Skift + Kontroll + C) for å konvertere denne sirkelen til en bane.
På denne måten kan vi redigere sirkelen ved hjelp av noder som vist nedenfor.
Nå skal vi bruke Rediger stier etter nodene verktøy til klikk og dra Disse knuter og håndterer for å danne sirkelen i form av solbrillens linse (du kan også bruke piltastene til å flytte noder). Dette er den vanskelige delen, så de nøyaktige koordinatene til de 4 noderne er oppført nedenfor for å komme i gang.
Først, ta opp Fyll og slag ved å klikke Objekt> Fyll og slag. La oss sette Stroke-maling til en flat farge på R = 93, G = 93, B = 93.
Fyllingen skal være en lineær gradient. For å endre fargene på vår gradient, skal vi klikke Redigere… under Lineær gradient. Dette bringer opp Gradient Editor hvor vi vil kunne endre våre stoppfarger.
Klikk på den første dropmenyen for å velge stopp. Vår første stopp vil være R = 197, G = 137, B = 79, A = 200. Det andre stoppet vil være R = 176, G = 79, B = 0, A = 200. I tilfelle du lurte på, reduserer vi EN, som er Alpha, å gjøre våre linser gjennomsiktige. Dette vil legge til litt realisme senere.
Vi må justere vinkelen av denne gradienten. For å gjøre dette, la oss klikke på Gradients Tool og velg linsen. Dette bringer opp et par noder som angir retningen for vår gradient. Klikk og dra noder å lage en vertikal linje (hold Styre å holde rette linjer).
Vi må gi linsen en ramme, så la oss klikke på Stroke stil fanen i Fyll og slag. Sett Bredde til 8 piksler.
Kopier og lim linsen for å få en nøyaktig form for våre detaljer. På vår kopierte linse, la oss fjerne Fylle ved å klikke på "X" -ikonet, angi Stroke maling til R = 0, G = 0, B = 0, og gi Stroke stil en Bredde av 1px. På bunnen av Fyll og slag, du vil se Uklarhet og Opacity,% verdier. Gi denne detalj a Uklarhet av 0.5px og opacity av 30%.
Plasser denne detaljen over det opprinnelige objektivet og forskyv det vertikalt om 2px ned (det ser best ut på linsen din).
Vi skal lage en annen detalj akkurat som denne, så velg detaljene vi nettopp har laget og kopier og lim inn den. Denne kommer til å ha a Stroke maling av R = 255, G = 255, B = 255, en Uklarhet av 0.3px, og en opacity av 40%. Plasser denne over linsen igjen, men oppveier den vertikalt om 2px opp denne gangen.
Som du kan se, legger disse små detaljene litt dimensjon til objektivet.
Velg objektivet (ikke detaljene), og kopier og lim det inn. To ganger. Vi skal bruke disse kopierte linsene for å lage perfekt formaterte høydepunkter.
Velg en av de kopierte linsene og sørg for at det er over alle andre former ved å gå til Objekt> Raise to Top. Dra deretter objektivet over det andre kopierte objektivet og klikk og dra en av skalaikonene i hjørnene til det valgte objektivet (Hold-Control å skalere jevnt) og gjør denne linse litt større enn linsen under den, som vist nedenfor.
Når alt er plassert som nedenfor, velg begge kopierte linsene og klikk Sti> Forskjell.
Du burde ende opp med en form som dette:
Som du kan se, vil denne formen gi et flott høydepunkt for linsen. La oss fjerne denne formens Stroke maling ved å klikke på "X" -ikonet. Sett den så over linsen som vist nedenfor (eller etter eget ønske).
Vi må gi denne formen a Lineær gradient med første stopp som R = 255, G = 255, B = 255, A = 255 og det andre stoppet som R = 255, G = 255, B = 255, A = 0. Hvis denne lineære gradientretningen ikke er vertikal allerede, kan du bruke Gradients Tool igjen for å justere tilsvarende. Til slutt, gi denne formen en opacity av 80%.
For å legge til litt dybde, la oss kopiere og lime inn dette høydepunktet og plassere det ca 4 piksler lavere enn originalen. Deretter gi dette nye høydepunktet a Uklarhet av 4px og en opacity av 50%.
Og bare for å holde hele vår linse organisert, la oss velge alt og klikk Objekt> Gruppe (Kontroll + G).
Velg linsen og klikk Rediger> Dupliser (Kontroll + D). Dette vil skape en nøyaktig duplikat med den nøyaktige posisjonen også. Hvis du har fulgt denne opplæringen nøyaktig, hva du vil gjøre, er å skrive inn de eksakte X-koordinatene nedenfor for å sikre riktig avstand mellom linsene. Ellers kan du gjøre hvilken avstand som passer best for ditt design.
Når det nye venstre objektivet er på plass, klikker du på Vend valgte objekter horisontalt knapp.
Bruker Lag rektangler verktøy, tegne et rektangel, som fungerer som broen for linsene, over de to linsene. Vi skal også Objekt> Objekt til sti slik at vi kan redigere denne formen med noder igjen.
Bruker Rediger baner verktøy sammen med noder og håndtak, tegne en lignende bro design som vist nedenfor. Også, ikke glem at du kan gripe mellom to noder for å kurve en linje. Husk at vi til slutt plasserer broen bak linsene, slik at vi ikke ser noe vi ikke vil.
Nesten der…
Først sett broen bak alt ved å klikke Objekt> Nedre til nederst. Vi skal sette en Lineær gradient for Fylle av broen vår. Første stopp R = 93, G = 93, B = 93 og andre stopp R = 73, G = 73, B = 73. Bruke Gradients Tool å gjøre dette vertikalt.
Vi skal også sette en Lineær gradient for Stroke maling. Første stopp R = 188, G = 188, B = 188 og andre stopp R = 76, G = 76, B = 76. Bruke Gradients Tool å gjøre denne vertikale også.
Vi skal gjøre akkurat det vi gjorde for objektivets høydepunkter. La oss kopiere og lime inn to flere av våre broer og plassere dem som vist nedenfor. Så selvfølgelig, Sti> Forskjell.
Du burde ha endt med en form som dette:
Fjern først Stroke maling og plasser den over broen som vist nedenfor. La oss gi dette høydepunktet a Lineær gradient med første stopp som R = 255, G = 255, B = 255, A = 0 og det andre stoppet som R = 255, G = 255, B = 255, A = 255. Sett deretter inn Uklarhet til 2 piksler og opacity til 10%.
Bruker Pennverktøy, tegne et grovt, firesidig polygon for å ligne et sluttstykke for brillene.
Klikk på Rediger stier etter nodene verktøy og velg alle fire noder av endestykket. Deretter klikker du Lag valgte nodene glatt i nodermenyen. Dette er en rask måte å bringe vår form nærmere hva vi vil.
Dra nudler og håndtak for endelig justering ...
Fjern Stroke maling på endestykket og gi den en Fylle av R = 93, G = 93, B = 93. Kopier / lim inn, flip horisontalt og plasser på x-aksen for den andre linse.
Vi skal frigjøre templet med Pennverktøy som vist under. Det kan ta et par forsøk på å få det akkurat.
Bruker Rediger stier etter nodene verktøy, velg bare noder som vi vil bli avrundet (fire noder markert gul under). Du kan velge flere noder av holde-Shift og klikk på de ønskede noder.
Med de riktige nodene valgt, klikk Lag valgte nodene glatt i nodermenyen.
Med vårt avrundede tempelstykke valgt, gi det en Fylle av R = 93, G = 93, B = 93. Kopier / lim inn, flip horisontalt og plasser på x-aksen for den andre linse.
Velg en av tempelbitene og gi den en Uklarhet av 4px. Gjenta med det andre templet (vi slør objekter en om gangen fordi hvis du velger flere objekter, utryddingsberegningen endres). Velg begge templets stykker (hold-Shift for å velge flere objekter) og klikk Objekt> Nedre til nederst.
Til slutt, la oss velge alt og hodet til Objekt> Gruppe å holde disse solbrillene i ett stykke.
Bruker Pennverktøy, Vi kan tegne en enkel, litt buet strandlinje for at brillene skal sitte på. Jeg har Fylle på dette settet til R = 208, G = 168, B = 118 sammen med en liten Uklarhet av 2 piksler for litt dybde.
Nå må vi legge til litt tekstur. Dupliser dette objektet og gå til Filtre> Bildeffekter, gjennomsiktig> Alpha Gravering.
Med denne formen fortsatt valgt, still inn opacity til 15%. Dette vil gjøre som en fin teksturoverlegg. Sett deretter over den opprinnelige bredden som vist nedenfor.
Ta nå de brillene og sett dem på sanden. Du kan til og med rotere dem bare litt for å gi det et mer naturlig utseende.
La oss legge til en skygge i solbrillene våre for enda mer realisme. Velg Pennverktøy og tegne en abstrakt form som ligner en skygge for solbrillene. For en referanse, se bildet nedenfor.
Hva vi skal gjøre nå, er å fjerne Stroke maling og gi skyggen a Fylle av R = 0, G = 0, B = 0. Da skal vi gjøre en Uklarhet av 7px sammen med en opacity av 40%.
La oss tegne et rektangel (ved hjelp av Rektangelverktøy selvfølgelig) for vårt hav i bakgrunnen. Pass på at dette rektangelet er plassert bak kysten. Vi skal gi dette rektangelet a Linjær gradvis fylling. Den første stopp er R = 62, G = 149, B = 166 og det andre stoppet er R = 75, G = 113, B = 134. Til slutt, gi dette rektangelet a Uklarhet av 4.2px.
Bruker Gradients Tool, plasser gradienten vertikalt, men opprett stoppene som vist nedenfor (mot horisonten).
Nå tegne et lignende rektangel for himmelen. Pass på at dette rektangelet ligger bak havet. Vi skal gi dette rektangelet a Radial Gradient Fill. Den første stopp er R = 227, G = 250, B = 255 og det andre stoppet er R = 122, G = 191, B = 229. Bruker Gradients Tool, Du kan plassere himmelen på samme måte som hvordan den vises nedenfor.
Det avsluttes denne opplæringen. Vi har gjort mye her med Inkscape, så jeg håper du har lært noen få nye ting. Du bør ha et ganske kult par solbriller designet nå, akkurat i tide til sommeren!