| 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: |
| Fireworks Stock + Render Sig Tutorial; My first tut too :O | |
|---|---|
| Tweet Topic Started: Jan 12 2008, 09:46 PM (585 Views) | |
| .Rand0m | Jan 12 2008, 09:46 PM Post #1 |
![]() ![]()
|
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. ![]() 2. Grab a stock from somewhere -- I'll be using this cloud stock. ![]() 3. 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.![]() 4. 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.![]() 5. 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.![]() 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. ![]() 7. 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.![]() 8. 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.![]() 9. Add matching text and a border and you're done! Here's the finished outcome of mine: ![]() 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: ![]() Enjoy and don't rip
|
| |
![]() |
|
| Red Ranger | Jan 12 2008, 09:49 PM Post #2 |
![]() ![]()
|
Sweet. Not compatable with gimp though. Transfer to those lines I'd deffinatly try it. |
![]() Proud Amebo Designs Co-Founder.[/color][/font] | |
![]() |
|
| .Rand0m | Jan 12 2008, 09:51 PM Post #3 |
![]() ![]()
|
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. |
| |
![]() |
|
| Jay77710 | Jan 13 2008, 03:15 PM Post #4 |
|
Administrator
![]()
|
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 ![]() http://jay77710.deviantart.com/ | |
![]() |
|
| Red Ranger | Jan 13 2008, 03:35 PM Post #5 |
![]() ![]()
|
Well, you are super jay :-p. |
![]() Proud Amebo Designs Co-Founder.[/color][/font] | |
![]() |
|
| Jay77710 | Jan 13 2008, 03:45 PM Post #6 |
|
Administrator
![]()
|
oh yeah, I almost forgot |
|
--○○oo»Jay«oo○○-- AGFX founder and forum administrator ![]() http://jay77710.deviantart.com/ | |
![]() |
|
| .Rand0m | Jan 13 2008, 04:55 PM Post #7 |
![]() ![]()
|
Hahah. Thanks
|
| |
![]() |
|
| Jay77710 | Jan 15 2008, 04:35 PM Post #8 |
|
Administrator
![]()
|
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 ![]() http://jay77710.deviantart.com/ | |
![]() |
|
| .Rand0m | Jan 15 2008, 10:49 PM Post #9 |
![]() ![]()
|
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
|
| |
![]() |
|
| imaginate | Jan 18 2008, 10:43 AM Post #10 |
![]() ![]()
|
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... ![]()
|
![]() ![]() MESSAGE FROM JAY: Imaginate has just been accepted to the Amebo Graphics team... everyone congratulate him... | |
![]() |
|
| .Rand0m | Jan 19 2008, 01:53 PM Post #11 |
![]() ![]()
|
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 =/ |
| |
![]() |
|
| Itsme1 | Apr 14 2008, 10:02 PM Post #12 |
![]()
|
Can't you just right click, save image as? Don't worry about people ripping on this site yet, atleast I won't. |
| |
![]() |
|
| « Previous Topic · Tutorials · Next Topic » |







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.
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.
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.

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.
Add some vector images, like from dings fonts you can download from dafont.com. I'll be using an image from 















7:14 PM Jul 10