Cum să creați un portofoliu digital tipărit și strălucitor - partea 1

Conţinut

• 01. Configurare
• 02. Mai întâi digital
• 03. Grilă modulară
• 04. Grila de bază
• 05. Focus principal
• 06. Detalii de proiectare
• 07. Salt la Illustrator CC
• 08. Importul graficelor
• 09. Slideshow folosind State Object
• 10. Setarea intervalelor
• 11. Rafinarea prezentării de diapozitive
• 12. Detalii de prezentare
• 13. Previzualizarea în Content Viewer
• 14. Înapoi la imprimare pentru o clipă
• 15. Imprimare simultană și digitală
• Citiți acum:

Necesitatea de a vă face să lucrați în design și să fie văzută de potențiali clienți sau angajatori nu a fost niciodată mai mare. Odată cu creșterea concurenței în materie de locuri de muncă, este important să ieșiți în evidență, dar ai grijă să trimiți atașamente de e-mail mari - aceștia vor primi o sumă scurtă de la potențialii clienți - în timp ce un link web simplu va ajunge probabil îngropat într-un munte de alte e-mailuri, și chiar o bucată de tipărit se poate dovedi costisitoare și de mică valoare dacă compania funcționează predominant în digital.

O soluție este crearea unui design de portofoliu personalizat, care poate fi difuzat în număr limitat pentru imprimare și utilizat ca o aplicație simplă care poate fi descărcată direct pe iPad-urile potențialilor clienți.

Cu Adobe Creative Cloud puteți lucra perfect atât în ​​format tipărit, cât și digital, totul în cadrul InDesign CC și Digital Publishing Suite (DPS) - plus un pic de ajutor de la vechii noștri prieteni Illustrator CC și Photoshop CC. Prin acest tutorial voi analiza modul de creare a unui design de aplicație simplu, care să vă prezinte atât munca, cât și abilitățile dvs. digitale și, de asemenea, să poată fi aplicată cu ușurință pe o piesă de imprimare A5 frumoasă, personalizată.

01. Configurare

Dacă migrați la CC de la CS6, veți fi obișnuiți cu noua interfață mai întunecată și fereastra aplicației. Dar rețineți că poate fi dezactivat navigând la Preferințe> Interfață și selectând o culoare mai deschisă (ceea ce am făcut aici). De asemenea, am debifat opțiunea Cadru aplicație din meniul Ferestre.

02. Mai întâi digital

Să începem cu documentul digital, astfel încât să nu cădem în obiceiuri vechi de proiectare a tipăririi. În InDesign, creați un document nou, selectați Publicare digitală în meniul derulant Intent și setați Dimensiunea paginii la iPad. Selectați o orientare portret, alegeți 1 coloană și setați toate marginile la 0. Salvați acest lucru ca fișier de copertă.

03. Grilă modulară

Pe măsură ce proiectăm pentru iPad mai întâi, putem evita orice sistem tradițional de grilă de imprimare bazată pe coloane și, în schimb, putem alege o grilă modulară mai asemănătoare cu designul online. Accesați Aspect> Creați ghiduri, setați rândurile la 0, coloanele la 3 cu un jgheab de 0 px și bifați opțiunea Pagină, astfel încât ghidajele să se potrivească paginii.

04. Grila de bază

Acum, pentru a bloca designul nostru de rețea de bază. Țineți apăsată tasta Shift, desenați un pătrat perfect din partea stângă sus a documentului și fixați-l la cel mai apropiat ghid. Apoi, apăsați Alt și trageți și duplicați-l pentru a completa grila, fixând ghidajele verticale în partea de jos a pătratelor în timp ce mergeți. Dacă faceți clic pe Ghiduri inteligente sub meniul drop-down Vizualizare, acest lucru este o briză.

05. Focus principal

Acum începeți să profitați puțin mai mult de pagina de destinație. În acest moment, introduceți-vă logo-ul în design. În cazul meu, este un logo pătrat, pe care l-am plasat în partea stângă sus pentru a umple una dintre celule. Apoi alegeți o schemă de culori și gândiți-vă la aspect. Aici, am făcut unul dintre pătrate mult mai mare pentru a fi obiectivul principal.

06. Detalii de proiectare

Apoi, adăugați câteva detalii cheie pentru titlul / pagina de destinație. Am desenat o săgeată simplă conturată folosind instrumentul Pen și am duplicat-o pentru a indica faptul că utilizatorul trebuie să gliseze spre dreapta. Am configurat, de asemenea, o structură tipografică simplă folosind caracteristicul serif Bella pentru titlul principal și Helvetica pentru o copie a corpului mai mică.

07. Salt la Illustrator CC

Treceți la Illustrator și creați câteva elemente grafice simple folosind instrumentele Pen și forma, asigurându-vă că Snap To Grid este activat și se încadrează perfect în grila pătrată. Când vă bucurați, selectați fiecare grafică, utilizați Pathfinder pentru a uni elementele individuale, selectați Creați calea compusă din meniul derulant și apăsați Extindeți.

08. Importul graficelor

Următoarea etapă a procesului constă în importarea noilor elemente grafice prin copierea și lipirea fiecăruia în InDesign. Redimensionați fiecare, ținând apăsată tasta Shift, astfel încât să se potrivească perfect în grila pătrată. Repetați acest proces pentru toate graficele dvs. până când aveți o selecție de mai multe cu care să lucrați pe tablă.

09. Slideshow folosind State Object

Selectați toate elementele grafice și, utilizând panoul Align, aliniați centrele lor verticale și orizontale. Mutați formele în poziție și accesați Fereastră> Interactiv> Stări obiect. Cu obiectele selectate, apăsați pictograma din partea de jos a panoului pentru a converti selecția într-un obiect cu mai multe stări.

10. Setarea intervalelor

Acum aduceți panoul Folio Overlays și veți observa că, deoarece este un obiect cu mai multe stări, panoul Slideshow este deja afișat. Deoarece dorim ca acest lucru să se animeze imediat ce lansăm aplicația, selectați Redare automată și alegeți un interval rapid de 0,5 secunde. Bifați caseta Buclă astfel încât să fie continuă și dezactivați opțiunea Cross Fade. Acum, apăsați Previzualizare în partea de jos a panoului Folio Overlays pentru a vedea prezentarea diapozitivului prin grafică.

11. Rafinarea prezentării de diapozitive

Acum să adăugăm câteva imagini în același mod. Asigurați-vă că imaginile dvs. sunt toate RGB în Photoshop și salvate ca PNG. Amintiți-vă că avem de-a face cu pixeli și nu cu dpi aici. Puteți verifica ppi efectiv în panoul Legături din InDesign. De regulă, dacă este peste 144, atunci va fi bine pentru Retina iPad.

12. Detalii de prezentare

Apoi desenați casete colorate deasupra imaginilor pentru a se potrivi schemei dvs. de culori, setați modul de amestecare pe Ecran și grupați fiecare pereche de obiecte. Acum selectați toate obiectele, aliniați-le ca înainte, plasați-le în poziție și transformați-le într-un obiect cu mai multe stări.

13. Previzualizarea în Content Viewer

În panoul Slideshow al panoului Suprapuneri, selectați Redare automată cu un interval mai lung de 1,5 secunde, faceți o buclă și oferiți-i o decolorare subtilă de 1 secundă pentru a contrasta cu tranzițiile dure și rapide ale graficii anterioare. Acum previzualizați-l în Adobe Content Viewer pentru a vedea dacă sunteți mulțumit.

14. Înapoi la imprimare pentru o clipă

Înainte de a ajunge prea departe în partea digitală a lucrurilor, vrem să ne asigurăm că funcționează și în format tipărit. Configurați un document nou cu pagini orientate către A5 și o sângerare de 3 mm pe toate marginile. Înapoi în documentul nostru iPad, grupați totul de pe pagină, lipiți-l direct în documentul de imprimare A5 și redimensionați-l cât mai bine. După cum puteți vedea aici, o parte din design este tăiată pe marginea din stânga.

15. Imprimare simultană și digitală

Pentru a face să funcționeze pentru imprimare, adăugați încă un rând de pătrate și dimensionați-l pentru a se potrivi cu înălțimea documentului. Adăugați o bară de coloană gri pentru o senzație de carte, selectați comanda Eliberare stări la obiecte din meniul derulant și asigurați-vă că imaginile sunt CMYK, 300 dpi și se extind până la ghidul de sângerare de 3 mm.

Acesta este sfârșitul primei părți - partea a doua va fi lansată pe site mâine.

Cuvinte: Luke O'Neill

Editor de artă al revistei T3 și fost editor de artă al Computer Arts Collection, Luke lucrează în domeniile designului, direcției de artă și ilustrației atât în ​​format tipărit, cât și digital.

Această caracteristică a apărut pentru prima dată în The Ultimate Guide To Adobe Creative Cloud.

Citiți acum:

• Sfaturi, trucuri și remedieri Photoshop pe care să le încercați astăzi
• Perii Photoshop gratuite trebuie să aibă fiecare creativitate
• Acțiuni gratuite Photoshop pentru a crea efecte uimitoare
• Cele mai bune pluginuri Photoshop