Как да създадем брилянтен печат и дигитално портфолио - част 1

Съдържание

• 01. Настройка
• 02. Първо цифрово
• 03. Модулна решетка
• 04. Основна решетка
• 05. Основен фокус
• 06. Детайли за дизайна
• 07. Преминаване към Illustrator CC
• 08. Импортиране на графики
• 09. Слайдшоу с използване на обектни състояния
• 10. Задаване на интервали
• 11. Прецизиране на слайдшоуто
• 12. Подробности за слайдшоу
• 13. Визуализация в Content Viewer
• 14. Обратно за печат за момент
• 15. Едновременен печат и цифров
• Сега прочетете тези:

Необходимостта да накарате вашия дизайн да бъде видян от потенциални клиенти или работодатели никога не е била по-голяма. С нарастващата конкуренция на работното място е важно да се откроите, но внимавайте да изпращате големи прикачени файлове към имейли - те ще получат кратко съкращение от потенциални клиенти - докато обикновена уеб връзка вероятно ще завърши погребана в планина от други имейли и дори добре насочена печат може да се окаже скъпо и с малка стойност, ако компанията работи предимно в дигитален формат.

Едно от решенията е да се създаде поръчков дизайн на портфолио, който може да се пусне в ограничен брой за печат и да се използва като просто приложение, което може да се изтегли директно към iPad на потенциални клиенти.

С Adobe Creative Cloud можете да работите безпроблемно както за печат, така и за цифрово, всичко в InDesign CC и Digital Publishing Suite (DPS) - плюс малка помощ от нашите стари приятели Illustrator CC и Photoshop CC. Чрез този урок ще прегледам как да създадете опростен дизайн на приложението, който ще покаже вашата работа, както и вашите цифрови умения, а също така лесно може да бъде приложен към красива поръчка A5.

01. Настройка

Ако мигрирате към CC от CS6, ще бъдете свикнали с новия, по-тъмен интерфейс и прозорец на приложението по подразбиране. Но имайте предвид, че може да се изключи, като отидете в Preferences> Interface и изберете по-светъл цвят (което направих тук). Премахнах и отметката от опцията Application Frame в менюто Window.

02. Първо цифрово

Нека започнем с цифровия документ, за да не изпаднем в някакви стари навици за дизайн на печат. В InDesign създайте нов документ, изберете Digital Publishing в падащото меню Intent и задайте Size Page на iPad. Изберете портретна ориентация, изберете 1 колона и задайте всички полета на 0. Запазете това като наш коричен файл.

03. Модулна решетка

Тъй като първо проектираме за iPad, можем да избегнем всяка традиционна колонна система за печат и вместо това да изберем модулна мрежа, по-близка до онлайн дизайна. Отидете на Layout> Create Guides, задайте редове на 0, колони на 3 с канал 0px и проверете опцията Page, така че водачите да пасват на страницата.

04. Основна решетка

Сега да блокираме нашия основен дизайн на мрежата. Задръжте Shift, нарисувайте идеален квадрат от горния ляв ъгъл на документа и го щракнете към най-близкия водач. След това натиснете Alt и го плъзнете и дублирайте, за да попълните мрежата, като щракате вертикални водачи в долната част на квадратите, докато вървите. Кликването върху Интелигентни водачи под падащото меню Изглед прави това бриз.

05. Основен фокус

Сега започнете да разглеждате още малко целевата страница. На този етап въведете вашето лого в дизайна. В моя случай това е квадратно лого, което съм поставил в горния ляв ъгъл, за да запълни една от клетките. След това изберете цветова схема и помислете за оформлението. Тук направих един от квадратите много по-голям, за да бъде основният фокус.

06. Детайли за дизайна

След това добавете някои ключови подробности за нашата заглавна / целева страница. Нарисувах обикновена очертана стрелка с помощта на инструмента Pen и я дублирах, за да покажа, че потребителят трябва да плъзне надясно. Също така създадох проста типографска структура, използвайки характерния сериф Бела за основното заглавие и Helvetica за по-малкото копие на тялото.

07. Преминаване към Illustrator CC

Преминете към Illustrator и създайте няколко прости графики, като използвате инструментите Pen и shape, като се уверите, че Snap To Grid е включен и те се вписват перфектно в квадратната решетка. Когато сте доволни, изберете всяка графика, използвайте Pathfinder, за да обедините отделните елементи, изберете Make Compound Path от падащото меню и натиснете Expand.

08. Импортиране на графики

Следващият етап от процеса е да импортирате новата си графика, като копирате и поставите всяка в InDesign. Преоразмерете всеки от тях, като задържите Shift, така че да пасва идеално в квадратната решетка. Повторете този процес за всичките си графики, докато имате няколко от тях, с които да работите върху картона.

09. Слайдшоу с използване на обектни състояния

Изберете всички графики и с помощта на панела Align подравнете техните вертикални и хоризонтални центрове. Преместете фигурите на място и отидете на Window> Interactive> Object States. С избраните обекти натиснете иконата в долната част на панела, за да конвертирате селекцията в обект с няколко състояния.

10. Задаване на интервали

Сега изведете панела Folio Overlays и ще забележите, че тъй като е обект с няколко състояния, панелът за слайдшоу вече е показан. Тъй като искаме това да анимира веднага щом стартираме приложението, изберете Auto Play и изберете бърз интервал от 0,5 секунди. Поставете отметка в квадратчето Loop, така че да е непрекъснато и изключете опцията Cross Fade. Сега натиснете Preview в долната част на панела Folio Overlays, за да видите цикъла на слайдшоуто си през графиката.

11. Прецизиране на слайдшоуто

Сега нека добавим някои изображения по същия начин. Уверете се, че вашите изображения са RGB във Photoshop и запазени като PNG файлове. Не забравяйте, че тук имаме работа с пиксели, а не с dpi. Можете да проверите ефективния ppi в панела Връзки в InDesign. Като правило, ако е над 144, ще бъде добре за Retina iPad.

12. Подробности за слайдшоу

След това нарисувайте цветни кутии в горната част на изображенията, за да съответстват на вашата цветова схема, задайте режима на смесване на Screen и групирайте всяка двойка обекти. Сега изберете всички обекти, подравнете ги както преди, поставете ги на място и ги превърнете в обект с много състояния.

13. Визуализация в Content Viewer

В прозореца на слайдшоуто на панела Overlays изберете Auto Play с по-дълъг интервал от 1,5 секунди, направете го цикъл и му придайте фино кръстосано избледняване за 1 секунда, за да контрастира с суровите и бързи преходи на предишната графика. Сега го прегледайте в Adobe Content Viewer, за да видите дали сте доволни.

14. Обратно за печат за момент

Преди да отидем твърде далеч в дигиталната страна на нещата, искаме да се уверим, че това работи и в печат. Настройте нов документ със страници с лице към A5 и 3 мм отвор по всички краища. Върнете се в нашия iPad документ, групирайте всичко на страницата, поставете го директно в документа за печат A5 и го преоразмерете възможно най-добре. Както можете да видите тук, част от дизайна се изрязва от левия край.

15. Едновременен печат и цифров

За да работи за печат, добавете друг ред квадратчета и го оразмерете така, че да отговаря на височината на документа. Добавете сива лента на гръбначния стълб за усещане за книга, изберете командата Release States to Objects от падащото меню и се уверете, че изображенията са CMYK, 300 dpi и се разпростират до 3 mm ръководство за пропускане.

Това е краят на част първа - част втора ще бъде на сайта утре.

Думи: Люк О’Нийл

Художествен редактор на списание T3 и бивш художествен редактор на Computer Arts Collection, Люк работи в областта на дизайна, художествената режисура и илюстрацията както в печатната, така и в дигиталната сфера.

Тази функция се появи за първи път в The Ultimate Guide To Adobe Creative Cloud.

Сега прочетете тези:

• Съвети, трикове и поправки в Photoshop, които да опитате днес
• Безплатни четки за Photoshop, които всеки креатив трябва да има
• Безплатни действия на Photoshop за създаване на зашеметяващи ефекти
• Най-добрите приставки за Photoshop