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

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

Тук идва моментът с подреждането на визитките по цялата площ на A4. Вариант е да се дублицира вече групираният обект, така се получават два визитки. След което да се трансформира отново ( Transform Again ctrl+D), като по този начин се запази разстоянието от последото дуплициране и вече имаме 3 визитки на ред. Групираме реда, дублицираме отново и имаме два реда и още един път ctrl+D и стават 3 x 3. Не е чак толкова бавно, но ако имате една и съща визитка с 15 различни текста за 15 човека и това трябва да се едитне по 9 пъти на всеки. Тогава вече става “къде ми отиде следобеда”. Естествено има и по-гъвкав начин като се използва Effect > Distort & Transform > Transform.

След като сте вмъкнали визитката в Illustrator, сложили сте текста и сте групирали всичко това в един обект отидете на Effect > Distort & Transform > Transform. В моя случай съм избрал групираният обект да се дублицира вертикално 2 пъти.

След което селектирайте отново обекта от който започна всичко, и отново отидете на Effect > Distort & Transform > Transform. Ще получите въпрос дали искате да apply-нете ефекта още веднъж. Отговорете положително като изберете Apply New Effect. Tози път правя две копия хоризонтално. Обърнете внимание, че при второто прилагане на ефекта, въздействието му не e само върху групирания обект, но и върху двете копия вертикално.

Ефектите, които приложихме могат да се едитнат по всяко време тъй като са live ефекти. За да промените стойностите на трансформацийте селектирайте обекта и отворете Appearance панела Window > Appearance (Shift+F6).

Сега вече имам 9 копия от визитката на равни разстояния вертикално и хоризонтално. Ако обаче погледна outline-а на тези 9 копия (View > Preview / ctrl+Y) виждам единствено обекта който първоначално импортнах. Което значи само едно – всички тези обекти са производни на този обект и всяка промяна по този обект автоматично ще се приложи на всички останали. Това е и причината да добавя текста в Illustrator.

Това не е всичко – стойностите на тези трансформации могат да се запазят в Graphic Styles (Shift+F5), за да може да ги приложите за секунда, ако ви се наложи отново след месец, два или година.

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

Creative Suite 4 Printing Guide е достъпен както lowres файл (PDF, 4.6M), така и highres (PDF, 17.7M).

част 1 | част 2 | част 3 | част 4 | част 5

Като гледам това представяне и знам какво може Illustrator сега, 20 години по-късно, ми е трудно да си представя какво ще се случва с векторната графика и изобщо с дигиталните инструменти за създаване на визия след още 20 – ако изобщо ги има във вида и формата, в която ги познаваме.

Multiple Artboards в Illustrator e добавка, за която се говори от много време и най-накрая в CS4 я виждаме в действие. Сигурен съм, че в следващите версии на пакета ще има добавки към тази добавка, но нека видим засега какви нови възможности ни предоставя Multiple Artboards.

Още когато създавате нов файл File > New може да зададете с колко artboard-а да бъде той и как да са разположени. Естествено дори и да не го направите в началото може да променяте размерите, броя и разположението на artboard-ите както си поискате. Формата на самия artboard не може да се деформира – тя може да бъде само квадрат, правоъгълник и тн, то няма и смисъл да може според мен.

Както казах веднъж създадени и напълнени с съдържание artboard-ите могат да се местят както само очертанията на самия artboard, така и заедно с съдържанието. За да преместите artboard без съдържанието изберете новия инструмент Аrtboard Тool (Shift + O), за да влезнете в Artboard Edit Mode. Курсора се превръща на нещо като move tool, с него селектирайте artboard-а който искате да местите и го издърпайте на желаната нова позиция. Ако обаче искате да преместите artboard-а заедно с съдържанието му трябва да активирате едно бутонче преди да започнете да местите – бутона се намира на горния бар Move / Copy Artwork with Artboard.

Може да селектирате artboard-и в някои момнети Illustrator третира като отделни обекти в някои моменти като един обект и това ми харесва, че го прави разумно. От една страна може да селектирате обекти от различни artboard-и едновременно, от друга страна с едно натискане може да селектирате всики обекти на един artboard – Select > Select All in Active Artboard.

Когато искате да виждате рулерите това може да стане също избирателно в зависимост от предпочитанията ни. От една страна може да се вижда един общ ruler за всичко , което е отворено View > Show Rulers ( ctrl + R ), от друга страна може да се показва ruler само на активния artboard View > Show Artboard Rulers ( ctrl + alt + R ). Както поотделно двете опции могат да се включени едновременно.

По-същия начин избирателно могат да се показват и гайдовете, но логиката е малко по-различна. За да създадете гайдове, който да се простират по целия екран може да си ги създадете по-същият начин както в предните версии – издърпвате от ruler bar-а гайд и го позиционирате. Тук идва и добавката – ако искате гайдът да е видим само в границите на един artboard влезте в Artboard Edit Mode (ctrl + O), селектирайте artboard-а, на който искате да слагате гайдове и изрърпайте по същия начин гайдовете върху него. По този начин гайдовете, които създавате няма да се виждат по дължината на целия екран, а само в границите на съответният artboard.

Ако искате да създадете artboard, със същите размери като друг вече съществуващ artboard влезте в Artboard Edit Mode (ctrl + O), селектирайте artboard-а с желания размер, и горе от бара изберете иконката NEW ( червеното квадратче ). След като го натиснете за курсора ще ви се закачи artboard със същите размери, остава само да му изберете позиция.

И за какво е всичко това?! Всички тези усложнения?
Прилагайки елементи от една рекламна концепция на много файлове ( визитки, брошури, плакати и тн) вече няма импортвам стилове, цветове, четки и тн от други документи. Много по удобно е когато целият ресурс от presets е в един файл и същевременно може да се използва от много файлове, вкарани като artboard в него.

До сега Illustrator можеше да създава pdf с много страници само с трикове и много загуба на време. С multiple artboards това става бързо – Save as > PDF > All (or range of pages).

А дали в възможно да се импортва multipaged pdf в Illustrator CS4?!
Възможно е, но само за MAC юзърите с един droplet от Mordy Golding.

Малко за Guides във Photoshop

Често ми се случва да търся центъра на изображението – по тоя случай можем да направим две неща:
1. Издърпайте си гайд от ruler бара и го доближете към центъра на изображението. В някои случай гайдът сам се залепва за центъра, когато го доближите, в други случай обаче това не се случва. Ако все пак държите да си отбележите центъра, а не става по този начин отидете на View > New Guide и от там напишете 50% съответно за хоризонтален или вертикален гайд. Между другото този трик с процентите е единствената възможност, ако искате да включите тази процедура с гайдовете като част от action, така може да си добавите и shortcut към въпросния action и да си отбелязвате центъра с гайдове само с едно натискане. Също ако си правите лейаут на сайт, който в последствие ще пресъздадете с CSS (или някой CSS Framework), View > New Guide и задаване на стойност в пиксели е за предпочитане заради бързината, точността.

2. Ако започнете да дърпате гайд от ruler бара и в този момент се сетите, че не ви трябва хоризонтален, а вертикален, просто задръжте alt докато го дърпате и той ще промени ориентацията си.

3. По default гайдовете са със синкав цвят. Ако работите по изображение, в което преобладава синият цвят, трудно ще забелязвате гайдовете.

В такъв случай може да им промените цвета от Edit > Preferences > Guides, Grid, Slices & Count.

Малко за Guides в Illustrator

1. Както казах по-горе Illustrator третира гайдовете като обекти. Което значи, че те могат да деформират, позиционират с много голяма точност, трият като обекти и което е най-важно не е задължително гайда да е чертичка – той може да е всякаква форма и паралелно с това да си запази свойствата на гайд.

2. Ако ви прозвуча малко объркано пробвайте следното. Създайте един кръг ( Ellipse Tool – L ), селетирайте го, след което отидете на View > Guides > Make Guides (ctrl+5). Кръга вече е гайд. Ако пробвате с ctrl+; той ще се скрие. Но и ако го отключите (ctrl+alt+;) може да го деформирате както си искате.

И това не се отнася само за това кръгче, а за който си поискате обект. И на всичкото отгоре по всяко време може да направите обратното – да преобразувате гайд в обикновен обект View > Guides > Release Guides (alt+ctrl+5). Това го искам в Photoshop CS4 по възможност :).

3. Не съм забравил за Smart Guides (ctrl+U), но това не е тема за една точка, а за цял пост, затова ще я прескоча тук.

Тъй като pdf форматът е достатъчно гъвкав не е кой знае каква новина, че поддържа swf още от по-стари версии, но с 9-ката нещата придобиват друга форма – тук вече ясно се усеща, че Flash и PDF работят като едно цяло. Освен, че acrobat.com вече e по-скоро онлайн приложение, комбинирано с Adobe ConnectNow, Buzzword, възможност за споделяне и ъплоуд на файлове (подобно на Photoshop Express) семейството на Acrobat се превръща в един много мощен и гъвкав  инструмент в ръцете на дизайнера с широк спектър на употреба.
Топика в този пост е създаване на портфолио и по-конкретно колко лесно може да си направим ефектно портфолио без особени усилия с Adobe Acrobat 9 Pro Extended.

Отваряме Adobe Acrobat 9 Pro Extended оттам File > Create PDF Portfolio. Това е същественото :).

Следва да издърпате в самия файл файловете, който искате да включите в портфолиото, като файловете могат да бъдат всякакъв тип без zip, stuff, exe и app. От дясната страна имате нещо като spry меню, от което може да променяте цветовата схема, както и лейаута, може да добавяте header с текст и снимка, може да добавяте, за по-подробно описание, нещо като мини метадата към всеки файл от портфолиото, и накрая естествено има възможност да го запазите, както и да го share-нете директно през новия acrobat.com. За да го share-нете имайте на ум, че трябва да е save-нат преди това. Мисля, че с съвсем малко разцъкване ще се убедите, че нещата стават елементарно с едно натискане. Изобщо новият Acrobat rulez!

Естествено такъв тип презентация или портфолио може да си направите и с малко action script и Flash или с Flex, но ако не искате за нещо толкова просто да се набърквате там пробвайте с Acrobat – елементарно е.

Може също да хвърлете един поглед както и да участвате в Acrobat 9 PDF Portfolios Contest.

В Photoshop CS2 наред с многото добавки, Adobe добавиха и възможността да се прави селекция на повече от един слой, което влиза в употреба много често. Утре ако остане време ще драсна няколко типа за по-различна и спестяваща време употреба на multylayer selection – много яко въведение в Photoshop CS2, взаимствано и присъщо дотогава на Illustrator.
Освен, че слоевете могат да се селектират по няколко едновременно, могат и да се link-ват и unlink-ват (хитро а :)). Но тука е готиния момент. Ако имате много link-нати слоеве и искате да преместите един от тях независимо от останалите, с други думи временно да го “отвържете” от групата, да го преместите и пак да си го “вържете” без да link/unlink останалите слоеве. Дори без да отивате на бутона link. Просто както имате link-нати слоеве задръжте shift и цъкнете на малката иконка от дясно на слоя. Индикацията, че се е получило е червен Х върху link иконката.

По този начин го “развързвате”, докато си свършете работата, след което отново shift и цък на същото място върху иконката и отново е вързан за останалите. Ако имате два три слоя не спестявате кой знае колко, но ако са повечко в различни папки може и да ви отнеме време да ги навържете отново.

Ако имате поредица от цветове (swatches) в Photoshop може лесно да ги разцъкате и в Illustrator и InDesign. От малкия триъгълник в горния десен ъгъл на панела изберете Save Swatches for Exchange, което ще ви запази, където му посочите swatch-a с всички цветове, които виждате в панела в формат в който и InDesign и Illustrator разбират. Оттам отивате в съответното приложение, отваряте swatches панела, от същия триъгълник избирате Load Swatches и готово.

В Illustrator отново под малкия триъгълник в десния ъгъл се намира опция, която се среща само тук – Persistent.

Случвало ли ви се е да имате няколко отворени swatch-a от swatch lybrary-то, и след като рестартирате Illustrator по някаква причина трябва да ги отваряте един по един отново, защото не са “запазени”. Малко нерви така. Затова има Persistent. Ако селектирате Persistent, swatch-овете, на които сте го избрали ще остават отворени след реастарт.

Сещам се друго, което пак е валидно само за Illustrator. Става дума отново за swatch панели отворени от swatch lybrary-то. Отваряте един, втори, трети и те се подреждат в един панел като табове. Ако затворите целия панел с всички табове от X, следващия отворен от swatch lybrary-то панел се подрежда до другите, който току-що сте затворили. Ако искате да ги затворите всички и да отворите единствен нов таб трябва всяко табче да се затвори от неговия си X.

Ако се чудите за още едно място откъде да си набавите яки цветови схеми – kuler се нарича приложението (за повече инфо погледни тук и тук и тук). Кuler, последния негов ъпдейт и Adobe SwitchBoard ви тябват за да може цветовите схеми да са на един клик разстояние :). И като казах kuler – него може да намерите и в Illustrator. Единственото приложение от CS3, което си дойде с вграден kuler, може би тестов, но си работи перфектно. Него може да намерите под Window > Adobe LAbs > kuler, много му се радвах в началото, но след като се появи AIR приложението и SwitchBoard добавката с ъпдейта го позабравих.

Същото нещо може да направите и с Illustrator по абсолютно същия начин, но там възможностите за размер на preview-то са 3 – Small, Medium и Large.

И още нещо – ако искате да промените не само preview-to на шрифтовете, но и големината на самите надписи по user interface-а в Photoshop, ето как става – отидете на Edit > Preferences > General, оттам падащото меню на UI Font Size.

Ако промените големината трябва да рестартирате, за да видите ефекта. Лично аз не променям големината на надписите по UI, но все пак ако някои работи на висока резолюция и иска малко по-големи букви – има го като опция :).

Понякога се налага да се обезцветяват изображения нацяло, понякога частично, а понякога просто се търси нюансът на определн цвят в посока desaturation/saturation, за да си направите цветова гама например. Illustrator, за разлика от Photoshop и InDesign може да прави обезцветяване на цвят в самия панел по-различен начин. Отворете си color панелa в Illustrator, изберете си някакъв наситен цвят, задръжте ctrl и започнете да дърпате някои от слайдерите в произволна посока. Ще забележите, че се движат два или повече слайдера едновременно, защото натиснатият ctrl бутон казва на Illustrator, че искате не да промените цвета, а да го saturate/desaturate.

Прехвърлям темата, за да драсна и няколко реда за едно състезание, което вече приключи – AudioJungle Wallpaper Contest и в което победителите са ясни. Просто от любопитство или като място, от където да почерпите малко вдъхновение тук може да видите галерията с победителите, както и да си свалите, wallpaper-а, който ви е по сърце. Освен първите три места, отдолу на самата галерия има меню, от където може да разгледате и други участници (runners up). Размерите на wallpaper-ите са доволни!