Sådan tegner du skrå bogstaver med facetter

Sådan tegner du skrå bogstaver med facetter
Rick Davis

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å Instagram

Et 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:

  1. Indsend: Brug #36daysoftype + #36days_LETTER / NUMBER til at indsende dit arbejde
  2. Billedindlæg: JPG / PNG, ideelt set i kvadratisk format (1080 x 1080px)
  3. 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 1

Oprette 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 3

Opsæ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 6

Tegn 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.
Trin 8

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!




Rick Davis
Rick Davis
Rick Davis er en erfaren grafisk designer og billedkunstner med over 10 års erfaring i branchen. Han har arbejdet med en række kunder, fra små startups til store virksomheder, og hjulpet dem med at nå deres designmål og løfte deres brand gennem effektive og virkningsfulde visuals.Rick er uddannet fra School of Visual Arts i New York City og brænder for at udforske nye designtrends og -teknologier og konstant skubbe grænserne for, hvad der er muligt på området. Han har en dyb ekspertise inden for grafisk designsoftware og er altid ivrig efter at dele sin viden og indsigt med andre.Udover sit arbejde som designer, er Rick også en engageret blogger, og er dedikeret til at dække de seneste trends og udviklinger inden for grafisk designsoftware. Han mener, at deling af information og ideer er nøglen til at fremme et stærkt og levende designfællesskab, og han er altid ivrig efter at forbinde med andre designere og kreative online.Uanset om han designer et nyt logo til en klient, eksperimenterer med de nyeste værktøjer og teknikker i sit studie eller skriver informative og engagerende blogindlæg, er Rick altid forpligtet til at levere det bedst mulige arbejde og hjælpe andre med at nå deres designmål.