Как да създадем Aqua бутони във Fireworks (и Photoshop)

Първи tutorial (за да постигнете този интересен ефект):

Aqua buttons with Macromedia Fireworks

Fireworks How To: The Ultimate Aqua Button (tutorial) (автор: Brian Edgin)

Горния ефект може да пресъздадете лесно с Macromedia (Adobe) Fireworks, версия от MX/MX 2004 нагоре.

Ще цитирам кратък откъс от tutorial’а на Брайън Еджин:

What I discovered was that Fireworks’ blend of vectors and bitmap-like live effects is far more suited to creating these kinds of graphics than any other application I’ve ever worked with. From CorelDraw and XaraX to Illustrator, Paint Shop Pro and Gimp to Photoshop, nothing has ever been able to match Fireworks’ ability to design with a minimum of necessary shapes and none even begin to approach Fireworks’ workflow and usability.

I developed the following Aqua button technique with only the best looking result as my guide. By taking full advantage of all that Fireworks has to offer, the technique and final result has a number of advantages over any other technique I’ve seen.

  • It takes the fewest number of steps (for a technique that doesn’t leave out any design elements)
  • It uses fewer objects to complete the design
  • All the elements of the button remain fully editable
  • The final button is made entirely out of vector objects

[ . . . ]

Няма как да не се съглася с автора, тъй като аз съм правил този tutorial, и си спомням, че наистина беше лесен и приятен за изпълнение. По същото време, с Photoshop се изискваха доста повече стъпки, за да се постигне същият резултат (още една причина да предпочета Fireworks пред всяка друга програма;-).

Естествено, по онова време (2004), и Fireworks, и Photoshop бяха доста по-различни от сега…

Затова, за феновете на Photoshop, ето един друг tutorial, който ще ви научи, как да правите всевъзможни бутони за уеб, включително и Aqua buttons (страници от 1 до 3):

Aqua buttons with Adobe Photoshop

Build Beautiful Buttons in Photoshop, Part II (автор: Corrie Haffly)

Тези дни ми се ще да си припомня някои (позабравени) умения във Fireworks и да си поиграя и поекспериментирам малко, пък да видим, дали ще ми остане свободно време… Ако успея, после ще се хваля с постигнатите резултати;-)

* * *

А ако някой от вас се сети за проверени (и лесни за изпълнение) tutorial’и за постигането на същия качествен и красив Aqua Effect, но с други графични програми (GIMP, Illustrator, InkScape, и др.), ще оценя високо, ако ми оставите линк в коментар! (благодаря предварително) :-)

4 comments |



Comments to “Как да създадем Aqua бутони във Fireworks (и Photoshop)”:

  1. Огнян Says:
    1

    Миналата седмица загубих поне 1 час да се опитвам да постигна този ефект с Fireworks-а и накрая се отказах…
    Благодаря за линка!

  2. Michel Says:
    2

    @Огнян:

    А, няма защо, радвам се, че на някого съм бил полезен!! :-)

    Успя ли лесно с tutorial’а, който линкнах, btw? Аз си спомням, че съм го правил някога, и беше много лесен и приятен…

  3. Огнян Says:
    3

    @Michel
    Да, успях и то при положение, че съм прост програмист, който почти си няма идея как се работи с графични tool-ове като fw i ps…

  4. Michel Says:
    4

    @Огнян:

    Много се радвам! :-) Tutorial’ът беше добър, а Fw е доста интуитивна програма… :-)

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Your e-mаil address will never be showed.


[ optimiced.com е виртуалният дом на Мишел, уеб/графичен дизайнер от слънчева прашна София | powered by WP & DreamHost | also available in English ]

0.529 / 33 / 19.25