Tuesday, July 14, 2009

Basic Vector Graphics

Requirements:

. Adobe Fireworks CS3 / Macromedia Fireworks 8. (Any Version will work)
. Basic Knowledge in Vector Graphics and in using the authoring tool.

Hi! Did you experience creating your own character using Vecto
r Graphics?
Or do you have multimedia, or animation subject? Maybe this tutoria
l can
help you creating your smiley, or cartoon character in a basic and easy
way using Fireworks (Any Version)

Final Output:

Now let’s start creating your vector smiley.
1.) First you need to create an ellipse shape from tool’s panel, vec
tor section. And set the border color and size. Now, under the properties inspector, on fill categories, choose gradient > linear, then the color must be #000000 to #666666 and try to make its color like on the illustration. The color depends on your wants but since this is basic color shading, I used #666666, #333333, #000000 and #ffffff.
2.) Create other ellipse shape and set the border to invisible or opacity = 0
Set the color to gradient > Linear > color must be #666666 and the other side set as #ffffff and set the opacity = 0.This will be create a shine effect on your smiley.


3.) Start Creating your eyes, mouth, and eyebrow. Noted that, be careful in creating the eye because all of the emotions of your smiley will reflect in the eyes.


4.) Now if you’re done, combined the layers / object that you created and see the output
if it looks nice or not.



This Basic Tutorial and All the Vector Graphics used in this page was composed and developed by Emil Jaranilla.
You can post this tutorial in your own site but please include credits and always link back to this page.
Thank you for reading this basic tutorial, more tutorials on different topics will be post.

Amateur Photo

As a freelance web and graphic designer, I want to have my own stock photos for my clients and to use it for their websites for free; I really want to have any brand and model of DLSR camera to have my own stock photos and to enhance my photo editing skills. Their all expensive! Waa..


I tried to shoot some photos in our garden and try editing those photos to have a
better and nice output.


I used a Nokia 7200 to shoot this photo. I used Photoshop to edit this photo then, I really like the output because it looks like from DSLR camera.





Hope someone like those photos.


Now I learned that I can have that nice photo without using any DSLR camera.
All you need is the basic Photo Editing skills using Adobe Photoshop CS3.
But still, as a designer, I am looking for the best quality, best pixels that the
DSLR camera could ever do.

Here are the steps in creating and setting up the focus using Adobe Photoshop.


1.) First, know the image quality before sharpening the object that you wanted to have focus effect.
2.) Use the blur tool on the tools panel and set it’s intensity to the lowest value. To be specific, the best value for blur tool is 30 – 40.
3.) Apply the blur on the side of the photo around the object that you have sharpened.
4.) See of you got the output that you want
5.) Finish!