Фото-стилове в Adobe Fireworks

По принцип, Adobe Fireworks не е предвиден за сериозна обработка на снимки (и bitmap изображения).

{fw} Lincoln car (Fw style)

Въпреки това, програмата има и такива възможности, което е голям плюс, когато се работи основно в “смесена” (vectors+bitmaps) дизайнерска среда, за екран.

По-горната илюстрация се получи за по-малко от 3 секунди, като използвах обикновена снимка, и приложих готов фото-стил във Fireworks.

Ето и оригинала:

{fw} Lincoln car (photo)

Стиловете, които може да използвате за различни видове готови фото-манипулации (и не само), се инсталират лесно, и след това може да се прилагат във всякакви ситуации.

Ето два интересни сета, готови за сваляне и употреба:

Photo styles set (1) на финладския дизайнер Mikko Vartio
Photo styles set (2), на Linus Lim

Може да се получат интересни ефекти, при това лесно и бързо! А най-хубавото е, че всеки може да си направи свой набор от стилове, при това не само за обработка на bitmap изображения.

Цветни прасета с банджо (2)

Още две “цветни” интерпретации на банджо прасетата на Никсо:

Colors by Vladi
(така “видя” цветовете Влади)

Colors by Vanya Ivanova
(а така “видя” цветовете Ваня)

Това е от същата вечеринка, когато заедно с приятели оцветявахме банджо прасета всякакви… Интересно, как всеки вижда различно! :)

Цветни прасета с банджо

Какво може да бъде по-хубаво от едно прекрасно нарисувано прасе с банджо? Прасе с банджо… в цвят! :)

— поне така видях аз цветовете на рисунката…

Но ето още един вариант — оцветен от Ани:

Използвани технологии: Разпечатва се картинката във висока резолюция, след това се оцветява с акварелни моливи, сканира се във висока резолюция, resize/export във Fireworks, готово!

Самото оцветяване е доста забавно… Може би трябва да поизпринтим още прасета и да си направим едно нова вечеринка с оцветяване… ;)

Note 1: Оцвететените варианти на илюстрациите на Никсо са под същия CC, както и оригиналът.)
Note 2: No banjo pigs were harmed during the coloring of these illustrations! ;)

The Bomb [wallpaper]

Daily Design
(десен клик и избирате “save link as…/save target as…”)

Този wallpaper май не беше одобрен за SimpleDesktops, но аз го харесвам, така че ето, всеки който иска, да си го сваля и ползва свободно! ;)

Форматът на картинката е PNG24 (файлът е създаден/оптимизиран с Adobe Fireworks, така че е само 30 kB!) и е голям достатъчно, за да се поберена всякакъв десктоп (2560x1600px). А, и да не забравя — Ани ми помогна много! :)

За рисуването с Fireworks (и с вектори)

Ако някой е любопитен (освен мен), приблизително така може да изглежда един файл, докато работя с него:

Daily Design deconstructed

На screenshot’а съм селектирал повечето елементи, за да се виждат като vector outlines; трябва само да се отбележи, че някои от елементите специално в този дизайн са Symbols и поради тази причина не се виждат като outlines, а също и техните градиенти не се виждат (gradient handles). В по-голямата версия се виждат и част от панелите във Fireworks (макар и затъмнени, за да остане фокусът в центъра).

Често съм чувал хората да казват (примерно, Пейо;-), че дизайнът с вектори не е нещо интересно. Според мен е точно обратното — изключително интересно е, просто е по-различно от рисуването с молив или Wacom tablet… А и ако не бяха векторите (в различни техни вариации), нямаше да съществуват прекрасни рисувани поредици, като Петъчният Заек на Ани, Евстати и Архимед на nixonixo, комиксите на TheOatmeal, и още много-много други неща!

Да се опитваш да пресъздадеш парченца от реалния свят с помощта на криви, live effects, градиенти, слоеве и под-слоеве, светлини и сенки, и други подобни дигитални “тухлички”, е занимателна задача, която понякога може да отнеме часове, дни или дори седмици…

Познавам някои тотално откачени илюстратори — като Fred Michel, за който писах в моята статия по темата в Smashing Mag:

(Тази илюстрация на Volkswagen Tiguan му е отнела със сигурност няколко седмици работа във Fireworks!)

А има и още по-откачени илюстратори, които са способни да прекарат хиляди часове (!) в рисуване с вектори в Illustrator, за да направят макет на истински кораб (и дори не един)!

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

А специално рисуването с Fireworks е изключително забавно! Вярно, програмата не е толкова мощна като Adobe Illustrator — за сметка на това, е по-лесна, по-интуитивна, и прави едно нещо изключително добре (дизайн за уеб/екран), вместо да се “разпилява”, като последните версии на Photoshop, който се опитва едновременно да е редактор за снимки, инструмент за уеб дизайн (доста неудобен и неефективен, трябва да отбележа), 3D приложение, а също и кафеварка (тази последна функция, кхем, ще е достъпна само в следващата версия на Ps;-).

Adobe Fireworks CS5 splash screen

С Fireworks, почти всеки може да се научи да комбинира цветове и форми буквално за броени минути; в него може да се работи едновременно с вектори и с битмап обекти, което дава голяма гъвкавост; добавянето и редактирането на live effects е изключително лесно; градиентите са по-добри от тези, които може да намерите дори в последните версии на Ai и Ps; липсва ненужната сложност на концепцията “Layers, Sub-layers”, която намира приложение във Photoshop (тоест, слоеве има, но във Fw се работи по-скоро директно с обекти, което доста ускорява работата); ако решите, може да създавате и забавни (или полезни) малки анимации изключително бързо и лесно; и има много други неща, които са тема за отделна публикация…

Разбира се, с вектори може да се работи и в Illustrator, Flash, Corel, Inkscape, и много други програми (платени и безплатни) — всеки си има предпочитан инструмент. Лично аз, тъй като основно се занимавам с “местене на пиксели” (дизайн за екран и за Web), предпочитам Fireworks — смятам, че в момента това е най-добрият инструмент за целта.

* * *

Ще ми се да завърша с кратка бележка относно моя Daily Design, който малко по малко попремина в Weekly Design… ;)

Бях го замислил по различен начин, в началото на годината. Но докато се опитвах да измислям нещо ново всеки ден, установих, че идеите идват все по-бавно, а при изпълнението им имам два избора: или да направя нещата доста добре, с по-фино изпипани детайли (но да отделя на задачата поне час или два), или да “попретупам” работата и да надраскам нещо набързо. В един момент предпочетох да спра да се подчинявам на някакъв график, да изчакам да ми хрумне нещо достатъчно интересно, и понякога да отделя до няколко часа за изпълнението.

Е, вярно — може да се каже, че съм се провалил в оригиналния ми замисъл да създавам по нещо ново всеки ден, в продължение на поне 365 дни; от друга страна, всъщност съм успял, защото до края на годината вероятно ще съм създал поне петдесетина нови илюстрации, за мое собствено удоволствие, и ще съм научил още трикове и техники от областта на рисуването с единици и нули… Всичко зависи май от гледната точка!

…А сега, ако ме извините, трябва да приключвам с писането, защото имам спешна среща с един векторен заек, който го е страх да не го наблюдава някой — смятатам да го гледам втренчено поне следващите пет минути! ;)

Джефри Зелдман (анимирана версия)

Ако редовно следите блога на Jeffrey Zeldman, може да се зачудите, кой е направил този шантав анимиран GIF, който той публикува тази вечер?

Jeffrey Zeldman

(Е, а може и да не се чудите…)

Така или иначе, отговорът е “Аз!” а пък за програмата, с чиято помощ успях да го анимирам за под две минути (и в два варианта), сега няма да кажа… ;) (Един друг дизайнер дори предложи някой да добави музика и разни надписи в шрифт Impact…)

Понякога правенето на (безсмислени) глупости може да е доста развличащо — особено ако не можеш да заспиш късно вечер… Е, приятна е мисълта, че някой може дори да ги хареса (пък и оценявам обратния линк от zeldman.com)! ;)

“Силата на Adobe Fireworks”

Ето че втората ми голяма статия за Smashing Mag излезе миналия петък:

The Power of Adobe Fireworks: What Can You Achieve With It?

Няколо дена по-късно, статията вече има над 100 коментара, беше re-tweet’ната повече от 1000 пъти (!), успя да излезе на първа страница на delicio.us (като един от най-популярните букмарквани ресурси в мрежата за поне един ден), и беше спомената дори от готини пичове като Matthew Inman, чийто известен комикс TheOatmeal също е правен с Fireworks.

Измежду всички смислени, безсмислени, положителни и отрицателни коментари под статията, най- ми беше забавно да чета неща от рода на “Ама защо сложихте логото на Firefox в началото на статията? Нали уж пишете за Fireworks?”… ;)

Така или иначе, след няколко нощи недоспиване (а също и безброй дни, пракарани с чаша кафе пред ThinkPad’а), статията ми най-накрая беше публикувана… но в момента аз само чувствам умора, и вече почти никаква гордост, за цялото писане, редактиране, research, общуване с десетки дизайнери, и обработката на стотици Fireworks илюстрации… :-/

Писането на smashing статия #2 всъщност беше много забавно и вдъхновяващо (освен изморително), но сега пред мен се очертава само още работа. Така че… I’m going back to my ThinkPad and my cup of coffee! ;)

Over and out!

Red Watch Rebound

След днешния ми daily design, дизайнерът Dave Hogue прояви интерес към оригиналния Fireworks PNG файл, затова аз го споделих с него.

Малко по-късно, о! получих в мейла си неговия вариант на векторната ми илюстрация:

Daily Design

Както може да забележите, всичко е в детайлите — бих казал, че на мен ми харесва неговият вариант много повече — страхотна работа! :-)