I denna handledning designar vi ett coolt par solglasögon. Dessa solglasögon använder många olika former som består av flera tekniker i hela Inkscape. Vi kommer att täcka enkla saker som teckningsformer, till några mer komplexa saker som banoperationer. Så, hur händer vi hoppa in i?
Låt oss öppna Inkscape och gå till Arkiv> Dokumentegenskaper att förbereda vår duk. För denna handledning ska vi ställa in vår dokumentstorlek till Bredd 600px och Höjd 600px. Bara för att göra saker lite enklare, vi ska också kolla Border ovanpå ritningen.
Klicka på Skapa cirklar (F5) verktyg och rita en perfekt cirkel (håll kontrollen medan du klickar på / drar). Storlek är inte viktig just nu, så gör bara en cirkel tillräckligt stor för att arbeta på.
Med din cirkel vald, gå upp till Sökväg> Objekt till väg (Shift + Control + C) för att konvertera denna cirkel till en sökväg.
På så sätt kan vi redigera cirkeln med hjälp av noder som visas nedan.
Nu ska vi använda Redigera sökvägar med nodar verktyg till klicka och dra Dessa knutar och hanterar för att bilda cirkeln i form av en solglasögon (du kan också använda piltangenterna för att flytta noderna). Detta är den knepiga delen, så de exakta koordinaterna för de 4 noderna listas nedan för att komma igång.
Först, ta upp Fyll och stroke genom att klicka Objekt> Fyll och stroke. Låt oss stryka färgen till en platt färg på R = 93, G = 93, B = 93.
Fyllningen kommer att vara en linjär gradient. För att ändra färgerna på vår gradient kommer vi att klicka Redigera… under Linjär Gradient. Detta ger upphov till Gradient Editor där vi kommer att kunna ändra våra stoppfärger.
Klicka på den första droppmenyn för att välja stopp. Vårt första stopp kommer att vara R = 197, G = 137, B = 79, A = 200. Det andra stoppet kommer att vara R = 176, G = 79, B = O, A = 200. Om du undrar, minskar vi en, vilket är Alfa, att göra våra linser genomskinliga. Detta kommer att lägga till lite realism senare.
Vi behöver justera vinkeln på denna gradient. För att göra detta, låt oss klicka på Gradients Tool och välj linsen. Detta ger ett par knutpunkter som betecknar riktningen för vår gradient. Klicka och dra noderna gör en vertikal linje (håll Kontrollera att hålla raka linjer).
Vi behöver ge vår lins en ram, så låt oss klicka på Stroke stil fliken i Fyll och stroke. Ställ in Bredd till 8px.
Kopiera och klistra in linsen för att få en exakt form för våra detaljer. På vår kopierade lins, låt oss ta bort Fylla genom att klicka på "X" -ikonen, ställa in Streckfärg till R = O, G = O, B = O, och ge Stroke stil en Bredd av 1px. På botten av Fyll och stroke, du kommer se Fläck och Opacitet,% värden. Ge denna detalj a Fläck av 0.5px och Opacitet av 30%.
Placera denna detalj över originallinsen och förskjut den vertikalt ca 2px ner (det som bäst ser ut på din lins).
Vi kommer att göra en annan detalj precis som den här, så välj den detalj vi just har gjort och kopiera och klistra in den. Den här kommer att ha en Streckfärg av R = 255, G = 255, B = 255, en Fläck av 0.3px, och en Opacitet av 40%. Placera den här över linsen igen, men kompensera den vertikalt ca 2px upp den här gången.
Som du kan se, lägger dessa små detaljer en viss dimension till vår lins.
Välj linsen (inte detaljerna) och kopiera och klistra in den. Dubbelt. Vi ska använda dessa kopierade linser för att skapa perfekt formade höjdpunkter.
Välj en av de kopierade linserna och se till att det är över alla andra former genom att gå till Objekt> Höj till topp. Dra sedan linsen över den andra kopierade linsen och klicka och dra en av skalans ikoner i hörnen på den valda linsen (Hold-Control skala jämnt) och gör den här linsen bara något större än linsen under den, som visas nedan.
När allt är placerat som nedan väljer du båda de kopierade linserna och klickar på Sti> Skillnad.
Du borde sluta med en form som denna:
Som du kan se kommer denna form att göra en utmärkt framhöjd för linsen. Låt oss ta bort den här formen Streckfärg genom att klicka på "X" -ikonen. Placera sedan den över vår lins som visas nedan (eller efter eget tycke).
Vi måste ge denna form a Linjär Gradient med första stoppet som R = 255, G = 255, B = 255, A = 255 och det andra stoppet som R = 255, G = 255, B = 255, A = O. Om denna linjära gradientriktning inte är vertikal redan kan du använda Gradients Tool igen för att justera i enlighet därmed. Slutligen, ge denna form en Opacitet av 80%.
För att lägga till lite djup, låt oss kopiera och klistra in den här höjden och placera den ungefär 4 pixlar lägre än originalet. Ge sedan den här nya höjdpunkten a Fläck av 4px och en Opacitet av 50%.
Och för att hålla hela vår lins organiserade, låt oss välja allt och klicka Objekt> Grupp (Kontroll + G).
Välj linsen och klicka Redigera> Duplicate (Control + D). Detta skapar en exakt dubbletter med den exakta positionen också. Om du har följt denna handledning exakt, vad du vill göra är att ange exakta X-koordinater nedan för att säkerställa korrekt avstånd mellan linserna. Annars kan du göra vad som helst som passar bäst för din design.
När din nya vänstra lins är på plats, klicka på Vrid markerade objekt horisontellt knapp.
Använda Skapa rektanglar verktyg, rita en rektangel, som fungerar som bron för linserna, över de två linserna. Vi ska också Objekt> Objekt till väg så vi kan ändra denna form med noder igen.
Använda Redigera sökvägar verktyg tillsammans med noder och handtag, rita en liknande brokonstruktion som visas nedan. Också, glöm inte att du kan ta mellan två noder för att kurva en linje. Tänk på att vi så småningom placerar bron bakom linserna så att vi inte ser något vi inte vill ha.
Nästan där…
Först, sätt broen bakom allt genom att klicka Objekt> Nedre till botten. Vi ska ställa in en Linjär Gradient för Fylla av vår bro. Första stopp R = 93, G = 93, B = 93 och andra stopp R = 73, G = 73, B = 73. Använd Gradients Tool för att göra detta vertikalt.
Vi ska också ställa in en Linjär Gradient för Streckfärg. Första stopp R = 188, G = 188, B = 188 och andra stopp R = 76, G = 76, B = 76. Använd Gradients Tool att göra denna vertikala också.
Vi ska göra exakt vad vi gjorde för linsens höjdpunkter. Låt oss kopiera och klistra in ytterligare två av våra broar och placera dem som visas nedan. Då självklart, Sti> Skillnad.
Du borde ha slutat med en form så här:
Ta först bort Streckfärg och placera den över bron som visas nedan. Låt oss ge denna höjdpunkt a Linjär Gradient med första stoppet som R = 255, G = 255, B = 255, A = O och det andra stoppet som R = 255, G = 255, B = 255, A = 255. Ställ sedan in Fläck till 2px och den Opacitet till 10%.
Använda Penverktyg, rita en grov, fyrsidig polygon som liknar ett ändstycke för våra glasögon.
Klicka på Redigera sökvägar med nodar verktyg och välj alla fyra noder i ändstycket. Klicka sedan Gör valda noder smidiga i noden-menyn. Detta är ett snabbt sätt att få vår form närmare vad vi vill ha.
Dra knutar och handtag för slutanpassningar ...
Ta bort Streckfärg på ändstycket och ge den en Fylla av R = 93, G = 93, B = 93. Kopiera / klistra in, flipa horisontellt och placera på x-axeln för den andra linsen.
Vi kommer att frigöra ritningen med templet Penverktyg enligt nedanstående. Det kan ta ett par försök att få det rätt.
Använda Redigera sökvägar med nodar verktyg, välj bara de noder som vi vill vara rundade (fyra noder markerade gula nedan). Du kan välja flera noder av innehav-Shift och klicka på önskade noder.
Med de korrekta noderna valda klickar du på Gör valda noder smidiga i noden-menyn.
Med vårt avrundade tempelstycke valt, ge det en Fylla av R = 93, G = 93, B = 93. Kopiera / klistra in, flipa horisontellt och placera på x-axeln för den andra linsen.
Välj en av tempelbitarna och ge den en Fläck av 4px. Upprepa med det andra templet (vi torkar objekt en i taget, för om du väljer flera objekt, blurberäkningen ändras). Välj båda tempelbitarna (håll-Skift för att välja flera objekt) och klicka Objekt> Nedre till botten.
Till sist, låt oss välja allt och gå till Objekt> Grupp att hålla dessa solglasögon i ett stycke.
Använda Penverktyg, Låt oss dra en enkel, svagt krökt strandlinje för att våra glasögon ska sitta på. Jag har den Fylla på denna uppsättning till R = 208, G = 168, B = 118 tillsammans med en liten Fläck av 2px för lite djup.
Nu behöver vi lägga till lite textur. Kopiera detta objekt och gå till Filter> Bildeffekter, genomskinlig> Alfa Gravering.
Med den här formen fortfarande valda ställer du in Opacitet till 15%. Detta kommer att göra som en fin struktur överlagring. Placera sedan över den ursprungliga stranden som visas nedan.
Ta nu dessa glasögon och sätt dem på sanden. Du kan till och med rotera dem bara lite för att ge det ett mer naturligt utseende.
Låt oss lägga till en skugga på våra solglasögon för ännu mer realism. Välj Penverktyg och rita en abstrakt form som liknar en skugga för solglasögon. För en referens, se bilden nedan.
Vad vi ska göra nu är att ta bort Streckfärg och ge skuggan a Fylla av R = O, G = O, B = O. Då ska vi göra en Fläck av 7PX tillsammans med en Opacitet av 40%.
Låt oss rita en rektangel (med hjälp av Rektangelverktyg naturligtvis) för vårt hav i bakgrunden. Se till att denna rektangel är placerad bakom kustlinjen. Vi ska ge denna rektangel a Linjär Gradient Fyll. Det första stoppet är R = 62, G = 149, B = 166 och det andra stoppet är R = 75, G = 113, B = 134. Slutligen, ge denna rektangel a Fläck av 4.2px.
Använda Gradients Tool, Placera gradienten vertikalt, men kompensera stoppen som visas nedan (mot horisonten).
Dra nu en liknande rektangel för himlen. Se till att denna rektangel ligger bakom havet. Vi ska ge denna rektangel a Radial Gradient Fill. Det första stoppet är R = 227, G = 250, B = 255 och det andra stoppet är R = 122, G = 191, B = 229. Använda Gradients Tool, Du kan placera himlen på samma sätt som den visas nedan.
Det avslutar denna handledning. Vi har gjort mycket här med Inkscape, så jag hoppas att du har lärt dig några nya saker. Du borde ha ett snyggt coolt par solglasögon utformade nu, precis i tid för sommaren!