графичен дизайн

Двойна трансформация на визитка

И така 2011 е ! :)
Надявам се всички сте имали много готини празници с готини хора и сте се заредили позитивно в началото на новата година.

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

Често използвам такъв workflow, когато трябва да предам “подредена” визитката. Правя си нов файл А4 в Illustrator. Създавам визуалната част на визитката (подложката) в Photoshop, след което импортвам PSD файла в Illustrator. След като съм импортнал файла в Illustrator добавям отгоре текстовата част. Текстът не го правя в Photoshop, тъй като прочети повече…

Preflight and beyond

Какво е preflight?

Терминът Preflight идва от навика на пилотите на самолети да си създават дълъг списък с отметки, които трябва да се изпълнят преди да вдигнат самолета :) – Pre (преди), Flight (полет).

Един от неприятните моменти за всеки графичен дизайнер е моментът, в които работата по конкретен проект е завършена, файловете са изпратени към печатницата и точно проектът е почти на финала да се получи обаждане от печатницата от сорта “има проблем с резолюцията или формата на файловете, които ни изпратихте” или “spot цветовете са повече от допустимото” или “има непропорционално оразмерени изображения в лейаута” или “има снимки със сгрешен профил” или “минималният stroke size не е изпълнен”…..грешки и пропуски се случват особено, когато крайният срок е “за вчера”, но когато се отстраняват навреме се пестят прочети повече…

По-голям контрол върху Layer Styles

Едва ли има някой, които работи с Photoshop за уеб и не използва стилове на слой (Layer Styles). Визията и усещането на всеки контейнер, формичка или шрифт с по-голям размер приема много по-привлекателен вид ако сте приложили подходящата комбинация от стилове. Познавам хора, които не могат да живеят без Drop Shadow – същите от сърце се радваха, когато Drop Shadow се появи и в InDesign :).

Мисълта ми не е конкретно за Drop Shadow и неговата масова ползваемост, а за стиловете като цяло и контролът ни върху тях. До версия CS4 на Photoshop включително, леко ме дразнеше и ме бавеше невъзможността да запазвам настройките, които правя директно в Layer Styles панела. Липсваше ми малкото Save as Default бутонче, което върши чудесна работа в Shadows/Highlights например. В Photoshop CS5 това бутонче най-после се появи за всеки стил от Layer Styles панела под името Make Default, и веднага до него има и Reset to Default, ако все пак си искате настройките по подразбиране.

Възможността да си запазите често използваните стилове в Styles панела естествено си я има, но такива невзрачни бутончета добавени на правилните места, спестяват много време.

layer styles make default

Vignette ефект с InDesign

Защо да се създава Vignette ефект в InDesign, когато може да се създаде във Photoshop и изображението от там да се импортне в InDesign?! Това действие е най-логичното, но защо да не потърсим и начин да създадем такъв ефект само с InDesign. Вариантът в който имаме избор е винаги предпочитаният.

Как се постига VIgnette ефект с InDesign?!

Създайте си box, след което вкарайте изображение в него (ctrl+D), след това селектирайте box-а и отидете на Object > Effects > Inner Glow. Това е blending-а, който имитира vignette ефект. Експериментирайте с различни стойности в зависимост от силата на желания ефект.

vignette ефект с InDesign

Предимството тук, за разлика от Photoshop, е че прочети повече…

Vignette ефект с Photoshop

Vignette ефектът във фотографията се изразява в намаляване на осветеността и/или цветността във външните части на изображението. Такъв ефект често се създава умишлено, за да се засили фокусът върху централната част на снимката. С типовете Vignette ефект може да се запознаете тук, a как да си създадем такъв ефект с Photoshop, Illustrator, InDesign, Lightroom…ще отговорят, този и следващите два три поста.

Как да създадем Vignette ефект с Photoshop?!

Начините за създаване на такъв ефект не са един и два. Може би всеки, който го е правил си има свой си начин с комбинация от селекция, feather и multiply mode на слоя запълнен по крайщата с полупрозрачен черен цвят… но от няколко версии Photoshop си има интегриран инструмент за прочети повече…

Сваляне размера на изображение под 14k

Преди дни един приятел ме помоли да му намаля една снимка за аватар на автофорум. Изискванията за аватара бяха нещо от сорта не по-голяма от 150 х 150 px с размер не по-голям от 14к. Той беше пробвал да го направи с Photoshop, но качеството на изображението пада, когато се бута размера и това е съвсем нормално. Зачудих се за момент как човек, който не се занимава с графична манипулация, ще успее да бутне размера на снимка до 14к и да запази качеството и, за да му позволи системата да си я качи като аватар, все пак това беше просто аватар, а не тест за оптимизация на jpeg хъх.

В Photoshop има голям брой улеснения, които обикновено не са изнесени на най-видимите места, но когато се поровиш из менюта, триъгълници по ъглите и комбинация на всичко това с alt и shift. Същият е случая и тук – опцията, която позволява такова намаляне на изображение до определени пиксели да се случи бързо и лесно се кавза Optimize to File Size. Ще я намерите като влезнете в Save for Web & Devices ( File > Save for Web & Devices ). Оттам чуквате на малкия триъгълник, който се намира от дясно на падащото меню Preset и ще видите опция Optimize to File Size.

optimize to file size

Като чукнете на нея остава да прочети повече…

За или против “copy” в името на слой

Преди дни в блога на John Nack се получи обширна дискусия – топика беше “за или против думичката copy в името на копиран слой”. Мненията в по-голямата си част бяха против copy. Според мен copy също е малко досадно, но най-добрият вариант е този, в който юзъра има избор. В този ред на мисли една отметка за подобна опция, както в картинката по-долу,  е оптималният вариант според мен.copy layer name

Предполагам и се надявам тази отметка да е реалност в Photoshop CS5, който чакаме прочети повече…

Цветове и възприятия

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

Параграф с дефиниран размер

Случвало ли ви се е да търсите начин да създадете Paragraph Text във Photoshop с точно определен размер? Няма как да стане от менютата нали? Поне аз не знам такъв начин. Вариантът е да се създаде Paragraph Text, след което да започнете да дърпате наляво надясно границите му, докато следите в Info панела стойностите да съвпаднат с желаните. Малко тромаво ми звучи, но ако няма друг начин и това е вариант.

Друг начин все пак има. Изберете Text Tool-а, задръжте alt и цъкнете някъде из документа – ще видите диалогов прозорец в който може да си въведете точния размер на параграфа.

параграф с точен размер

Седмица с Photoshop трикове – Background слой

От заглавието става ясна темата за идната седмица – кратки знайни и незнайни хитринки в Photoshop, трикчета, който могат да спестят много време и нерви, използвани правилно в подходящия момент. Тази седмица е и препратка към Photoshop World, който започва в Вегас след 3 дни.

Има няколко начина да се направи един Background слой – нормален. Стандартният е по подразбиране най-бавният и той е като се чукне два пъти на слоя. След което виждате диалог за нов слой, цъквате ОК и вече може да манипулирате слоя както си искате. Този начин работи, но ако за всяко дребно нещо се отделя по толкова време една на пръв поглед проста задачка може да отнеме в пъти повече време, ако не се използват преки пътища под една или друга форма.

indd buttons

За да спестите време при тази проста команда начините са два: прочети повече…

Интерактивност с бутони в PDF файл

Коментар в блога от преди ден ме провокира да драсна няколко реда за интерактивността, която може да се вмъкне чрез InDesign в PDF документ, затова ще се обърна директно към Янко Андреев – той попита.

Думата интерактивност приема различни измерения по смисъла на интеграция в PDF файл, но в общия случай е комуникация между документа и юзъра.

Доколкото разбрах въпроса от коментара (дано съм разбрал правилно) ме питаш как може в PDF файл да се направи като минеш с мишката върху някакъв елемент той да си променя вида. С други думи как да се сложи rollover state на елемент през InDesign. Ето как – за целите на примера си направих два файла в Photoshop. Един малък черен квадрат за Normal State и един малко по-голям за Over State. Ако си разцъквал поне малко Dreamweaver или Fireworks може би вече се сещаш какво следва.
Създай си нов документ в InDesign (File > New). От тук File > Import (ctrl + D) и избери да вкараш картинката с малкото квадратче в InDesign.

indd buttons

Сложи я на произволно място. За момента тази картинка е обект за InDesign. Трябва да я прочети повече…

Дълбок нокаут на слой

След лятната пауза е време за няколко поста преди втората лятна почивка :). Направо да започваме – какво е дълбок нокаут ( Deep Knockout )? Накратко казано терминът Knockout се използва в предпечата за местата, където два цвята се препокриват – долният се knockout-ва – не се принтира, като тази техника често се прилага и при текст, когато текстът е бял върху цветен фон – белият текст се изрязва (knockout-ва) като за неговия печат “се използва” цветът на хартията. В функцията, която ще опиша смисълът на knockout е сходен.

В предния пост говорих за една не толкова популярна, но понякога животоспасяваща отметка Layer Mask Hide Effects. Малко над нея в Blending Options на слоя се намира падащото меню на Knockout, в което се крият 3 възможности – none, shallow и deep.

deep knockout

None е ясно, но какво могат Deep и Shallow? прочети повече…

1 2 3 … 11  нагоре