(click the image to see in original size)
Meta info:
Software: Adobe Fireworks
Time: ~ 30 m
Idea & completed: 2010/Jan/18 @ 18:00)
Този път не само идеята е на Ани, но и тя ми ми помогна да направя илюстрацията още по-съвършена!
А също така, вече може да видите, къде се крие котката, която казваше “Miaaaoou!” в предишния епизод! ;)
(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!” вдясно… може би тя ще се появи отделно в някой нов епизод! ;)
Да създаваш и редактираш графика в Adobe Fireworks е лесно. И не само лесно, но и приятно и забавно!
Кой не е виждал този екран на Looney Tunes? Затова преди няколко дни ми хрумна малко да си порисувам с Fireworks и да се опитам да го имитирам. Ето го и моя опит:
(клик за пълен размер!)
Нямам шрифта на Looney Tunes, а и можех да направя по-хубава имитация, но може би някой друг път — дори и така не изглежда лошо (а пък и да не вземат Time Warner да ми се сърдят нещо, че съм ги копирал, ако го пресъздам твърде точно)… :)
Някога искало ли ви се е да притежавате retail софтуер на Adobe?
Може би сте графичен дизайнер, но Photoshop, Fireworks, Flash, Illustrator и всички останали сериозни програми за графичен/уеб дизайн и анимация са извън вашия бюджет? (Или пък ви е омръзнало да търсите “crack”-нат софтуер?;-)
Ако рисувате и създавате векторна графика с Fireworks, сега е вашият шанс да спечелите копие на Adobe CS4 Web Premium* пакет, плюс $ 200, плюс шанс да напишете и публикувате tutorial/статия за Adobe Devnet | Fireworks — защото всичко гореизброено е само първа награда на един чудесен конкурс за уолпейпъри! (Има и второ и трето място;-)
Мислите че се шегувам? Ни най-малко!
Всичко, което се иска от вас е:
— създайте оригинален wallpaper с Adobe Fireworks (размер: 1280×960),
— изпратете го (заедно с вашата информация за контакти) на FireworksZone, и…
— вече участвате!
Пълни подробности може да прочетете тук: 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 )
____________
Забележка: (*) 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. Ако спечелите първа награда, не е възможно да вземете равностойността на наградата в парично изражение.
Понякога ми се случва да чуя “Adobe Fireworks? Какво е това?” или “Защо ми е Fireworks, ако ползвам Photoshop/Illustrator?”.
Вместо отговор, бих искал да покажа следната илюстрация:
— тази векторна илюстрация е създадена с Fireworks през далечната 2005 година, от Fred Michel (за съжаление, не успях да намеря повече инфо за автора) [оригинален PNG editable файл].
Или пък:
— това е илюстрация на 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):
— пропуснах да покажа и тази страхотна илюстрация на Ryan Hicks [оригинален PNG editable файл].
________________________
*Защо Fireworks?
— популярна статия на дизайнера Stéphane Bergeron, публикувана в Adobe Devnet.
Гери показа, как лесно и бързо с GIMP може да редактират цветове, и по-специално, как може да се създаде ефектът “избирателно оцветяване” — примерно, черно-бяла снимка, и в нея има само един или два цветни обекта.
Естествено, прииска ми се веднага да пусна Fireworks и да видя, дали може също толкова лесно да се постигне същият ефект (или може би дори и по-лесно?).
Оказа се, че наистина е лесно, а тази ягодка ми отне само няколко минути работа (снимката е на Ани, cc):
Как става?
Вероятно има поне 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 — самата техника би трябвало да е почти една и съща за повечето съвременни графични програми:)
@Гери: Мерси, че ме зариби да си поиграя малко и аз… ;-)
Докато си почиваме с Ани на морето — само няколко откраднати дни, покрай 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.
Миналата неделя, се получи така, че почти целия ден рисувах за удоволствие с Fireworks/Flash (а каквото не успях да довърша тогава, дорисувах във вторник;-).
Първо, Анчето ми показа някакъв блог с красива рисунка в header’а (направена, може би, с Illustrator) и каза, че е много трудно или дори невъзможно да я прерисувам.
“Ааа, така ли?” — казвам аз, пускам Fireworks и се залепям за екрана на ThinkPad’а!
Четири часа по-късно работа само с клавиатура и TrackPoint (вместо мишка), се получава следният резултат (имитация #1):
(click for larger size)
Може да сравните с оригиналната илюстрация в header-а на онзи блог:
(click for larger size)
Двете картинки са почти еднакви, минус 1-2 детайла (примерно, нарисувах заек с дълги уши вместо кукла), но нищо съществено… все пак, не исках да създам 100% идентично копие.
Всичко, което виждате върху моята илюстрация, са само вектори и Live Effects във Fireworks, и съм доста доволен от резултата;-)
После, превключих на Flash, и се опитах да прерисувам една картинка на Ани, която тя нарисува преди няколко дни.
Ето го и моят първи опит с таблет (имитация #2):
(click for larger size)
Използвах Wacom таблет (от най-малките им, простички модели) и Flash; когато рисунката беше готова, експортирах към Fireworks. С Flash и таблет се рисува много лесно (nixonixo ме научи;-) и също и редакциите на вече нарисувани форми и линии са много лесни и приятни — имаш чувството, че хем работиш с вектори, хем ти липсват ограниченията, които те обикновено налагат.
А като време, ми отне ми около 2 часа рисуване, може би…
Тук може да видите оригинала, от който се водих:
(click for larger size)
Пак, има разни малки разлики, но нищо съществено…
Последно, същия ден имах и идеята да пресъздам една истинска снимка, направена по време на слънчевото затъмнение на 22 юли 2009 (върху нея виждате слънцето срещу статуята на Махатма Ганди, на фона на много тъмно небе).
За съжаление, денят беше твърде кратък за толкова много креативност, и поотложих осъществяването на идеята ми, но два дни по-късно, намерих малко време, и ето, имитация #3 беше готова!
Това, което виждате по-долу, е пак Fireworks, само вектори и 1-2 ефекта:
(click for larger size)
А ето и оригиналната снимка от The Big Picture (прилагам я само за сравнение тук):
(click for larger size)
Този път, се справих бързичко, по-малко от час, може би. Не се е и опитвах да направя перфектно копие, а по-скоро да видя, дали може набързо с вектори да успея да имитирам снимката. Май се получи… :)
* * *
Обичам да рисувам с Fireworks!
Забавно е. Приятно е. Може да вършиш много сериозна работа с тази програма (графичен дизайн, лого дизайн, обработка на снимки, и какво ли още не), а може и просто да се забавляваш и да си рисуваш нещо за удоволствие, ей-така…
(Между другото, продължавам да се учудвам, колко добър може да бъде Fireworks, и с векторните си инструменти, и с възможностите си за bitmap редактиране… и колко недооценен продължава да бъде, за Adobe, и за немалък брой професионалисти, занимаващи се с графичен дизайн, особено с графичен дизайн за Web. Надявам се това да се промени, един ден…)
Междувременно, ще продължавам да ползвам Fireworks, и за сериозна работа, и за забавни опити да имитирам чужди произведения (снимки, векторни илюстрации, рисунки, etc.) — може би скоро пак ще си измисля една креативна неделя;-)
И да не забравя да цитирам Пикассо накрая:
“Good artists copy, great artists steal.”
—Pablo Picasso
Може би затова толкова много обичам да имитирам… :-p
[ english version ]
Неотдавна, търсейки логото на Firefox в по-голям формат, попаднах на един любопитен сайт, който се казваше:
На него нямаше нищо друго, освен… едно изключително голямо лого на Firefox браузъра във формат PNG, 4500×4330 пиксела! :-)
Домейнът беше също толкова дълъг и описателен, както и заглавието на сайта: http://www.maybethisisthebiggestlogooffirefoxintheworld.cn.
В момента разглеждате архивите на категория Fireworks.
