Tag Archives: Rectangle Tool

create a sleek stylish MP3 interface in Photoshop
Photoshop
March 19, 2011 posted by Maan

create a sleek stylish MP3 interface in Photoshop

One of the best ways to learn how to create amazing interfaces it to practice by creating electronic devices in Photoshop. These days just about everyone has some kind of MP3 device to play music. In this tutorial we will demonstrate how to create a sleek, stylish, and simple MP3 interface in Photoshop to play audio files for your Flash projects.   Step 1 The first step is to create a background in which we can apply a dark radial…

How to create Abstract Starfield Background in Photoshop CS5
Photoshop
March 8, 2011 posted by Maan

How to create Abstract Starfield Background in Photoshop CS5

In the following Quick Tip tutorial you will learn how to mix different shapes, brushes and blending modes in Photoshop CS5 to create awesome space scene. Layered PSD file included. Let’s get started! Final Image Preview Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with black color the new background layer. Using the…

How to create an elegant wordpress PSD theme
Photoshop
March 2, 2011 posted by Maan

How to create an elegant wordpress PSD theme

Hello. In this tutorial i will show you how to create an elegant WordPress PSD theme. You can use this web template also for consulting agency templates, services websites, marketing website templates, business website templates, finance website templates. The design is very clean and can be modified very easy into a great template. This is our final design. Please click on the following image to see better how it looks our WordPress PSD theme. For start you need to create…

Create a Sleek Audio Player Interface in Photoshop
Photoshop
February 27, 2011 posted by Maan

Create a Sleek Audio Player Interface in Photoshop

In this tutorial you’ll learn how to design a sleek audio player interface in Adobe Photoshop. Materials Needed: Spiderman Pattern Step 1 Create a new document 600×400 px big. Step 2 Using the radial gradient tool from #5e6c78 to #20282e, fill the background. Step 3 Duplicate background and go to Filter-Noise-Add Noise. Use these settings: Amount:5%; Uniform; Monochromatic. Click Ok. Now lower the layer opacity to 30%. You should now have something like this. Step 4 Ok, let’s make the…

Tutorial  to create an apple inpired web layout
Photoshop
February 27, 2011 posted by Maan

Tutorial to create an apple inpired web layout

Hello. In this tutorial you will learn how to create a web layout for a e-commerce platform. You can use magento, prestashop, or even e-commerce. I will plan to create a website where you will be able to sell apple products: the new ipod touch, the ipod nano, and of course one of the best phones: iPhone 4. It is very important to keep almost the same feel like apple.com because mac users like well designed websites. You will see…

How to create a sleek wordpress theme
Photoshop
February 27, 2011 posted by Maan

How to create a sleek wordpress theme

Now let’s start with the tutorial. In this tutorial i will show you how to create a clean business layout. You can use this layout also for a wordpress theme, or for a portfolio layout. This is the final result. For start open a new document with the following size: 1200×1200 pixels. Fill the background layer with the following color: #e8e8e8, and then with Rectangle Tool create a new shape. use the same colors i have used. With Rounded rectangle…

How to design an elegant website in Photoshop
Photoshop
December 13, 2010 posted by Maan

How to design an elegant website in Photoshop

Here is my final result Let’s start the tutorial. Open  Photoshop and create a new document 1020 by 1100px Next select Rectangle Tool and create a large rectangle over your document. I have used this color: #e5e4e4 Step 1 I will select ellipse tool and I will create this white shape Step 2 I will go to Filter>Blur>Gaussian Blur and I will apply a radius of about 35px Step 3 From Premium Files, available to our Premium Members I will…

Graphic Design Studio Web Layout
Photoshop
December 13, 2010 posted by Maan

Graphic Design Studio Web Layout

Learn how to create an effective and contemporary web layout for your design studio. Final Image Preview Start working by creating a new file (File>New) of 1000×8000px/72 dpi. Using the Paint Bucket Tool (G), now give black color to the new background layer. Using a standard brush with the Opacity of 20% on a new layer (Create new layer), it’s possible to represent a spot of red color and then minimize the brush’s size to add some green color by the…

How to Create a Romantic Valentine’s Day card
Photoshop
December 13, 2010 posted by Maan

How to Create a Romantic Valentine’s Day card

In this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial for beginners in the spirit of Valentine’s Day which will explain how to use Pen Tool, Custom Shape and Layer Style to create a romantic card in Photoshop. Let’s get started! Final Image Preview Create a new document (File>New) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Using the…

how to design a coming soon page in photoshop
Photoshop
December 7, 2010 posted by Maan

how to design a coming soon page in photoshop

Hello and welcome to another tutorial here  For today I’ll show you how to create a coming soon page in photoshop. To design a coming soon page is really important if you are about to lunch a new website, and is a pretty good marketing tool. Here is my final result: SiteGrinder 3 will automatically convert this Photoshop web design template from a PSD to HTML/CSS website – NO Slicing and NO coding skills required! Click here to see more……