Sadržaj
- 01. Postavljanje
- 02. Prvo digitalno
- 03. Modularna mreža
- 04. Osnovna rešetka
- 05. Glavni fokus
- 06. Detalji dizajna
- 07. Skoči na Illustrator CC
- 08. Uvoz grafike
- 09. Dijaprojekcija pomoću stanja objekata
- 10. Postavljanje intervala
- 11. Pročišćavanje prezentacije
- 12. Detalji prezentacije
- 13. Pregled u pregledniku sadržaja
- 14. Natrag na trenutak za ispis
- 15. Simultani ispis i digitalni
- Sada pročitajte ovo:
Potreba za izradom vašeg dizajna i potencijalnim klijentima ili poslodavcima nikada nije bila veća. S porastom konkurencije za posao važno je istaknuti se, ali pripazite da šaljete velike privitke e-pošte - oni će od potencijalnih klijenata dobiti kratku uštedu - dok će jednostavna web veza vjerojatno završiti zakopana u brdu drugih e-adresa, pa čak i dobro ciljana komad tiska može se pokazati skupim i malo vrijednim ako tvrtka pretežno radi u digitalnom obliku.
Jedno je rješenje stvoriti dizajn portfelja po mjeri koji se može pokrenuti u ograničenom broju za ispis i koristiti kao jednostavna aplikacija koja se može izravno preuzeti na iPad iPad budućih klijenata.
Uz Adobe Creative Cloud možete nesmetano raditi na tiskanom i digitalnom sadržaju, sve unutar InDesign CC i Digital Publishing Suite (DPS), uz malu pomoć starih prijatelja Illustrator CC i Photoshop CC. Kroz ovaj tutorial provest ću kako stvoriti jednostavan dizajn aplikacije koji će prikazati vaš rad, kao i vaše digitalne vještine, a također se lako može primijeniti na prekrasan, A5 komad po mjeri.
01. Postavljanje
Ako migrirate na CC s CS6, naviknut ćete na novo, zadano tamnije sučelje i prozor aplikacije. Ali imajte na umu da se to može isključiti navigacijom do Postavke> Sučelje i odabirom svjetlije boje (što sam ovdje učinio). Također sam poništio opciju Application Frame u izborniku Window.
02. Prvo digitalno
Krenimo od digitalnog dokumenta kako ne bismo upali u neke stare navike dizajna tiska. U InDesignu izradite novi dokument, na padajućem izborniku Namjera odaberite Digital Publishing i postavite Veličina stranice na iPad. Odaberite portretnu orijentaciju, odaberite 1 stupac i postavite sve margine na 0. Spremite ovo kao našu datoteku naslovnice.
03. Modularna mreža
Kako prvo dizajniramo za iPad, možemo izbjeći bilo koji tradicionalni sustav rešetki na temelju stupaca i umjesto toga odabrati modularnu mrežu koja je sličnija mrežnom dizajnu. Idite na Layout> Create Guides, postavite retke na 0, stupce na 3 s olukom od 0 piksela i provjerite opciju Page tako da vodiči odgovaraju stranici.
04. Osnovna rešetka
Sada da blokiramo naš osnovni dizajn mreže. Držite tipku Shift, nacrtajte savršeni kvadrat s gornje lijeve strane dokumenta i prislonite ga na najbližu vodilicu. Zatim pritisnite Alt i povucite ga i duplicirajte da biste ispunili mrežu, povlačeći okomite vodilice na dno kvadrata. Ako na padajućem izborniku Pogled kliknete na Pametne vodiče, ovo vam puše.
05. Glavni fokus
Počnite još malo dotjerivati odredišnu stranicu. U ovom trenutku predstavite svoj logotip dizajnu. U mom slučaju to je četvrtasti logotip koji sam stavio u gornji lijevi kraj kako bi ispunio jednu od ćelija. Zatim odaberite shemu boja i razmislite o izgledu. Evo, napravio sam jedan od kvadrata puno većim kako bi bio glavni fokus.
06. Detalji dizajna
Zatim dodajte neke ključne detalje za našu naslovnu / odredišnu stranicu. Nacrtao sam jednostavnu ocrtanu strelicu pomoću alata Olovka i duplicirao je kako bih naznačio da korisnik treba prijeći prstom udesno. Također sam postavio jednostavnu tipografsku strukturu koristeći karakterni serif Bella za glavni naslov i Helvetica za manju kopiju tijela.
07. Skoči na Illustrator CC
Prebacite se na Illustrator i izradite nekoliko jednostavnih grafika pomoću alata Olovka i oblik, pazeći da je Snap To Grid uključen i da se savršeno uklapaju u kvadratnu mrežu. Kad budete sretni, odaberite svaku grafiku, upotrijebite Pathfinder za objedinjavanje pojedinih elemenata, s padajućeg izbornika odaberite Make Compound Path i pritisnite Expand.
08. Uvoz grafike
Sljedeća faza postupka je uvoz nove grafike kopiranjem i lijepljenjem svake u InDesign. Promijenite veličinu svake, držeći Shift, tako da se savršeno uklapa u kvadratnu mrežu. Ponavljajte ovaj postupak za sve svoje grafike dok ne dobijete nekoliko od njih za rad na ploči.
09. Dijaprojekcija pomoću stanja objekata
Odaberite sve grafike i pomoću ploče Poravnaj poravnajte njihova okomita i vodoravna središta. Pomaknite oblike na svoje mjesto i idite na Prozor> Interaktivni> Stanja predmeta. S odabranim objektima pritisnite ikonu na dnu ploče da biste pretvorili odabir u objekt s više stanja.
10. Postavljanje intervala
Sada otvorite ploču Folio Overlays i primijetit ćete da je, budući da je riječ o objektu s više država, ploča s prezentacijama već prikazana. Kako želimo da ovo animira čim pokrenemo aplikaciju, odaberite Auto Play i odaberite brzi interval od 0,5 sekundi. Označite okvir Loop tako da je neprekidan i isključite opciju Cross Fade. Sada pritisnite Preview na dnu ploče Folio Overlays da biste vidjeli svoj ciklus prezentacija kroz grafiku.
11. Pročišćavanje prezentacije
Sada na isti način dodamo neke slike. Provjerite jesu li sve vaše slike RGB u Photoshopu i spremljene kao PNG. Imajte na umu da se ovdje bavimo pikselima, a ne dpi-jem. Učinkoviti ppi možete provjeriti na ploči Veze u InDesignu. U pravilu, ako je iznad 144, to će biti u redu za Retina iPad.
12. Detalji prezentacije
Zatim nacrtajte okvire u boji na vrhu slika kako bi odgovarali vašoj shemi boja, postavite način miješanja na Zaslon i grupirajte svaki par predmeta. Sada odaberite sve objekte, poravnajte ih kao prije, postavite ih na svoje mjesto i pretvorite u objekt s više stanja.
13. Pregled u pregledniku sadržaja
U oknu Dijaprojekcija na ploči Prekrivači odaberite Automatska reprodukcija s dužim intervalom od 1,5 sekunde, napravite petlju i dajte joj suptilno križno blijeđenje od 1 sekunde u kontrastu s oštrim i brzim prijelazima prethodne grafike. Sada ga pregledajte u programu Adobe Content Viewer da biste vidjeli jeste li zadovoljni.
14. Natrag na trenutak za ispis
Prije nego što previše uđemo u digitalnu stranu stvari, želimo se pobrinuti da i ovo funkcionira u tiskanom obliku. Postavite novi dokument sa stranicama okrenutim prema A5 i otvorima od 3 mm na svim rubovima. Natrag u naš iPad dokument, grupirajte sve na stranici, zalijepite izravno u dokument za ispis A5 i promijenite veličinu što je bolje moguće. Kao što ovdje možete vidjeti, dio dizajna izrezan je na lijevom rubu.
15. Simultani ispis i digitalni
Da biste to učinili za ispis, dodajte još jedan red kvadrata i prilagodite ga visini dokumenta. Dodajte sivu kralježničnu traku za osjećaj knjige, s padajućeg izbornika odaberite naredbu Release States to Objects i osigurajte da su slike CMYK, 300 dpi i proširite se na vodilicu za odzračivanje od 3 mm.
To je kraj prvog dijela - drugi dio bit će sutra na web mjestu.
Riječi: Luke O’Neill
Umjetnički urednik časopisa T3 i bivši urednik umjetničke kolekcije Computer Arts Collection, Luke radi na polju dizajna, umjetničke režije i ilustracije, kako u tiskanom, tako i u digitalnom obliku.
Ova se značajka prvi put pojavila u The Ultimate Guide To Adobe Creative Cloud.
Sada pročitajte ovo:
- Savjeti, trikovi i popravci za Photoshop koje možete isprobati već danas
- Besplatne četke za Photoshop koje svaki kreativac mora imati
- Besplatne Photoshop akcije za stvaranje zapanjujućih efekata
- Najbolji dodaci za Photoshop
