Web Design Tutorials: Photoshop, HTML, Flash, PHP

Photoshop Tutorial – Create a Agriculture layout

Hello my friends. Today i will create a layout for agriculture As usual i will start with a new document with the following size 760×770 pixels. I will place an image with some great leaves With RECTANGLE TOOL i will create a white rectangle and i will place it like in the next image For this white shape i will add some layer styles DROP SHADOW And this is my result I have selected again Rectangle Tool,...

Photoshop Tutorial – Video Sharing Header

This is what the final result will look like, a nice clean header. 1. First thing we want to do is create a new document with the dimensions of 1000×190. 2. Using your rectangle tool for your tools pallet, make a rectangle similar to the following 3. Right click your rectangles layer, and choose blending options from the drop down menu and insert the following 4. Now using your rectangle marquee tool...

Photoshop Tutorial – Create a clean hosting layout

In this tutorial I will show you how to create a simple and nice looking hosting layout in a few steps.  You can create this layout in almost one hour. It is very easy and the end result is quite good. You don’t have to be a professional designer to achieve a nice result. Create a new document with the following size: 960×900 pixels. I will use the following color for the background: #2a1f14 Now with Rounded...

Photoshop Tutorial – Create a Clean and Colorful Web Layout

Pen Tool can help you to create nice looking shapes for your web layouts. Using strange shapes and buttons can change the overall look of you layout. This layout can be used also for a wordpress theme if you know how to code it. As usual we will need to create a new document. To create a new document you need to press on CTRL+N and then you can set the size for this document. I will use as always the same size 960...

Photoshop Tutorial – Modern Clean Style Layout

Today i will show you how to create a clean style layout. You can see it in the following image Create a new document with a grey background: #464646 The size should be 760 x 770 px. Create a new Layer ( press SHIFT+CTR+ALT+N ) Select Rounded Rectangle Tool and draw a white rectangle ( use 10 pixels radius ) The next image is resized Add the following layer style With the same tool ( rounded rectangle tool )...

Photoshop Tutorial – Design an amazing 3d hosting layout

Create a new document with any size you want. The width is more important than the height. It is recommended to use a value for the width between 920 and 1000 pixels. This width will fit well an all type of modern monitors.  Select your Paint Bucket Tool, and fill your background with the following color: #141414 Select the background layer, and press on CTRL+J. This shortcut will duplicate the background layer....

Photoshop Tutorial – Design a Furniture layout or a Manufacturer layout

Things you need to complete this layout 1. 200 Pixel Patterns 2. 325 Pixel Brushes Create a new  document. I will use always for my tutorials the following size: 960×900 pixels. Change your foreground color to #f5f2ef. On your document press one time with Paint Bucket Tool. Now I will create a shape with Rounded Rectangle Tool. The color of the shape will be #3d342b For this shape I will add the following layer...

Photoshop tutorial – Stylish Banner for your Website

Now I will show you how to create a stylish and effective banner which you may use on your website. First of all we need to create a new document with the size of canvas 500×300 pixels and fill it with color of #2d164d. Then use the Rounded Rectangle Tool and draw the form bellow with any color. Then we use following layer styles for this layer: Gradient Overlay and Stroke: And we get this: Then create a...

PHP Tutorial – 30+ PHP Best Practices for Beginners

1. Befriend the PHP Manual If you’re new to PHP, then it’s time to get acquainted with the awesomeness that is the PHP manual. The PHP manual is incredibly thorough and has truly helpful comments following each article. Before asking questions or trying to figure out an issue on your own, save some time and just head straight to the manual. Odds are the answer to your question is already nestled in a...

Flash Tutorial – Build a Fluid Website Layout

Introduction During the following steps we’ll create ActionScript 3 classes which make our flash website fluid. All our display symbols will retain their alignment when the Flash is resized. The ActionScript classes created in this tutorial can be easily reused in different projects. Step 1: Background Information of Fluid Layout As shown in the image below, all the elements which float according to the...

Photoshop Tutorial – Amazing Consulting Layout

With this layout you will be able to easily build a web site dedicated to teaching and learning, or a business layout, as well as management or marketing layouts. This layout can be transformed also in a WordPress theme. Preview full size layout. I will use my default document size: 960 x 900 pixels. Feel free to use any size you want. Set your foreground color to #1f0f0e and then with Paint Bucket Tool press one...

Powered by WordPress | Designed by Elegant Themes