Utilizați Photoshop și Illustrator pentru a crea tipografia cu chitare

Photoshop și Illustrator sunt instrumente excelente pentru a vă ajuta să creați lucruri care există doar în imaginația voastră. În acest tutorial, vom crea cuvinte din șiruri de chitară intercalate. Să începem!


Tutorial Active

Următoarele bunuri au fost utilizate în timpul producerii acestui tutorial.

  • Textura lemnului

1. Creați șirul în Illustrator

Pasul 1

Vom începe în Illustrator. Creați un document nou accesând Fișier> Nou (Command / Ctrl + N). Am folosit următoarea dimensiune a documentului:

  • Lăţime setat la 250 mm
  • Înălţime setat la 175 mm

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. Acum setați:

  • Umpleți culoarea (X) la nici unul
  • Greutatea accidentală la 5 pt
  • Capac la Round Cap
  • și Colţ la Întâlniri rotunde

Utilizarea Rotiți instrumentul (R) rotiți linia orizontală cu 11 °.

Utilizarea Mutați instrumentul prin a merge la Obiect> Transformare> Mutare (Comandă / Ctrl + Shift + M) duplicați linia cu următoarele valori:

  • Orizontală: 0 mm
  • Vertical: 21 mm

Nu uitați să faceți clic Copie în loc de OK.

Duplicat noua linie 4 de mai multe ori pur și simplu mergând la Obiect> Transformare> Transformare din nou (sau Comandă / Ctrl + D), astfel încât să ajungeți cu 6 linii în totalitate.

Pasul 2

Acum vom desena literele.

Folosește Instrumentul pentru scule (C) pentru a tăia calea de sus în două puncte, la o distanță care este aproximativ lungimea primului cuvânt. Utilizarea Instrumentul de selecție directă (A) apucați calea în mijloc și ștergeți-o. (Nu uitați să apăsați Șterge de două ori, astfel încât să ștergeți și punctele finale ale căii nedorite.)

Utilizarea Instrument Pen (P) faceți clic pe punctul final al primei căi pentru a continua calea și începeți să desenați prima literă. Este o idee bună să vedeți căile în Afișare oblică (Vizualizare> Schiță, Comandă / Ctrl + Y) pentru a putea lucra mai precis.

Literele pot fi alcătuite din căi diferite pentru moment, mai ales pentru că unele căi trebuie să fie duplicate (cele două curbe ale "m" sunt similare, la fel este curba "u" etc., dar ele trebuie să fie astfel încât acestea sunt conectate frumos cu litera următoare).

Această fază a tutorialului va implica, probabil, destul de multă muncă, ajustarea și corectarea căilor pentru a face ca curbele să arate fără cusur, dar aceasta este baza lucrării noastre de artă, așa că trebuie să arate perfect.

Adăugați toate literele de care aveți nevoie într-un șir și reglați punctul final al celei de-a doua căi de linie, astfel încât acesta să înceapă unde se termină punctul final al ultimei litere.

Pasul 3

Să creăm toate literele din toate cele șase șiruri de caractere. Aceleași litere pot fi duplicate. După desenarea tuturor căilor, ar trebui să se uite arta noastră de artă Afișare contur.

Acum trebuie să ne alăturăm tuturor căilor, astfel încât să ajungem la fiecare șir să fie doar o singură cale. Asigurați-vă că punctele care trebuie integrate sunt în aceeași poziție. Dacă nu sunt, ajustați pozițiile folosind Instrumentul de selecție directă (A).

După ce se află în poziția corectă, selectați ambele puncte finale cu Instrumentul de selecție directă (A), și In medie lor (Obiect> Cale> Mediu, Comandă / Ctrl + Opțiune + J). Puteți renunța la acest pas dacă sunteți sigur că căile sunt exact una peste alta. Atunci A adera lor (Obiect> Cale> Alăturați-vă, Comandă / Ctrl + J). Du-te prin întregul document și alăturați-vă tuturor căilor vecine, astfel că sunteți lăsat doar cu 6 căi.

Pasul 4

Vom crea următoarea culoare a corzilor. Mergeți la Paleta de culori (Fereastră> Culoare), și adăugați valorile.

  • C: 55
  • M: 60
  • Y: 65
  • K: 40

Pentru a crea o culoare maronie. (Eu folosesc valorile CMYK pentru că această lucrare a fost creată pentru imprimare.) Trageți această culoare în Specimene, astfel încât să putem folosi cu ușurință data viitoare când avem nevoie de ea.

Apoi definim glisoarele Gradient (Window> Gradient). Trageți culoarea maronie pe primul și ultimul glisor al gradientului și trageți White spre mijlocul gradientului, creând astfel un nou cursor. Acest cursor mijlociu ar trebui să fie de 50%. Trageți acest gradient și la Swatches.

Acum, selectați toate cele 6 căi și setați cursa la gradientul pe care tocmai l-am creat.

Click pe Aplicați Gradient Across Stroke în paleta Gradient pentru a obține aspectul de tip șir.

Direcția fiecărei căi ar trebui să meargă de la stânga la dreapta, altfel literele nu vor urma direcția de scriere.

În cazul în care calea dvs. nu este setată în direcția corectă, utilizați instrumentul Pen pentru a face clic pe punctul final al căii dvs. pentru a inversa ordinea traseului.

Pasul 5

Există doar un ultim lucru pe care trebuie să-l facem cu șirurile din Illustrator: să aibă grijă de interconectare.

Utilizarea Instrumentul Pen trageți o nouă cale în jurul celui de-al doilea șir, asigurându-vă că lăsați partea care trebuie ascunsă. Acest lucru ar trebui făcut foarte precis. Asigurați-vă că închideți calea.

Apoi, asigurați-vă că este în fața căii de coarde (Obiect> Aranjare> Aduceți în față), dar cel mai probabil va fi, așa cum a fost creat mai târziu. Selectați ambele căi (noua cale închisă și calea de șir) și faceți a Mască de tăiere (Object> Mască de tăiere> Make, Command / Ctrl + 7). Acum, o parte a literei "k" ar fi dispărut în spatele părții inferioare a literei "c".

Repetați acest pas la al patrulea șir pentru litera "f".

Partea inferioară a "e" din "mine" ar trebui să se suprapună peste partea superioară a ascendenței lui "f".

Acum suntem facuti cu partea vectoriala a sirurilor de caractere, ar trebui sa arate asemanatoare imaginii de mai jos. Apoi, salvați fișierul ca 'siruri de caractere'.


2. Creați fișiere în Illustrator

Pasul 6

Încă în Illustrator, creați un document nou (Dimensiune: 350 x 350 mm), în caz contrar aceleași setări ca și ultima dată. Cu Instrumentul segmentului de linie Shift-tragere o linie verticală, lungă de aproximativ 240 mm. Seteaza Umpleți culoarea (X) la nici unul, și Greutatea accidentului la 6.4 pt.

Apăsați tasta Option și cu Instrument de selecție (V) Shift-tragere linia spre dreapta (aproximativ 35 mm). Repetați acest pas cu a doua linie, dar de această dată distanța este mai mică (aproximativ 45 mm). Repetați din nou, cu o distanță mai mare (55 mm). (Puteți utiliza și Mutați instrumentul pentru acești pași.)

Selectați toate cele patru linii și utilizați Rotiți instrumentul (R) pentru a le roti cu 11 °. Setați culoarea cursei în alb. Salvați documentul ca „freturi“. Este timpul să treceți la Photoshop.


3. Creați baza lucrării în Photoshop

Pasul 7

În Photoshop creați un Document nou (Fișier> Nou, Comandă / Ctrl + N) cu următoarele valori:

  • Lăţime: 175 mm
  • Înălţime: 250 mm
  • Rezoluţie: 300 Pixeli / Inch
  • Modul color: CMYK Color

Umpleți fundalul cu Implicit negru (C: 91 M: 79 Y: 62 K: 97 sau # 000000).

Deschis Textura din lemn din Active și trageți miniatura de strat în noul document pentru a crea un nou strat. Folosește Instrumentul de transformare gratuit (Editare> Transformare liberă, Comandă / Ctrl + T) pentru a roti și pentru Shift - reduceți dimensiunea texturii așa cum se arată în paleta Info. Faceți dublu clic pe numele stratului pentru al redenumi 'lemn'. Setați opacitatea la 83%.

Acum o să mergem Adăugați o mască de straturi dând clicuri Layer> Mască strat> Reveal All. Utilizați o margine mare, cu margini moi Pensulă (B) (aproximativ 350 px, duritate 0%) pentru a atrage masca. Faceți clic pe partea stângă a părții superioare a imaginii lemnului, apoi țineți apăsată Schimb și faceți clic pe punctul drept, pentru a desena o linie dreaptă. Faceți același lucru în partea de jos a imaginii lemnului.

Deconectați masca, apoi Estompa (Filtru> Blur> Gaussian Blur) masca cu o rază de 160 px.

Command / Ctrl click pe masca la Încărcați selecția, atunci Creați un nou strat de ajustare a luminozității / contrastului (pictograma se află la subsolul paginii sau la fila Straturi) cu următoarele valori.

  • strălucire setați la -27
  • și Contrast setat la 52

Command / Ctrl click pe masca la Încărcați selecția din nou, și Creați un nou strat de ajustare a nuanței / saturației cu:

  • Nuanţă setați la -3
  • Saturare setați la +41
  • și lumină setați la -10.

Selectați aceste 3 straturi ('lemn' strat și cele 2 straturi de ajustare) și grup lor (Comandă / Ctrl + G). Denumiți grupul de lemn bg.


4. Adăugați freturi la lucrările de artă

Pasul 8

Reveniți la Illustrator și Copie cele patru linii freturi, atunci Pastă în fișierul Photoshop (alternativ, rămâneți în Photoshop și Loc (Fişier > Loc) fișierul „freturi“). Eu de obicei lipesc date vectoriale ca Obiecte inteligente pentru a le putea edita pentru o utilizare ulterioară, dar puteți, de asemenea, să le lipiți ca pixeli acum. Asigurați-vă că lipiți / plasați frezii la 100% (verificați Paleta de informații). Poziționați liniile după cum se arată mai jos. Denumiți stratul „freturi“.

Command / Ctrl click pe masca stratului "lemn" la Încărcați selecția, și Adăugați o mască de straturi (Layer> Mască strat> Reveal Selection) la strat 'toci'. Vom adăuga acum următoarele stiluri de trei straturi: Bevel and Emboss, Overlay Color și Drop Shadow, cu valori de mai jos.

Arta noastră ar trebui să arate așa ceva acum.

Pasul 9

Bine, după cum vedem, laturile chitării încă nu se amestecă frumos în fundal.

Folosește Instrument de elipsă (U) pentru a crea o elipsă care se extinde peste lățimea documentului nostru.

Utilizarea Instrumentul de transformare gratuit (Comandă / Ctrl + T) rotiți elipsa cu 11 ° și mutați puțin.

Încărcați selecția (Command / Ctrl click pe stratul de elipsă) și opriți Vizibilitate (faceți clic pe pictograma de ochi din stânga miniaturii de strat), dar puteți chiar să ștergeți acest strat. presa Shift + F6 (Selectați> Modificare> Feather) la Pană selectați și setați Picior Radius la 250 de pixeli.

presa Comandă / Ctrl + Shift + I (Selectați> Inversă) la Inverseaza selectia, apăsați D pentru a vă asigura că culoarea de umplere este setată pe negru, Creați un nou strat (Layer> Layer New),și Completați selecția prin lovire Opțiune / Alt + Backspace. Setați stratul Mod de amestecare pentru a multiplica, stratul Opacitate la 30%. Apăsați Opțiunea + D pentru a deselecta.  Nume stratul 'întuneca'.

Duplicat acest strat (prin tragerea lui pe Creați o pictogramă de nivel nou), Seteaza Opacitate la 73%, și lărgească-l la aproximativ 148% (cu Instrumentul de transformare gratuit). Denumiți acest strat "întunecă mai mult".


5. Adăugați șiruri la lucrările de artă

Pasul 10

Acum este momentul Loc corzile noastre, la fel cum am plasat fretelele (Copy-Paste sau Place). Vom avea nevoie să-l extindem la aproximativ 120%. Denumiți stratul 'siruri de caractere'.

Vom face acum Adăuga Două Styles de strat: Bevel și Emboss și Drop Shadow, așa cum se arată.

Modificați Layer Order, astfel încât 'siruri de caractere' merge mai jos "întunecă mai mult".

Pasul 11

Apoi vom crea un efect de lumină pentru a face corzile noastre mai dimensionale. Selectare sarcină de 'siruri de caractere' (Command / Ctrl click pe strat) și Contractați selecția (Selectați> Modificare> Contract) cu 3 px. presa Comandă / Ctrl + Shift + I la Inverseaza selectia, și faceți clic pe Curba ajustare strat. Setarea este după cum se arată.

Încărcați selecția din 'siruri de caractere' din nou (Command / Ctrl click pe strat), Inverseaza selectia și umpleți masca stratului de ajustare cu negru. Estompa masca cu o rază de 1,5 pixeli.

Setați stratul Mod de amestecare la Color Dodge, Opacitate la 35%. Denumiți stratul 'lumini'. Selectează "layer strings" și stratul de ajustare a curbelor, grup și numele grupului 'text'.

Pasul 12

În cadrul grupului, adăugați altul Curba ajustare strat pentru a face întreaga opera de artă chiar mai întunecată. Setați stratul așa cum se arată.

Faceți clic pe 'siruri de caractere' strat și adăugați o Strat de ajustare a luminozității / contrastului cu valorile indicate. Activați funcția Clipping Icon (sau Creați o mască de tăiere de la Layer Palette, Comandă / Ctrl + Opțiune / Alt + G) pentru a limita ajustarea stratului de mai jos ('siruri de caractere' numai).

Arta noastră ar trebui să arate așa ceva acum:


6. Creați uzură pe lemn

Pasul 13

Să lăsăm șirurile pentru o vreme și să creeze purtarea părții din lemn. Încărcați selecția a corzilor (Command / Ctrl click pe strat) și Adăugați selecția a stratului „freturi“ (Faceți clic pe comanda / Ctrl + Shift pe strat, dar nu pe masca). Extindeți selecția (Selectați> Modificare> Extindeți) cu 50 de pixeli.

Acum setați Picior Radius (Shift + F6) la 40 de pixeli, și adăugați o Hue / Saturation Adjustment Layer cu valori setate după cum se arată.

Pasul 14

Încărcați selecția a ultimului strat pe care l-am creat (Nivel de ajustare a culorii / saturației), și Inversați selecția.

Utilizarea Lasso Tool (L) scădea părțile de sus și de jos ale selecției. Contractați selecția care a rămas (Selectați> Modificare> Contract) cu 50 de pixeli.

Adauga o Nivel de ajustare a balanței de culoare așa cum se arată.

Mai putem rafina masca făcând clic pe Rafinați marginea măștii în Proprietăți paletă. Asigura-te Modul de vizualizare este pornit Acoperire, în acest fel este ușor să vedeți cum se schimbă masca.

Setați-o după cum se arată.

Acum, purtarea pe lemn ar trebui să arate similar cu aceasta:


7. Creați inserții

Pasul 15

Să folosim Eliptic Marquee Tool (M) pentru a face o selecție rotundă (țineți apăsată tasta Schimb pentru a deveni un cerc regulat). Faceți diametrul de aproximativ 0,8 mm (puteți verifica lățimea / înălțimea în Paleta de informații).

Seteaza Culoarea primului la:

  • C: 39
  • M: 37
  • Y: 36
  • K: 16

si Culoare de fundal la

  • C: 51
  • M: 51
  • Y: 52
  • K: 46

Seteaza Instrument de gradient (G) la Fundaluri în fundal și Gradientul liniar în Bara de opțiuni, Opacitate ar trebui să fie 100%. Creați un nou strat și umpleți-o cu gradientul. Denumiți stratul "inlay dot".

Adăuga putin Zgomot (Filtrare> Zgomot> Adăugați zgomot) după cum se arată, atunci Decolorare zgomotul (Editare> Fade Add Noise, Comandă / Ctrl + Shift + F) la 68%.

hai Adăuga Două Styles de strat: Bevel și Emboss și Umbra, și aplicați următoarele setări.

Pasul 16

Duplicat "inlay dot" strat de două ori și poziționați noile puncte așa cum se arată.

Creați un nou strat și Încărcați selecția din cele trei puncte (Comandă / Ctrl faceți clic pe strat, apoi Comandă / Ctrl + Shift faceți clic pe celelalte două straturi). Seteaza Instrument perie (B) la 130 px, duritate la 0% în Bara de opțiuni, Culoarea primului la alb, și vopsiți partea dreaptă superioară a tuturor celor trei puncte pentru a adăuga evidențe.

Denumiți stratul „scoate în evidență“. Selectați cele trei straturi de "inlay punct" plus stratul "highlights", grupați-le și denumiți grupul 'mozaicar'.


8. Îmbunătățiți șirurile

Pasul 17

Acum este momentul să revenim la șirurile noastre pentru a le perfecționa.

Să punem umbrele pe șiruri de caractere pentru a le aduna mai multă adâncime. Am făcut asta manual Selectarea zone (cu Lasso Tool) pe care va fi proiectat umbra. Asigurați-vă că selecția este exactă în cazul în care împarte diferitele zone (zone cu și fără umbră).

Înainte de Salegere de corzi trebuie să fie intersectat cu selecția curentă (fie Command / Ctrl + Option / Alt + Shift faceți clic pe pe stratul de "straturi" sau faceți clic pe stratul "șiruri" și mergeți la Selectați> Încărcare selecție, și faceți clic pe Intersectează cu selecția).

Seteaza Culoarea primului la un gri brun:

  • C: 66
  • M: 67
  • Y: 69
  • K: 58

Creați un nou strat și folosind un aproximativ Pensula lățimea de 80 de pixeli începeți să pictați umbrele. (Poti Ascundeți selecția pentru a scăpa de tulburările "furnicilor marșului" prin presare Comandă / Ctrl + H, sau Vizualizare> Extra).

Setați stratul Mod de amestecare la Multiplica, Opacitate la 84%. Denumiți stratul „umbre“.

Pasul 18

Repeta Pasul 17 pentru fiecare zonă în care se întâlnesc sau se intersectează curbele textului. Aceasta este o etapă consumatoare de timp, dar este important să o faci drept, deoarece într-adevăr adaugă viață la opera de artă.

Odată ce umbrele se termină, Încărcați selecția din șiruri de caractere încă o dată, faceți clic pe „umbre“ și Estompa cu o rază de 5,0 pixeli.

Pasul 19

Efectuați un nou strat în cadrul grupului 'text' și spune-i 'retuşare'. Faceți clic pe Instrumentul pentru ștampilarea clonelor (S), și stabilit Alinierea eșantionului la Toate straturile în Bara de opțiuni. Acum puteți retușa imperfecțiunile literelor "m", "g" și "o".


9. Finisarea atinge

Pasul 20

Cred că mai trebuie să facem ca fețele sau opera de artă să fie mai întunecate, așa că faceți clic pe Eliptic Marquee Tool (M) și poziționați cursorul la mijlocul operelor de artă (atât orizontal cât și vertical). Ține-te jos Opțiunea / Alt și faceți o elipsă similară cu asta.

presa Shift + F6 la Pană selectarea cu 200 de pixeli. Inversa selectia, Creați un nou strat, apăsați D și Completati stratul cu negru. presa Comandă / Ctrl + D la Deselectați. Setați stratul Mod de amestecare la Multiplica, Opacitate la 21%. Denumiți stratul 'frontieră'.

Pasul 21

Există doar un ultim lucru pe care trebuie să-l facem. Să adăugăm creditele centrate orizontal în partea de jos.

Faceți clic pe stratul "Fundal" și trageți un ghid din stânga spre mijloc. A stabilit Paragraf la Alinierea centrului, faceți clic pe Instrument tip orizontal (T), dați clic exact pe ghid, și Copiaza si lipeste următorul text:

Versuri: Sleepy Brown | Muzica mă face să mă simt atât de bine

Utilizați fontul 'Aller' la o dimensiune de 5 pt. Setați "Sleepy Brown" la Aller Bold.


Concluzie

Vă mulțumim că ați făcut timp pentru a finaliza acest tutorial. Să recapitulăm repede ceea ce am învățat.

  • Am creat elementele bazate pe vectori în Illustrator
  • Am creat baza chitara in Photoshop
  • Am adăugat componentele chitarei și folosite instrumentele Photoshop pentru a obține un aspect realist

Sper că ați găsit acest tutorial ușor de înțeles, interesant și educativ. Întrebările, comentariile și sugestiile sunt binevenite.