Indholdsfortegnelse
Som en del af den årlige udfordring 36 Days of Type, der afholdes på Instagram af de Barcelona-baserede grafiske designere Nina Sans og Rafa Goicoechea, viser denne vejledning dig, hvordan du tegner et skråt bogstav.
Se dette opslag på InstagramEt opslag delt af 36daysoftype (@36daysoftype)
💡 Læs mere om 36 Days of Type-udfordringen her i et af vores tidligere blogindlæg.Konkurrencen er en 36-dages fejring af typografi og kreativitet, der involverer designere, billedkunstnere og kreative fra alle områder i en global og samtidig kreativitet omkring typer og bogstavtyper.
Hvis du gerne vil deltage i udfordringen sammen med alle de andre kreative mennesker, så tag din styluspen, og lad os komme i gang!
💡 Pro Tip : Du kan også følge undervisningen på Mac. Du kan navigere i Mac-grænsefladen ved at besøge vores Learning Hub for Mac. Indstil skifteknappen på hvert linket websted i denne vejledning fra iPad til Mac, og du vil se den tilsvarende grænseflade for Mac. Det skal du bruge:- iPad
- Apple Pencil
- Den seneste version af Vectornator Det lærer du:
- Sådan bruger du penværktøjet
- Sådan bruger du tekstværktøjet
- Sådan konverteres tekst til vektorfigurer
- Sådan bruger du det isometriske gitter
- Sådan leger du med farver
Få noget inspiration først
Hvis du er helt ny inden for typografi, spørger du måske dig selv, hvad er et skråt bogstav?
En facet er en skrå overflade eller kant, der giver en flad overflade en tredimensionel facet. Med andre ord er facetbogstaver en type 3D-skrift med illusionen af en spids, hævet struktur på toppen for at skabe en slående dekorativ effekt.
Typografiske skråninger skabes ved at tilføje skygger. Disse kunstige skygger efterligner et tredimensionelt bogstav på en flad overflade.
Hvad bruges skrå bogstaver til?
Den bruges i almindelige logoer og andre designelementer. Interne linjer og tilføjede skygger skaber illusionen af 3D-prægning og ekstrudering på en 2D-overflade. En grafisk skrifttype med skrå skrifttyper er en skrifttype, der oprindeligt blev designet til brug ved digital udskrivning på papir.
Før du forsøger at tegne skrå skrifttyper, er det en god idé at søge efter nogle billeder af skrå bogstaver på nettet. Undersøg strukturen af skrifttyperne, deres bogstaver i linje og omrids, og se, hvordan skyggefarverne bruges til at skabe ekstrudering og skråvirkning.
Du kan starte med at tegne nogle få skrå bogstaver på papir, på din iPad eller på papir for at forstå, hvordan du indstiller skrå linier og skygger for at skabe det prægede look. Det er også vigtigt at beherske nogle få grundlæggende bogstavformer, f.eks. blokbogstaver.
Dette er en avanceret bogstaveffekt. Hvis du ikke har nogen tidligere erfaring med at tegne denne type bogstaver, skal du tage dig tid til at tegne et par bogstaver som forberedelse til denne vejledning.
Lad dig løs, og vær ikke bange for at begå fejl!Forbered skabelonen
For at kunne deltage i udfordringen skal du dele dit bogstavkunstværk på Instagram med en bestemt skabelon. Derfor lavede vi skabelonen, før vi begyndte at tegne vores skråbogstav.
Når du uploader din fil, er det meget vigtigt, at projektets vigtigste hashtag er med i dit Instagram-opslag ( #36daysoftype ), men glem ikke at inkludere det individuelle daglige hashtag også ( #36days_LETTER / NUMBER ).
Det korrekte hashtag for den første dag ville f.eks. være #36daysoftype og #36days_a.
Der er tre hovedregler for indsendelse på 36 Days of Type-webstedet, som du skal følge for at kunne deltage i udfordringen:
- Indsend: Brug #36daysoftype + #36days_LETTER / NUMBER til at indsende dit arbejde
- Billedindlæg: JPG / PNG, ideelt set i kvadratisk format (1080 x 1080px)
- Videooptagelser: Videooptagelser i alle formater er også velkomne.
Både statiske billeder og videoer er velkomne, men sørg for, at filstørrelsen er i det kvadratiske format: 1080 x 1080px
Du kan oprette din farvepalet i Vectornator på forhånd. Nedenfor kan du finde alle Hex-farvekoderne til at forberede paletten til tutorialen.
Hex-farvekoder:Baggrundsgradient: #FFFFFFFF + #E80692
Lysblå: #84CEE8
Mørkeblå: #042733
Mellemblå: #1B6680
Omridsstreger: #FFFFFFFF
Skygge: #02293B
Opret et nyt lag i fanen Lag, og giv det navnet "Baggrund".
Vælg Rektangelform i værktøjslinjen og slå Streg fra.
Indstil den lineære gradient for baggrundsfarven til #FFFFFFFF og #E80692 i farveindstillingen eller farveskifterummet.
Træk Rectangle Shape hen over lærredet, indtil den er helt dækket af den hvid-rose farvekurve.
💡 Pro Tip - Vectornator tilbyder dig en skabelon til Instagram i fanen Dokumenter. Alle billeder, som du har oprettet på iPad, gemmes automatisk i galleriet. Trin 1Oprette grundbrevet
I det næste trin af vores vejledning vil vi oprette grundbogstavet.
Opret et nyt lag, og giv det navnet "Letter". Træk laget "Letter" over laget "Background" eller flyt det med gesten Order i fanebladet Arrange øverst i lagstakken.
Aktiver tekstværktøjet ved at trykke på tekstikonet på værktøjslinjen eller ved at trykke på "T" på tastaturet. Indstil tekstværktøjets fyldning til ren hvid #FFFFFFFFFF. Indstil skrifttypen til Helvetica, typen til fed og størrelsen til 1000 pt på fanebladet Stil.
Tryk og træk et vilkårligt sted på lærredet. Der vises en afgrænset boks med ordet "Text" på lærredet. Du kan derefter begynde at skrive bogstavet "E" ved hjælp af tastaturet.
Trin 2 Konverter teksten til en vektorform
I det næste trin af vores vejledning konverterer vi teksten til en vektorform, så den kan redigeres.
Vælg brevet med markeringsværktøjet. Konverter teksten til en vektorform ved at trykke på knappen Opret konturer fra tekst i tekstværktøjets attributter.
Nu har vi konverteret vores bogstav til en vektorform, og du kan se de udvendige linjer.
Trin 3Opsætning af tegnebrættet med et isometrisk gitter
I det næste trin af vores vejledning vil vi opsætte Artboardet med et isometrisk gitter.
Den isometriske gitterfunktion i Vectornator hjælper dig med at tegne bogstavets skrå optik - med andre ord de diagonale linjer, der giver det tre-dimensionalitet.
Hvis du er helt ny med begrebet isometrisk gitter, kan du se vores Academy Mac-video for at få en grundlæggende forståelse af denne teknik.
Gå til Quick Settings> Artboards & Grid> Show Grid> Isometric Grid. Indstil afstanden til 200 pixels og vinklen til 45°.
Trin 4 Placer brevet på det isometriske gitter
Når du har opsat det isometriske gitter, skal vi tilpasse bogstavet korrekt til gitteret.
Aktivér Snap to Grid (Fastgør til gitter) i Hurtigindstillingerne, og vælg Snap to Grid (Fastgør til gitter). Vælg knudeværktøjet, og flyt knuderne i bogstavformen langs gitterlinjerne, så bogstavets parallelle og vandrette linjer flugter perfekt med gitterlinjerne.
Trin 5 Tegn skyggerne
I det næste trin af vores vejledning tegner vi den grundlæggende skygge af vores bogstav for at skabe ekstrudering og facadeeffekt.
Tryk på penværktøjet, og slå Fill Mode til og Stroke fra i Color Widget. Indstil derefter farven til Dark Blue: #042733.
💡 Pro Tip - Hvis du ikke er bekendt med penværktøjet, kan du se videoen fra Vectornator Academy-serien for at lære mere om penværktøjet.Lad os komme i gang med at tegne skyggeelementerne!
Tryk på hjørnelinjerne på dit bogstav for at tegne den første trekant. Tryk igen for at oprette et nyt knudepunkt og ændre retningen på din sti.
Følg de diagonale og vandrette linjer i det isometriske gitter præcist. Kopier trekanten to gange med Duplicate Mode og placer trekanterne på bogstavet, som du kan se på referencebilledet.
💡 Pro Tip - Hvis du vil tegne stier med skarpe kanter, kan du skifte node-type for at få en optimal tegneoplevelse. Du kan redigere dine noder med nodeværktøjet bagefter.Vi fortsætter med at tegne de skrå flader med den tidligere metode.
Hex-farvekoderne for dine figurer:Lysblå: #84CEE8
Mørkeblå: #042733
Mellemblå: #1B6680
Indstil udfyldningsfeltet for penværktøjet til de enkelte Hex-farver.
Tegn formerne præcist ved at følge linjerne på det isometriske gitter, som kunstneren gjorde på referencebilledet.
Kan du se, at vores bogstaver allerede er ved at tage form?
Trin 6Tegn brevets omrids
I det næste trin af vores vejledning skal vi skabe den hvide omrids af bogstavet.
Vælg baggrundens "E"-form, slå Stregtilstand til, og indstil Stregbredden til ca. 5 pt. Indstil Stregfarve til ren hvid #FFFFFFFF.
Det var det, vi har skabt brevets omrids!
Trin 7 Tilføj en dråbeskygge
I det næste og sidste trin i vores vejledning tilføjer vi en drop shadow til vores bogstav for at forbedre 3D-effekten.
Vælg bogstavformen, åbn den udvidelige skyggemenu i fanen Stil, og slå skyggen til.
Brug følgende indstillinger:
- Skyggefarve #02293B
- Retning 135°
- Slør 32pt
- Shadow Offset 30pt.
Resultatet
Et voilà ! du har færdiggjort dit tilpassede skråtskåret brev.
Se, hvordan du ved at anvende højdepunkter og skygger kombineret med gradienter har skabt illusionen af en lyskilde på et tredimensionelt objekt.
Prøv forskellige bogstaver i alfabetet og tal.
Glem ikke at poste dit mesterværk til 36 Days of Type-udfordringen på Instagram og dele det med Vectornator-fællesskabet i vores galleri!
