Nilalaman
- 01. Pagse-set up
- 02. Digital muna
- 03. Modular grid
- 04. Pangunahing grid
- 05. Pangunahing pokus
- 06. Mga detalye ng disenyo
- 07. Tumalon sa Illustrator CC
- 08. Pag-import ng mga graphic
- 09. Slideshow gamit ang Mga Object na Estado
- 10. Pagtatakda ng mga agwat
- 11. Pagpino ng slide
- 12. Mga detalye sa slideshow
- 13. Pag-preview sa Viewer ng Nilalaman
- 14. Bumalik upang mai-print sandali
- 15. Kasabay na pag-print at digital
- Basahin ngayon ang mga ito:
Ang pangangailangan upang makuha ang iyong disenyo ng trabaho doon at nakita ng mga potensyal na kliyente o mga employer ay hindi kailanman naging mas malaki. Sa pagdaragdag ng kumpetisyon sa trabaho mahalaga na tumayo, ngunit mag-ingat sa pagpapadala ng malalaking mga kalakip na email - makakatanggap sila ng maikling pag-aalis mula sa mga potensyal na kliyente - habang ang isang simpleng link sa web ay malamang na mapunta sa isang bundok ng iba pang mga email, at kahit na maayos ang pag-target ang piraso ng pag-print ay maaaring patunayan nang magastos at may maliit na halaga kung ang kumpanya ay higit na gumagana sa digital.
Ang isang solusyon ay upang lumikha ng isang disenyo ng bespoke portfolio na maaaring patakbuhin sa limitadong mga numero para sa pag-print at ginamit bilang isang simpleng app na maaaring ma-download nang direkta sa mga prospective na kliyente ng iPad.
Sa Adobe Creative Cloud maaari kang gumana nang maayos sa parehong pag-print at digital, lahat sa loob ng InDesign CC at Digital Publishing Suite (DPS) - kasama ang kaunting tulong mula sa aming mga dating kaibigan na Illustrator CC at Photoshop CC. Sa pamamagitan ng tutorial na ito ay tatakbo ako sa pamamagitan ng kung paano lumikha ng isang simpleng disenyo ng app na magpapakita ng iyong trabaho pati na rin ang iyong mga kasanayan sa digital, at madali ring mailalapat sa isang maganda, na-preepoke na piraso ng A5 ng pag-print.
01. Pagse-set up
Kung lilipat ka sa CC mula sa CS6, magagamit ka sa bago, default na mas madidilim na interface at window ng application. Ngunit tandaan na maaari itong i-off sa pamamagitan ng pag-navigate sa Mga Kagustuhan> Interface at pagpili ng isang mas magaan na kulay (na nagawa ko rito). Na-uncheck ko rin ang pagpipiliang Application Frame sa Window menu.
02. Digital muna
Magsimula tayo sa digital na dokumento upang hindi kami mahulog sa anumang lumang gawi sa disenyo ng pag-print. Sa InDesign, lumikha ng isang bagong dokumento, piliin ang Digital Publishing sa drop-down na menu ng Intent at itakda ang Laki ng Pahina sa iPad. Pumili ng isang orientation ng larawan, pumili ng 1 haligi at itakda ang lahat ng mga margin sa 0. I-save ito bilang aming cover file.
03. Modular grid
Sa pagdidisenyo muna namin para sa iPad maaari naming maiwasan ang anumang tradisyunal na mga sistema ng grid na naka-print na batay sa haligi at sa halip ay pumili ng isang modular grid na mas katulad sa disenyo ng online. Pumunta sa Layout> Lumikha ng Mga Gabay, itakda ang mga hilera sa 0, mga haligi sa 3 na may isang 0px gutter, at suriin ang pagpipiliang Pahina upang ang mga gabay ay magkasya sa pahina.
04. Pangunahing grid
Ngayon upang harangan ang aming pangunahing disenyo ng grid. Hawakan ang Shift, gumuhit ng isang perpektong parisukat mula sa kaliwang tuktok ng dokumento at i-snap ito sa pinakamalapit na gabay. Susunod, pindutin ang Alt, at i-drag at i-duplicate ito upang punan ang grid, snap ng mga patayong gabay sa ilalim ng mga parisukat habang papunta ka. Ang pag-click sa Smart Guides sa ilalim ng drop-down na View ay ginagawang madali ito.
05. Pangunahing pokus
Ngayon simulan ang pag-fleshing ng landing page nang kaunti pa. Sa puntong ito, ipakilala ang iyong logo sa disenyo. Sa aking kaso ito ay isang parisukat na logo, na inilagay ko sa kaliwang tuktok upang punan ang isa sa mga cell. Susunod na pumili ng isang scheme ng kulay at isipin ang tungkol sa layout. Dito, ginawa kong mas malaki ang isa sa mga parisukat upang maging pangunahing pokus.
06. Mga detalye ng disenyo
Susunod, magdagdag ng ilang mga pangunahing detalye para sa aming pamagat / landing page. Gumuhit ako ng isang simpleng nakabalangkas na arrow gamit ang tool ng Pen at dinoble ito upang ipahiwatig na ang gumagamit ay kailangang mag-swipe pakanan. Nag-set up din ako ng isang simpleng istrakturang typographic gamit ang characterful serif Bella para sa pangunahing headline at Helvetica para sa mas maliit na kopya ng katawan.
07. Tumalon sa Illustrator CC
Lumipat sa Illustrator at lumikha ng ilang simpleng mga graphic gamit ang mga tool ng Panulat at hugis, tiyakin na ang Snap To Grid ay nakabukas at perpektong magkakasya sa loob ng parisukat na grid. Kapag masaya, piliin ang bawat graphic, gamitin ang Pathfinder upang mapag-isa ang mga indibidwal na elemento, piliin ang Gumawa ng Compound Path mula sa drop-down at pindutin ang Palawakin.
08. Pag-import ng mga graphic
Ang susunod na yugto ng proseso ay ang pag-import ng iyong bagong graphics sa pamamagitan ng pagkopya at pag-paste ng bawat isa sa InDesign. Baguhin ang laki ang bawat isa, may hawak na Shift, kaya perpektong umaangkop sa loob ng parisukat na grid. Ulitin ang prosesong ito para sa lahat ng iyong graphics hanggang sa magkaroon ka ng pagpipilian ng maraming upang gumana sa pasteboard.
09. Slideshow gamit ang Mga Object na Estado
Piliin ang lahat ng mga graphic at, gamit ang Align panel, ihanay ang kanilang mga patayong at pahalang na sentro. Ilipat ang mga hugis sa posisyon at pumunta sa Window> Interactive> Mga Bagay na Estado. Sa mga napiling mga bagay, pindutin ang icon sa ilalim ng panel upang i-convert ang pagpipilian sa isang multi-state object.
10. Pagtatakda ng mga agwat
Ilabas ngayon ang panel ng Folio Overlay at mapapansin mo na, dahil ito ay isang multi-state na object, ipinakita na ang panel ng Slideshow. Tulad ng nais naming ito ay buhayin sa lalong madaling ilunsad namin ang app, piliin ang Auto Play at pumili ng isang mabilis na agwat ng 0.5 segundo. Lagyan ng tsek ang kahon ng Loop upang magpatuloy ito at i-off ang pagpipiliang Cross Fade. Ngayon pindutin ang Preview sa ilalim ng panel ng Folio Overlay upang makita ang iyong cycle ng slide sa pamamagitan ng mga graphic.
11. Pagpino ng slide
Ngayon magdagdag tayo ng ilang mga imahe sa parehong paraan. Tiyaking ang lahat ng iyong mga imahe ay RGB sa Photoshop at nai-save bilang mga PNG. Tandaan na nakikipag-usap kami sa mga pixel at hindi dpi dito. Maaari mong suriin ang mabisang ppi sa panel ng Mga Link sa InDesign. Bilang patakaran ng hinlalaki, kung ito ay higit sa 144 pagkatapos ay magiging mabuti para sa Retina iPad.
12. Mga detalye sa slideshow
Susunod na gumuhit ng mga may kulay na kahon sa tuktok ng mga imahe upang tumugma sa iyong scheme ng kulay, itakda ang blending mode sa Screen at pangkatin ang bawat pares ng mga bagay. Piliin ngayon ang lahat ng mga bagay, ihanay ang mga ito tulad ng dati, ilagay ang mga ito sa posisyon at gawing isang multi-state object.
13. Pag-preview sa Viewer ng Nilalaman
Sa Window pane ng panel ng Mga Overlay, piliin ang Auto Play na may mas matagal na 1.5 segundo na agwat, gawin itong loop at bigyan ito ng isang segundo na banayad na cross fade upang ihambing sa malupit at mabilis na mga pagbabago ng nakaraang mga graphic. I-preview ito ngayon sa Adobe Content Viewer upang makita kung masaya ka.
14. Bumalik upang mai-print sandali
Bago kami masyadong malayo sa digital na bahagi ng mga bagay, nais naming tiyakin na gagana rin ito sa pag-print. Mag-set up ng isang bagong dokumento na may nakaharap na mga pahina ng A5 at isang 3mm na dumugo sa lahat ng mga gilid. Bumalik sa aming dokumento sa iPad, i-grupo ang lahat sa pahina, idikit ito nang direkta sa A5 print na dokumento at baguhin ang laki nito hangga't makakaya mo. Tulad ng nakikita mo dito, ang bahagi ng disenyo ay pinuputol sa kaliwang gilid.
15. Kasabay na pag-print at digital
Upang mapagana ito para sa pag-print, magdagdag ng isa pang hilera ng mga parisukat at sukatin ito upang magkasya sa taas ng dokumento. Magdagdag ng isang kulay abong bar ng gulugod para sa isang pakiramdam ng libro, piliin ang utos ng Paglabas ng Mga Estado sa Mga Bagay mula sa drop-down na menu at tiyakin na ang mga imahe ay CMYK, 300dpi at pahabain ang gabay sa 3mm na pagdugo.
Iyon ang pagtatapos ng isang bahagi - ang bahagi ng dalawang ay nasa site bukas.
Mga salita: Luke O'Neill
Art editor ng magazine na T3 at dating art editor ng Computer Arts Collection, gumagana si Luke sa larangan ng disenyo, direksyon ng art at paglalarawan sa parehong pag-print at digital.
Ang tampok na ito ay unang lumitaw sa The Ultimate Guide To Adobe Creative Cloud.
Basahin ngayon ang mga ito:
- Mga tip sa Photoshop, trick at pag-aayos upang subukan ngayon
- Libreng Photoshop brushes bawat malikhaing dapat magkaroon
- Libreng aksyon sa Photoshop upang lumikha ng mga nakamamanghang epekto
- Ang pinakamahusay na mga plugin ng Photoshop
