ffff

Happy Diwali

Hi everyone wishing you a very happy Diwali

Pink for October

This month is dedicated for breast cancer awareness. we can make little contribution to this good thought. for more details kindly visit this site and do a little contribution towards the good work. Pink for October

Regards
Niki

Steps to Get Dry Fish poster.

Hi friends first i have to thank Ashok (bangalore) for the encouragement he has given me to do this. He inspired me to do these kind of photoshop work.

Whatever i have explained here is not only the method. May be you can start with this but there are plenty of other, easy and excellent methods are there to bring out these effects. whatever i have explained here is what i have done. so enjoy it .. and when you feel its helped you just add comments so that i can still improve in making tutorials much better.

If you don't understand anywhere in this tutorial kindly mail me to this ID webniki@gmail.com with title as the subject i am ready to help you.

Step 01



* Photo has been duplicated as “Layer 0 copy” as backup


Step 02



* A texture has been added with opacity 94% - to blend with photo


Step 03



* That layer has been duplicated and masked with the tool “Add vector mask” bottom of the layer panel with opacity 94%. And I have used the eraser tool with 100% opacity and flow and I erased around the fish. For the better visibility of the fish.



Step 04



* Here I have added Color balance option using the tool available bottom of the layer panel called “Create new fill or adjustment layer”. From there I have selected the color balance option and set the values as follows

Midtones = Red : +36, Green: -11, Blue: -1.

To get a kind of red warm feeling in photo



Step 05




* Here again Ive used the same tool to select the option called “Photo filter” to get a Yellow tint.

Select “Deep Yellow” using the filter dropdown box. And I kep the density 25%


Step 06



* Here I have duplicated the same texture image and I have added some focused light to the texture image and I kept opacity as 94% to get some focused look

This option is available from filter>render>lighting effects and follow the steps as it in the following image







Step 07



* Here Ive used the curves option from the “Create new fill or adjustment layer” tool which is available in the bottom of the layer panel. Follow the settings in the image follows






Step 08



* Here I have used a news paper image and I have placed it in the left top corner and applied the blend mode as overlay so that it get blend with photo and I have masked the layer and I have used the eraser tool to erase the edge of the image so that it get blended well with the photo


Step 09



* Here I have used a news paper image and I have placed it in the left top corner and applied the blend mode as overlay so that it get blend with photo and I have masked the layer and I have used the eraser tool to erase the edge of the image so that it get blended well with the photo


Step 10



* Here ive used the world map image and I have placed that in the top right corner of the photo and applied the blend mode as overlay and I have masked and erased the edges with erase tool.


Step 11



* Here I have added few dummy text and I have made it as it looks in the image and I have applied gaussion blur from filter menu. That time it become a image and I have reduced fill option to 37% so its visible but not bright.


Step 12



* Here I have created a blank layer and made a black feather ovel using elliptical marquee tool to get some dark space to keep the titles.









Step 13



*Here I have created a blank layer and made a black feather ovel using elliptical marquee tool to get some dark space to keep the titles.


Step 14



* Here I have started developing the title effect

I have used the following details to get the title effect

* Font : “Copperplate Gothic Bold”
* Size : 72pt
* Space between characters is : 100%

* And I have applied two separate colors for both words
* applied Inner shadow & glow option from “add layer style” follow the settings from the following images


Step 15




Step 16




Step 17



* Text has been added to down to the title


Step 18



* Here I have used a brush to get this circle (these kind of brushes available in internet for free)


Step 19



* Another brush below the titles


Step 20



* One more text with smaller size font


Step 21



* I have added one more text to add more depth and brightness to the highlighted text


Step 22



* This is groups of text I have used some smaller font size and used alignment as centered



Step 23



* Final Frame to the photo



Step 24



* This is the final touch

Thank you

If possible visit my photostream in flickr and enjoy the clicks.

Adobe Illustrator - Vector Graphics

Today we will discuss about the Adobe Illustrator which comes under the Vector Graphics Tool.

Adobe Illustrator

Illustrator was, in the early days, the graphic design (page layout) application before there was anything else. It was also the application, along with Apple’s Laser Printer, that revolutionized the printing industry. So in a sense, Illustrator is both a former DTP (desk top publishing) application and a normal vector drawing program. It’s quite possible to make the same layouts in Illustrator as you can in InDesign, though it is more difficult, takes longer and lacks a lot of features that InDesign has specifically for this purpose. Illustrator is both a web and print application, but is often regarded falsely as a logo-and-print-only application.


Illustrator can and sometimes should be used for the following web tasks:
•Logos (and that’s a must, because you really want scalability and easily editable logos)
•Small icons (the reason for this: it is much easier to do!)
•Graphics that don’t need to be photorealistic
•Flash (scalability is important)

That is almost complete list for web designing; the only thing missing is photo manipulation! As you can see, Illustrator is a lot more flexible than any other application in the Creative Suite.

What Illustrator should not be used for?
•Photo manipulation, unless you want to vectorize an image
•3D effects - this may come as a surprise for some, but Illustrator doesn’t render complicated artwork especially well (referring here to the Effect Menu in Illustrator, where Illustrator itself renders the 3D shapes). Square models are fine (like a CD case), but if you want fine rounded curves, you should use a true 3D application like Maya, Lightwave or 3D Studio. The rendering Illustrator does is horrible to such a degree that I wonder why they even bothered to add those features with Illustrator. Of course if you have the skills, you could draw your own 3D shapes with no problem at all, but as an Illustrator Effect I wouldn’t recommend it.


SVG (Scalable Vector Graphics)

SVG is an open standard graphics file format based on XML. SVG is text-based and, as the name suggests, fully scalable. Most other vector formats cannot be displayed on the Web without first being rasterised. SVG is a non-proprietary alternative to Macromedia Flash, which allows users to create vector objects, animated images, data-driven and interactive content that can be delivered via the Web. Currently, most Web browsers need a plug-in to view SVG content (see note below). SVG can also be delivered via mobile devices (e.g. phones and PDAs) and in print. Further information is available from the World Wide Web Consortium (W3C).



This is a static GIF format image. If your browser is SVG-enabled, you can take a look at an SVG version of the clock which moves in real time and shows the time according to your computer system clock. The SVG 'Analog Clock' is available (together with other SVG examples) on Adobe's SVG Samples page (this link will open in a new browser window).


If after following the link your browser is unable to display the SVG examples, it is probably not SVG-enabled. Internet Explorer requires the Adobe SVG Viewer plug-in. Firefox natively supports some SVG features, but by no means all.

This is the last post for this topic "Vector Graphics" I hope you all enjoy in reading this topic. i have attached white paper of this topic.

Enjoy Reading this

Download White paper on "Vector Graphics"

Regards
NikiJackson

Vector Graphics Terminology -2

Fill

A fill can be applied to any area within a path. Fills can be single blocks of colour, gradients, patterns or images (raster or vector).



Join

Two or more line segments meet with a join, and the join style can usually be one of three types: miter join, round join, or bevel join.




Line segment

Paths are made up of one or more line segments. A line segment comes between two anchor points and is either a curve or a straight line.



This path is made up of six line segments (one straight and five curved)

Path (Open Path; Closed Path)

The path is the basis for all vector objects. A path is made up of one or more line segments connected by two or more anchor points. Paths can be made from a combination of straight lines and curves, each of which may be made up of many connecting points. Paths can be open or closed. An open path is one with unconnected end points, while a closed path is one whose start and end points meet.


Open paths (anchor points and line segments shown in blue)



Closed paths (anchor points and line segments shown in blue)

Polygon

A polygon is any closed path made up of three or more adjoining line segments. Vector drawing programs usually provide tools for drawing ellipses (circles and ovals), squares and rectangles, and most have polygon tools allowing you to automatically draw other shapes such as triangles, stars or shapes with any number of sides. Once created, basic polygons can be edited to form much more complex shapes.




Rasterise

Rasterising is the process of converting an image from a vector format to a raster (or bitmap) format. Vector images usually need to be rasterised in order to print or display them on the Web. Once rasterised, the individual components of the vector graphic (paths, fills, strokes, text, etc) can no longer be edited. A vector image that has been rasterised is like any other raster image in that it is a 'resolution-dependent' matrix of pixels (i.e. it cannot be scaled without loss of quality).

The conversion process is relatively straight forward - opening or importing a vector image in most raster-based image editing programs (such as Adobe Photoshop or Corel Paint Shop Pro - see TASI Advice Document Image Editing Software) will prompt the user to select pixel dimensions and resolution for the file. You can also save or export vector images as bitmaps using vector-based drawing programs (such as Adobe Illustrator or Macromedia FreeHand - see TASI Advice Document Vector Graphics Resources).




Once a vector image has been rasterised it is no longer resolution-independent. The diagram on the left illustrates the scalability of the original vector graphic - the zoomed portion remains crisp and clear. The diagram on the right shows the obvious visual distortion that occurs when you zoom in after rasterisation.



Stroke

A stroke is a path's outline. A path can have multiple strokes of varying widths. Strokes can be coloured or patterned.




Here it gets over we will discuss about the vector graphics tool from adobe called "Adobe Illustrator" in the next post

regards
NikiJackson

Vector Graphcis Terminologies..

We will discuss about the terminology used in vector graphics

Anchor point (point; Node; End point;)

Anchor points (or simply 'points') are the basic components of a path. Points appear at the start and end of a path and at every point at which the path changes direction. Points connect each line segment and determine the nature of the line's curve. Each point can be moved to adjust the shape of the path. Points can be added or removed from existing paths.



Six anchor points connecting six line segments to create a closed path


Bézier curve (Curve)

A curved segment of a path is known as a Bézier curve (after French mathematician Pierre Bézier). Bézier curves are defined by mathematical equations - essentially, the coordinates of a curve can be calculated and drawn by knowing the position of two end points and two control points.




Cap

The cap refers to the end of an open path, and the cap style can usually be one of three types: butt cap, round cap, or projecting cap (aka square cap).



Control handle (Control point)

Control handles appear when a path's anchor point is selected. Control handles give greater control and flexibility over how each point and line segment is placed, and allow fine-tuning of the overall shape of the path.



Moving the control handles affects the shape of the path