Share
Inkscape is een open source alternatief voor Adobe Illustrator en andere programma's voor het maken van vectorafbeeldingen. In deze eerste Inkscape-handleiding voor Vectortuts + maken we een prachtige koffiekop en laten we enkele functies van Inkscape zien. Meestal tekenen we vormen en gebruiken we het gereedschap Verloop om het gewenste effect te bereiken. Als u bekend bent met Illustrator of een soortgelijk programma, zou u relatief gemakkelijk moeten kunnen volgen.
Als je Inkscape wilt downloaden, ga dan naar inkscape.org. Als dit de eerste keer is dat u Inkscape gebruikt, raad ik u aan eerst een paar zelfstudies door te nemen die bij Inkscape zijn meegeleverd om meer te weten te komen over hoe het programma werkt (beschikbaar via het menu Help).
Begin met het openen van een nieuwe document in Inkscape. Laten we beginnen met het maken van de schotel waarop de koffiekop rust. De schotel bestaat uit vijf verschillende ellipsen, dus maak je klaar om te tekenen. Selecteer de Circle / Ellipse gereedschap (F5) van de Gereedschapskist. Teken vervolgens een ellips over de verhoudingen van die in de onderstaande afbeelding.
Nu moeten we de vul- en lijn- (contour) kleuren wijzigen, dus selecteer je ellips en open de Vulling en lijn dialoogvenster door naar Object> Vulling en lijn (Control + Shift + F). Op de Beroerte verf tabblad klik op de "X" knop om de contouren van deze vorm te verwijderen.
Nu willen we de ellips opvullen met een radiaal verloop. In deze zelfstudie doen we nogal wat radiale en lineaire gradiënten, dus let goed op als je dit nog nooit eerder in Inkscape hebt gedaan. Op de Vullen tab (nog steeds in de Vulling en lijn venster), klik op de Radiaal verloop knop. Inkscape vult automatisch je vorm met een verloop - normaal vervaagt het standaard tot transparant.
We willen een verloop met twee tinten grijs, dus klik op de Bewerk knop onder het verloop. Nu kun je de verloopstippen bewerken Kleur stopt en hun Transparantie. Zet de eerste stop in een lichte grijstint (ddddddff). Stel de tweede stop in op een donkerdere grijstint (b2b2b2ff). Zorg ervoor dat de Transparantie voor beide kleuren is ingesteld op ondoorzichtig (geen transparantie).
Het volgende dat u moet doen, is de grootte en het middelpunt van het verloop aanpassen ten opzichte van uw ellips. Sleep de verloopgrepen op de ellips zodat deze overeenkomen met de onderstaande afbeelding. Notitie: Als de verloopgrepen niet zichtbaar zijn, klikt u gewoon op Aanmaken en bewerken van verlopen knop van de Gereedschapskist (Controle + F1). Nu hebt u één ellips voltooid en weet u hoe u hellingen maakt en bewerkt. De volgende stappen zullen niet zo gedetailleerd zijn.
De andere ellipsen in de schotel zijn niet zo moeilijk te maken. De volgende ellips vormt de witte lip rond de plaat. De gemakkelijkste manier om dit te maken, is door de ellips te dupliceren die je zojuist hebt gemaakt door naar te gaan Bewerken> Dupliceren(Controle + D). Vul het dan met een zeer lichtgrijze kleur (f2f2f2ff) van de Vulling en lijn venster. Verlaag het dan een paar pixels lager dan je eerste ellips en plaats het achter de eerste ellips door naar te gaan Object> Lager.
Opmerking: druk op F1 (of druk op de Selecteer en transformeer objecten knop van de Gereedschapskist) om objecten te verplaatsen met de muis of met de pijltjestoetsen in Inkscape. Het is moeilijk om de lichtgrijze ellips te zien, dus ik heb er een donkere achtergrond achter gezet om het gemakkelijker te kunnen zien in de onderstaande schermafbeelding.
Nu voor de donkergrijze basis van de schotel. Nogmaals, dupliceer een van uw bestaande ellipsen. Vul het nu met een ander radiaal verloop met twee zeer donkere grijstinten (2b2b2bff en 666666ff). Verplaats vervolgens het midden van het verloop naar de onderkant van de ellips. De basis van de plaat hoeft niet zo breed te zijn als de rest van de plaat. druk op F1 en duw de linker- en rechterkant van de ellips een beetje in om het wat te "squishalen".
Merk op dat als u ingedrukt houdt Verschuiving tijdens het slepen van een van de randen, kunt u beide zijden tegelijk verplaatsen. Trek ook de onderkant van de ellips een klein stukje naar beneden om de ronding van de onderkant van de schotel precies goed te krijgen.
Verplaats de hele ellips een paar pixels omlaag en druk op de Page Down knop een paar keer om de ellips onder de andere twee te plaatsen. Je zou moeten eindigen met iets dat op de afbeelding hieronder lijkt. Let op de verhoudingen van de onderste ellips (geselecteerd) in vergelijking met de andere twee. De schotel begint vorm te krijgen!
Nu moeten we het midden van de plaat maken. Teken een kleinere ellips zoals in de onderstaande afbeelding wordt weergegeven (of selecteer de bovenste ellips en schaal deze naar beneden). Open de Vulling en lijn dialoog (Control + Shift + F). Vul het dan met een platte grijze kleur (979.797). Sleept de Alpha schuif onder het kleurenwiel naar 100.
Geef het een streekkleur van b7b7b7 (volledige dekking). Op de Stroke stijl tab stel de breedte in zodat deze overeenkomt met de onderstaande afbeelding. De werkelijke grootte van de streek hangt af van hoe groot u uw ellipsen hebt getrokken. Voor mij was dat zo 3px, maar je kunt eindigen met iets anders.
De plaat is nu bijna klaar. De laatste stap is om een wazige slagschaduw toe te voegen. Dupliceer de onderste ellips (de donkergrijze basis). Dan vervagen het 10% (vanaf de onderkant van de Vulling en lijn venster). Plaats het onder alle andere objecten.
Je hebt nu een voltooide schotel! U kunt ervoor kiezen om de vijf ellipsen te groeperen zodat ze later gemakkelijker te selecteren zijn. Markeer ze allemaal en druk op Controle + G. Nu, op naar de koffiekop zelf!
We beginnen met het tekenen van twee vormen met de Bezier-curven gereedschap (Shift + F6). Maak er een voor het gezicht van de koffiekop en een om de buitenrand van de beker te vormen. Deze vormen moeten overeenkomen in de breedte en de hoeveelheid curve. Ik raad aan dat u het raster inschakelt om u te helpen bij het tekenen van deze lijnen (Shift + #). Let ook op, Klik om een punt te creëren, klik en sleep om een curve te maken.
Ik heb deze vormen eigenlijk op hun plaats op elkaar gezet, maar ik heb ze gescheiden in deze schermafbeelding om te laten zien hoe ik de vormen en hun rondingen tekende. Merk op dat beide vormen en hun kromme-lengte 20 eenheden breed zijn. Merk ook op hoe de onderkant van de rand overeenkomt met de bovenkant van het kopje; Ze zijn beide 2 eenheden diep. Als leidraad geven de blauwe cijfers de volgorde weer waarin ik de punten / curven heb gemaakt.
Terwijl het raster nog steeds aanstaat, plaatst u de rand rechtstreeks op het kopvlak. Elimineer de streek van beide vormen. Vul de randvorm (die eruit ziet als een ellips) met een effen kleur grijs (e6e6e6ff). Vul het bekeroppervlak met een radiaal verloop dat van centrecff in het midden naar gaat bdbdbdff. Plaats vervolgens het midden van het verloop in de buurt van de bovenkant van de vorm van de kom, zoals hieronder wordt weergegeven.
Dupliceer de randvorm en schaal deze in een klein beetje om de breedte van de rand te vormen. Geef deze vorm een dunne grijze streep (d6d6d6ff) en een radiale gradiënt van ecececff naar bdbdbdff. Versleep vervolgens de verloopgrepen om overeen te komen met de onderstaande afbeelding.
De volgende stap is om de koffie in de beker te maken. We willen duidelijk een vorm creëren die de indruk wekt dat de koffie in de rand zit. Om dat te doen, moeten we een ovaal voor de koffie maken en deze met de binnenrand snijden.
Hier is hoe het te doen. Maak een ellips zoals de bruine in de onderstaande afbeelding. Plaats het dan bovenop de rand. Dupliceer vervolgens de ellips die het binnenste gedeelte van de rand vormt. Selecteer vervolgens zowel de gedupliceerde ellips als degene die u net tekende. Ga nu naar het menu en kies Pad> Kruispunt (Controle + *).
Je zou een vorm moeten krijgen die eruit ziet als koffie in een kopje. Nu kunt u het vullen met een radiaal verloop met behulp van twee (of meer) tinten bruin.
Het maken van de handgreep voor de koffiekop is een makkie. Gebruik de Bezier gereedschap om een vorm te maken die lijkt op het handvat dat hieronder wordt getoond. Geef het een dunne lichtgrijze streek en vul het met een lineaire gradiënt van linksonder naar boven met twee grijstinten (bdbdbdff en ecececff). Plaats het nu achter de beker.
Om onze beker een beetje persoonlijkheid te geven, voegen we er wat blauwe strepen omheen. De manier om het te doen is een beetje lastiger dan je kunt zien. Je kunt niet gewoon een lijn tekenen, omdat het einde van de lijn nooit overeenkomt met de rand van de beker, zoals hieronder wordt weergegeven.
Dus hier is de methode die ik bedacht die vrij goed werkte. Maak een ellips met ongeveer dezelfde proporties als de rand van de koffiekop. Vul het dan met elke kleur (geen slag). Dupliceer die ellips nu, plaats hem onder de eerste en trek de onderste sleephandgreep een klein stukje naar beneden. Duw vervolgens ook de zijkanten erin. Ik heb mijn ellipsen twee verschillende kleuren ingekleurd, zodat je kunt zien hoe dit eruit moet zien.
Selecteer beide ellipsen en kies Pad> Verschil (Controle + minteken) uit het menu. Presto! Je hebt nu een prachtige verdwijncurve. Vul je nieuwe vorm met elke gewenste kleur. Dupliceer het zo vaak als je wilt. Plaats het dan bovenop uw koffiekopje waar u maar wilt.
Laten we een reflectie maken aan de zijkant van onze beker. Teken een vorm met de Bezier gereedschap zoals in de onderstaande schermafbeelding. Kleur het wit en sleep de Alpha schuif naar ongeveer 90 zodat het transparant is. Plaats het op het gezicht van de beker en gekleurde lijnen.
Nu voor wat stoom. Begin met het tekenen van een kleine witte ellips. Maak het semi-transparant en vervaag de randen ervan aanzienlijk. Plaats het boven uw koffie. Dit geeft de algemene indruk van warmte en stoom.
Laten we nu een piekerig spoor van stoom maken. Maak een vorm met de Bezier gereedschap zoals hieronder. Kleur het in een lichtbruine of gouden kleur, maak het semi-transparant en vervaag het ook. Speel rond met de Hoofddekking en vervagen instellingen totdat het er precies goed uitziet.
Onze koffiekop is klaar! Net als bij de schotel kan het handig zijn om alle vormen waaruit de beker bestaat te groeperen.
Laten we onze voltooide kop bovenop onze schotel plaatsen. Voeg vervolgens een kleine slagschaduw toe onder de kop. Teken eenvoudig een kleine zwarte ellips en vervaag deze.
Daar heb je het, een prachtige vector koffiekop en schotel gemaakt met Inkscape! Ik hoop dat je dit net zo leuk vond als ik. Ik hoop ook dat deze tutorial informatief is gebleken in het demonstreren van de belangrijkste functies van Inkscape - een Open Source alternatief voor vectorkunst. Genieten!
Accentsconagua