Obox Signature Series - $50 for pure quality

How to Add Detail to a Design Element
Posted on 27 May, 2009 at 15:41 PM There are already 20 Comments

About the Show

David shows you how to enhance a simple ribbon effect in Fireworks.

By adding gradients, drop shadows and multiple layers, in a balanced and controlled way, you will realise that there is huge scope to enhance the look of almost any element in your design.

User Comments

meredith's Gravatar

meredith    27 May, 2009 15:53:51 PM

Wow David. Thank you for enlightening us to your shiny, blingified design skills :)

I still don't understand what good fireworks is though. Maybe you could enlighten me to that? :P


kyle steed's Gravatar

kyle steed    27 May, 2009 15:57:56 PM

Sweet tut man! Even the simplest things in a design require much attention, and that's what I love about this site. Well that and the videos. ;)


David Perel's Gravatar

David Perel    27 May, 2009 15:58:50 PM

@Meredith - My dear, you have to experience it to understand it. ;)


mko's Gravatar

mko    27 May, 2009 16:56:31 PM

Solid workflow! I would add that other method for the shadow is to use 10-20px feather-fill (instead of blur/filter).


divinefusion's Gravatar

divinefusion    27 May, 2009 17:29:14 PM

slick :)


Tony Oravet's Gravatar

Tony Oravet    27 May, 2009 17:41:40 PM

Great Video David! Thanks for walking us through the process of how you were able to create such nice ribbons for the site. Thanks so much!

BTW....we love the new cleaner look of the site!


patrick james's Gravatar

patrick james    27 May, 2009 17:42:40 PM

Nice! Bummed that i don't have Fireworks. Guess i'll have to invest in that. Hope to see more tutorials from you man. The result is fantastic. :)


David Perel's Gravatar

David Perel    27 May, 2009 17:51:26 PM

Thanks everyone, super glad you found it useful :)

@Mko - The reason I use the filter is so that I can adjust it if I change my mind on the blur ratio.


Rob MacKay's Gravatar

Rob MacKay    27 May, 2009 18:32:44 PM

duuude - nice tut again :)

Its amazing what you can get these lower ranking adobe products to do...

;-)


abbyroadie4's Gravatar

abbyroadie4    27 May, 2009 20:27:26 PM

I could watch your tutorials all day. You make it look so easy! This one made me really sad that I don't have Fireworks.

Why are people so against Fireworks anyway?


David Perel's Gravatar

David Perel    27 May, 2009 22:11:00 PM

@abbyroadie4 - No idea what their problem with Fireworks is... I won't use anything else for web design....


Colorburned's Gravatar

Colorburned    28 May, 2009 01:26:05 AM

Really nice tutorial!


Talya's Gravatar

Talya    28 May, 2009 12:07:14 PM

Thats so damn cool!


Gui Moreira's Gravatar

Gui Moreira    28 May, 2009 13:25:14 PM

Awesome!!!!

I love From the couch each day more! Thak you guys, keep the good work!


Cassie's Gravatar

Cassie    28 May, 2009 22:42:50 PM

I use Fireworks at least 20 times a day. I would marry it if I could. It's too bad I kind of suck at using it but this was an awesome tutorial and I could probably pull it off now.


Tom's Gravatar

Tom    30 May, 2009 03:19:56 AM

really excellent tutorial, thank you.


demogar's Gravatar

demogar    30 May, 2009 17:14:14 PM

Great tut!

What font is it?


Oxide's Gravatar

Oxide    30 May, 2009 17:17:20 PM

Awesome as usual! I really need to start using Fireworks for my design.


WebDev's Gravatar

WebDev    30 May, 2009 17:40:30 PM

Helpful video tutorial. The technique shown is good looking one and can be easily made by other free graphic software too, like GIMP :)


Elena's Gravatar

Elena    31 May, 2009 07:14:10 AM

Brilliant Dudes! I always was wondering how that wraparound effect was created. This video totally simplified it.


Drop a Comment

Name

Email

Link

Comment

Send me e-mail notifications.