Share
Med denne opplæringen vil jeg gjerne vise deg hvordan du lager et nautisk tema tattoo inspirert skriftsett ved hjelp av Sketch. Vi vil gjøre bruk av enkle former og Vector-verktøyet sammen med Grensesnitt og stilforhåndsinnstillinger for raskt å lage alfabetet.
Med Sketch åpen, har standardvisningen allerede en uendelig artboard. Siden vi ikke lager noe som er en bestemt størrelse, kan vi forlate dette som det er. Vi vil imidlertid jobbe med et rutenett, så la oss slå på det på dette tidspunktet.
På toppen verktøylinje å velge Vis> Rutenettinnstillinger endre deretter verdiene som vist nedenfor.
For å gjøre jobben min lettere har jeg skissert noen ideer som jeg ønsker å jobbe med. Dette vil bidra til å holde temaet for skrifttypen selv og gi et hoppe av punkt for å starte vektorprosessen.
Det er ikke perfekt, men det trenger ikke å være. Under vektorprosessen endret jeg meg selv om bestemte blomstrer og former. Disse skissene er bare der for å gi en veiledning.
Fra skissene mine kan jeg se at alle mine tegn består av en bred stang og et slag for å fullføre figurene. Jeg har bestemt at jeg vil ha denne brede linjen for å være to firkanter på rutenettet mitt og åtte firkanter høye. Gjør det 50 x 200px.
I tilfelle av bokstaven "A" vil denne linjen være skjev litt, så jeg fant det lettere bare å lage en tilpasset form ved hjelp av Vector verktøy (V). Med Vector valgt verktøy klikker på et skjærende rutenett for å starte form. Deretter teller to firkanter til venstre og klikk for å opprette et nytt punkt. Gå over to rutene og opp åtte og klikk for å opprette et annet punkt. Nå telle over to firkanter til høyre og klikk for å få et poeng. Til slutt klikker du på startpunktet for å lukke formen.
La oss nå lage den andre diagonale linjen som utgjør "A". Skissen har a Linje verktøy som ville være fint å bruke, men dette verktøyet virker ikke bra med rutenettet og linjene som er tegnet med dette verktøyet, klikker ikke automatisk på plass. Så vi hopper over dette verktøyet og gjør linjene våre ved hjelp av Vector verktøy (V).
Med Vector verktøy (V) valgt en gang til, klikk på toppen av rutenettet der den brede figuren kommer til et punkt, deretter gå ned til bunnen og over tre firkanter og klikk en gang til. Du kan deretter trykke Komme tilbake på tastaturet for å angi banen.
Vi lager nå vår tverrstang og serifs. Bruk av Vector verktøy (V) igjen, klikk og lag horisontale linjer over midten av pyramideformen. Siden det er åtte gridfirkanter høyt betyr dette at senteret vil være fire gridfirkanter opp eller ned. Når det gjelder serifene, vil disse overlevere ett rutenett på hver side.
Flertallet av vår brevform er et enkelt slag, men den brede linjen må utformes for å holde temaet med vårt retro nautiske tatoverings tema. Jeg jobber i en fin aqua blå farge, men vær så snill å bruke hvilken som helst farge du velger. I Lagliste (venstre rutenavn) velg alle de enkle slaglagene da i Inspektør (høyre rute) juster Borders seksjon som vist nedenfor. Hvis det er noen fyll, vær så snill å fjerne dem på dette tidspunktet.
Med strekkene fremdeles valgt, flytt tilbake tilLagliste og nederst vil du se Stilforhåndsinnstillinger. Klikk på "+"ikonet i den delen for å lagre streken som en forhåndsinnstilling for senere tilgang.
Velg nå den brede barformen og denne gangen vil vi justere Fylle, Borders, og Inner skygger elementer.
De Fylle vil være en gradient. Hvis du klikker på fyllingsikonet, klikker du på Fyll farge panelet flyr inn og du kan justere disse innstillingene. Velg fra dette panelet gradient og en forhåndsdefinert gradient vil vises på formen.
For å redigere en gradient må du se på artboard i formen og du vil legge merke til to sirkelikoner på toppen og bunnen av formen i en rett linje. Som standard er toppsirkelikonet valgt, så hvis du endrer farge / opasitet, vil det bare påvirke det punktet. For nå la oss sette den til flat hvit med 100% opasitet. På artboard klikk på den nederste sirkelikonet og juster fargen til den samme som ditt slag fra tidligere.
Zoom inn på din artboard så du er i midten av stangformen og dra sirkelikonene fra toppen og bunnen av graden mot midten. Hvis du holder Skifte ikonet vil bevege seg vertikalt uten å svikte. Gjør dette slik at de møtes og lag en horisontal linje av kantfarge og hvitt.
Legg merke til i skjermbildet at denne linjen ikke er helt sentrert med rutenettet. Jeg ønsket at fargen skulle stoppe i tråd med grensen på tverrstangen.
Med gradienten slik vi vil ha den, trykker du på Tilbake knappen øverst på Inspektør og juster deretter Borders og Inner skygger seksjoner som beskrevet nedenfor.
Med disse innstillingene på plass, lagre det som en Stil forhåndsinnstilling som du gjorde med den slanke streken.
Bruke vår første skisse som en guide og vår nylige Lagde forhåndsinnstilte stiler Vi fortsetter å lage våre andre bokstaver. Du bør finne dette en rask og enkel oppgave, da mye av det vil være repetisjon av de nevnte trinnene.
Jeg antar at du vet hvordan alfabetet ser slik ut, enn å gå deg gjennom hvert brev, jeg holder meg til de store brevformene som bruker forskjellige verktøy og teknikker.
For å lage "B" må vi lage et rektangel som er 50 x 200px. Dette vil være hovedstammen til "B". For å gjøre det, velg Form menyikon og velg Rektangel verktøy (R) og tegne figuren din og legg til Stil forhåndsinnstilling med gradientfyllingen.
For å lage skålen til "B" bruker vi avrundet verktøy (U) og tegne et avrundet rektangel som er 150 x 100px med en radius på minst halvparten av høyden slik 50. Du kan justere dette i Inspektør sidebar.
Med det avrundede rektangelet har vi nettopp opprettet valgt valgt Aktiver Redigere verktøy fra vår verktøylinje øverst og klikk øverst til venstre for å velge den. Nå i verktøylinje Et nytt sett med alternativer vil bli tilgjengelig. Blant dem ser du vår 50px hjørneinnstilling. Klikk i den tekstboksen og endre den til 0. Dette fjerner det avrundede hjørnet fra det øverste venstre hjørnet. Gå videre og gjenta dette for nedre venstre punkt også.
Gå til Rediger> Stier> Sakser og klikk på venstre flate kant til venstre for å fjerne den. Vi vil bruke dette verktøyet mye til det kan være i din interesse å lagre det til verktøylinje. For å gjøre det, høyreklikk på verktøylinje eller besøk Vis> Tilpass verktøylinjen ... og dra verktøyet til verktøylinje i en stilling som føles behagelig for deg.
Velg Redigere verktøyet igjen, og klikk på det nederste venstre punktet og dra det slik at det ikke lenger skjærer stammen til "B". Bruk nå vårt enkle slag Stil forhåndsinnstilling. Du kan nå fullføre det ved å gjenta disse trinnene for å lage bunnformen og bruke Vector verktøy for å legge til en ekstra serif midt i "B" -stammen.
Vår "C" er ganske enkel. Det er i utgangspunktet en sirkel, men vi har lagt i vår stamme for å fylle ut det litt. Velg Oval verktøy (O) og lag en sirkel som er 200 x 200px.
Med Rektangel verktøy (R) tegne vår hovedrektangelform som tidligere og juster den til venstre for sirkelen. Nå Shift-klikk begge former og gå til Rediger> Kombiner> Kryss av eller velg Krysse fra toppen verktøylinje. Du kan nå fylle den med vår gradient Stil forhåndsinnstilling.
Tegn en annen sirkel i samme størrelse som forrige gang og legg den over formen vi nettopp har laget. Velg Redigere verktøy og svinger over sirkelkanten, og du vil se markøren skifte til et pennikon med en "+". Hvor banen krysser med rutenett klikker du for å opprette et nytt punkt både over og under midtpunktet. Velg Saks verktøy og fjern stiene mellom disse to punktene du nettopp har opprettet for å opprette en åpning. Du kan nå bruke det enkle slaget Stil forhåndsinnstilling og legg til i serifs.
Etter trinnene ovenfor bør du kunne opprette bokstavene "A" gjennom "R". Det er ganske mye bare skum, skyll, gjenta etter tema og grunnleggende brevformularer. "S" er imidlertid litt annerledes, så jeg forklarer det nå.
For å holde tingene i kø bestemte jeg meg for å bruke samme vinkel som bokstaven "A" for alle de andre skråtegnene som "V", "W" og "X", men denne vinkelen var litt for hard for "S" og "Z". Så jeg har trukket en ny vinkel for "S" i dette trinnet. Blokken er fortsatt to gitterfirkanter brede, men i stedet for å være tre over den er det nå fire. Så, som vi gjorde for "A", velg Vector verktøy (V) og lag din vinklede blokk som vist nedenfor.
Velg avrundet verktøy (U) og tegne et avrundet rektangel som er 150 x 200px med en radius på minst halv bredde så 75. Nå Shift-klikk begge former og gå til Rediger> Kombiner> Kryss av eller velg Krysse fra toppen verktøylinje. Du kan nå fylle den med vår gradient Stil forhåndsinnstilling.
Aktiver Oval verktøy (O) og opprett to sirkler som er 150 x 150px og plasser dem direkte over forrige form som retter seg mot toppen og en til bunnen. Velg deretter Redigere verktøy og svinger over sirkelkanten, og du vil se markøren skifte til et pennikon med en "+". Hvor sirkelen krysser med den underliggende formen, klikker du for å opprette et nytt punkt. Velg Saks verktøy og fjern stiene mellom disse to punktene du nettopp har opprettet for å lage en halvcirkel. Du kan nå bruke det enkle slaget Stil forhåndsinnstilling og legg til i serifs. Gjør dette for både topp- og nedre sirkel og din "S" skal være fullført.
"Y" er en tilpasset form tegnet med Vector verktøy (V). Du kan se trinnene nedenfor om hvordan du lager det.
Til slutt, for "Z" følte jeg vinkelen var for bratt, så jeg forlengte det som om vi gjorde for "S", bare jeg gjorde dette litt mer uttalt. Føl deg fri til å leke med det til din smak, men for meg gikk jeg over fem ristfirkanter og la deretter stengene og serifsene til slutt.
Jeg håper jeg kunne vise deg noen tidsbesparende teknikker for gjenbruk av enkle stiler. Når du har opprettet brevene dine, kan du gruppere de forskjellige elementene sammen slik at du kan kopiere / lime inn bokstavene for å danne ord og setninger. Hold deg oppdatert for fremtidige veiledninger om hvordan du bruker denne nyopprettede fonten på morsomme og smarte måter.
Accentsconagua