Adobe Fireworks: струва ли си да преминете към CS5?

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

Аз съм също така и постоянен читател на Smashing Magazine — едно доста популярно списание за дизайнери и дивелъпъри.

Днес — може да се каже и така — тези две мои любими неща се обединиха в едно, и аз съм горд да се похваля, че Smashing Magazine публикуваха първата ми статия за Fireworks — подробно ревю на Adobe Fireworks CS5!

Fireworks CS5 е по-бърз, по-добър и по-производителен от всякога, и аз го използвам всеки ден! Надявам се, че моята статия ще бъде полезна за читателите на Smashing Magazine — засега има доста позитивни коментари там… :)

Adobe Fireworks CS5 излезе…

…и аз горещо ви го препоръчвам! Този път, версията е много по-успешна от предишната (CS4).

Fireworks CS5 е бърз, стабилен, с минимум бъгове, стартира бързо и не изисква много памет. Работи добре еднакво добре под последните версии на MacOS X, и Windows XP/Vista/7.

fireworks cs4/cs5 logos

Бърз списък с новите неща:

— графичните инструменти във версия CS5 са почти същите, но вече може да създавате и Compound Shapes — специални групи векторни обекти, които хем се редактират поотделно, хем са и едно цяло;
— вече се поддържа и .ase за цветовете (Adobe Swatch Exchange форматът);
text engine‘ът има някои нови особености, които правят обработката на текст в PNG файловете много по-лесна и удобна;
— поддържа се и експортът към FXG 2.0;
— импортирането на векторни или битмап обекти от Illustrator CS5/Photoshop CS5 е почти безпроблемно;
— градиентите във Fireworks CS5 (linear, radial) сега имат и dithering опция;
— PI панелът реагира по-бързо и е още по-многофункционален;
fill/stroke и live filters се редактират много по-лесно — има добавени нови опции в PI;
— нова Snap-to-Pixel опция (ctrl/cmd+K);
— нови възможности за създаване и отваряне на файлове от templates (плюс, може да създавате и сами такива темплейти и да ги споделята в малък екип);
— интегриране с Adobe Device Central;
— подобрена работа с Flash Catalyst, Illustrator, Photoshop;
— и още много други неща!

Bruce Bowman, продуктовият мениджър на Fireworks, вече анонсира новата версия, а след това и публикува подробна статия (статията е страхотна, btw — прочетете я!), в която описва всички по-важни нововъведения и нещата, заради които бихте искали да направите upgrade към CS5. И не само това — в момента се работи и по нов pacth за версия CS4, който ще подобри работата и с по-старата версия на Fireworks.

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

Личното ми мнение е: Ако в момента ползвате Fireworks CS4, изобщо не се замисляйте, дали да преминете към Fw CS5! Струва си! А да не споменавам и че Fireworks е по-добър дори от Photoshop — особено що се касае до работата с вектори, дизайн за Web/екран, и prototyping/wireframing! :)

(NOTE: Все пак, ще се наложи да изчакате поне месец, преди Fireworks CS5 да стане достъпен за поръчване или 30-days trial download. CS5 приложенията ще се появят на пазара официално в средата на май 2010.)

Daily Design (2010-020): Очите на нощта II

Daily Design
(click the image to see in original size)

Meta info:
Software: Adobe Fireworks
Time: ~ 30 m
Idea & completed: 2010/Jan/18 @ 18:00)

Този път не само идеята е на Ани, но и тя ми ми помогна да направя илюстрацията още по-съвършена!

А също така, вече може да видите, къде се крие котката, която казваше “Miaaaoou!” в предишния епизод! ;)

Daily Design (2010-019): Очите на нощта

Daily Design
(click the image to see in original size)

Meta info:
Software: Adobe Fireworks
Time: ~ 15 m
Idea & completed: 2010/Jan/18 @ 14:30)

Идеята беше на Ани, но пък аз си нарисувах илюстрацията, съвсем сам! :-P

А ако се чудите, къде е котката, която казва “Miaaaoou!” вдясно… може би тя ще се появи отделно в някой нов епизод! ;)

Имитация на Looney Tunes с Fireworks

Да създаваш и редактираш графика в Adobe Fireworks е лесно. И не само лесно, но и приятно и забавно!

Кой не е виждал този екран на Looney Tunes? Затова преди няколко дни ми хрумна малко да си порисувам с Fireworks и да се опитам да го имитирам. Ето го и моя опит:

A Looney Tunes imitation with Adobe Fireworks
(клик за пълен размер!)

Нямам шрифта на Looney Tunes, а и можех да направя по-хубава имитация, но може би някой друг път — дори и така не изглежда лошо (а пък и да не вземат Time Warner да ми се сърдят нещо, че съм ги копирал, ако го пресъздам твърде точно)… :)

Конкурс за най-добри wallpaper’и, направени с Fireworks

Някога искало ли ви се е да притежавате retail софтуер на Adobe?

Може би сте графичен дизайнер, но Photoshop, Fireworks, Flash, Illustrator и всички останали сериозни програми за графичен/уеб дизайн и анимация са извън вашия бюджет? (Или пък ви е омръзнало да търсите “crack”-нат софтуер?;-)

Ако рисувате и създавате векторна графика с Fireworks, сега е вашият шанс да спечелите копие на Adobe CS4 Web Premium* пакет, плюс $ 200, плюс шанс да напишете и публикувате tutorial/статия за Adobe Devnet | Fireworks — защото всичко гореизброено е само първа награда на един чудесен конкурс за уолпейпъри! (Има и второ и трето място;-)

Мислите че се шегувам? Ни най-малко!

Всичко, което се иска от вас е:
— създайте оригинален wallpaper с Adobe Fireworks (размер: 1280×960),
— изпратете го (заедно с вашата информация за контакти) на FireworksZone, и…
— вече участвате!

Fireworks wallpaper contest

Пълни подробности може да прочетете тук: http://www.fireworkszone.com/g-2-535 (конкурсът се организира от FireworksZone и Adobe, които го спонсорират)…

…но (по молба на организаторите) съм публикувал пълните подробности и в английската версия на моя блог: Adobe Fireworks Wallpaper Constest.

Ако имате въпроси или коментари, не се колебайте да пишете на организатора на конкурса!

Да не забравя — крайната дата за участие е първи декември 2009, така че ви остават само две седмици за рисуване!

Всичко, което се иска, е да нарисувате с вектори и оригинални ефекти във Fireworks един wallpaper 1280×960 и да го изпратите на FireworksZone. Това е!

Форматът, в който трябва да го изпратите, е Fireworks (editable) PNG (.png или .fw.png). Всички останали подробности ще научите (както вече споменах) тук или тук.

Последно — ако също като мен сте почитатели на Fireworks, и/или се занимавате професионално с уеб/графичен дизайн, ще оценя изключително много, ако публикувате инфо и във вашия блог или просто re-tweet’нете съобщението за конкурса! Мерси предварително! ( кратък линк към подробната информация на английски: http://bit.ly/fw-w-contest )

[wp:svejo-net]

____________
Забележка: (*) Adobe CS4 Web Premium съдържа: Adobe Dreamweaver® CS4, Flash® CS4 Professional, Photoshop® CS4 Extended, Illustrator® CS4, Fireworks® CS4, Acrobat® 9 Pro, Soundbooth® CS4 и Contribute® CS4. Ориентировъчна цена в Щатите: USD 1699.00, ориентировъчна цена в Европа: EUR 2399.00. Ако спечелите първа награда, не е възможно да вземете равностойността на наградата в парично изражение.

Why Fireworks?*

Понякога ми се случва да чуя “Adobe Fireworks? Какво е това?” или “Защо ми е Fireworks, ако ползвам Photoshop/Illustrator?”.

Вместо отговор, бих искал да покажа следната илюстрация:

Mercedes SLA, drawn in Adobe Fireworks
— тази векторна илюстрация е създадена с Fireworks през далечната 2005 година, от Fred Michel (за съжаление, не успях да намеря повече инфо за автора) [оригинален PNG editable файл].

Или пък:

A compass, by David Hogue
— това е илюстрация на David Hogue, направена преди няколко дни, като опит да използва същата техника, като в един tutorial за Illustrator [оригинален PNG editable файл].

Не е зле, нали? ;-)

С Fireworks може да се създават много магии или пък обикновени заигравки с цветове. Това е идеалната програма за уеб графика — комбинира в себе си най-доброто едновременно от bitmap и векторния свят. По-лесна за употреба от Illustrator, още по-лесна от Photoshop. Не, не е безплатна, но не е и скъпа (около 3 пъти по-евтина от Photoshop, ако трябва да съм точен).

Някои предпочитат GIMP. Други — Inkscape. Някои професионалисти в графичния дизайн пък използват само Illustrator или Photoshop. Аз си оставам привърженик на Fireworks и ще се радвам, ако Adobe продължат с успешното й развитие…

Личното ми мнение е, че за уеб графика и за всякакви графични задачи за екран (работа с RGB/RGBa), Fireworks е перфектният инструмент! :-)

UPDATE (2009/Sep/23):

Illustration by Ryan Hicks, drawn in Fireworks
— пропуснах да покажа и тази страхотна илюстрация на Ryan Hicks [оригинален PNG editable файл].

________________________
*Защо Fireworks?
— популярна статия на дизайнера Stéphane Bergeron, публикувана в Adobe Devnet.

Ягодка, в цвят и в черно-бяло…

Гери показа, как лесно и бързо с GIMP може да редактират цветове, и по-специално, как може да се създаде ефектът “избирателно оцветяване” — примерно, черно-бяла снимка, и в нея има само един или два цветни обекта.

Естествено, прииска ми се веднага да пусна Fireworks и да видя, дали може също толкова лесно да се постигне същият ефект (или може би дори и по-лесно?).

Оказа се, че наистина е лесно, а тази ягодка ми отне само няколко минути работа (снимката е на Ани, cc):

wild strawberry

Как става?

Вероятно има поне 5 или дори 10 начина да се постигне този ефект, но ето как процедирах аз:

1) Отваряте произволна снимка с Fireworks;
2) ctrl+shift+D за “клониране” на layer-а със снимката;
3) Сега в панела Layers имате два еднакви слоя, и двата цветни;
4) Избирате по-долния, “заключвате” го;
5) Избирате по-горния, Commands > Creative > Convert to Grayscale;
6) Сега имате черно-бял слой над цветен слой, които иначе са еднакви;
7) Оттам нататък, е лесно: просто изтрийте (Marquee Tool, Eraser Tool, etc.) части от горния, черно-бял слой, и съответните цветни части ще започнат да прозират отдолу. Done! :-)

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

Ако досега не сте опитвали, може и вие да пробвате да се заиграете с цветовете — в GIMP, Fireworks, Photoshop — самата техника би трябвало да е почти една и съща за повечето съвременни графични програми:)

@Гери: Мерси, че ме зариби да си поиграя малко и аз… ;-)

Аз! Аз! На Adobe Devnet! :-)

Докато си почиваме с Ани на морето — само няколко откраднати дни, покрай Spirit of Burgas, Faith No More, и пътуването ни до Бургас и Бяла — излезе първата ми статия (tutorial) в Adobe Developer Connection.

Запознатите знаят, какво е Adobe Devnet, а пък за незапознатите ще спомена, че за мен е голяма гордост, че скромният ми труд за Adobe Fireworks CS4 и CSS Export опциите на любимата ми графична програма, са вече в секцията Adobe > Devnet > Fireworks! :-)

Разбира се, цялият extended tutorial е далеч от съвършенството, много неща можех да кажа и по-добре (и по-кратко), много други неща пък изобщо пропуснах да спомена; вероятно имам грешки тук там, но все пак съм доволен и ще се радвам, ако плодът на моите 100+ h работа се окаже полезен на повече от един дизайнер…

Толкова засега — стилът ми е телеграфичен, но утре ме чака посрещане на слънцето на плажа, мързел, плуване, снимане на водни пръски и… още повече мързел! :-)

PS Eто и директен линк към моя Fireworks tutorial.