Photoshop Archives | TipsBangla | Tutorial Tips TricksTipsBangla

Aug
5

Make Your Own Design Awesome Logo!

Category: Photoshop Tags: make own logo, make your own design 1 Comment

“Logo is the name for a philosophy of education and a continually evolving family of programming languages that aid in its realization.”
- Harold Abelson
Apple Logo, 1982

New in Graphic/Logo design? See how to make your own design? Open Photoshop preferred version CS5 and click Ctrl+N from keyboard or go to File and Click New will open a new dialog box take this new document. Select elliptical marquee tool and create a circle then fill up with color (color code #2a2723) with the help of paint bucket tool. Now move the circle selection to it’s left till look bellow picture.

Now click delete from keyboard. Right click on that layer and click Blending Option then check the box of Drop Shadow and do as shown in the picture.

Now duplicate the layer three times and rotate and position them so that it looks like the picture bellow.

Select the text tools and type your desire text I typed just for an example.

“TracksAndTrails . Ca

Adventures”

Apply Blending Option. First: apply Drop Shadow as above use color code #f9fc05 and select Outer Glow and leave all the options as it is.

Second: Select Gradient Overlay and click Gradient and take six color stop and fill the color code #d5c00e for four stop and rest of two with pure black as shown in the picture bellow.

Select Stroke enters size 1px and color pure black. If you can do I stated above you will see the picture bellow.Select line tool and draw lines as shown picture bellow take new layer for each line. Now apply blending option select Gradient Overlay and select color green and select stroke and size 1px, color code #a3ed9d Copy the layer style and paste layer style to rest of the line layers.Select Rectangular Marque Tool and draw two small rectangular, position them and apply Blending Option as shown in the picture.

Final logo will looks like as bellow. Make your own design and be happy.

PSD free download and edit as you want. You can use it anywhere you want.

Jul
22

By Masud Choudhury

How To Create Push Button PSD File?

Category: Photoshop Tags: push button, push button for, push buttons Leave a Comment

How to create a sleek look rounded push-button in Photoshop? See the final push button bellow. You will able to create your own rounded push button just following my simple step by step tutorial and tips.

Step One:

Open Photoshop and create a new document by pressing Ctrl+N from keyboard or go to file>New and in the size box put 70px X 70px. Now take a new layer and select Elliptical Marque Tool (M), draw a bit bigger circle. Fill the circle with any color. Now it is time to apply Gradient Overlay.

Gradient Overlay:

Step Two:

Again take a new layer and select Elliptical Marque Tool (M), draw a relatively smaller than earlier circle. Fill the circle with any color. Now apply the gradient overlay as you applied for the first (bigger circle) but now select the gradient color opposite way. See the bellow picture.

This is the trick just color selection opposite to each other circle. Now position the smaller circle on to the middle position of bigger circle and save the document as your desired extension. I saved it as .gif.

Another way you can make it perfection by selecting first Layer > Align Layers To Selection > Horizontal Centers and apply this action for both layer will automatically center the both circle. See the push button bellow.

Final push button

PSD free download push button and you can edit color and use as your own anywhere you want. In the bellow I design a set of push button. You can download this set of button also.

PSD free download push button set and edit as you required and can use one for you.

The picture above you see I just duplicate the layer and make this set of push button just edit the color. You can do easily. Hard round push button bellow. Now it is ready for your psd free download file and customization.

Additionally Tips Bangla Tutorial website gives you the opportunity to share your feelings with your nearest people. See the funny picture bellow have fun and psd free download file and can edit as you required, change color, add text do fun with this picture.

Jul
20

By Masud Choudhury

How to create header for website?

Category: Photoshop Tags: how to create header for website, psd free download, psd free download header Leave a Comment

Natural flat look beautiful website header image in Adobe Photoshop. How to create header for website (for your own)? Just follow the bellow step by step simple guide and tips. Before you start gather some basic knowledge about Photoshop. See the final out put bellow.

If you follow my tutorial will able to create like this header image for you!

a. Rectangular Marquee Tool:

The Rectangular Marquee Tool,is a Photoshop’s basic selection tools. Along with the Elliptical Marquee Tool and the Single Row Marquee Tool, and Single Column Marque Tool is used for making selections based on simple geometric shapes.

b. Text Tool:

Text tools is one of the basic tools of Photoshop. With the text tool you can type your desire text into your canvas and can give style you want. This an important tools.

Setp One:

Create new document press Ctrl+N from keyboard or go to File>New. Now select the size 960px X 180px and click OK.

Step Two:

Now in the new document take a new layer and fill it by black color.

Step Three:

Now take a new layer and rename the layer as 1^st Rectangle. Select the Rectangular Marque Tools and draw a rectangular as shown bellow picture. For selecting the Rectangular Marque Tools press M from the keyboard.

It is time to apply style to 1^st Rectangle.

Gradient Overlay:

Stroke:

Step Four:

Now create navigation bar. Create new layer and rename as Navigation bar. Draw a rectangle and fill with white color. It is time to apply gradient overlay.

Gradient Overlay:

Final header look like

Now you can do whatever you want. You can psd free download header image and edit as you want. You can add your logo create the secondary navigation menu as you required. See the picture bellow.

Now I will discuss how you will add text you see in the above header image. If you can able to add one layer text can do other. So I will see you only one step or psd free download and edit the text as you want.

Now take a new layer and select Text/Type Tools and type as you saw in that picture. Now time to apply the style.

Gradient Overlay:

Now recycle this for the rest of all text layer.

Search Box:

Take new layer and draw a rectangular with the help of Rectangular Marque (M) tools. Then fill it with white color and apply Gradient Overlay select first color #fafafa and second color #ffffff. Now select Text Tools and type Search An Article and apply Gradient Overlay by selecting first color #000000 and second color #837979.

Now draw another small box with the Rectangular Marque Tools (M). Apply Gradient Overlay and select first color #000000 and second color #ffffff. Apply stroke with size=1 and color #000000. Now apply Inner Shadow select Blend Mode=Multiply.

Now select Elliptical Marque Tools and draw a circle and apply first Gradient Overlay and select first color #b40f0f second color #ffffff. Stroke size=1 and color #ffffff. Drop shadow blend mode=Multiply. Now select Belevel and Ambosh select style=Pilllow Ambosh that’s all.

Again draw a rectangle and position it like the final picture and apply Gradient Overlay select first color #000000 and second color #ffffff and apply Belevel and Ambosh as applied for the circle.

TipsBangla | Tutorial Tips Tricks

Make Your Own Design Awesome Logo!

PSD free download and edit as you want. You can use it anywhere you want.

How To Create Push Button PSD File?