Share
Una dintre funcțiile mai puțin cunoscute ale Illustratorului este abilitatea de a produce și de a publica mai multe documente paginate în format PDF. De ce este o funcție mai puțin cunoscută? Ei bine, deoarece aplicații precum InDesign și Quark Xpress sunt dedicate producerii unor astfel de documente și este puțin probabil să vi se recomande vreodată să utilizați Illustrator.
Este posibil, totuși, și într-o amprentă această tehnică poate fi utilă, mai ales atunci când creați documente care au doar câteva pagini lungi. Acest tutorial va explica modul în care se face, în timp ce discuta despre o teorie de aspect al rețelei pentru a produce un raport anual.
După ce ați deschis Illustrator, începeți un nou document (Command + N) și specificați unele setări în dialogul Document nou. Dați documentului un nume de "raport", selectați milimetri pentru unități, peisaj pentru orientare și RGB pentru modul Color. Notă: Am ales RGB, deoarece acest document este destinat vizualizării ecranului. Dacă este posibil ca dvs. să fie imprimată, este recomandabil să selectați CMYK și să vă asigurați că Efecte Raster sunt setate la rezoluția de imprimare planificată.
Dimensiunea se va înregistra automat ca personalizat pe măsură ce introducem propriile dimensiuni. Avem nevoie de un Artboard de trei ori mai mare decât o pagină A4 (210mm x 297mm) pentru a crea trei pagini. Prin urmare, vom păstra înălțimea la 297 mm, dar vom mări lățimea pentru a acoperi încă 2 pagini (3 x 210 mm = 630 mm).
Faceți clic pe OK.
Accesați Vizualizare> Afișare tigla pagină.
Veți vedea o zonă din tabloul dvs. de artă care reprezintă ceea ce vom tipări la un fișier PDF. Această zonă poate avea orice dimensiune, în funcție de setările anterioare ale Illustrator Print.
Acum trebuie să ajustăm plăcile pentru a ne da cele 3 pagini A4 din tabloul de bord.
Accesați Fișier> Imprimare (Comandă + P). Veți fi prezentat cu dialogul Print, o fereastră considerabilă cu (legenda are) miliarde de opțiuni și setări. Ne vom concentra doar asupra celor care trebuie să configureze documentul nostru PDF de 3 pagini în mod corespunzător. Sub secțiunea Generală va trebui să setați următoarele:
Acum, în secțiunea de configurare, va trebui să setați următoarele:
Puteți vedea în panoul de previzualizare modul în care documentul dvs. avansează. Ar trebui să vedeți acum că tabloul de artă a fost împărțit în trei plăci de pagini A4.
Odată ce ați terminat configurarea opțiunilor de tipărire, puteți considera că este util să le salvați. Faceți clic pe Save Preset (Salvare presetare) și dați numele presetat în dialogul care apare. Data viitoare când trebuie să duplicăm aceste setări, le puteți selecta sub Print Preset.
Faceți clic pe OK pentru a salva presetarea și apoi faceți clic pe Terminat (nu Salvează) pentru a reveni la documentul dvs..
Dacă tabloul dvs. de artă este vizibil în prezent, poate fi util să îl ascundeți; în acest moment avem suficiente linii pe pagina noastră. Accesați Vizualizare> Ascundeți Artboard. Veți fi lăsat pe ecran cu o zonă cu trei pagini frumoase, curate, numerotate.
Structurarea unui aspect cu o rețea predeterminată are multe avantaje, în special atunci când lucrează cu mai multe pagini. Acest lucru este valabil pentru imprimare, web, de fapt, toate disciplinele de design. Teoriile designului de layout pe bază de rețea au fost bine documentate timp de decenii. Paul Rand a fost deschis despre teoria designului grafic și un avocat pentru beneficiile folosirii rețelelor în design.
Grilă este atunci disciplina care eliberează [designerul] de povara consumatoare de timp de a lua anumite decizii (dimensiuni, proporții) fără de care munca fructuoasă și creativă este extrem de dificilă. El se poate muta direct la acele aspecte ale problemei în care expresia individuală, ideile noi și libertatea de alegere sunt esențiale.
"Design și Instinctul Play", Paul Rand, 1965
Deci, du-te și pentru a vă lua o cafea, aruncați o privire la unele dintre resursele de la sfârșitul tutorialului și faceți niște cercetări cu privire la utilizarea grilelor în design.
Tocmai cum vă planificați grila este dependentă de dvs.; mina mea se bazează pe șase coloane și șase rânduri. De asemenea, următorii pași vor defini marginile și jgheaburile care le împart.
Începeți prin plasarea unui dreptunghi pe tabloul de bord. Dați-i dimensiunile unei pagini A4 și aliniați-o cu prima din cele trei plăci.
Cu dreptunghiul selectat, mergeți la Efect> Cale> Cale de decalare și introduceți -12 mm în dialogul care apare. Faceți clic pe OK și apoi mergeți la Object> Expand Appearance pentru a extinde dreptunghiul dvs. mai mic.
Faceți clic pe Command + K pentru a afișa preferințele Illustratorului. Setați incrementul tastaturii la 6mm și faceți clic pe OK.
Acum, folosind instrumentul Direct Selection, glisați și selectați punctele de ancorare de jos ale dreptunghiului, apoi apăsați o dată pe tasta săgeată sus. Acest lucru ne dă un extra 6 mm pentru marginea inferioară a paginii; bun pentru estetică și oferă, de asemenea, un spațiu mic pentru o declarație privind drepturile de autor, paginare etc..
În designul tipărit, grilajele constau în mod tradițional din coloane și apoi din jgheaburi care le împart. De la apariția designului web și a utilizării rețelelor pentru structurile web, o altă abordare a evoluat. Natura construirii unei pagini web înseamnă că jgheaburile sunt mai degrabă o piedică decât ajutor, deci jgheaburile sunt simulate folosind plăcuțe și margini în interiorul elementelor.
Personal, proiectez mai mult pentru web decât pentru imprimare, așa că voi demonstra ce sunt mai obișnuit. Un avantaj pentru proiectarea cu o rețea pe bază de web este faptul că permite ca documentul dvs. de imprimare să fie tradus fără probleme pentru web. Dacă totul pare puțin confuz, totul va deveni clar ...
În timp ce dreptunghiul dvs. este selectat, mergeți la Object> Path> Split Into Grid.
Illustratorul simplifică cu ușurință transformarea oricărei căi închise într-o serie de coloane, rânduri și jgheaburi, după cum veți vedea din acest dialog. Introduceți setările după cum vedeți mai jos (faceți clic pe Previzualizare pentru a vedea schimbarea dreptunghiului pe măsură ce mergeți) pentru a crea șase coloane și șase rânduri, apoi faceți clic pe OK. Observați că am introdus 0 mm pentru jgheaburi, pentru că nu vrem în acest caz.
Depinde de tine cum dublezi grila pe care tocmai ai făcut-o. Asigurați-vă că ați făcut încă două și aliniați-le pe toate în poziția corectă pe plăci. Apoi selectați toate cele trei și accesați View> Guides> Make Guides
Tot ce aveți pe acest strat sunt ghidajele rețelei dvs., pentru a face lucrurile mai ușoare, blocați stratul și denumiți "ghidajele".
Folosirea grilajului vizează limitarea procesului de luare a deciziilor (într-o măsură) în procesul de proiectare. Vom continua pe acest traseu prin predefinirea culorilor noastre pentru a ne salva să ne gândim mai departe pe linie. Prin adăugarea a doar două culori la panoul Swatches ne vom oferi o gamă simplă, dar izbitoare pentru documentul nostru.
Faceți clic pe New Swatch din panou sau trageți un obiect cu culoarea aleasă în panou. Am folosit culorile: Orange (# D8601D) și Olive (# A8A885). Odată grupate în panoul Swatches, culorile devin disponibile la diferite grade de nuanță, umbră, muteness, căldură etc. din interiorul panoului de culoare Color. De aici putem colora totul în documentul nostru, fără a ne rupe propriile reguli.
Faceți un strat nou, numiți-l "obiecte" sau orice doriți. Utilizați instrumentul dreptunghi pentru a crea un dreptunghi care acoperă întreaga primă pagină și alta care acoperă ultimul stâng al celei de-a doua pagini. Colorați-le corespunzător, după cum se arată mai jos.
Faceți un alt strat nou și numiți-l "text". Copiați dreptunghiul de măsline și blocați stratul "obiecte". Selectați stratul "text" și faceți clic pe Comandă + F pentru a lipi dreptunghiul pe acest strat în poziția corectă.
Folosind aceeasi tehnica ca cea anterioara (Efecte> Calea> Calea Offset), deplasati calea pentru acest dreptunghi cu -6mm si apoi extindeti-o (Object> Expand). Dați-i o culoare diferită (la alegere) pentru ao face mai vizibilă dacă doriți.
Ne-am făcut dreptunghiul în interiorul dreptunghiului mai mare, oferindu-ne în mod eficient un recipient cu (în termeni CSS) căptușeală de 6mm care acționează ca jgheabul nostru. Vom aplica acest "umplutură" tuturor containerelor pe care le construim cu grila noastră pentru a continua uniformitatea.
Adăugați un text fals în container, selectând instrumentul Tip și făcând clic pe calea dreptunghiului. Dreptul tău va pierde culoarea și va deveni un container de text cu dimensiuni fixe; acesta nu se va extinde și nu va contracta, indiferent de cât de mult text plasați înăuntru.
Repetați pașii 15 și 16 pentru a crea un al doilea container de text alături de primul dvs. Îndepărtați cele mai mari dintre cele două dreptunghiuri și colorați textul diferit pentru a permite un fundal alb. Ar trebui să puteți vedea efectul folosirii acum ca "jgheab".
Adăugați o cursă utilizând instrumentul Segment de linie peste lățimea grilei, nivel cu ghidajul central cel mai orizontal. Colorați-l în funcție de paleta prestabilită și apoi lăsați-o (tasta săgeată sus) o dată pentru a o deplasa cu 6mm în sus (amintiți-vă că ați setat incrementul tastaturii la 6mm în pasul 9?). Adăugați altul la cel mai de sus al rețelei pentru a crea o zonă în partea de sus a paginii.
Flexibilitatea utilizării unei grile bazate pe multiplii de 6 este aceea că atât slotul 3 cât și slotul 2 sunt frumos. Din acest motiv, putem de asemenea să împărțim lățimea rețelei în 3 coloane, să aplicăm aceeași "căptușeală" și să fie încă acceptabilă din punct de vedere vizual. Creați șase containere, compensați calea de aplicare a plăcuței și extindeți după cum se arată.
Între timp, am adăugat și un titlu în partea de sus a paginii.
Adăugați un text în zona inferioară a containerelor pe care tocmai ați făcut-o. Acestea vor fi etichete pentru graficele pe care le vom face în pasul următor.
Creați un al patrulea strat, numiți "grafice" și blocați ceilalți pentru a evita interferența cu acestea. Acum, selectați instrumentul Pie Graphs și faceți clic pe artboard. Introduceți orice înălțime și lățime doriți în dialogul Grafic care apare, vom ajusta dimensiunile mai târziu.
Va apărea un panou de introducere a datelor.
Nu am de gând să intru în detaliu pentru a crea grafice cu Illustrator - asta e un alt tut! Totuși, voi explica pe scurt că fiecare rând de date va crea un grafic separat. Fiecare dintre ele va avea o mărime proporțională cu celelalte în ceea ce privește totalul rândurilor sale (în acest caz, fiecare rând este de 100, astfel încât acestea vor avea dimensiuni egale). Introduceți datele pe care le-am făcut și faceți clic pe Aplicați (bifați în partea dreaptă sus).
Închideți dialogul și dezabonați (Command + U) graficele. Veți fi avertizat dacă pierdeți funcțiile de editare din grafice dacă le dezgrupați, dar suntem interesați doar de ele ca vizual materiale de umplutură aici, pentru a ne pierde dinamismul.
Va trebui să dezgropați întregul lot de mai multe ori pentru a separa complet graficele, dar odată ce le ai, dați-le o anumită culoare paletei dvs., grupați fiecare grafic individual și aplicați un efect 3D Extrude. (Pentru mai multe detalii despre Extruziunea 3D, consultați tutorialul, Creați un Canal de fasole prin cartografierea vectorilor unui obiect 3D.)
Plasați graficele rezultate peste etichetele lor și nu vă fie teamă să încălcați ghidurile când faceți acest lucru. Cercurile trebuie adesea corectate vizual atunci când sunt aplicate în rețele, după cum a spus o dată o persoană foarte inteligentă: "Regulile sunt făcute pentru a ghida înțelepții și pentru cei nebuni să urmeze".
Am discutat cele mai multe dintre principiile relevante privind aspectul, deci mergeți mai departe și utilizați conceptele pe care le-am acoperit pentru a umple pagina a treia cu un anumit conținut. Din nou, plasați un accident vascular cerebral în partea de sus a grilajului, un al doilea jos și adăugați încă două coloane pentru text, deși de această dată sunt mai înalte. Un mare titlu și o zonă de text care acoperă lățimea grilei domină capul paginii.
Tabelul de la poalele celui de-al doilea container de text este doar o colecție de dreptunghiuri, un text și câteva icoane aliniate. Picturile albe împart zonele pentru claritate.
Să adăugăm un director de încredere care să inspire încredere în pagina noastră. Am descarcat o imagine potrivita (cravata colorata!) Si am plasat-o pe un alt layer sub "obiecte" numite "imagini".
Alegeți propria imagine și aduceți-o în documentul dvs. accesând File> Place. Selectați fișierul din sistem și faceți clic pe OK. NOTĂ: Verificarea legăturii din dialogul de selectare a fișierului va afișa imaginea din document fără ao încorpora. Dacă fișierul conectat va fi apoi modificat în afara Illustratorului, modificările vor fi aplicate automat la ceea ce vedeți în documentul dvs. Aceasta ajută la reducerea dimensiunii fișierului și a timpului de procesare.
Utilizați instrumentul dreptunghi pentru a crea un dreptunghi în ghidaje, oprindu-se la cursa după cum puteți vedea mai jos. Aceasta va acționa ca masca noastră.
Cu atât imaginea, cât și dreptunghiul selectat, apăsați Command + 7 pentru a crea o mască de tăiere. Utilizați instrumentul de selecție directă pentru a selecta doar imaginea și pentru a redimensiona în mască. De asemenea, nu ezitați să întăriți masca, utilizând din nou instrumentul Direct Selection. Scopul pentru ceva de genul asta vezi mai jos.
Adăugați alte elemente de text pentru a completa o ofertă, utilizând ghidajele pentru a poziționa totul și culorile din paletă.
NOTĂ: După ce plasăm stratul "imagini" sub stratul "obiecte", am îmbunătățit marginea inferioară a imaginii cu cursa pe care am plasat-o mai devreme.
Aproape acolo! Doar câteva elemente suplimentare și vom fi pregătiți să tipăriți PDF-ul nostru. În primul rând, un titlu și un logo sunt poziționate ca imaginea de mai jos pe prima pagină.
Apoi, o declarație privind drepturile de autor și numărul paginii din următoarele două pagini sunt poziționate chiar sub grila din secțiunea noastră marginea mărită. Utilizați glifurile (Type> Glyphs) pentru a insera un simbol de drepturi de autor, dacă doriți.
Ascundeți Ghidurile accesând Vizualizați> Ghiduri> Ascundeți Ghiduri (sau ascunzând stratul "ghiduri") și verificați estetica generală a aspectului. Nu-i rău? Bun! Să tipărim în dosar ...
După finalizarea lucrărilor de proiectare, mergeți la File> Save As pentru a afișa dialogul Save As. Alegeți locația unde doriți să fie salvat PDF-ul. Dați-i un nume de fișier (am folosit "report") și selectați Adobe PDF ca format, apoi faceți clic pe Salvați.
Veți fi prezentat în dialogul Save Adobe PDF în Setări generale. Jucați-vă cu opțiunile dorite, dar ceea ce este important aici este faptul că am stabilit:
Crearea setării PDF din mai multe pagini din setarea paginilor este, desigur, crucială, dacă nu reușiți să o verificați, veți crea o pagină PDF formată din întregul dvs. tablou de artă. Nu obiectivul pe care căutăm să-l realizăm.
Accesați setările de securitate din dialogul Save Adobe PDF. Setările de aici vor determina ce pot sau nu pot face utilizatorii cu documentul dvs. Verificați folosirea unei parole pentru a restricționa editarea setărilor pentru securitate și permisiune. Procedând astfel, vi se va permite să vă asigurați anumite lucruri cu o parolă. Vom:
Setați aceste opțiuni după cum doriți și faceți clic pe "Salvați PDF".
Terminat! Uitați-vă la PDF-ul final (nu, nu îl puteți edita sau imprima!) Și verificați dacă totul a ieșit așa cum era de așteptat. Unul dintre lucrurile care trebuie acordate atenției este că conținutul nu a trecut în alte pagini. În acest caz, portocaliu de pe prima pagină ar putea fi cu ușurință să se deplaseze marginea din stânga a paginii a doua. Faceți corecții dacă este necesar și salvați din nou.
În acest moment, vreau să reiterez că această tehnică nu este un înlocuitor pentru utilizarea software-ului dedicat aspectului paginii, cum ar fi InDesign sau QuarkXpress. Această tehnică poate fi eficientă atunci când trebuie să creați documente scurte cu mai multe pagini.
Am acoperit o gamă largă de aptitudini în Illustrator pentru a produce acest document, unele pe larg, unele care vă vor cere să mergeți și să investigați în continuare. Distrează-te!
Vizitați paul-rand.com - pentru mai multe gânduri și de lucru de la Paul Rand.
Grids Are Good este un excelent articol PDF pentru cei interesați să-și aprofundeze cunoștințele despre aspectele bazate pe rețea.
Pentru o listă cuprinzătoare de resurse, a se vedea proiectarea revistei Smashing Magazine cu abordare bazată pe rețea - motivul pentru care această listă de resurse nu este foarte lungă; totul este aici!
Accentsconagua