Ps & Ai Club

3d dvd player vector - free

2010-04-28T10:41:00.000-07:00

3d dvd player vector by ~hitesh19872419 on deviant ART

3d dvd player in vector format

download the source file in ai cs4 format

http://depositfiles.com/files/nc0bjixiy

you can use this file for your personal and commercial projects but make sure you provide a link back to http://psaiclub.blogspot.com

you cannot share this file anywhere in any form so make sure you don't violate my terms and condition

thank you
hitesh koradia

ipad front and back side vector - free

2010-04-25T00:41:00.000-07:00

ipad front and back vector by ~hitesh19872419 on deviant ART
ipad front and back side vector file

download the source file in ai format cs4 from here

http://depositfiles.com/files/hhp0oxi4e

you can use this file for your personal and commercial projects but make sure you provide a link back to http://psaiclub.blogspot.com

you cannot share this file anywhere in any form so make sure you don't violate my terms and condition

thank you
hitesh koradia

neon glowing lines background vector freebie

2010-04-05T03:20:00.000-07:00

neon light glowning background by ~hitesh19872419 on deviant ART
download the source file from here
http://depositfiles.com/files/sxpws89ki
you can use this file for your personal and commercial projects but
make sure you provide a link back to http://psaiclub.blogspot.com

you cannot share this file anywhere in any form so make sure you don't
violate my terms and condition

thank you
hitesh koradia

hi guys i am back

2010-02-27T05:36:00.000-08:00

after a long time i am bloging on this blog because was busy with some other blogs, life and job. doesn't matter with what was i am busy come to a point check out my new blog www.vectorclub.co.cc
it all about vectors vectors and vectors only which are free personal and commercial use so don't forget to checkout this amazing blog

New typography Photoshop tutorials #1

2010-01-01T03:54:00.001-08:00

here are new typographic Photoshop tutorials some them are really cool like the fire and cold must see these two tutorials from my side

	http://www.tutorial9.net/photoshop/basic-candy-cane-text-effect-in-photoshop/
	http://psd.tutsplus.com/tutorials/text-effects-tutorials/create-a-steam-powered-typographic-treatment-part-i/
	http://psdfan.com/tutorials/text-effects/create-a-unique-burning-text-effect/
	http://www.youthedesigner.com/2009/03/09/great-gooey-photoshop-text-tutorial/
	http://www.adobetutorialz.com/articles/30970191/1/how-to-create-an-impressive-looking-text-effect
	http://photoshop.kingtutz.com/2009/10/22/scorching-fire-text/
	http://psdfan.com/tutorials/text-effects/create-smokey-typography-in-12-steps/
	http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-an-ice-text-effect-with-photoshop/
	http://mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/
	http://10steps.sg/tutorials/photoshop/text-on-fire-effect/
	http://www.grandmasterb.com/photoshop-tutorial-how-to-create-killer-metallic-text-part-1/
	http://psdtuts.com/text-effects-tutorials/a-slick-supernatural-text-effect/
	http://tutorials.mysitemyway.com/grungy-rusted-carbon-fiber/
	http://www.myinkblog.com/tutorials/photoshop/design-a-slick-3d-ice-text-effect/
	http://tutorials.mysitemyway.com/free-blue-retro-rusted-grunge-icons/
	http://tutorials.mysitemyway.com/3d-transparent-glass-text-effect/
	Create Great 3D Text Effect using Photoshop
	Ninja Text Photoshop Tutorial – Fierce!!!
	Create a Glass Text effect in Photoshop and Shatter it
	Flower Text Effect Photoshop Tutorial

don't forget to subscribe the feeds for updates or follow me on twitter @gravity_boy

Making Portfolio Layout in Photoshop #1

2010-01-01T02:11:00.001-08:00

here is my first Photoshop website layout tutorial i know that there will be lot's of mistake but i will minimize it to zero with some more tutorials that will be upcoming. this layout is somewhat minimalistic

So lets start the tutorial

to start the tutorial the necessary items you would like to download are listed below

twitter, RSS icons i have got them from iconfinder.net

960.gs grid system for Photoshop (you can download the the modified version of that 960.gs from my downloadable file for download link see below. the modified because i have change the dpi to 92 from 72 and also increased the width of the file)

so lets start

Step 1

open the 960 modified grid system from my downloaded file in Photoshop. make a new new layer (sck ctrl+shift+n or alt+ctrl+shift+n ) and make a gradient for the layer as shown in below image

make two horizontal grids at 50 px space as shown in below image and make a square with the help of round corner square shape with corner rounds of 10 px and apply the layer style as shown below to the layer containing square

Step 2

now go to the up left corner of the square and write the sites name like i have done with the character setting i have showed you

Apply this layer styles as shown below

now save this layer style because it will be used for further styling also

now make your slogan line below your site’s name and apply the layer style which we have saved it will now look like this

same way create your contact no. on the right corner of the box as shown below and apply the layer style 12 which i have saved for sites name

till now we have been making lots of character and other layers so keep organize them with help of folders and naming them. put all the layers till now we have created in a folder name bg & site name

now comes the navigation menu for this make two guides of width between them 50 px and create square with rounded corner of 25 px and apply the below layer settings and name it navigation bar

now to create a gloss effect select the work on the navigation bar layer (to select the work on the navigation bar layer move your cursor over the layer icon of navigation bar in layer panel push ctrl+click on icon you will get the selection) go to new layer and fill it will white color using shift+f5 drop layers opacity to 30% now move this layer upwards such that the 50% of the body is upwards and remaining 50% body is on the navigation layer. again make a selection of navigation layer and click on the gloss layer select invert by ctrl+shift+i and hit the delete key to deselect hit ctrl+D (don’t remove the grids)

you will get something like this

now create two grids as shown below for navigation button and create a round corner square with 15 px round corners like i have done and apply below layer styles and with help of character tool create Home text using Georgia fonts of 12 pt size and centerized it with help move tool

to achieve the glossy gradient please follow this tutorial

how to make your own glossy gradients – tutorial

step 3

now create the square like i have done on the below image of 660 X 280 px and make selection of that layer and delete it now go to the layer where we created large square and delete the selected area like i have done

this image will give you hint

now paste your favorite image below this layer

now create a round on the mid of the left side of the slide show like i have done and apply the layer style which we have applied to the large square you will get something like this

now choose arrow like clip art from the custom shapes and make the selection of that clip art delete that selection from the round layer like we have done for the slide show image we will get something like this( to make another rollover image delete the selection from the large square layer)

same way create a arrow button for the right side

step 4

create square like i have made below the slide show each square on separate layer

copy the layer styles from the arrow button layer and apply to all this squares. same way create the header for all this squares each on separate layers and apply to all this header same copied style the final image will be like this

the style i have used for the heading text is same as for the sites name. paste some cool icons and dummy text and make it look good like i have done

final touches

make the footer good looking like i have done by adding twitter icons, boxes and footer links you are finished

final preview

download the source file from here if you like the tutorial than don’t forget to subscribe our feeds because there are lost so similar tutorials coming soon or follow me on twitter @gravity_boy your suggestions and comments are most welcomed so don't forge at last to comment

download the source file here

How to Create Cityscape Concept Art

2009-12-21T20:50:00.001-08:00

tutorial link : http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-cityscape-concept-art

creating a custom city with help of Photoshop for a battle ground

Basic Candy Cane Text Effect in Photoshop

2009-12-21T07:54:00.001-08:00

typographic with glossy and texture effects Photoshop tutorials

Brighten your type with this sweet and simple candy cane text effect this holiday season! This easy tutorial is perfect for the Photoshop beginner getting into the holiday spirit.

tutorial link : http://www.tutorial9.net/photoshop/basic-candy-cane-text-effect-in-photoshop/

Create Awesome Abstract Text Effect with Brush Dynamics and Filters in Photoshop

2009-12-21T03:45:00.001-08:00

an awesome tutorial using brushes styles and filters techniques in Photoshop

tutorial link : http://www.psdvault.com/text-effects/create-awesome-abstract-text-effect-with-brush-dynamics-and-filters-in-photoshop/

How To Create a Sleek Audio Player Interface in Photoshop

2009-12-20T01:29:00.000-08:00

Tags : UI, Audio Players, Photoshop

In this tutorial you’ll learn how to design a sleek audio player interface in Adobe Photoshop.

tutorial link : http://www.tutorial9.net/photoshop/how-to-create-a-sleek-audio-player-interface-in-photoshop/

Use Inkscape to Create a Grunge RSS Box Icon

2009-12-19T08:22:00.000-08:00

tags : inkscape, vector, icon, rss, box, grunge

How to create an Icon using new features of Inkscape 0.47, such as: gradients, blur, path effects, and mask on texture layer. We’ll be walking through every step involved in creating this grungy RSS feed icon box. There is some great vector material in this tutorial!

tutorial link : http://vector.tutsplus.com/tutorials/icon-design/use-inkscape-to-create-a-grunge-rss-box-icon/

Create Colorful, Layered Paper Type in Illustrator

2009-12-19T08:11:00.000-08:00

Tags : wallpaper, retro, vector

In winter, here in the Ukraine it’s rather cold and snowy, I oftentimes find myself creating colorful illustrations that compensate for the cold weather. Today I will show you how to brighten your mood by creating vivid illustrations with layered paper text and ribbons. We’ll create custom type and use Illustrator effects extensively to optimize our work.

tutorial link : http://vector.tutsplus.com/tutorials/text-effects/create-colorful-layered-paper-type-in-illustrator/

How to Create a Vector Series of Linear Effects – vector tutsplus

2009-12-19T06:30:00.000-08:00

tags : linear effects

"As seen in previous tutorials, a mixed use of distortion filters often yields surprising results. In this tutorial, we will create a bunch of messy hair using distortion filters in quick and easy steps." - Saurabh Sharma

Search

2009-12-19T06:13:00.001-08:00

Contact Me

2009-12-19T05:27:00.000-08:00

How to Create an Envelope Icon in Photoshop psd tutsplus tutorial

2009-12-19T04:59:00.000-08:00

tags : icon designing, icon.

In this tutorial, you’ll go through easy steps for creating a nice envelope icon. There’s a light use of the Pen Tool in the tutorial, but most of it uses Selection Tools to create this icon. The stamp is also explained in a simple manner. I am sure you’ll get familiar with some useful techniques as you go through!

tutorial link : http://psd.tutsplus.com/tutorials/icon-design/how-to-create-an-envelope-icon-in-photoshop/

How to Create Glass Transparency in a Cute Photo Manipulation by psd tutsplus

2009-12-19T04:20:00.000-08:00

In this tutorial you'll learn how to incorporate glass into your work. We'll learn a good technique for incorporating glass transparency into photo manipulations, while placing a cute, pirate hamster on the high seas. Let's start!

link for tutorial : http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-glass-transparency-in-a-cute-photo-manipulation/

tags : Photo Manipulation

must see and do for Photoshop Beginners

2009-12-19T02:25:00.002-08:00

If you are going to learn Photoshop using internet than you would not like to miss this tutorials, lessons, and techniques. It is a must see for every Photoshop beginners. There are many tools used in Photoshop for e.g., Brush tool, Selection tool, Shape tool, Rubber tool and many others. there are many tutorials, lessons and techniques on internet but not this much perfect given anywhere i bet you and if you will find like this anywhere than that will be for premium users and really believe me knowledge is increased by sharing not by buying.

first of all let’s start with the interfacing with the Photoshop

1) http://www.tutorial9.net/school-of-photoshop/

A complete a to z Photoshop learning school for beginners. the school lessons will start from interfacing Photoshop how to use and make settings in Photoshop

2) http://www.adobetutorialz.com/categories/Adobe-Photoshop/Photoshop-Basics

another great school from www.adobetutorialz.com this not the one site from the adobe official sites but its domain name consists of adobe so don't get confused. A must see and to add to to-do list from my side. it consists all tools lessons and tutorials and very good site for Photoshop tutorials

3) http://psd.tutsplus.com/category/tutorials/tools-tips/

great site for Photoshop tutorials it comes with a premium edition also but most of them are free only professional tutorials are for premium users. A must see and to add to to-do list from my side

4) http://10steps.sg/tutorials/photoshop/30-complete-photoshop-guides-for-beginners/

a great list of beginners tutorials, guide and more form 10steps.sg

5) http://www.photoshoproadmap.com/Photoshop-blog/2009/07/07/64-essential-guides-tips-and-tutorials-to-definitely-master-photoshop-like-a-pro/

another great list of Photoshop tutorials and guides from beginners to pros from www.photoshoproadmap.com

6) http://www.webdesignerdepot.com/2009/08/300-resources-to-help-you-become-a-photoshop-expert/

a massive list of Photoshop resources from beginners to pros. A must see and to add to to-do list from my side

blogger template : bluish grey blogger template

2009-10-16T23:00:00.001-07:00

specifications of the template

2 column
color : bluish grey
header navigation menu
header image
round corners
footer links
footer copyright area
navigation menu comes with rollover images
small icons for comments, user, date and labels

to edit this template please visit this link how to customize the templates made by me

the zip files comes with the files listed below

images folder with all images used to make this templates
two xml files. one is the main which contains the images links with the local folder and another main with image shake which you have upload to the blogger this file consists links of the images used in this templates hosted on image shake so you do not need to upload the images
read me first the license file

upload the xml file - main with image shake links to your blogger

demo

blogger template : magic of violet blogger template

2009-10-16T00:42:00.001-07:00

this is first time i am releasing my blogger template or you can say that BlogSpot template. the name of this blogger template is magic of violet. let me introduce to it, it is not an ordinary template like others it the most customizable template because after following the things which i have given below you will definitely believe this

it comes with header menu bar which you can change easily customize
it comes with footer
it comes with rollover header navigation bar images
the footer can also be easily customized

here is the snap shot of the template

demo

how to customize header navigation links

this templates doesn't comes with any links in it so you have to manually add the links by doing the steps as shown below.

open your blog layout>page elements than click to the top menu edit link a pop up will come up

with the help of this you can edit you header links. on the new site url just paste the url which you want and on new site name just paste the name of that url and just click the add link you link is ready to rock n roll now you can go on adding the links. below you can see that links are which are ready with edit, delete or move that links, with the arrows you can move you links upwards and downwards easily

same way you can edit the footer links and you copyright areas

so now just forget the mind f**king coding and just use plug and play features of this template

to make this template yours just download this link upload it with help of layout>edit html>upload it edit the links as i have shown above and start posting

after uploading the template it will show that some of the components will be removed it is the widgets which you have added so do not take tension ignore that error and upload it

images used to make this template are uploaded to imageshake

if you like this post of template don't forget to subscribe me via email of rss or comment on this post

Add animated navigation bar or menu to blogger

2009-10-13T06:54:00.001-07:00

this is my another blogger tutorial for making the animated navigation bar or menu. this tutorial will take around 5 min to install if you know some thing like html or css. don't worry if you don't know i will make simple for the ones who don't any of this. you can see the demo on my only for this tutorial. so lets start it

first of all go to blogger sign in go to your blog which you want to add this navigation bar or menu than layout>edit html

ok now we will need to copy some code and paste it to the css of the current blog css. to do this find content css comment as shown in below image

now copy the lines like i have done it in above image and paste it above the content comment like in below image and replace content with navigation menu this is done because in future suppose if you want to remove this you can easily remove it

now copy the below css code and paste it like i have done it below

/* navigation menu

--------------------------------------*/

paste your css code here

here is that css code which you have to paste

ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 1.1em;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: url(http://hitesh1987.superfreehost.org/img.jpg) repeat-x;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #555;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}

now search </head> we have to paste some code here also paste the below code above </head> line

here is the code which you have to add above </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
	$("#topnav li").each(function() { //For each list item...
		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
		$(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 
	
	$("#topnav li").hover(function() {	//On hover...
		$(this).find("span").stop().animate({ 
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		$(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
	
});
</script>

now save the template all the css coding is done in the template now go to layout of that blog and add a html/JavaScript gadget to your blog

paste this below code in that big box

<ul id="topnav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>

replace # sign with your links and save the gadget with giving any title

now move that gadget to top of the blog posts by dragging like i have done in below image

now you save it and you have done it

now whenever you need to change the links in the navigation menu edit this gadget

don't forget to comment about this tutorial if you like it than please share this tutorial with other

psd template

2009-10-11T06:15:00.001-07:00

this is my new psd template for selling on themeforest.net i have not yet uploaded to their site there are some more works to be carried out like naming the layers and help file and other snap shots. i have previously upload the psd templates but they were denied this is second time i am uploading.

my first psd template for sell goes online

2009-10-09T11:00:00.001-07:00

after a long time i have decided to launch my own sells but i was not getting any selling sites where i can upload my works there and they provide me just a link share it after searching lot of sites i have found out one which do all this things.

so i have upload it there any who wants to buy it you can download the final zip file and a demo version zip file. the demo version contains only jpeg image of the psd file. the final finished zip file contains a high quality 1 jpeg file and 1 psd file this psd file was made in cs4 version of photoshop and it is fully layered so you can make changes as you want once again here is the download link here

Adding Read More rollover image to blogger

2009-10-09T01:47:00.001-07:00

blogger have now help its user which are using a long posts to break into small parts where in the main page you can see a small portion of the post and clicking on the read more link you can see full post this can be easily done with help of inserting a small code

<-- more -->

or by clicking the page breaker

but once again the boring effect is that they will generate only the read more text links really weird. so to modify the this link you have to do some css hacks which will replace that text link with a rollover image

just simply paste this css snippet code in to you blogger css code as show in below image

here is the css code which you have to paste

.jump-link {
display:block;
width:150px;
height:50px;
background:url(http://hitesh1987.superfreehost.org/readmore.png)  no-repeat 0 0;
text-indent:-10000px;
}
.jump-link a {
display:block;
width:100%;
height:100%;
}
.jump-link a:hover {
background:url(http://hitesh1987.superfreehost.org/readmore.png) no-repeat 0 -50px;
}

i am using image which is transparent and png format and i am having a slight problem or bug using this image format in IE 6 version really IE sucks the transparency is not maintained in IE 6

here is the image which i have used

this is 150 x 100 res png format image

you can upload this image to your favorite image hosing site and replace the image url used in this code snippet with that url don’t forget that this a single image only in which rollover effect is gained with the help of css techniques

if you want more different types of image than just make a comment i will make it for you

Dubai rich but reality is different

2009-10-01T22:10:00.001-07:00

whenever we hear about the Dubai one thing strike on our mind that is they are rich. But does anyone knows how check out this pictures photography by Mike de Lange

photography by