Learn how to build websites from home 100% free

Learning how to build websites can be daunting at first. but with the amount of information on the web, it’s very easy to gradiently approach the subject and become a good website builder. I started a couple of years ago and I can now put together websites with ease. If you want to learn to build websites then this is for you. This article is not for you if you only want to learn to build websites using visual based website builders and/or content management systems. I will be doing a separate tutorial on how to build websites that way. Realize that both ways can be used correctly and have their rightful uses depending on the goal for your website. I will not be telling you how to build websites by myself — instead I will be telling you where I learned to build websites. I will give you links to the right places to learn, and all free. The first and best place to start learning about websites is W3 Schools. W3 Schools has all free tutorials on all of the subjects you need to...
Learn how to build websites from home 100% free

Cloning Basics

This tutorial will give you an idea of how to productively clone an object out of an image. Some people might wonder why it is called cloning. This is because you are creating a part of the image that was not there from other parts of the image. In this tutorial I will tell you some of the basics. Please bear with me, it is difficult to show you in detail every step without overbloating the post with images. Level: Intermediate (can be useful for advanced Photoshop users) Photoshop Version: CS4 (Can apply to Earlier versions up to Photoshop 6) Tutorial: In this image is a bug that we are going to remove. We are going to clone it out by placing pieces of the image over it until it is gone. Each person using Photoshop will have their own way of doing this — so take note: this is my way of doing this particular action. The first thing we want to do is to clone out the major part of the image by using a piece of the image, here we select a square part of the petal. Next,...
Cloning Basics

Creating a realistic Photoshop flare (or Solar Flare)

Level: Intermediate (useful for advanced users) Description: This is a tutorial on creating a realistic Photoshop lens flare. I have noticed lens flares being used in many designs especially in the recent years. I have figured out how to do one myself. I am not sure if this is the technique that has been used — but I have found it to work quite well for creating this effect. You can use this tutorial for any kind of flare, solar flare or light explosion. You can use this tutorial to create many kinds of flares or light effects — all you have to do is start out with a different white object (As gone over later). Photoshop Version: CS2 (Can apply to Earlier versions up to Photoshop 7 or versions of Photoshop with Radial Blur) Tutorial: The first step is to create a new Photoshop document with a black background. It should be 5 inches by 5 inches at 300 dpi or a dpi that suits your needs. The reason I suggest using this large of image size is so that you can reuse the flare...
Creating a realistic Photoshop flare (or Solar Flare)

Creating a glass button

Make a glass looking button. This is a similar style to the Windows Vista Task bar. Level: Intermediate Photoshop Version: CS2 (Can be done in Earlier versions up to Photoshop CS) How to: First create a blank photoshop document using these settings: Width: 4 inches, Height: 1 inch, DPI: 300.      Select the rounded rectangle tool as shown here: Draw a rounded rectangle in a similar fashion to this. I used a Corner Radius of .125 in. You can change the radius as you like. More radius makes the corner more rounded, less radius makes the corner sharper. Change the foreground color to white and draw another rounded rectangle as you see here. You can change the radius for this as well. To make a more glossy look, decrease the radius, to make a duller shine, increase the radius. You can make many different variations of glass buttons using this technique. There are many other techniques as well for creating glass buttons. This is one of them.      Next, change the opacity of the...
Creating a glass button

Steel Text (With Brushed Metal Look)

  Make Steel Looking text. Also learn how to make the brushed steel texture. Once you know this you can add your own modifications and create your own steel look. There are millions of ways of making the steel text look. This is one way. Level: Intermediate Photoshop Version: CS2 (Can be done in Earlier versions up to Photoshop 7.0) Definitions: DPI: Dots Per Inch. This means how many pixels there are per inch of space. Tutorial: First create a new image with a black background. Create it 5 Inches Wide by 1 1/2 Inches tall at 300 dpi, or a dpi you desire. Next, with your choice of font, create a white text saying whatever you would like to put there. I used Steel as the text and Franklin Gothic as the font. Some other good fonts for this are Bank Gothic and Copperplate Gothic. Press “Ctrl j” while selected on the text layer. This will make a copy of the layer. Next, rasterize the text layer by selecting it and going to [Layer -> Raterize -> Type ] Next click...
Steel Text (With Brushed Metal Look)
Subscribe For Email Updates