Share
Met deze tutorial wil ik je laten zien hoe je een tattoo-lettertype-set met nautisch thema maakt met Sketch. We maken gebruik van eenvoudige vormen en het gereedschap Vector, samen met randen en stijlvoorinstellingen om snel het alfabet te maken.
Als Sketch open is, heeft de standaardweergave al een oneindig aantal artboard. Omdat we niets creëren dat een specifieke grootte heeft, kunnen we dit laten zoals het is. We zullen echter werken met een raster, dus laten we dat nu inschakelen.
Bovenop Toolbar kiezen Weergave> Rasterinstellingen verander dan de waarden zoals hieronder te zien.
Om mijn werk gemakkelijker te maken, heb ik enkele ideeën geschetst waar ik graag mee zou willen werken. Dit helpt om het thema van het lettertype gelijk te houden en een startpunt te bieden om het vectorproces te starten.
Het is niet perfect, maar het hoeft niet zo te zijn. Tijdens het vectorproces ben ik zelfs van gedachten veranderd over bepaalde vormen en vormen. Deze schetsen zijn er alleen om een gids te bieden.
Uit mijn schetsen kan ik zien dat al mijn personages bestaan uit een brede balk en een lijn om de vormen te voltooien. Ik heb besloten dat ik wil dat deze brede balk twee vierkanten op mijn rooster breed en acht vierkanten hoog is. Het maken 50 x 200 px.
In het geval van de letter "A" zal deze balk een beetje scheef staan, dus vond ik het gemakkelijker om gewoon een aangepaste vorm te maken met behulp van de Vector gereedschap (V). Met de Vector gereedschap geselecteerd klik op een kruisend rasterpunt om uw vorm te starten. Tel hierna twee vierkanten naar links en klik om een ander punt te maken. Ga over twee vakjes en omhoog acht en klik om een ander punt te maken. Tel nu over twee vierkanten naar rechts en klik om een punt te maken. Klik ten slotte op het startpunt om de vorm te sluiten.
Laten we nu de andere diagonale lijn maken die de "A" vormt. Schets heeft een Lijn tool die leuk zou zijn om te gebruiken, maar deze tool lijkt niet goed te spelen met het raster en lijnen getrokken met deze tool niet automatisch op hun plaats. Dus we zullen deze tool overslaan en onze lijnen gebruiken met de Vector gereedschap (V).
Met de Vector gereedschap (V) nogmaals geselecteerd klik op de bovenkant van het raster waar de brede vorm tot een punt komt en ga dan naar beneden en over drie vierkanten en klik nog een keer. U kunt vervolgens op drukken terugkeer op het toetsenbord om het pad in te stellen.
We zullen nu onze dwarsbalk en schreven maken. Gebruik de de Vector gereedschap (V) klik opnieuw en maak horizontale lijnen in het midden van de piramidevorm. Omdat het acht raster vierkanten hoog is, betekent dit dat het midden vier raster vierkanten omhoog of omlaag zal zijn. Wat betreft de schreven, deze zullen één rastervierkant aan elke kant overhandigen.
Het grootste deel van onze lettervorm is een simpele lijn, maar de brede balk moet worden gestileerd om het thema te behouden met ons retro nautische tattoo-thema. Ik zal in een mooie aqua blauwe kleur werken, maar voel je vrij om elke gewenste kleur te gebruiken. In de Lagenlijst (uiterst links) selecteert u alle eenvoudige lijnlagen in de Inspecteur (meest rechtse deelvenster) past de borders sectie zoals hieronder te zien. Als er opvullingen zijn, verwijder deze dan op dit moment.
Ga met de nog steeds geselecteerde lijnen terug naar deLagenlijst en onderaan zie je Stijlvoorinstellingen. Klik op de "+"pictogram in die sectie om de streek op te slaan als een voorinstelling om later gemakkelijker toegang te krijgen.
Selecteer nu de brede staafvorm en deze keer zullen we de. Aanpassen Vullen, borders, en Inner Shadows elementen.
De Vullen zal een verloop zijn. Als u op het vulpictogram klikt, wordt het Opvulkleur paneel zal vliegen en u kunt deze instellingen aanpassen. Selecteer vanuit dit paneel helling en een vooraf ingesteld verloop verschijnt op de vorm.
Om een verloop te bewerken zul je moeten kijken naar de artboard bij de vorm en je zult twee cirkelsymbolen opmerken aan de boven- en onderkant van de vorm in een rechte lijn. Standaard is het bovenste cirkelpictogram geselecteerd, dus als u de kleur / dekking wijzigt, heeft dit alleen invloed op dat punt. Laten we het nu instellen op plat wit met 100% ondoorzichtigheid. Op de artboard klik op het onderste cirkelpictogram en pas de kleur aan dezelfde kleur aan als je lijn van vroeger.
Zoom in op uw artboard dus je bevindt je in het midden van de staafvorm en versleept de cirkelpictogrammen van de boven- en onderkant van het verloop naar het midden. Als je het houdt Verschuiving het pictogram zal verticaal bewegen zonder te dwalen. Doe dit zodat ze elkaar ontmoeten en maak een horizontale lijn van je randkleur en wit.
Merk op in de schermafbeelding dat deze lijn niet precies midden in het raster staat. Ik wilde dat de kleur stopt in lijn met de rand van de dwarsbalk.
Met het verloop zoals we het willen, druk op de Terug knop aan de bovenkant van de Inspecteur pas dan de aan borders en Inner Shadows secties zoals hieronder uiteengezet.
Met deze instellingen op de plaats bewaar het als een Style Preset zoals je deed met de simpele lijn.
Met behulp van onze eerste schets als een gids en onze nieuw Vooringestelde stijlpresets we blijven onze andere brieven maken. U zou dit een snelle en gemakkelijke taak moeten vinden, omdat veel van deze herhaling van de bovengenoemde stappen zal zijn.
Ik ga ervan uit dat je weet hoe het alfabet eruitziet in plaats van dat je elke letter doorloopt. Ik blijf bij de hoofdlettervormen die verschillende gereedschappen en technieken gebruiken.
Om de "B" te maken, moeten we een rechthoek maken die dat is 50 x 200 px. Dit zal de hoofdstam van de "B" zijn. Om dit te doen, selecteert u de Vorm menupictogram en kies de Rechthoek gereedschap (R) en teken je vorm en voeg dan de Style Preset met de verloopvulling.
Om de schaal van de "B" te maken, gebruiken we de afgeronde gereedschap (U) en teken een afgeronde rechthoek die dat is 150 x 100 px met een straal van minstens de helft van de hoogte dus 50. U kunt dit aanpassen in de Inspecteur zijbalk.
Met de afgeronde rechthoek die we zojuist hebben gemaakt, selecteert u de schakeloptie Bewerk tool van onze Toolbar bovenaan en klik op het punt linksboven om het te selecteren. Nu in de Toolbar er komt een nieuwe set opties beschikbaar. Onder hen zie je onze 50px hoekinstelling. Klik in dat tekstvak en wijzig het in 0. Hiermee wordt de afgeronde hoek uit de linkerbovenhoek verwijderd. Ga je gang en herhaal dit ook voor het punt linksonder.
Ga naar Bewerk> Paden> Schaar en klik op de linker vlakke rand aan de linkerkant om deze te verwijderen. We zullen deze tool veel gebruiken, het kan in uw beste belang zijn om het op te slaan in de Toolbar. Klik hiervoor met de rechtermuisknop op Toolbar of bezoek Weergave> Werkbalk aanpassen ... en sleep de tool naar de Toolbar in een positie die comfortabel aanvoelt voor jou.
Selecteer de Bewerk gereedschap nogmaals en klik op het punt linksonder en sleep het zodat het niet langer de stengel van onze "B" kruist. Breng nu onze eenvoudige streek aan Style Preset. Je kunt het nu afmaken door deze stappen te herhalen om de vorm van de onderste kom te maken en de Vector gereedschap om een extra schreef toe te voegen in het midden van de "B" -stam.
Onze "C" is vrij eenvoudig. Het is eigenlijk een cirkel, maar we hebben het in onze stam toegevoegd om het een beetje te vullen. Selecteer de ovaal gereedschap (O) en creëer een cirkel die dat is 200 x 200 px.
Met de Rechthoek gereedschap (R) teken onze rechthoekige vorm zoals eerder en lijn deze uit aan de linkerkant van de cirkel. Nu Shift-click beide vormen en ga naar Bewerken> Combineren> Doorsnijden of kies Snijden vanaf het begin Toolbar. Je kunt het nu vullen met ons verloop Style Preset.
Teken nog een cirkel van dezelfde grootte als de vorige keer en plaats deze over de vorm die we zojuist hebben gemaakt. Selecteer de Bewerk gereedschap en zweef over de cirkelrand en je ziet de cursor veranderen in een penpictogram met een "+". Waar het pad kruist met de rasterklik om een nieuw punt te maken, zowel boven als onder het middelpunt. Selecteer de Schaar gereedschap en verwijder de paden tussen deze twee punten die u zojuist hebt gemaakt om een opening te maken. U kunt nu de eenvoudige streek toepassen Style Preset en voeg in je schreven toe.
Volg de bovenstaande stappen om de letters "A" tot en met "R" te kunnen maken. Het is vrijwel alleen maar schuimen, afspoelen, herhalen volgens het thema en standaardbriefvormen. De "S" is echter een beetje anders, dus ik zal dat nu uitleggen.
Om de zaken in lijn te houden heb ik besloten om dezelfde hoek te gebruiken als de letter "A" voor alle andere schuine letters zoals de "V", "W" en "X", maar deze hoek was een beetje te hard voor de "S" en de "Z". Dus ik heb in deze stap een nieuwe invalshoek getekend voor de "S". Het blok is nog steeds twee raster vierkanten breed, maar in plaats van drie over het is nu vier. Dus, zoals we deden voor de "A", selecteer de Vector gereedschap (V) en maak je gebogen blok zoals hieronder te zien is.
Selecteer de afgeronde gereedschap (U) en teken een afgeronde rechthoek die dat is 150 x 200 px met een straal van minstens de helft van de breedte dus 75. Nu Shift-click beide vormen en ga naar Bewerken> Combineren> Doorsnijden of kies Snijden vanaf het begin Toolbar. Je kunt het nu vullen met ons verloop Style Preset.
Schakel de ovaal gereedschap (O) en maak twee cirkels die dat zijn 150 x 150 px en plaats ze direct boven de vorige vorm, één op één lijn met de bovenkant en één met de onderkant. Selecteer vervolgens de Bewerk gereedschap en zweef over de cirkelrand en je ziet de cursor veranderen in een penpictogram met een "+". Waar de cirkel de onderliggende vorm kruist, klikt u om een nieuw punt te maken. Selecteer de Schaar gereedschap en verwijder de paden tussen deze twee punten die u zojuist hebt gemaakt om een halve cirkel te maken. U kunt nu de eenvoudige streek toepassen Style Preset en voeg in je schreven toe. Doe dit voor zowel de bovenste als de onderste cirkel en je "S" moet compleet zijn.
De "Y" is een aangepaste vorm getekend met de Vector gereedschap (V). U kunt de onderstaande stappen bekijken voor het maken ervan.
Eindelijk, voor de "Z" vond ik de hoek te steil, dus ik verlengde hem zoals we deden voor de "S" alleen maakte ik deze een beetje meer uitgesproken. Je kunt er naar hartenlust mee spelen, maar voor mij ging ik over vijf rasterpleinen en voegde de stengels en schreven toe om het af te maken.
Ik hoop dat ik je een paar tijdbesparende technieken heb kunnen laten zien voor het hergebruiken van eenvoudige stijlen. Nadat u uw letters hebt gemaakt, kunt u de verschillende elementen groeperen, zodat u de letters kunt kopiëren en plakken om woorden en zinnen te vormen. Blijf op de hoogte voor toekomstige zelfstudies over hoe dit nieuw gecreëerde lettertype op leuke en handige manieren te gebruiken.
Accentsconagua