Cum de a desena litere cu chenar

Cum de a desena litere cu chenar
Rick Davis

Ca parte a provocării anuale 36 Days of Type, organizată pe Instagram de către designerii grafici Nina Sans și Rafa Goicoechea, cu sediul în Barcelona, acest tutorial vă arată cum să desenați o literă bizotată.

Vezi această postare pe Instagram

O postare partajată de 36daysoftype (@36daysoftype)

💡 Citiți mai multe despre provocarea 36 Days of Type aici, într-unul dintre postările noastre anterioare de pe blog.

Concursul este o celebrare de 36 de zile a tipografiei și a creativității, implicând designeri, artiști vizuali și creativi din toate domeniile într-un act global și simultan de creativitate în jurul tipurilor și stilurilor de litere.

Dacă doriți să participați la această provocare alături de toți ceilalți oameni creativi, atunci luați stiloul și haideți să începem!

💡 ‍ Sfat profesional : Puteți urmări tutorialul și pe Mac. Puteți naviga pe interfața Mac vizitând Hub-ul nostru de învățare pentru Mac. Setați comutatorul pe fiecare site legat în acest tutorial de la iPad la Mac și veți vedea interfața corespunzătoare pentru Mac.‍ De ce aveți nevoie:

- iPad

- Creionul Apple

- Cea mai recentă versiune de Vectornator Ce veți învăța:

- Cum se utilizează instrumentul Pen Tool

- Cum se utilizează instrumentul Text

- Cum se convertește textul în forme vectoriale

- Cum se utilizează grila izometrică

- Cum să te joci cu culorile

Obțineți ceva inspirație mai întâi

Dacă sunteți complet nou în domeniul tipografiei, poate vă întrebați ce este o literă cu chenar?

Cu alte cuvinte, scrisorile cu muchie sunt un tip de litere 3D cu iluzia unei texturi ascuțite, în relief, pentru a crea un efect decorativ izbitor.

Marginile tipografice sunt create prin adăugarea de umbre. Aceste umbre artificiale imită aspectul unei litere tridimensionale pe o suprafață plană.

La ce sunt folosite literele cu chenar?

Este utilizat în logo-urile de larg consum și în alte elemente de design. Liniile interne și umbrele adăugate creează iluzia reliefului și a extrudării 3D pe o suprafață 2D. Un font grafic cu litere oblice este un font de caractere care a fost proiectat inițial pentru a fi utilizat în imprimarea digitală pe hârtie.

Înainte de a încerca să desenați stiluri de litere bizotate, este o idee bună să căutați online câteva imagini de litere bizotate. Studiați structura stilurilor de litere, litera lor în linie și contur și observați cum sunt utilizate culorile de umbră pentru a crea efectul de extrudare și de bizotare.

Poți începe prin a desena câteva litere bizotate pe hârtie, pe iPad sau pe hârtie, pentru a înțelege cum să setezi liniile de bizotare și umbrele pentru a crea aspectul în relief. De asemenea, este important să stăpânești câteva forme de bază ale literelor, cum ar fi literele de tip block.

Acesta este un efect de litere avansat. Dacă nu aveți experiență anterioară în desenarea acestui tip de litere, nu vă grăbiți să desenați câteva litere pentru a vă pregăti pentru acest tutorial.

‍Slăbiți-vă și nu vă temeți să faceți greșeli!

Pregătiți șablonul

Pentru a putea participa la provocare, trebuie să împărtășești pe Instagram lucrarea ta de scrisoare cu un șablon specificat. De aceea, am creat șablonul înainte de a începe să desenăm scrisoarea noastră bizotată.

Atunci când încărcați fișierul, este foarte important ca hashtag-ul principal al proiectului să fie inclus în postarea dvs. de pe Instagram ( #36daysoftype ), dar nu uitați să includeți și hashtag-ul zilnic individual ( #36days_LETTER / NUMBER ).

Vezi si: Valoarea învățării codării de bază în calitate de designer UX

Hashtag-ul corect pentru prima zi ar fi #36daysoftype și #36days_a, de exemplu.

Există trei reguli principale pe care trebuie să le respectați pe site-ul 36 Days of Type pentru a putea participa la această provocare:

  1. Trimiteți: Folosiți #36daysoftype + #36days_LETTER / NUMBER pentru a trimite lucrarea dvs.
  2. Intrări de imagini: JPG / PNG, de preferat în format pătrat (1080 x 1080px)
  3. Intrări video: De asemenea, sunt binevenite înregistrările video în toate formatele.

Atât imaginile statice, cât și videoclipurile sunt binevenite, dar asigurați-vă că dimensiunea fișierului dvs. este în format pătrat: 1080 x 1080px

Puteți crea paleta de culori în Vectornator în avans. Mai jos puteți găsi toate codurile de culoare Hex pentru a pregăti paleta pentru tutorial.

Codurile de culoare hexagonale:

Gradient de fundal: #FFFFFFFF + #E80692

Albastru deschis: #84CEE8

Albastru închis: #042733

Albastru mediu: #1B6680

Contur Stroke: #FFFFFFFF

Umbră: #02293B

Creați un nou strat în fila Layers și numiți-l "Background".

Selectați forma dreptunghiulară din bara de instrumente și dezactivați Stroke.

Setați Linear Gradient (Gradient liniar) al culorii de umplere a fundalului la #FFFFFFFF și #E80692 în Color Widget (Widgetul de culoare) sau în Color Slider Space (Spațiul de glisare a culorilor).

‍Drageți forma dreptunghiulară pe pânză până când este complet acoperită de culoarea de gradient alb-roz.

💡 Pro Sfat - Vectornator vă oferă un șablon pentru Instagram în fila Documente. Fiecare imagine pe care ați creat-o pe iPad va fi salvată automat în Galerie. Pasul 1

Creați scrisoarea de bază

În următoarea etapă a tutorialului nostru, vom crea litera de bază.

Creați un nou strat și numiți-l "Letter". Trageți stratul "Letter" deasupra stratului "Background" sau mutați-l cu gestul Order din fila Arrange (Aranjare) în partea de sus a stivei de straturi.

Activați instrumentul Text Tool apăsând pe pictograma text din bara de instrumente sau apăsând "T" pe tastatură. Setați Fill al instrumentului Text Tool la alb pur #FFFFFFFF. În fila Style, setați fontul la Helvetica, tipul la Bold și dimensiunea la 1000 pt.

Acum, atingeți și trageți oriunde pe pânză. Pe pânză va apărea o casetă delimitatoare care conține cuvântul "Text". Puteți începe apoi să scrieți litera "E" cu ajutorul tastaturii.

Pasul 2

Conversia textului într-o formă vectorială

În următoarea etapă a tutorialului nostru, vom converti textul într-o formă vectorială pentru a-l face editabil.

Selectați litera cu ajutorul instrumentului Selection Tool. Convertiți textul într-o formă vectorială atingând butonul Create Outlines from Text (Creare contururi din text) din atributele instrumentului Text Tool.

Acum, am convertit litera noastră într-o formă vectorială și puteți vedea liniile exterioare.

Pasul 3

Configurați placa de desen cu o grilă izometrică

În următorul pas al tutorialului nostru, vom configura Artboard-ul cu o grilă izometrică.

Funcția de grilă izometrică din Vectornator vă ajută să desenați optica bizotată a literei dumneavoastră - cu alte cuvinte, liniile diagonale care îi conferă tridimensionalitate.

Dacă nu cunoști deloc termenul de grilă izometrică, poți viziona videoclipul nostru de la Academy Mac pentru a obține o înțelegere de bază a acestei tehnici.

Mergeți la Quick Settings> Artboards & Grid> Show Grid> Isometric Grid. Setați spațierea la 200 de pixeli și unghiul la 45°.

Pasul 4

Poziționați litera pe grila izometrică

După ce ați configurat grila izometrică, vom potrivi corect litera pe grilă.

Activați Snap to Grid din Quick Settings și selectați Snap to Grid. Selectați Node Tool și deplasați nodurile formei literei de-a lungul liniilor grilei, astfel încât liniile paralele și orizontale ale literei să se alinieze perfect cu cele ale grilei.

Pasul 5

Desenați umbrele

În următoarea etapă a tutorialului nostru, vom desena umbra de bază a literei noastre pentru a crea efectul de extrudare și de bisturiu.

Atingeți Pen Tool și activați Fill Mode și dezactivați Stroke în Color Widget. Apoi setați culoarea la Dark Blue: #042733.

💡 Sfat pro - Dacă nu sunteți familiarizat cu instrumentul Pen Tool, puteți viziona videoclipul din seria Vectornator Academy pentru a afla mai multe despre Pen Tool.

Să începem să desenăm elementele de umbră!‍

Vezi si: Echipa din spatele modului de schiță cu trasare automată 4.6

Atingeți pe liniile de colț ale literei pentru a desena primul triunghi. Atingeți din nou pentru a crea un nou nod și a schimba direcția traiectoriei.

Urmați cu exactitate liniile diagonale și orizontale ale grilei izometrice. Copiați triunghiul de două ori cu modul Duplicare și poziționați triunghiurile pe literă, așa cum puteți vedea în imaginea de referință.

💡 Sfat pro - Dacă doriți să desenați trasee cu muchii ascuțite, puteți schimba tipul de nod pentru o experiență de desenare optimă. Puteți edita nodurile cu instrumentul Noduri după aceea.

Vom continua să desenăm suprafețele bizotate cu metoda anterioară.

Codurile de culori hexagonale pentru formele dvs:

Albastru deschis: #84CEE8

Albastru închis: #042733

Albastru mediu: #1B6680

Setați Fill Well al instrumentului Pen Tool pe culorile Hex individuale.

Desenați formele cu precizie, urmând liniile de pe grila izometrică, așa cum a făcut artistul în imaginea de referință.

Vedeți că piesa noastră de litere prinde deja contur?

Pasul 6

Desenați schița de scrisoare

În următorul pas al tutorialului nostru, vom crea conturul alb al literei.

‍Selectați forma de fundal "E", activați modul Stroke Mode și setați Stroke Width la aproximativ 5 pt. Setați Stroke Color la alb pur #FFFFFFFF.

‍Atât, am creat schița scrisorii!

Pasul 7

Adăugați umbra picătură

În următorul și ultimul pas al tutorialului nostru, vom adăuga o umbră la litera noastră pentru a spori efectul 3D.

Selectați forma literei, deschideți meniul extensibil Shadow din fila Style și activați Shadow.

Utilizați următoarele setări:

  • Culoare umbră #02293B
  • Direcția 135°
  • Blur 32pt
  • Shadow Offset 30pt.
Pasul 8

Rezultatul

Et voilà Ați finalizat scrisoarea dvs. personalizată cu bisturiu.

Vedeți cum aplicarea de lumini și nuanțe combinate cu gradienți a creat iluzia unei surse de lumină pe un obiect tridimensional.

Încearcă diferite litere ale alfabetului, precum și numere.

Nu uita să postezi capodopera ta pentru provocarea 36 Days of Type pe Instagram și să o împărtășești cu comunitatea Vectornator în Galeria noastră!




Rick Davis
Rick Davis
Rick Davis este un designer grafic experimentat și artist vizual cu peste 10 ani de experiență în industrie. El a lucrat cu o varietate de clienți, de la mici startup-uri până la mari corporații, ajutându-i să-și atingă obiectivele de design și să-și ridice brandul prin imagini eficiente și de impact.Absolvent al Școlii de Arte Vizuale din New York, Rick este pasionat de explorarea noilor tendințe și tehnologii de design și de a depăși constant limitele a ceea ce este posibil în domeniu. Are o experiență profundă în software-ul de design grafic și este întotdeauna dornic să-și împărtășească cunoștințele și cunoștințele cu alții.Pe lângă munca sa de designer, Rick este și un blogger dedicat și este dedicat acoperirii celor mai recente tendințe și evoluții din lumea software-ului de design grafic. El crede că împărtășirea informațiilor și ideilor este cheia pentru a promova o comunitate de design puternică și vibrantă și este întotdeauna dornic să se conecteze cu alți designeri și creatori online.Indiferent dacă proiectează un nou logo pentru un client, experimentează cu cele mai recente instrumente și tehnici în studioul său sau scrie postări de blog informative și captivante, Rick este întotdeauna angajat să ofere cea mai bună muncă posibilă și să-i ajute pe alții să-și atingă obiectivele de design.