Share
In deze tutorial ontwerpen we een cool paar zonnebril. Deze zonnebrillen gebruiken veel verschillende vormen die bestaan uit meerdere technieken in Inkscape. We behandelen eenvoudige dingen, zoals het tekenen van vormen, tot wat complexere zaken als padbewerkingen. Dus, hoe zit het precies met ons erin te springen??
Laten we Inkscape openen en naar gaan Bestand> Documenteigenschappen om ons canvas voor te bereiden. Voor deze zelfstudie gaan we onze documentgrootte instellen op Breedte 600 px en Hoogte 600 px. Gewoon om het een beetje makkelijker te maken, we gaan het ook controleren Rand op de top van de tekening.
Klik op de Cirkels maken (F5) gereedschap en teken een perfecte cirkel (houd Control vast tijdens het klikken / slepen). Grootte is nog niet belangrijk, dus maak gewoon een cirkel die groot genoeg is om aan te werken.
Ga met je cirkel naar boven Pad> Object naar pad (Shift + Control + C) om deze cirkel om te zetten in een pad.
Op deze manier kunnen we de cirkel bewerken met behulp van knooppunten, zoals hieronder wordt getoond.
Nu gaan we de gebruiken Bewerk paden op knooppunten tool om klik en sleep deze knooppunten en handvatten om de cirkel in de vorm van een zonnebrillens te vormen (u kunt ook de pijltoetsen gebruiken om de knooppunten te verplaatsen). Dit is het lastige deel, dus de exacte coördinaten van de 4 knooppunten staan hieronder vermeld om u op weg te helpen.
Ten eerste, breng naar voren Vulling en lijn door te klikken Object> Vulling en lijn. Laten we de lijn verf op een effen kleur zetten R = 93, G = 93, B = 93.
De vulling wordt een lineair verloop. Als u de kleuren van ons verloop wilt wijzigen, klikken we Bewerk… onder Lineair verloop. Dit brengt het Verloopbewerker waar we onze stopkleuren kunnen veranderen.
Klik op dat eerste drop-menu om de stops te selecteren. Onze eerste stop zal zijn R = 197, G = 137, B = 79, A = 200. De tweede stop zal zijn R = 176, G = 79, B = 0, A = 200. In het geval dat je je afvroeg, verlagen we de EEN, welke is Alpha, om onze lenzen doorzichtig te maken. Dit voegt later wat realisme toe.
We moeten de hoek van deze gradiënt aanpassen. Om dit te doen, laten we op de klikken Gereedschap Verlopen en selecteer de lens. Dit brengt een aantal knooppunten naar voren die de richting van ons verloop aangeven. Click-drag de knooppunten om een verticale lijn te maken (vasthouden Controle om rechte lijnen te behouden).
We moeten onze lens een kader geven, dus laten we op de klikken Stroke stijl tab in Vulling en lijn. Stel de Breedte naar 8px.
Kopieer en plak de lens om een exacte vorm voor onze details te krijgen. Op onze gekopieerde lens, laten we de Vullen door op het pictogram "X" te klikken, stelt u de Stroke verf naar R = 0, G = 0, B = 0, en geef de Stroke stijl een Breedte van 1px. Op de bodem van Vulling en lijn, Je zult het zien vervagen en Dekking,% waarden. Geef dit detail een vervagen van 0.5px en ondoorzichtigheid van 30%.
Plaats dit detail op de originele lens en plaats deze verticaal ongeveer 2 px naar beneden (wat het beste op uw lens past).
We gaan nog een detail maken zoals deze, dus selecteer de details die we zojuist hebben gemaakt en kopieer en plak deze. Deze gaat een hebben Stroke verf van R = 255, G = 255, B = 255, een vervagen van 0.3px, en een ondoorzichtigheid van 40%. Plaats deze opnieuw over de lens, maar verschuif deze deze keer verticaal ongeveer 2 px.
Zoals u kunt zien, voegen deze kleine details een dimensie toe aan onze lens.
Selecteer de lens (niet de details), kopieer en plak hem vervolgens. Tweemaal. We gaan deze gekopieerde lenzen gebruiken om perfect gevormde hooglichten te maken.
Selecteer een van de gekopieerde lenzen en zorg ervoor dat deze boven alle andere vormen staat door naar Object> Verhoog naar boven. Sleep vervolgens die lens over de andere gekopieerde lens en klik en sleep een van de schaalpictogrammen in de hoeken van uw geselecteerde lens (Hold-Control om uniform te schalen) en maak deze lens net iets groter dan de lens eronder, zoals hieronder weergegeven.
Wanneer alles zoals hieronder is gepositioneerd, selecteert u beide gekopieerde lenzen en klikt u op Pad> Verschil.
Je zou een vorm als deze moeten krijgen:
Zoals u kunt zien, zal deze vorm een geweldig hoogtepunt voor de lens zijn. Laten we deze vormen verwijderen Stroke verf door op het pictogram "X" te klikken. Plaats het dan op onze lens zoals hieronder weergegeven (of naar wens).
We moeten deze vorm geven Lineair verloop met de eerste stop als R = 255, G = 255, B = 255, A = 255 en de tweede stop als R = 255, G = 255, B = 255, A = 0. Als deze lineaire gradiëntrichting niet al verticaal is, kunt u de Gereedschap Verlopen opnieuw om dienovereenkomstig aan te passen. Geef tenslotte deze vorm een ondoorzichtigheid van 80%.
Om wat diepte toe te voegen, laten we deze markering kopiëren en plakken en deze ongeveer 4 pixels lager plaatsen dan het origineel. Geef vervolgens dit nieuwe hoogtepunt een vervagen van 4PX en een ondoorzichtigheid van 50%.
En om onze hele lens georganiseerd te houden, laten we alles selecteren en klikken Object> Groep (Control + G).
Selecteer de lens en klik op Bewerken> Dupliceren (Control + D). Hierdoor wordt ook een exact duplicaat met de exacte positie gecreëerd. Als u deze tutorial precies hebt gevolgd, voert u de exacte X-coördinaten hieronder in om de juiste afstand tussen de lenzen te waarborgen. Anders kunt u doen wat voor tussenruimte het beste bij uw ontwerp past.
Wanneer uw nieuwe linkerlens op zijn plaats zit, klikt u op de Geselecteerde objecten horizontaal spiegelen knop.
De ... gebruiken Maak rechthoeken gereedschap, teken een rechthoek, die fungeert als de brug voor de lenzen, over de twee lenzen. We gaan ook Object> Object naar pad zodat we deze vorm opnieuw kunnen bewerken met knooppunten.
De ... gebruiken Paden bewerken hulpmiddel samen met de knopen en handvatten, teken een vergelijkbaar brugontwerp zoals hieronder getoond. Vergeet ook niet dat je tussen twee knooppunten kunt grijpen om een lijn te verleggen. Houd er rekening mee dat we uiteindelijk de brug achter de lenzen plaatsen, zodat we niets zien dat we niet willen zien.
Bijna daar ...
Stel eerst de brug achter alles in door op te klikken Object> Van beneden naar beneden. We gaan een instellen Lineair verloop voor de Vullen van onze brug. Eerste stop R = 93, G = 93, B = 93 en tweede stop R = 73, G = 73, B = 73. Gebruik de Gereedschap Verlopen om dit verticaal te maken.
We gaan ook een instellen Lineair verloop voor de Stroke verf. Eerste stop R = 188, G = 188, B = 188 en tweede stop R = 76, G = 76, B = 76. Gebruik de Gereedschap Verlopen om dit ook verticaal te maken.
We gaan precies doen wat we deden voor de lenshoogtepunten. Laten we nog twee van onze bruggen kopiëren en plakken en positioneren zoals hieronder getoond. En natuurlijk, Pad> Verschil.
Je zou moeten eindigen met een vorm als deze:
Verwijder eerst de Stroke verf en plaats het over de brug zoals hieronder getoond. Laten we dit hoogtepunt geven Lineair verloop met de eerste stop als R = 255, G = 255, B = 255, A = 0 en de tweede stop als R = 255, G = 255, B = 255, A = 255. Stel vervolgens de vervagen naar 2px en de ondoorzichtigheid naar 10%.
De ... gebruiken Pen gereedschap, teken een ruwe, vierzijdige veelhoek die lijkt op een eindstuk voor onze bril.
Klik op de Bewerk paden op knooppunten gereedschap en selecteer alle vier knooppunten van het eindstuk. Dan klikken Maak geselecteerde knooppunten glad in het knooppuntenmenu. Dit is een snelle manier om onze vorm dichterbij te brengen bij wat we willen.
Drag nodes and handles voor laatste aanpassingen ...
Verwijder de Stroke verf op het eindstuk en geef het een Vullen van R = 93, G = 93, B = 93. Kopieer / plak, kantel horizontaal en positioneer op de x-as voor de andere lens.
We gaan gratis het tempelstuk tekenen met de Pen gereedschap zoals hieronder getoond. Het kan een paar keer proberen om het precies goed te krijgen.
De ... gebruiken Bewerk paden op knooppunten tool, selecteer alleen de knooppunten die we willen rond maken (vier gemarkeerde punten hieronder geel). U kunt meerdere knooppunten selecteren op holding-Shift en klikken op de gewenste knooppunten.
Klik met de juiste knooppunten geselecteerd Maak geselecteerde knooppunten glad in het knooppuntenmenu.
Met ons afgeronde stuk tempel geselecteerd, geef het een Vullen van R = 93, G = 93, B = 93. Kopieer / plak, kantel horizontaal en positioneer op de x-as voor de andere lens.
Selecteer een van de tempelstukken en geef het een vervagen van 4PX. Herhaal met het andere tempelstuk (we vervagen objecten één voor één omdat je meerdere objecten selecteert, de onscherpteberekening verandert). Selecteer beide tempelstukken (houd-verschuif om meerdere objecten te selecteren) en klik Object> Van beneden naar beneden.
Eindelijk, laten we alles selecteren en gaan we naar Object> Groep om deze zonnebril in één stuk te houden.
De ... gebruiken Pen gereedschap, laten we een eenvoudige, licht gebogen kustlijn tekenen waar onze bril op kan zitten. Ik heb de Vullen op deze set naar R = 208, G = 168, B = 118 samen met een lichte vervagen van 2px voor wat diepte.
Nu moeten we wat textuur toevoegen. Dupliceer dit object en ga naar Filters> Afbeeldingseffecten, transparant> Alfaregrafie.
Met deze vorm nog steeds geselecteerd, stelt u de ondoorzichtigheid naar 15%. Dit maakt een mooie overlay met textuur. Plaats vervolgens over de oorspronkelijke kustlijn zoals hieronder wordt weergegeven.
Pak die bril en zet ze op het zand. Je kunt ze zelfs een klein beetje draaien om het een natuurlijker uiterlijk te geven.
Laten we een schaduw toevoegen aan onze zonnebril voor nog meer realisme. Selecteer de Pen gereedschap en teken een abstracte vorm die lijkt op een schaduw voor de zonnebril. Zie de afbeelding hieronder voor een referentie.
Wat we nu gaan doen, is het verwijderen van Stroke verf en geef de schaduw een Vullen van R = 0, G = 0, B = 0. Dan doen we a vervagen van 7px samen met een ondoorzichtigheid van 40%.
Laten we een rechthoek tekenen (met behulp van de Rechthoekgereedschap natuurlijk) voor onze oceaan op de achtergrond. Zorg ervoor dat deze rechthoek zich achter de kustlijn bevindt. We gaan deze rechthoek een geven Lineaire verloopvulling. De eerste stop is R = 62, G = 149, B = 166 en de tweede stop is R = 75, G = 113, B = 134. Geef tenslotte deze rechthoek een vervagen van 4.2px.
De ... gebruiken Gereedschap Verlopen, plaats het verloop verticaal, maar verschuif de aanslagen zoals hieronder weergegeven (naar de horizon).
Teken nu een soortgelijke rechthoek voor de hemel. Zorg ervoor dat deze rechthoek zich achter de oceaan bevindt. We gaan deze rechthoek een geven Radiale verloopvulling. De eerste stop is R = 227, G = 250, B = 255 en de tweede stop is R = 122, G = 191, B = 229. De ... gebruiken Gereedschap Verlopen, je kunt de lucht op dezelfde manier plaatsen als hieronder.
Dat maakt deze tutorial af. We hebben hier veel gedaan met Inkscape, dus ik hoop dat je een paar nieuwe dingen hebt geleerd. Je zou nu een heel coole zonnebril moeten hebben die nu is ontworpen, net op tijd voor de zomer!
Accentsconagua