Monday, 1 July 2013

Tutorial 5 - How to make Urdu Wallpapers


Hi!
In this tutorial I'll tell you how to add Urdu in your photos and make Wallpapers with Urdu text.
To add urdu in photos, you have to Install a software named "Inpage Urdu". You can download Inpage Urdu Software From Here...
After Installation of Inpage you can write urdu text and you've to copy the urdu image into photoshop... Follow the tutorial...
Here we go Step by step.

Lets Start:

In this tutorial I'll tell you to make this..


Step 1:

First of all open the "Inpage Urdu" and create NEW..



Step 2:

now you have to make some settings(If you installed Inpage for 1st time).  Go to Edit>Preference>KeyboardPreference. As shown in the Figure.


Step 3:

Now change the Keyboard to "Phonetic". Phoetic keyboard is easy to write urdu.
Like in Phonetic "A" is "Alif", B is "Bay", C is "Chay".... and so on.
right under the keyboard selection there is a button (in version Inpage 2009 and less) . if you click there is all keyboard shown all the keys and functions . (Must Check).


Step 4:

Now write your text. and change the font color, Size and Font Style as your need.
In font Styles, I selected "Asaar" font. usually there is "Noori Nastaliq" the general urdu font.
If you want to write in fance font I'll suggest "Naskh", "Sulus", "Jameel" , "Diwani", "Noori Nastaliq" , "Dubai" , "Bombay Black".


Step 5:

Now when you done with your text. Click "File>Export Page".


Step 6:

In the Next windoe Click "Brows"(that window is not shown in the figure) the window in the Figure will shown. Now write the name of file.
Never remember to change the option to "Encapsulate Post Script files".
As shown in the Figure.


Step 7:

Now Open the "Adobe Photoshop". open the EPS file which was exported. or Drag the file in Photoshop. this option will appear. click OK.


Step 8:

This will be the output.


Step 9:

Create New file and add the effects as your need. Like in the figure I am adding gradient. ( You can see the use of gradient in previous tutorials of this blog). Check the highlighted areas in Figure


Step 10:

Now Select the cursor tool from toolbar and drag the urdu text to your new image. (You can do the same by Copy & Paste).


Step 11:

Now Select the Urdu text Layer. Right Click on it and Select "Blending Options" 2nd option in the list.
After this Select "Color Overlay" and select the color which you want.
important areas are highlighted in the figure.


Step 12:

Your Image will look Like this.


Step 13:

In this step I added a vector image under the "Urdu" layer. You can add the graphics as per the need of your design.


Step 14:

Here is the Final Image..


You can do better than this..
I've made some of the designs using the same technique and Inpage Urdu.

Or this...
Related Posts Plugin for WordPress, Blogger...

Sunday, 30 June 2013

Photoshop Toolbox



Hi!
Here is the Tutorial Link of Photoshop toolbar. Toolbox is in the left of Photoshop window. It is very useful for beginners. Once you know about all Photoshop tools you can do your task more better. This tutorial is the full description of Photoshop tools with screenshots.

See More...


Related Posts Plugin for WordPress, Blogger...

Tuesday, 25 June 2013

Tutorial 4 - Play with Rainbow

Hi!
In this tutorial I'll tell you how to make rainbow and its variations using "Gradient tool". With Gradient and some simple tools you can do amazing things.
Here we go Step by step.

Lets Start:

You can make this, even more better.







Step 1:

First select Selection tool from toolbar and draw a rectangle same as shown in the figure.


 

Step 2:

Select Gradient tool, Draw Gradient like in the image. (You can see the use of Gradient tool in previous Tutorial#3).


 

Step 3:

Same as previous step do this as many times as much colors you want. Like I did in the figure.


 

Step 4:

Now select all the Gradients with tool shown in the figure.


 

Step 5:

Drag all the colors to the next blank "Landscape" page. (See Next Step).


 

Step 6:

Rotate as you wish.


 

Step 7:

Now select to Edit>Transform>Warp. 


 

Step 8:

You can select the effects like shown in the image. I selected Arc.
Or you can manually do any thing after selecting "Warp".



Step 9:

Here I selected "Flag" from Warp, drop down menu.


 

Step 10:

Now I am going to make Balloon.
I selected "Fish" from warp drop down menu


 

Step 11:

Change the dimension little bit as your need, manually.


 

Step 12:

I removed the extra thing, and made a box and lines under the balloon.


 

You are here...
Hope it will help You..
Good Luck.
Related Posts Plugin for WordPress, Blogger...

Monday, 24 June 2013

Tutorial 3 - Make a FB Cover Photo for Programmer

Hi!
In this tutorial I'll tell you how to use "Gradient tool". Gradient tool" will help you to make creative posters and backgrounds. Once you learn the use of "Gradient" you can make amazing backgrounds with one click. Also the use of "Magic Tool" to select a portion of a photo.
Here we go Step by step.

Lets Start:

We are going to make this photo.




Step 1:

First Click File>New and set the dimension of photo (Facebook Cover is 851 pixels wide and 315 pixels tall)


 

Step 2:

Select Gradient tool highlighted red in photo(by default there is a Paint Bucket. Right click on the paint Bucket and select Gradient tool). And click on the top option that is highlighted red in the photo.



 

Step 3:

Now here you can change color of the gradient or can choose any gradient from list.
After finalizing the colors, click ok.



 

Step 4:

Now draw a Line as shown in the figure. and release the Mouse button.



 

Step 5:

The result will be like this.



 

Step 6:

Now here I downloaded a java logo from Internet in PNG formate.
Select Magic tool from toolbar. as highlighted in figure.



 

Step 7:

After selecting Magic Tool, click on the white space on the Image.
Magic Tool will select all the same color in the photo.



 

Step 8:

After selection white space, Select Inverse.
This will select the area except white(the other colored area).


 

Step 9:

Now Drag or Copy/Paste that photo to our cover photo.




Step 10:

now add desired text using "T" text tool. The highlighted area in red in figure is the variations of text like Font, and the Top bar will help too.



 

Step 11:

Here is your final Image. Save it as JPEG.




Good Luck.

Related Posts Plugin for WordPress, Blogger...