Share
În acest tutorial, vă voi arăta cum să desenați de la zero un design retro tipografic, apoi să adăugați dimensiuni, tonuri și gradienți și apoi să le aduceți la viață! Voi lucra de la o schiță și o voi redacta în Adobe Illustrator. Apoi o voi termina în Adobe Photoshop. Să începem!
Înainte de a începe, este întotdeauna o idee bună să faceți o schiță de creion brut a ideii dvs. Chiar dacă nu îl reprogramați exact în Adobe Illustrator, acesta poate servi drept referință ulterior.
Creeaza o Document nou prin a merge la Fișier> Nou (Control + N). Utilizați următoarea dimensiune a documentului: Lăţime setat la 280mm, Înălţime setat la 340mm.
Selectează Instrumentul pentru segmentul de linie (\), și în timp ce țineți jos Schimb trageți o linie orizontală peste lățimea documentului, undeva în partea de sus a paginii.
A stabilit Umpleți culoarea (X) la nici unul și Greutatea accidentală la 1pt.
Utilizarea Rotiți instrumentul (R) rotiți-l prin 10 °, apoi duplicați-l în jos cu Instrument de selecție (V) în timp ce țineți jos Alt + Shift. presa Control + D pentru a duplica linia din nou la o distanță egală. Să numim stratul nostru actual „Ghiduri“ și blocați-l. Creați un strat nou și denumiți-l 'Greșeală de scriere'.
Vom crea acum tipografia noastră folosind doar formele geometrice: linii, cercuri și dreptunghiuri cu colțuri rotunjite. Fiecare singură literă este creată folosind aceste forme, astfel încât nu există nici un truc mare aici, în principiu trebuie să tăiem cercuri de dimensiuni diferite și să poziționăm arcele exact.
Să facem mai întâi scrisoarea "o" de "oprit". Utilizarea Instrumentul dreptunghiular (M) trageți un dreptunghi care este aproximativ 18mm și 56mm înalt.
A stabilit Umpleți culoarea (X) la nici unul, Greutatea accidentală la 22pt, Capac la Capul capului, și Colţ la Intră în runda. Mergi la Efect> Stylize> Colturi rotunde și intră 9pt.
Să creăm acum primul "f" de "off". Păstrați aceeași greutate a cursei trasează o linie verticală folosind Instrumentul pentru segmentul de linie (\) în timp ce țineți jos Schimb. Ar trebui să fie aproape de "o" și ar trebui să ajungă peste linia de bază (ghid).
Utilizarea Instrument de elipsă (L) creați un cerc cu un diametru de 35mm. Utilizarea Instrumentul pentru scule (C) taie cercul la ora 9 și aproximativ la ora 12.30, deci ai rămas cu un arc care va fi curba superioară a lui 'f'.
Asigura-te Ghiduri inteligente sunt pornite (Vizualizați> Ghiduri inteligente, ar trebui să fie verificată sau pur și simplu lovită Control + U), și folosind acum Instrument de selecție (V) puteți plasa cu ușurință arcul deasupra liniei, deoarece ghidajele inteligente vă vor arăta exact unde se intersectează. Selectați cele două puncte finale și A adera lor (Control + J).
Să terminăm acum. Vom folosi aceleași instrumente ca și înainte.
Păstrați aceeași greutate a cursei trageți o altă linie verticală folosind butonul Instrumentul pentru segmentul de linie (\) în timp ce țineți jos Schimb. Ar trebui să fie aproape de primul "f" și ar trebui să ajungă din nou peste linia de bază din nou. Creați un nou arc la fel ca înainte pentru arcul superior al celui de-al doilea "f". A adera arcul și linia verticală.
Creați două arce noi și un segment de linie care este rotit de către 10 ° (la fel ca ghidurile noastre) pentru a crea bara transversala. Din nou, A adera punctele finale, așa că ai rămas cu o singură cale.
Loc calea de unde aparține, dar nu se alătură căilor create anterior.
Faceți clic de două ori pe Instrument de scalare (S), și asigurați-vă că caseta din fața lui Scale Strokes & Efecte este necontrolat. Faceți clic pe OK. Acest lucru va împiedica scalarea greutății cursei atunci când se vor scala căi în viitor.
Celelalte două cuvinte se fac exact în același mod, folosind aceleași instrumente și construindu-se literele acelorași forme de bază. Observați că unele litere (de exemplu, e, c etc.) se termină cu un capac rotund. Dacă dezactivați Vizibilitate din „Ghiduri“ strat, arta ta ar trebui să arate așa ceva.
Este important să vă asigurați că traseele care traversează și care conectează două sau mai multe litere (de exemplu, calea care leagă "o" și "f" în "off" și calea care leagă "t" și "h" separate și nu se unește cu nimic.
Desigur, dacă preferați, vă puteți modifica scrisorile pentru a obține un rezultat unic.
Odată ce literele sunt toate trase și poziționate, Selectați totul pe 'Greșeală de scriere' strat (Control + A) și faceți clic pe Obiect> Cale> Accident vascular cerebral din meniu.
Acum trebuie să avem grijă de sfârșitul liniilor verticale. descuia „Ghiduri“ strat. Selectați toate cele trei ghiduri și Duplicat lor (Scalare instrument> Copiere). Vom folosi Împărțiți instrumentul de la deschizător de drumuri dar putem selecta doar două căi simultan, altfel suprafețele care se suprapun ar fi împărțite și nu vrem. Asa de Selectați primul "f" și unul dintre ghizii de sus (amintiți-vă că există două ghidaje acum una de cealaltă) și faceți clic pe Divide.
Degrupeaza rezultatul și pur și simplu Șterge forma de jos.
Linia verticală a celui de-al doilea "f" și partea "e" din cea de-a doua linie care ajunge până trebuie să se unească, deci Selectați le și faceți clic pe Uni de la deschizător de drumuri panou.
Cel de-al doilea ghid din partea de sus încrucișează această formă de două ori, ceea ce nu este bun, deci utilizați Foarfece Tool la A taia ghidul așa cum se arată.
Șterge partea care este pe dreapta. Acum poti Selectați forma f-e și ce a mai rămas din ghidul de sus și faceți clic pe Divide, Degrupeaza obiectele, atunci Șterge forma de jos. Literele de pe prima linie se termină acum cu o înclinare, ceea ce ne-am dorit.
Utilizați metoda de mai sus pentru a crea un final înclinat și începutul acolo unde este necesar.
De asemenea, asigurați-vă că următoarele forme arată asemănătoare cu ceea ce este evidențiat în roșu mai jos: primul "R" din "Înregistrare" trebuie să fie o formă, dar vărsarea este o cale separată. Al doilea "R" ar trebui să fie o cale și "h" în "ar trebui să fie așa cum este arătat, cu linia care leagă" t "și" h "ca o cale separată.
Puteți șterge „Ghiduri“ strat acum, ca oricum este gol și nu vom mai avea nevoie de ea.
Selectați Tot (Control + A) și schimbați Umpleți culoarea la 20% negru.
Din meniul selectați Efect> 3D> Extrude & Bevel, și utilizați următoarele valori.
Nu te freca! Arată teribil în această etapă.
Dar putem rezolva majoritatea problemelor Aranjare obiectele. Utilizare Obiect> Aranjare> Trimitere înapoi pentru a rearanja elementele.
După ce au fost rearanjate obiectele, opera de artă este puțin mai bună, dar observați cum unele elemente au devenit greșit. Pur și simplu repoziționați aceste (evidențiate de cercurile roșii) manual și, dacă este necesar, reglați câteva bucăți pentru a obține aspectul potrivit.
Unele dintre elementele care se suprapun sunt încă problematice, însă le vom repara în acest pas.
Selectați toate obiectele, și du-te la Obiect> Extindeți aspectul. Degrupeaza obiectele și rezolvați manual aceste probleme. De exemplu, pentru "o", va trebui să ștergeți forma de gri mai închis și să reglați unele dintre punctele de ancorare pentru ao face perfectă.
Faceți același lucru pentru al doilea "f", "t" și al doilea "R". Odată ce termini, arta ta ar trebui să arate așa.
Creați un nou strat, numeste 'Bg' pentru fundal și Repoziționarea așa că e primul strat din partea de jos. Creeaza o 100% negru dreptunghi cu Instrumentul dreptunghiular (M) care este dimensiunea documentului. Acest lucru ne va permite să vedem cum luminile și umbrele tipo-ului acționează împotriva unui fundal întunecat. Blocare stratul.
Acum, că scrisorile noastre sunt de trei dimensiuni, toate sunt alcătuite dintr-o față, o parte și o parte de sus, care vor trebui să fie umbrite în consecință. Trebuie să decidem de unde vine lumina principală, în cazul meu, literele sunt aprinse din centrul din dreapta, astfel încât laturile frontale ale literelor vor fi cele mai ușoare.
În general, ceea ce trebuie să fim atenți cu adevărat este modul în care scrisorile aruncă umbre unele pe altele datorită sursei noastre de lumină imaginare. Zonele care sunt acoperite de părți suprapuse trebuie să fie mult mai întunecate de exemplu. Găsirea unui echilibru corect între umbre și lumini este cheia.
Toate fețele frontale constau dintr-o cale cu mai multe umpluturi pentru a crea strălucire metalică și 3 căi suplimentare în interiorul unei măști de tăiere pentru a crea muchiile. Să vedem cum sunt creați.
Selectați totul și Degrupeaza obiectele. Vom începe cu al doilea "f" de "off" și "e" de ". A adera căile laterale din față ale acestor litere. (Am ascuns câteva dintre celelalte litere, dar nu trebuie să faceți asta.)
Cu partea frontală selectată, adăugați a Completați noi în Aspect panou.
Această umplere nouă va fi a Gradient după cum se arată mai jos, cu cinci opriri: primul la 0% cu 22% negru, a doua la 8% cu 0% negru, a treia la 69% cu 0% negru, a patra la 78% cu 100% negru, și ultima la 89% cu 0% negru. Ar trebui să aibă o rotație a lui 105 °.
În Transparenţă panou setat Mod de amestecare a gradientului la Multiplica. Cea mai întunecată oprire a gradientului va fi umbra din spatele bara transversală. Aspect panoul va arăta astfel:
Al doilea umplere pe care tocmai l-am aplicat va varia de la litera la litera, în funcție de poziția sa și de umbrele exprimate prin alte litere. Este nevoie de un pic de răbdare găsind toate gradientele potrivite, dar în același timp este interesant să vedem cum evoluează lucrarea de artă de la a fi netedă la a deveni 3 dimensiuni.
Am menționat trei căi în interiorul unei măști de tăiat, să facem asta acum.
Ține-te jos Alt și folosind Instrument de selecție (V) a face o Copie din calea "f-e". Această nouă cale (offset) ar trebui să fie aproape de calea inițială, deoarece aceasta va fi marginea literei.
Utilizarea Instrument de scalare (S) a face o Copie din calea originală. Selectați copiați și deplasați calea și faceți clic pe Minus Front în deschizător de drumuri panou.
Adauga o al doilea Completati în Aspect panou la această cale, care ar trebui să fie a Gradient după cum se arată, rotit la 105 °. Acest gradient are trei glisiere, la 9% cu 84% negru, a doua la 69% cu 10% negru, și ultima la 100% cu 99% negru. Schimba Mod de amestecare a gradientului la Multiplica în Transparenţă panou.
Acum du-te la Efect> Blur> Gaussian Blur, și tastați în 2 pixeli. În Aspect selectați panoul 'Grup' (pentru că calea ar trebui să fie în continuare un grup) și să-i schimbați Mod de amestecare la Ecran.
Cea de-a doua cale va fi umbra acestei margini. Pur şi simplu Copie marginea pe care tocmai am creat-o și a setat-o Mod de amestecare din 'Grup' în Aspect panou la Multiplica in loc de Ecran. Modificați Gaussian Blur făcând clic pe Blurul Gaussian existent în Aspect panou, de la 2 la 6.
Cea de-a treia cale este muchia din cealaltă parte. Faceți aceleași pași ca și pentru prima margine, și anume: Copiați și mutați calea "f-e", Scădea din copia traseului original "f-e", Adăugați un Gradient nou cu Modul de amestecare multiplicat si adauga Gaussian Blur. Nu uitați să setați „Grupul lui“ Mod de amestecare la Ecran. Singura diferență față de prima muchie este că gradientul ar trebui să fie așa cum este arătat mai jos și estomparea ar trebui să fie de 3 pixeli în loc de 2. Puteți modifica ambele acestea în orice moment fie făcând clic de două ori pe 'Cuprins' în Aspect panou pentru gradient sau faceți clic o singură dată Gaussian Blur.
Acum avem toate cele trei căi suplimentare, singura problemă este că marginile lor nu sunt ascuțite.
Pentru a rezolva problema, hai Copie încă o dată calea "f-e" și adu-l în față făcând clic Obiect> Aranjare> Aduceți în față din meniu. Seteaza Umpleți culoarea la nimeni și în timp ce această cale este încă selectată, Selectați cele trei noi căi.
Mergi la Obiect> Mască de tăiere> Make (Control + 7), iar în cele din urmă marginile noastre sunt clare!
Puteți face părțile laterale ale tuturor literelor acum pe baza metodei descrise.
Apoi vom adăuga umbre și tonuri pe laturile și pe vârfurile literelor. Majoritatea literelor noastre sunt curbate în partea de sus, iar partea și partea de sus nu se separă cu adevărat, astfel încât acest lucru ne va permite să ne descurcăm împreună.
Vom face aproape aceiași pași ca înainte, dar tonurile, gradientele și neclaritățile vor fi diferite.
Selectați partea "e" și adăugați a Completați noi (Ca înainte). Nu este nici o problemă că aceasta nu este o cale, ci un grup de căi. De data aceasta Gradient ar trebui să fie după cum urmează, și „Grupul lui“ Mod de amestecare ar trebui să fie Multiplica in loc de Ecran.
Creați prima cale ca mai înainte, cu diferența că offsetul ar trebui să fie mai mare. După scăzând calea, Mișcare calea rămasă spre dreapta pentru a acoperi parțial partea din față a literei. Această cale este Umplut cu 60% negru, este Mod de amestecare este pornit Multiplica și are a Gaussian Blur de 15 pixeli.
Cea de-a doua cale va fi creată cu o deplasare mai mică și va fi de asemenea deplasată ușor spre dreapta. Această cale este Umplut cu 20% negru, este Mod de amestecare este pornit Multiplica și are a Gaussian Blur de 3 pixeli.
Cea de-a treia cale este creată în același fel în care a fost creată a treia cale pe partea din față. Este Umplut cu același gradient ca și partea e, dar Opacitate este pornit 50% de data asta. Mod de amestecare din întregul grup Ecran, și are a Gaussian Blur de 3 pixeli.
La fel ca înainte, vom duplica calea care este partea literei "e", o vom aduce în față și vom alege Aspect clar de la Aspect panou. Păstrați selecția acestei căi, plus selectați cele trei căi suplimentare pe care tocmai le-am făcut și creați un nou Mască de tăiere (Control + 7) pentru a scăpa de margini neclară.
Cu metodele de mai sus ar trebui să puteți crea toate tonurile și umbrele literelor. Este nevoie de un pic de experiment și de timp pentru a obține gradiente, culori și blursuri dreapta, dar odată ce ați terminat, arta ar trebui să arate asemănător cu acest.
Observați cum bara transversală și "o" nu se conectează bine în "oprit". Nu m-am deranjat, pentru că vom pune niște lumini strălucitoare peste tot lucrarea de artă care va acoperi aceste imperfecțiuni.
Creați un nou strat numit „scânteiază“. Ar trebui să fie cel mai de sus.
Cu Instrument Pen (P) creați cele două puncte finale ale unei căi, similar cu aceasta (punctele finale sunt afișate în cercurile roșii). Umpleți culoarea ar trebui să fie alb pentru moment.
Selectați calea (ambele puncte finale) și folosiți Reflect Tool (O) a face o Copie din această cale (reflectarea ar trebui să se situeze în jurul axei verticale, după cum se arată). Mișcare calea reflectată până la atingerea punctelor finale de vârf, decât selectarea acestor două puncte finale și A adera lor.
Acum, faceți o altă copie folosind Reflect Tool, dar de această dată în jurul axei orizontale. În felul acesta calea noastră va fi tocmai simetrică. A adera cele două căi.
În locul umplerii albe adăugați un gradient cu următoarele valori. Schimbarea opacității va contribui la o estompare frumoasă în fundal.
Cu calea selectată faceți clic pe Efect> Distortare & Transformare> Transformare din meniu. Setați-o după cum este arătat (90 ° rotație, 1 copie).
Folosește Rotiți instrumentul pentru a face o Copie la 22,5 °.
Selectați Transforma din meniu din nou și faceți clic pe Aplicați efectul nou când vi se solicită. Setați-o după cum este arătat (22,5 ° rotație, 2 exemplare).
Resetați acest al doilea set de raze la 55% folosind Scale Tool. grup toate razele.
(Ați putea obține același rezultat utilizând Rotiți instrumentul numai, și grupați obiectele la sfârșit.)
Seteaza Opacitate la 20% și adăugați a Gaussian Blur de 4 pixeli.
Creați un cerc nou cu dimensiunea aproximativă 15 x 15 mm, cu Gradient afișate. A stabilit Opacitate la 80%.
Aduceți razele în față și poziționați-le în partea de sus a cercului, astfel încât să se întâlnească centrele lor. Roti razele la întâmplare, astfel încât toată scântera pare puțin mai naturală.
Copie și Pastă scânteia în părți ale operei de artă în care doriți să adăugați evidențiază. De asemenea, puteți ajusta gradienţii, Opacitate și Rotație astfel încât scânteia se amestecă bine.
Vom crea reflecțiile următoare.
Utilizarea Instrument Pen (P) trage un obiect similar cu acesta. Adăuga Gradient așa cum se arată.
Duplicați fețele din față ale "o", "f" și "f-e", clar al lor Aparențe și Uni lor. presa Control + 8, sau alternativ mergeți la Obiect> Calea compusă> Efectuați.
Aduce această cale Redirecţiona, Selectați gradientul nou creat și Faceți un Clipping Path. Aranja așa că merge la locul potrivit: deasupra frontalului literelor, dar sub margini.
Dacă repetați acești pași pentru "înregistrarea" și "înregistrarea", ar trebui să puteți crea reflecții și pentru aceștia.
Dacă credeți că reflecțiile sunt prea puternice, puteți reduce opacitatea căilor, am setat Opacitate a reflecțiilor mele către 90%.
Creați un strat nou de mai jos 'Greșeală de scriere', și numește-o 'Textură'. Puteți dezactiva vizibilitatea 'Greșeală de scriere' și „scânteiază“ în timp ce lucrăm la fundal.
Cu Instrumentul dreptunghiular (M) creați un dreptunghi în colțul din stânga sus cu următoarele valori: Lăţime: 8 mm, Înălţime: 7 mm. Adauga o Gradient așa cum se arată.
Cu dreptunghiul selectat, mergeți la Obiect> Cale> Adăugați puncte de ancorare, apoi cu Ștergeți instrumentul pentru punctul de ancorare (-) ștergeți cele 5 puncte indicate astfel încât să rămâneți cu un triunghi uniform.
Cu triunghiul selectat faceți clic pe Efect> Distortare & Transformare> Transformare din meniu. Setați-o după cum se arată (deplasare orizontală: 8 mm, 33 copii).
Cu triunghiul selectat, faceți dublu clic pe Rotiți instrumentul, și tastați 180 °. Click pe Copie. Puteți muta noul triunghi manual spre dreapta, astfel încât noile triunghiuri să se potrivească la locul său. (Puteți, de asemenea, să le mutați numeric, cu 4 mm.)
În Gradient panoul modifică rotația gradientului la 125 °.
Selectați toate triunghiurile și Copie în jos, la fiecare 7 mm până la umplerea paginii.
Am putea asambla totul în Illustrator, dar am descoperit că gradientele sunt mult mai plăcute în Photoshop, plus putem regla culorile mai ușor, așa că vom termina ultimii pași acolo.
Creeaza o Nou document care are aceeași dimensiune ca documentul nostru Illustrator.
Seteaza Culoarea primului la o culoare destul de întunecată, cum ar fi C = 73 M = 67 Y = 67 K = 85, și Umpleți fundalul (Alt + Backspace) Cu acesta. Faceți o marchetă dreptunghiulară cu Instrument de marcaj dreptunghiular (M) așa cum se arată.
Acum Setați culoarea primului plan la o culoare mai închisă, cum ar fi C = 80 M = 75 Y = 75 K = 90.
În meniu mergeți la Selectați> Modificare> Feather (Shift + F6), și setați raza penei la 250 de pixeli. Acum Selectați inversa (Control + Alt + I), Creați un nou strat, numeste 'Margini', și Completati această selecție cu culoarea mai închisă pentru a face ca marginile tabloului de bord să fie mai întunecate.
În Illustrator Copie textura de fundal și Pastă în documentul Photoshop. De obicei, prefer o pastrare ca Obiecte inteligente pentru a păstra stratul editabil, dar puteți, de asemenea, lipi ca pixeli, dacă doriți. Seteaza Opacitate a stratului la 16%, și Redenumiți stratul 'Textură'.
Vom crea acum o decolorare. Pur şi simplu Control-clic pe stratul numit 'Margini' pentru a încărca selecția (sau selectați Încărcați selecția din meniu, canalul ar trebui să citească "Transparența muchiilor", în cadrul opțiunii "Selecție nouă" trebuie verificată).
Cu această selecție activă, accesați meniul și selectați Layer> Mască strat> Ascundeți selecția.
Pentru a face textura puțin mai întunecată, Duplicat stratul, Schimbați ordinea straturilor astfel încât acest duplicat să fie sub stratul original (dar deasupra 'Margini' strat), Șterge Masca, Seteaza Mod de amestecare la Multiplica și Opacitate la 58%. A
Accentsconagua