Showing posts with label Vector. Show all posts
Showing posts with label Vector. Show all posts

Sunday, January 17, 2010

Vector Graphic

Vector GraphicDrawing shapes and paths

Drawing in Photoshop involves creating -not so complexe thing that you can imagine before- here it is, vector shapes and paths. For better or worse, you can easily create this thing with the Freeform Pen tool, Shape tools, or the Pen Tool (P) . Each tool's option are totally available in the flying menu in the left of options bar.

Before you begin drawing in Photoshop, you must choose a drawing mode from the options bar. The mode you choose to draw in making certain whether you create a vector shape on its own layer, a work path on an existing layer, or even just a rasterized shape on an existing layer.

I think you gotta know well your workflow first, each tool define in its regulation. Vector shapes (see the explanations here!) are lines and curves you draw using the shape or pen tools. After that, we talk about Paths, Paths are outlines that you can turn into selections, or fill and stroke with color. The outline of a shape is a path. You can easily change the shape of a path by editing its anchor points. Usually I said to you by Right + Click or something.

Finally, a work path is a temporary path that appears in the Paths palette and defines the outline of a shape.

You can use paths in several ways:
• Use a path as a vector mask to hide areas of a layer. (See “About layer and vector masks” on Vektor with Photoshop)
• Convert a path to a selection. (See “Convert paths to selection borders” on Vector... again)
• Fill or stroke a path with color. (See “Fill paths with color” on Again Line Art and Illistration look)

To get put it all right and more control over the final look of your images, then Shape Layers and Paths are the way to go.



Vector Graphic

Vector Graphic

Vector Graphic

Vector Graphic

Vector Graphic

Vector Graphic


I try to be careful and wish you enjoyed it so much then maybe picked up a new trick or two.
See other samples here!



Tuesday, November 03, 2009

Lady Shoes in Vector

Lady Shoes in VectorBonjour mes amies. I've had several requests on how to use this amazing tool in Photoshop, Pen Tool (P) to create anything. Well today my Photoshop friends, your prayers have been answered. Here's the step by step using that cool magnifique tool.

It took the time to go through this tut. For me, the result was amazing if I added more samples in real vector just like in my image galery said, and I am honestly pleased with this. I’ve been trying to make a decent realistic looking something for ages, and finally.. GOT IT!!! I remembered this. Thanks for taking the time to figure all the lessons out and share the results with everyone if you'd like to!



Let’s see, how to create.


First of all, Open your New Document of Height & Width 1000×800px.
Fill your Foreground Color with #50472e or something you like then make a gradient like this ; Remember, each action in each saparate Layers!



Lady Shoes in Vector


Create a New Layer, name it path of shoe then create the following shape with Pen Tool (P). Right + Click and choose Make Selection.


Lady Shoes in Vector

Lady Shoes in Vector


Use your Paint Bucket (G) tool or simply hit Alt + Backspace to fill the selected area with # 999999 like as shown below.


Lady Shoes in Vector


Easy fellas, easy!!! Get the Dodge Tool (O) to create following highlight in it.


Lady Shoes in Vector


You are AWESOME! I love your moves! Now switch your Dodge Tool (O) into a Burn Tool (O) by pressing the Shift + O to create the following shading ;


Lady Shoes in Vector


Make a New Layer & a new selection like given below & fill #646464 this color. I rename this layer with Hole.



Lady Shoes in Vector



Ctrl + J
to duplicate your Hole Layer then press Ctrl + T to transform that Hole Layer a little bit bigger then the first one, press Ctrl + Click on your copied Hole thumbnail Layer and fill it with #5e5e5e by pressing Alt + Backspace



Lady Shoes in Vector



Again, give the following shading with the help of Dodge Tool (O).


Lady Shoes in Vector


Create now a new layer and name it Inside & create a new path with the help of Pen Tool (P) like given below. Slow down while using this tool.. Feel it! Watch each point you've made. Done?!?!

Set your Brush (B) size in about 3px diameter and set the Foreground Color with this #5e5e5e gray color.

Note : Do not check the Stimulate Pressure


Lady Shoes in Vector


Right + Click
& choose Stroke Path


Lady Shoes in Vector


Excellent!!! Your image now will be shown as below.



Lady Shoes in Vector



Take a break for a moments doods. Drink your hot choccolate or something! Lmao!!!

OK, back to the job! Now press Ctrl + Click on your Hole Copy Layer Thumbnail to make a selection around the image, give the shading with the help of Burn Tool (O)



Lady Shoes in Vector



Create a new layer, name it Brighter & create a new path with the help of Pen Tool like given below.



Lady Shoes in Vector



Doods, You Rock! Now Right + Click & select Stroke Path with the brush size 2px.

Note : Now you can check the Stimulate Pressure. See the different!


Lady Shoes in Vector


Press Ctrl + H to hide the Path. Still with the Brighter layer selected, go to Menu Filter > Blur > Gaussian Blur then enter in about 5,1px for radius. Then Turn the Opacity into about 15%


Lady Shoes in Vector


Activate your Path of Shoe layer on the Palette Layer, press Ctrl + J to duplicate it. Drag your Path of Shoe copied layer just below the real Path of Shoe layer and rename it with Shadow... and guys... do some messed thing like like this... :p



Lady Shoes in Vector



Geeezzz.. How to do that?!?!? Enter to Menu Edit > Transform > Warp. Notice that Shadow is now as a selected active layer.

After that tricky annoying part... you can go to Menu Filter > Blur > Gaussian Blur and enter 8,3px for the radius set.


Lady Shoes in Vector


Voila! You can take a peep at your hard work now!!!



Lady Shoes in Vector



For finishing touch, all that’s left to do now is fix to make all things right. Erase any part you do not want to appear like the edges of the upper part of the shoe to clean up your image to get the realistic lady shoes. Find all the additional layers and layer styles in the downloadable lesson files at the end of the tutorial.






View other shoes samples here! Well guys... I hope you’ve enjoyed the tutorial.

Download PSD File here!


Saturday, February 07, 2009

Vector Image Renewal (PSD)

Vector Image Renewal (PSD)


Photographic and Vector

Although the Design-Based is quitely different with the Vector Bitmap, not a few people who also make a vector design must involve the photographs as source material for creating the design and Vector Tracing. Note the second picture below, the image comes on the image (bitmap), which was then converted to vector design by using the technique Tracing.

Sample Bitmap and Vector

Tracing technique is a most loved technique by designers, because the object that has been in the Tracing as if entering the world of cartoons. Tracing techniques that are used by every one was different, it depends on the creativity of each and also how far the understanding of image processing software (vector) that is used.

Sometimes also a lot of people who want to go deep knowledge of the cobwebs photography, in order to get a picture that you want to turn into the design vector corresponding desires.

Bitmap images and Vector image

Therefore, the design of more vector used to create designs that emphasize soliditas form and color, size and flexibility, such as logo design, letterhead, cartoons and so forth.

To create a vector design, you need to use software design vector, there are various options that can be used, such as Adobe Illustrator, Macromedia Freehand, Corel Draw and so on. Of the many vector processing software, graphic designers tend to be many who choose Adobe Illustrator as vector processing software. This is due to various considerations, such as skills, facilities, features, and compatibility offered by the program output illustration software giant Adobe, Inc.. In addition, the already long-known Adobe Illustrator be knowledgeable professional illustration software as a design (design vector) number one in the world.

Bitmap Design

This kinda type design is the design of a bitmap, or the general design is called Raster (Raster based design). Bitmap or Raster design is composed of objects from the point - called dot/pixel - with various colors arranged in a row-column vertical and horizontal - called the grid - with a certain level of sharpness.

Imagine the design as a set of bitmap dots in a mosaic. When the mosaic is viewed at a certain distance, you will find a picture / image you want. However, if you zoom in it looks, you will find dots image editor to start - generally referred to as the effect of broken (jaggy).

The nature of design bitmap that looks like this broken is called the resolution is not free (resolution dependent). Type design is suitable bitmap used to display the image with the fad that many color, texture variety, and so does not require the flexibility of size, such as images.

Bitmap image will appear broken when the enlarged. To create or edit design objects bitmap, you need software image processing / image editing, such as Adobe Photoshop, Jasc PaintShop Pro, Corel Photopaint, and so forth.

Vector Design Purpose

It is encouraging that someone would learn something is the usefulness of this. Similarly, when you want to learn the design vector, of course read in your mind, what is the benefit to learn this skill one? Here are a few things that can be obtained from the ability of the design vector:

1. Design vector used to create design that require soliditas shape, color, size and flexibility, such as a logo and letterhead. With the design vector, you will be more capable in the design, to create or edit a logo design, letterhead and so forth. Design and logo creation is one of the creative work that will meet your time working with the graphic design world.

By using the Pen Tool on Photoshop, set the parameter just like this :

Vector Image Renewal (PSD)
Vector Image Renewal (PSD)
Vector Image Renewal (PSD)
2. Vector design enables you to further explore the ability to create a form, select the color, adjust the layout (layout), and various elements of the other basic design. The more often you train to make the design vector, the more skillful you are in making a design.

Vector Image Renewal (PSD)
Vector Image Renewal (PSD)

3. Vector design allows you to display the identity of your personal papers in a design that you do. Why? This is because the design of an object is a vector illustration, which will never have two illustrations that can be truly equal. Artistic touch of the designer behind the very strong view color vector objects concerned. So, we will be able to identify with the figure of a particular designer. Is the place you showed identity.

Here we had 22 Shaped Layer which is a hundred percent of Opacity after we've done, but before, you should decrease the Opacity into 0% (NULL).


Vector Image Renewal (PSD)
4. Vector design enables the exploration of form and design elements that were not found in the Peng-edits bitmap image. An illustration gives designers a freedom to form and to edit it, in accordance with the imagination and technical too. The restrictions have only a matter of creativity.

Vector design allows you to create original works that has dank with the personal touch. This is a most base why you need to take to work through the design vector. Through because you can show the world who you are actually OK ..!

Voila... this is how we made that... how about you guys??!?!?!

Vector Image Renewal (PSD)
If you guys wanna make it fast, you could use the Effect from
the Photoshop Menu directly...
Here are some samples if you pick Effects displayed
on the menu and
the result similiarly like
Vector Trace...


1. Paint Daubs

Vector Image Renewal (PSD)
2. Dry Brush

Vector Image Renewal (PSD)
3. CutOut 1

Vector Image Renewal (PSD)
4. CutOut 2

Vector Image Renewal (PSD)
5. Colored Pencil

Vector Image Renewal (PSD)


Related Topics :

  • Air Brush Style
  • Dancing Text Animation
  • Menu Navigation
  • Abstract Background
  • Rain Effect
  • Matrix Effect
  • Firing Text
  • Retouching Image
  • Transparent Image