View Full Version : How to achieve this effect?
Enlighter 06-06-2005, 06:31 AM Ok ok I know its prolly something super simple, but it caught my eye and as simple as it is I think its awsome.
LINK TO EFFECT HERE! (http://www.gamedev.net/community/forums/topic.asp?topic_id=323961)
The link above and then the logo for the game. The Ocean's tale logo. I just think that it looks great and was wondering how I could just make a simple shape that had a similar effect on it?
Any advice would be appreciated. And all work belongs to Kloudsoft (not trying to rip anyone just would love to know the technique)
Thanks in advance.
|
|
malcolmvexxed
06-06-2005, 09:26 AM
if you're talking about this
http://www.evilkarma.com/kloudsoft/otlogo.gif
if it's not a font the best way imo to do it is to create vector art using illustrator's pen tool then just fill with that blue to dark blue gradient they're using. for most TITLE block stuff that's how I do it. The 'tale' part is a very simple use of layers and either straight airbrushing or a glow effect, it's too small for me to tell which. the shadow looks like another gradient in a selection shape, probably a lasso with a feather to give the soft edge.
so if you're saying you have a shape (like a star) and you just want that blue to dark blue fade, you can:
throw a gradient (shortcut-'g') and make sure gradient type is solid to solid. Put it on 100% and normal setting. then create both colors with your color tool and use it. this is how i'm more comfortable working as long as you know how to use gradients it should take a couple of seconds.
Enlighter
06-06-2005, 10:12 AM
cool. I will play around with it. thanks.
Skjoldbroder
06-06-2005, 11:33 AM
also, if you want to keep your stuff editable, do them as vectors like Malcolm says and attach a couple of layer styles (stroke, gradient color overlay, outer glow, etc.) and you can resize without having to redo stuff (in most cases)
Licanin
06-06-2005, 12:39 PM
Personally, I would do this in Illustrator. Much easier to edit if you need any changes.
Licanin
06-08-2005, 05:15 PM
Ok.
this is little tutorial that I made for this occasion. First idea was to exactly replicate logo above but then I slightly drifted away. :))
Let's start:
1. Draw a sketch and scan it.
2. Roughly 'clean' it in photoshop. Save it as JPG
3. Open new document in Illustrator and place image into that document(File/place).
4. Now, first little trick that I find useful when I'm working with template is: Double click on layer(the only one at the moment) and check template. Put percentage to 100%. Click OK.
Now smart bit. Put 40% transparency on this layer. Create new layer and drag below template layer. This way you will always see artwork, even with objects with Fill colours.
5. Trace edges. All 'holes' are done with pathfinder options. Example: small hole in 'O'. First I created big circle. Then small one. Selected both and then on pathfinder palette clicked on Subtract button.
6. Once all shapes are finished, I applied 'Round corners' (Filters/Stylize/Round corners). To convert any filter into object go to Object/Expand option. There, now you should have nice round shapes.
7. Another clever bit: GROUP shapes before applying gradient fill. This way gradient will fill all shapes as one object.
8. Apply (on group) shadow(filter/style/drop shadow)
9. Last part: Select whole group and go to Object/Path/Offset path. Choose how much you want to offset it. Extra path is formed around original. Change fill to white and stroke to yellow.
10. Send that selection to background.
11.Delete template layer
With little practise , it will take 5-10 minutes to do it.
If any question arise, don't hesitate to ask.
Cheers
Enlighter
06-10-2005, 06:41 AM
AWSOME haha. I will play around with it.
jl-23
06-30-2005, 01:54 PM
good things!
CGTalk Moderation
06-30-2005, 01:54 PM
This thread has been automatically closed as it remained inactive for 12 months. If you wish to continue the discussion, please create a new thread in the appropriate forum.
vBulletin v3.0.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.