Welcome Guest [Log In] [Register]
Welcome to Amebo Graphics. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Fireworks Stock + Render Sig Tutorial; My first tut too :O
Topic Started: Jan 12 2008, 09:46 PM (585 Views)
.Rand0m
Member Avatar

Amebo Staff
Meh, I doubt anyone here uses Fireworks but I wanted to make a tutorial so yeah. If you have photoshop or something you can probably follow along fairly well though, I dunno. But yeah, here it is.

1. Start with a blank canvas for the sig, mine's 300x120.
Posted Image

2. Grab a stock from somewhere -- I'll be using this cloud stock.
Posted Image

3. Posted Image Use both the dodge tool and burn tool on the stock. Set the exposure to 50 on both and use the Highlights range for dodge and the Shadows range for burn. I find it works best to do the same amount of dodging and burning.
Posted Image

4. Posted Image Make a new rectangle the same size as your sig and set it to 0,0. Put a transparent texture on the rectangle that is 100% textured. Make sure to use a texture that'll look good with the sig, and use a color that matches the colors of the stock but that you can still see. I'm going to use these white horizontal lines.
Posted Image

5. Posted Image Select the rectangle only and go to Commands > Creative > Fade Image. Select a fade that will place the texture in a place on the stock that is not the main focal point.
Posted Image

6. Add the render. This works best with either an abstract C4D render or a fractal render. I'll be using a fractal render. It may be best to duplicate the render and place it in multiple places of the sig.
Posted Image

7. Posted Image Make the render a matching color and matching lightness. In this case, I'll be going to Commands > Creative > Convert to Grayscale and Filters > Adjust Color > Brightness/Contrast, but depending on the render, you may not have to do the same.
Posted Image

8. Posted Image Add some vector images, like from dings fonts you can download from dafont.com. I'll be using an image from WM Designs 1. Make them be a matching color and put them underneath the texture you created.
Posted Image

9. Add matching text and a border and you're done! Here's the finished outcome of mine:
Posted Image
It didn't come out very well, hahah, but this is just the one I made for the tut.
Here's an example of a sig in this style that didn't come out too bad:
Posted Image

Enjoy and don't rip ^_^
Posted Image
Offline Profile Quote Post Goto Top
 
Red Ranger
Member Avatar

Admin
Sweet. Not compatable with gimp though. Transfer to those lines I'd deffinatly try it.
Posted Image

Proud Amebo Designs Co-Founder.[/color][/font]
Offline Profile Quote Post Goto Top
 
.Rand0m
Member Avatar

Amebo Staff
Hahah, Fireworks is so awesome. I'm too lazy to make it a GIMP tut or a PS tut though. Maybe Jay can transfer it to GIMP for you or something. Hahah.
Posted Image
Offline Profile Quote Post Goto Top
 
Jay77710
Member Avatar
Administrator
Admin
Oh, I see. You want ME to do all the work?!? :lol:



oh and good job. I didn't read it but it looks good ^_^
--○○oo»Jay«oo○○--
AGFX founder and
forum administrator
Posted Image
http://jay77710.deviantart.com/
Offline Profile Quote Post Goto Top
 
Red Ranger
Member Avatar

Admin
Well, you are super jay :-p.
Posted Image

Proud Amebo Designs Co-Founder.[/color][/font]
Offline Profile Quote Post Goto Top
 
Jay77710
Member Avatar
Administrator
Admin
oh yeah, I almost forgot
--○○oo»Jay«oo○○--
AGFX founder and
forum administrator
Posted Image
http://jay77710.deviantart.com/
Offline Profile Quote Post Goto Top
 
.Rand0m
Member Avatar

Amebo Staff
Hahah. Thanks :wub:
Posted Image
Offline Profile Quote Post Goto Top
 
Jay77710
Member Avatar
Administrator
Admin
Okay... I read it now. Very nice job.

and it shouldn't be hard for me to convert to photoshop or gimp if I ever take the time to do it.

also... It's a good idea to put this all on one big image instead of little images with text. That way the only way to rip is to use a screencapture program.
--○○oo»Jay«oo○○--
AGFX founder and
forum administrator
Posted Image
http://jay77710.deviantart.com/
Offline Profile Quote Post Goto Top
 
.Rand0m
Member Avatar

Amebo Staff
xD Since when do you need a seperate program to screen capture? But yeah, I should probably make them all one image... it's just Fireworks sometimes crashes when working with huge images... and I'm not worried about ripping now, anyway, I mean, it's really not that great of a tut... just my first, hah.

And if you don't make it to a GIMP/Photoshop tut, I'd at least like to see your take on it ^_^
Posted Image
Offline Profile Quote Post Goto Top
 
imaginate
Member Avatar

Members
to let you know, with all the debt respect, that you ****ed the stock... =)

no offence but...man! where have you seen clouds with scanlines???

look this...

Posted Image

Posted Image
Posted Image
Posted Image

MESSAGE FROM JAY: Imaginate has just been accepted to the Amebo Graphics team... everyone congratulate him...
Offline Profile Quote Post Goto Top
 
.Rand0m
Member Avatar

Amebo Staff
Lawlz, I know, I didn't put too much work into the one I made for the tut... and yeah it looks really bad, not only because the stock is screwed over. But oh well =/
Posted Image
Offline Profile Quote Post Goto Top
 
Itsme1
Member Avatar

Members
Jay77710
Jan 15 2008, 04:35 PM
Okay... I read it now. Very nice job.

and it shouldn't be hard for me to convert to photoshop or gimp if I ever take the time to do it.

also... It's a good idea to put this all on one big image instead of little images with text. That way the only way to rip is to use a screencapture program.

Can't you just right click, save image as?

Don't worry about people ripping on this site yet, atleast I won't.
Posted Image
Offline Profile Quote Post Goto Top
 
« Previous Topic · Tutorials · Next Topic »
Add Reply