Crearea tipografiei artistice folosind Illustrator și Photoshop. Photoshop sau Illustrator, ce aleg profesioniștii?

Acesta este genul de desen pe care am vrut să-l creez (uita-te la o rezoluție mai mare) în timp ce mă uit la lucrări similare ale colegilor mei pe Internet. Pentru a face acest lucru, mai avem nevoie de Adobe Illustrator, așa că rețineți că cea mai mare parte a lucrării se va face acolo. Apoi ne vom muta în Photoshop, unde vom seta efectele finale pentru textul rezultat.

Ce ne trebuie:

Pasul 1: scrieți un cuvânt în Illustrator

Deschideți Illustrator și creați un nou document de dimensiunea paginii A4. Folosind instrumentul Text, tastați cuvântul LAYOUT în mijlocul documentului.

2 Pas

Selectați acest cuvânt și accesați Obiect > Extindeți, apoi faceți clic pe Ok. Apoi faceți Obiect > Cale compusă > Eliberare.

3 Pas

Apoi utilizați instrumentul de selecție pentru a poziționa literele astfel încât să se alinieze simetric, așa cum se arată în imagine:

Folosind Instrumentul de selecție directă, mutați punctul specificat al literei U puțin în sus pentru a-l face mai solid.

Iată cu ce ar trebui să ajungi:

4 Pas

Selectați toate literele. Apoi, pe bara de instrumente, faceți clic pe pictograma pentru a schimba culorile de umplere și contur.

Pasul 5

În partea de sus a literei L, întindeți un dreptunghi așa cum se arată mai jos.

Pentru a vă asigura că este aliniat corect, deschideți fereastra Editare > Preferințe și bifați opțiunea Snap To Point, care vă va ajuta foarte mult și vă va economisi mult timp la alinierea obiectelor.

6 Pasul

Acum creați un dreptunghi în spatele lui Y.

Un altul se află în spatele literei O.

Și următorul se află în spatele literei T.

Pasul 7: Completați litera L cu text

Comutați la Instrumentul de tip. Treceți cursorul peste litera L și veți vedea un cerc care apare în jurul cursorului. Acum faceți clic în interiorul formei L și începeți să o umpleți cu text. Am folosit binecunoscutul „lorem ipsum” generat de lipsum. Pentru font am folosit Helvetica Neue Lt Std, datorită versatilității sale mari și pur și simplu pentru că mi-a plăcut întotdeauna. În acest caz am folosit stilul Bold Condensed.

8 Pasul

Faceți dublu clic pe text pentru a-l selecta pe tot. În panoul de setări text, selectați modul Justify. Apoi, faceți clic pe săgeata mică pentru a extinde meniul extins și selectați elementul Hypenation din acesta. Mutați cursorul acolo la nivelul Spațiere mai bună.

Iată ce ar trebui să iasă ca rezultat:

9 Pasul

Acum suprapuneți textul pe dreptunghiul aflat deasupra literei L. Schimbați stilul fontului în Light Condensed.

Pasul 10: Litera Y

Acum, să trecem la litera Y. Va trebui să mai mânuiți puțin cu ea - este destul de complicat. Mai întâi, plasați textul în dreptunghiul din spatele lui Y folosind stilul Light Condensed.

Acum selectați în prima linie simbolurile care se află în interiorul siluetei literei Y și schimbați-le stilul în Bold Condensed.

Acum fă asta cu toate literele care se află în conturul Y Da, așa cum am spus, poate dura mult timp. Prin urmare, fii atent și răbdător.

După ce toate simbolurile necesare sunt evidențiate cu aldine, faceți clic pe pictograma ochiului de lângă stratul Y din paleta Straturi. Ce mi s-a întâmplat - vezi mai jos.

Pasul 11: Litera O

Selectați conturul exterior al literei O și măriți-l astfel încât să fie puțin mai înalt decât recipientul său dreptunghi în înălțime.

Pasul 12

Acum, împreună cu acest contur, selectați și dreptunghiul. Apoi deschideți panoul Pathfinder și faceți clic pe butonul Excludeți.

13 Pasul

Selectați partea de sus și de jos a acestui design și apăsați Ștergere.

Pasul 14

Aplicați text la fiecare dintre părțile rezultate. Pentru părțile din stânga și din dreapta utilizați aliniere justificată, pentru partea din mijloc folosiți aliniere centrală.

Pasul 15: Litera U

Selectați litera U. Folosind Instrumentul de mutare, rotiți-o la 90 de grade.

16 Pasul

Adăugați o altă bucată de text folosind stilul Bold Condensed.

17 Pasul

Acum comutați din nou la Instrumentul de rotire și întoarceți U-ul înapoi în poziția inițială.

Pasul 18: Litera T

Acum să adăugăm text la litera T.

Pasul 19

Acum deschideți meniul fonturilor și dublați valoarea Text Leading. În cazul meu, a fost de la 7,2 la 14.

Pasul 20

Acum să adăugăm text în dreptunghiul din spatele lui T. Folosiți aceeași spațiere ca la pasul 19.

21 Pasul

Acum să setăm Minus Leading. Am avut o valoare de 7, așa că am setat-o ​​la -7.

Drept urmare, s-a dovedit că ambele texte s-au suprapus perfect și au format o litera T cu drepturi depline.

Pasul 23: Litera A

Nu am lucrat încă la litera A, așa că utilizați Instrumentul Pen pentru a crea o formă care să acopere jumătatea stângă a literei.

24 Pasul

Lipiți un bloc de text acolo.

25 Pasul

Folosind Instrumentul Mutare, rotiți forma până când textul se potrivește perfect orizontal în ea.

26 Pasul

Folosind Instrumentul Rotire, readuceți forma cu textul la locul inițial.

27 Pasul

Faceți același lucru pentru partea dreaptă a literei.

28 Pasul

Nu uitați să puneți textul pe crucea lui A. După aceasta, se poate ascunde și conturul literei.

Ca urmare, ar trebui să obținem o imagine ca aceasta.

Pasul 29: Exportați în PDF

Acum trebuie să importam toate acestea în Photoshop. În primul rând, trebuie să ne salvăm munca într-un format care transmite cel mai bine calitatea vectorială. Folosesc PDF pentru asta. În setări, selectați Calitate presa - această opțiune este utilizată pentru printuri comerciale și păstrează toate detaliile în conformitate cu imaginea originală.

Pasul 30: Importați în Photoshop

Lansați Photoshop și accesați Fișier > Deschideți. Selectați PDF-ul creat de noi și setați rezoluția la 300 ppi.

De ce folosim rezoluția de 300ppi?

Modul de apăsare Calitate salvează fișierele la o rezoluție de 300ppi. Prin urmare, importând fișiere la aceeași rezoluție în Photoshop, le încărcăm la dimensiune completă fără a pierde niciun pixel. Aceasta înseamnă că nu pierdem niciunul dintre detaliile create în Illustrator. Imaginea de mai jos arată o parte din imaginea importată la dimensiunea de 100% pe un fundal alb. După cum puteți vedea, textul rămâne foarte clar.

31 Pasul

PDF-ul se încarcă ca o imagine transparentă.

Pasul 32: Noțiuni introductive în Photoshop

Apăsați Ctrl + A, apoi Ctrl + C și creați un fișier nou cu dimensiunea A4 și rezoluție 300ppi. Apăsați Ctrl + V și inserați textul acolo.

Apăsați Ctrl + I pentru a inversa culoarea textului în alb. Apoi faceți clic pe Strat > Convertiți în obiect inteligent. Apăsați Ctrl + T și rotiți textul.

Mi-au cerut să scriu aceleași instrucțiuni pentru Adobe Illustrator, ei bine, mi-au cerut - ați înțeles :)

Adobe Illustrator versiunea CC 2018 este un editor puternic de grafică vectorială dezvoltat, distribuit și actualizat constant de Adobe.

Puteți descărca gratuit Illustrator în rusă folosind linkul oficial și înlocuind doar 1 fișier dll pentru a activa versiunea completă.

Să mergem - descarcă, instalează și activează Adobe Illustrator CC 2018 rusesc (care are nevoie de o versiune în limba engleză sau altă versiune, vezi Întrebări frecvente la sfârșitul articolului):

1. Descărcați arhiva zip pe 32 sau 64 de biți vizavi de inscripția Illustrator de pe linkul oficial (pentru a afla ce dimensiune de biți are sistemul dvs., faceți clic dreapta pe Start și selectați System).
2. EXTRAGI arhiva și în folderul despachetat găsiți fișierul Set-up.exe - rulați instalarea. În timpul procesului, va apărea o fereastră care vă va cere să vă înregistrați sau să introduceți ID-ul Adobe.
3. Completați toate câmpurile pentru a primi un ID Adobe: Prenume, Nume, E-mail (orice, nu este nevoie de confirmare) și parolă (trebuie să fie format din MAJUSCULĂ și litere latine mici, precum și cifre. Exemplu: UIooo2139 sau OIDDzxcv23 ). Bifați toate căsuțele; verificarea numărului de telefon poate fi omisă.
4. Instalarea va începe automat, dacă nu a început, faceți clic pe Demo. După instalare, programul se va lansa automat, dacă nu, faceți clic pe Demo. Și confirmați începutul perioadei de probă făcând clic pe Confirmare.
5. Descărcați această arhivă pentru Windows pe 64 de biți sau aceasta pentru pe 32 de biți (parola pentru arhive este 111). Despachetați arhiva în orice folder: Descărcări, pe desktop - oriunde.
6. Deschideți folderul: C:\Program Files\Adobe\Adobe Illustrator CC 2018\Support Files\Contents\Windows\ și găsiți fișierul amtlib.dll, redenumiți-l, de exemplu amtlib(original).dll
7. Lipiți fișierul amtlib.dll descărcat anterior în acest folder și lansați Adobe Illustrator CC 2018 de pe pictograma de pe desktop sau prin Start. Totul ar trebui să funcționeze - nu există o perioadă de probă în program.

După cum puteți vedea, puteți descărca și instala versiunea completă activată a Adobe Illustrator CC 2018 fără un torrent.

Întrebări frecvente pentru Illustrator CC 2018

• Cum se schimbă limba interfeței în rusă sau engleză sau în oricare alta?

Înainte de a începe instalarea în Creative Cloud, trebuie să faceți clic pe roata din dreapta sus și să selectați limba dorită pentru programele de instalat. Valoarea implicită este rusă.

• Nimic nu merge? Probleme?

Scrieți în comentarii, o să ne dăm seama :)

Photoshop sau Illustrator? Ce program de grafică este cel mai bine de utilizat pentru anumite sarcini? Evident, răspunsul la această întrebare va depinde de situație. În acest articol voi scrie o scurtă trecere în revistă a programelor și voi concluziona care instrument, în opinia mea, este cel mai potrivit pentru a lucra în anumite situații.

Dacă experiența dvs. diferă de a mea, vă rugăm să vă împărtășiți părerile în comentariile de mai jos!

Să începem.

Unde au început Photoshop și Illustrator?

Lansat în 1988, Photoshop a devenit unul dintre programele de top pentru mulți designeri. A fost creat inițial ca un instrument pentru fotografii pentru a-și edita și gestiona fotografiile. Apropo, pentru mulți oameni, aceasta rămâne principala sa utilizare. Cu toate acestea, cu o gamă largă de instrumente disponibile și care sunt în mod constant adăugate și îmbunătățite, Photoshop a devenit mult mai mult decât un program de editare foto.

Illustrator și-a început viața puțin mai devreme decât Photoshop - în 1987 și a fost creat în primul rând pentru aspectul și crearea logo-ului, ca una dintre domeniile designului grafic. Lucrul cu logo-uri a rămas până în prezent una dintre principalele sale funcții, dar odată cu dezvoltarea a devenit utilizat pe scară largă de către designeri grafici și artiști pentru a crea un număr mare de alte tipuri de produse digitale - ilustrații, diagrame, grafice, diagrame, caricaturi reale. fotografii și multe altele.

Ce software este cel mai bun pentru proiectarea logo-ului?

Utilizarea Illustrator înseamnă că logo-ul dvs. va fi o grafică vectorială care nu face parte dintr-o imagine raster. Nu știi încă ce este? Atunci acesta este locul pentru tine.

În timp ce atât Photoshop, cât și Illustrator pot crea un logo, trebuie să luați în considerare caracterul adecvat și utilitatea acestuia.

Dimensiunile inițiale ale logo-ului nu pot fi predeterminate, și poate de mai multe ori, și toate acestea sunt necesare pentru a utiliza un astfel de logo în diverse materiale.

În plus, merită să ne amintim că un logo creat în Photoshop este un element grafic raster și nu poate fi schimbat fără a pierde calitatea.

Având în vedere acest lucru, merită să utilizați Illustrator, deoarece logo-ul pe care îl creați va fi o grafică vectorială, ceea ce înseamnă că poate fi redimensionat, menținând în același timp calitatea logo-ului în sine.

Photoshop are un loc în designul logo-ului, dar în cea mai mare parte, Illustrator ar trebui să fie întotdeauna prima ta alegere.

Câştigător:

Care software este cel mai bun pentru web design?

Pentru mulți designeri (inclusiv eu), Photoshop este de obicei prima alegere pentru această categorie de lucrări. Pentru că Photoshop este un editor grafic care creează imagini raster pe baza pixelilor (care au aceeași rezoluție ca ecranele monitorului), ceea ce este ideal pentru proiectarea unui site web, de exemplu, care este afișat pe un monitor.

Cu toate acestea, atunci când proiectați interfețe cu utilizatorul, Illustrator poate oferi multe beneficii pe care Photoshop nu le poate.

De exemplu, cu Illustrator, munca de web design poate fi realizată mult mai rapid, schimbând în același timp dimensiunea de la mai mare la mai mică și invers. Illustrator este, de asemenea, excelent pentru a crea componente care sunt reutilizate și redimensionate frecvent.

Illustrator face întotdeauna parte din munca mea de proiectare a interfeței de utilizare, dar cea mai mare parte a lucrării este încă realizată în Photoshop.

Câştigător:

Este mai bine să folosiți Photoshop sau Illustrator pentru a crea artă?

Illustrator este mai bun pentru ilustrații curate, grafice, în timp ce Photoshop este mai bun pentru ilustrații foto.

Pe de o parte, poate părea că Illustrator este alegerea evidentă, dar nu este atât de simplu. În primul rând, totul depinde de tipul de ilustrație, de obicei își încep viața pe hârtie, apoi desenele sunt scanate și transpuse într-un program de grafică, dobândind culoare și saturație.

După cum am menționat mai devreme, cu Illustrator putem crea grafice curate, care pot fi reutilizate, multe dintre ele pot fi reutilizate cu ușurință, în timp ce Photoshop creează ilustrații fotorealiste bazate pe desene care necesită o atenție deosebită la detalii și manipularea fotografiilor.

În multe cazuri, majoritatea designerilor folosesc ambele programe. Dar, în primul rând, totul depinde de ce tip de ilustrație doriți să creați.

Câștigători:

Și pentru a rezuma câștigătorul...

Nu există niciun câștigător aici!

În acest articol, am creat o imitație de competiție între două programe. Cum poți alege câștigătorul dintre mâna dreaptă și stânga? Totul depinde de tine și de ce intenționezi să creezi, cum plănuiești să-l folosești în viitor și cu ce ești mai obișnuit. Asta e tot.

Atât Photoshop, cât și Illustrator sunt două programe esențiale pentru majoritatea artiștilor de pensulă, fie ei un web designer, designer, designer de modă, ilustrator sau orice altă persoană creativă cu mult timp liber.

Cea mai importantă concluzie din toate cele de mai sus este necesitatea de a învăța cum să lucrezi cu ambele programe, sau cel puțin de a te familiariza cu al doilea (faptul că îl cunoști sigur pe unul dintre ele este fără îndoială - altfel nu ai avea mi-am gasit blogul). În acest fel, nu numai că vă veți extinde CV-ul și oportunitățile de creștere și dezvoltare în continuare, ci alegerea instrumentului potrivit la momentul potrivit vă va duce la următorul nivel.

Indiferent dacă lucrați pentru o firmă de design, independent sau pur și simplu vă bucurați de proces, stăpânirea ambelor instrumente va fi cu siguranță o investiție de timp utilă. Și citirea și comentarea acestui blog va face procesul și mai eficient.

Până nu te lauzi...

Vă vor plăcea și aceste articole:

• 
  

Până de curând, am folosit Adobe Photoshop în munca mea. Și m-am gândit că singurul lucru mai bun decât Photoshop CS4 a fost Photoshop CS5.

Dar, pe măsură ce volumul de muncă și numărul de comenzi au crescut, am ajuns la concluzia că era timpul să schimb instrumentul. Voi încerca să rezum experiența mea în acest program.

Chirpici Photoshop pentru design site:

pro

1. O mulțime de opțiuni pentru lucrul cu imagini.
2. ... și, în general, asta este tot.

După ce te-ai familiarizat cu Adobe Illustrator, interfața obișnuită Photoshop cu straturi și proprietăți de text pare o neînțelegere stângace.

Minusuri

După cum a spus pe bună dreptate Valera Popov în articolul său „ De ce nu folosesc Photoshop pentru designul site-ului web? »,
10% din timpul de lucru este alocat inventării și creării, iar restul este muncă de rutină de șlefuire a paginilor.

1. Navigare pe pagină incomod. Pentru magazinele online mari, numărul de pagini cu modele individuale poate ajunge până la sute. Și ce să faci în acest caz? Cum să găsiți rapid marcajele de care aveți nevoie în bara de marcaje?
2. Nu este posibil să se creeze pagini master - pentru elemente care sunt aceleași pe toate paginile. De exemplu, un antet și un meniu. Ei spun că în ultimele versiuni au introdus funcția Layer comps, dar funcționează foarte strâmb.
3. Pentru a duplica elemente identice care se află în același loc pe pagini diferite, trebuie să dai naștere unui arici de fiecare dată și să treci printr-o procedură teribil de tristă și incomodă.
4. Nu există nicio modalitate de a specifica stilurile blocurilor individuale și de a ajuta proiectantul de layout.
5. Cu un număr mare de pagini, Photoshop devine incredibil de lent. Chiar și cu toate celelalte programe închise. Chiar și pe cea mai nouă versiune a computerului meu de birou. Și să nu mai vorbim despre casa veche.

Există o ieșire - Adobe Illustrator

În urmă cu aproximativ șase luni, mi-am propus să găsesc un program care să rezolve toate aceste probleme. A fost păcat să mă despart de Photoshop: la urma urmei, este programul meu nativ preferat, desenez în el de la 11 ani, cunosc toate tastele rapide. Dar rutina a atins punctul culminant.

Am început să caut un înlocuitor. Chiar și înainte de elefant, am reproiectat Helga în InDesign - nu mi-a plăcut. nu-mi amintesc ce anume. Apoi am dat peste Adobe Illustrator. Mi-am scris un manual oficial despre Ozone. În aproximativ o săptămână și jumătate, am stăpânit toate funcțiile de care aveam nevoie.

Deși nu există proiecte noi, am lucrat în continuare ca același elefant de hârtie.

Toate dezavantajele Photoshop au fost eliminate:

Navigare în pagină. Multe așa-numite planșe de artă sunt create într-un singur document. Vizualizarea poate fi personalizată pentru a le vedea pe toate simultan:

Paginile master sunt rezolvate folosind simboluri. De exemplu, elementele antetului sunt combinate într-un grup și un simbol este creat din grup. Și acest simbol este deja copiat în toate paginile (funcția Lipire pe toate planurile). Dacă trebuie să schimbați ceva în el, făcând dublu clic pe panoul de simboluri, puteți trece la modul de editare pentru acel simbol anume.

Pentru a ajuta designerul de aspect, există un panou de stiluri de paragraf, în care sunt setate titluri și așa mai departe. Aceste stiluri pot fi apoi aplicate diferitelor elemente din alte pagini, mai degrabă decât să fie nevoie să le definească pe toate de la zero.

Pentru pseudo-linkul din setările textului, din păcate, nu există subliniere punctată. În Photoshop, am făcut-o pe un strat de text separat folosind liniuțe sau puncte. Dacă lungimea sau forma legăturii se schimba, aceasta trebuia editată de fiecare dată.

În aceste scopuri, candelabru are un instrument de linie pentru care sunt stabilite stilurile necesare. Poate fi ușor și fără rutină inutilă pentru comutarea instrumentelor:

Dintre minusuri, aș dori să remarc munca în comun cu Photoshop. Dacă trageți un strat cu o imagine pe un fundal transparent din Photoshop, fundalul acestuia devine alb:

Desenarea fiecărui pixel al butoanelor pictograme va fi probabil incomod, mai ales la început. Dar toate aceste elemente pot fi desenate în Photoshop și apoi copiate fără probleme.

Candelabru are, de asemenea, o bibliotecă de elemente standard - un câmp de căutare, casete de selectare etc. Dar, după părerea mea, nu sunt foarte confortabile. La schimbarea dimensiunilor, acestea devin deformate:

Ei bine, restul este doar un basm! Următorul proiect pe plan este un magazin de mobilă online, care cu siguranță va avea multe pagini. Așa că voi încerca candelabru în condiții de luptă.

Cel mai probabil știți că există două tipuri de grafică − raster și vector.

O imagine raster constă din multe celule mici - pixeli, unde fiecare pixel are propria sa culoare. O imagine raster este ușor de recunoscut prin simpla mărire cu 200% și foarte repede multe pătrate mici vor deveni vizibile - aceștia sunt pixeli.

Cele mai populare două formate raster sunt: JPEG, PNG.

Graficele raster sunt utile pentru imagini fotorealiste. Fotografia este, de asemenea, grafică raster. Cu ea lucrăm tu și cu mine Adobe Photoshop.

Spre deosebire de imaginile raster, imaginile vectoriale nu constau din pixeli, ci din multe puncte de referință și curbe care le conectează. O imagine vectorială este descrisă prin formule și nu necesită informații despre fiecare pixel. Datorită acestui fapt, imaginile vectoriale nu își pierd calitatea, deoarece cresc în dimensiune și ocupă mai puțin spațiu.

Grafica vectorială este folosită pentru logo-uri, ilustrații, icoane și desene tehnice. Dar nu este potrivit pentru lucrul cu imagini fotorealiste.

Cele mai populare formate vectoriale: SVG, A.I., ac cel mai popular editor de grafică vectorială - Adobe Illustrator.

După cum puteți vedea, fiecare format are avantajele și dezavantajele sale, așa că dacă lucrați cu grafică, atunci în mod ideal ar trebui să puteți lucra atât cu grafică raster, cât și cu grafică vectorială.

De-a lungul tuturor anilor de existență a proiectului Photoshop Master, v-am oferit lecții doar despre grafică raster. Dar abonații și clienții noștri ne-au cerut adesea să le recomandăm tutoriale de grafică vectorială de calitate. Și astăzi vă putem recomanda cu siguranță astfel de materiale, deoarece proiectul nostru prietenos „Videosmail” a lansat un nou mini-curs de formare - Adobe Illustrator pentru începători.

Puteți studia primele trei lecții ale acestui mini-curs astăzi:

Lecția 1 - Introducere în program

Lecția 2 - Interfața Adobe Illustrator

Lecția 3 - Mâncare și umplere

Lecția 4 - Instrumente în Adobe Illustrator

Lecția 5 - Redarea unei imagini

Lecția 6 - Lucrul cu textul

Lecție practică de consolidare

Dacă ți-a plăcut acest curs și vrei să te dezvolți în direcția graficii vectoriale, atunci am o veste bună pentru tine.

Deja luni -12 februarieîn cadrul proiectului nostru prietenos „Videosmail”, este publicat un curs amplu de Veronica Polyakova, care se numește„Super ilustrator”.

În acest curs veți găsi71 de lecții, iar în timpul antrenamentului vei creapeste 25 de ilustrații propriiși colectați un portofoliu complet care vă va ajuta să vă găsiți primii clienți.