Recent Posts

Whiteshading Website Layout V2
Download the WordPress theme! Objectives In this tutorial you will learn how to create a smooth style website layout with a technique I have dubbed Whiteshading, this is Version 2 of the popular tutorial Fundamentals of Web Design Color choice ideas ‘Whiteshading style’ Difficulty Level: Intermediate Final Result: Zoom Step 1: Your first step is […] Photoshop · Web Layouts
View Added By:
Trendy Header in Photoshop
We are going to be creating the following Image: View Full Image First off your going to want to create a new photoshop document; I used the following settings Fill the canvas using the paintbucket tool with #e2e2e2 Tip: Press (g) to bring out the Paintbucket tool Now Create a new layer and select the […] Photoshop · Web Graphics · Web Layouts
View Added By:
Pixel buttons in Photoshop
We are going to be creating pixel buttons like so First off create a new image document, I made it 100 x 50 pixels, now you need to use the paintbucket tool to fill the background with #D5D3BF. After you create the new image with the background color set the foreground color to #313025 and […] Buttons · Photoshop · Web Graphics
View Added By:
Create a Photoshop icon in Photoshop
We are going to be making a very small icon , using the famous Photoshop Feather logo! This should help you in some basic Pixeling concepts. Step 1: First create a new Photoshop document 16×16 pixels in size: Step 2: First pull out the pencil tool (you’ll be using this alot) and set your foreground […] Icons · Photoshop
View Added By:
Modern Logo in Photoshop
We are going to be creating a modern Photoshop Logo like below: First start by creating a new Photoshop image, 500 x 400 pixels, with a white background. Make a new layer and use the circular marquee to create a selection like below and fill that selection with Black #000000. Now using the circular marquee […] Logo Design · Photoshop
View Added By:
Create a Mac Style Interface Button in Photoshop
In the following tutorial we are going to be creating a stylized button like so First off you are going to want to create a new document. I used the following settings. Use the Fill tool to fill the background with white #FFFFFF, Create a New Layer over the white background and grab the marquee […] Buttons · Photoshop
View Added By:
Create a Moniter Icon in Photoshop
Page 1 2 next In this tutorial we will be covering the Basics of Icon creation by creating a ‘monitor’ icon like below. We will be using the Pen tool and be practicing a fairly common illistration technique for icon development. First create a new document, I made mine 400 x 400 pixels with a […] Icons · Photoshop
View Added By:
Whiteshading Website Layout
Page: 1 2 next Welcome to the tutorial Website Layout White Shadow style tutorial! We will learn how to create a website design like below: View full image First off create a new image using the following settings: tip remember that about 30% of website users still have their resolution at 800×600 pixels, it’s always […] Photoshop · Web Layouts
View Added By:
Displacement Mapping in Photoshop
We are going to be creating an image like below using a technique called displacement mapping. tip A displacement map allows you to wrap images or other content over a background image so they blend in with it First off you are going to need to download the water background used in the tutorial in […] Photoshop · Text Effects · Web Graphics
View Added By:
CSS Dropshadow
Objectives You will learn some basic CSS principles and in the end create an easy and efficient way to add dropshadows to every image you add into your website. Basic CSS usage Create a dropshadow image in Photoshop Difficulty: Advanced Final Result Alright so here is the idea, say you wanted to have an easy […]Use CSS to create a neat looking Drop Shadow on all of your Images. CSS
View Added By:
CSS Web Header Beginner Tutorial
One of many css tutorials for beginners Welcome to the CSS Header Tutorial! Today we are going to be building a scalable cross platform header which will validate strict XHTML on W3C. Our finished design will look like this: This CSS Web Header Tutorial is an excellent supplement to all of our photoshop tutorials. Note: […]In this Tutorial we will learn how to use CSS to create a basic Web Layout, great for beginners! CSS
View Added By:
Beginner CSS/HTML tutorial
Intro to CSS/HTML This tutorial is aimed at a few different people. Those who want to learn more programming/scripting. Those who are tired of trying to read messy HTML files. Those who have procrastinated staying with the times. Those who just don’t anything. And finally, those who just want to make their site look good! […]This is the ultimate CSS and HTML Beginner Tutorial, it starts with opening an editor and goes to inserting content. CSS
View Added By:
Arrow style Logo Gimp tutorial
Welcome to the Gimp Arrow Logo tutorial, in this tutorial we will be creating a Logo like below. Note: I created this logo for the upcoming website StudyNShare.com Be sure to also check our photoshop tutorials To begin, create a new Image in Gimp with the following properties Now that the new image is created […]Use The Gimp to create a Cool Arrow Style Logo, neat effect. Gimp · Gimp Logo Design
View Added By:
Affiliate Banner in Photoshop
In this tutorial we are going to create an Affiliate Banner like below: tip: Affiliate banners have standard sizes the standard size below is 120×240 pixels, to see a full listing of all web-banner sizes click here. Step 1: First creat a a new image, make the background transparent, and the size 120 pixels wide […] Photoshop · Web Graphics
View Added By:
Windows Messenger Icon in Photoshop
Similar Tutorial: skype logo In this tutorial we are going to be creating a re-creation of the Windows Live Icon like below: Create a new Photoshop document 25×19 pixels in size, fill the background with #0D8DEA Create a new layer and set your foreground color to #89D177, Zoom in all the way (1600%) and use […] Icons · Photoshop
View Added By:
Gaming Style Header
We are going to be creating an image like below: Step 1: To begin, first create an image 150×80 pixels: Step 2: Use the paintbucket tool to fill the background with with: #5B5B5B Step 3: create a new layer andUse the Rectangular marquee to make a selection like below and fill it with: #485337 Step […] Icons · Photoshop
View Added By:
Gamespot Style Website Design in Photoshop Part 3
Page prev 1 2 3 Next Create a New layer right above the maincontent layer (the one with the light grey background) and press ctrl+g to mask that layer, then pull out the Rounded Rectangle tool and set the foreground color to #2E6A8F, draw a shape like below and apply the following layer style settings […] Photoshop · Web Layouts
View Added By:
Gamespot Style Website Design in Photoshop Part 2
Page prev 1 2 3 next create a new layer Next use the marquee tool to make a selection like below and fill it with #000000(black) Create a new layer and right underneath that, create another selection and fill it with #B2B3B5 Create a new layer and press ctrl+g to have that layer mask the […] Photoshop · Web Layouts
View Added By:
Gamespot Style Website Design in Photoshop
Similar Tutorial: letterpress effect Page 1 2 3 next In this tutorial we will learn how to create a website layout very similar to Gamespots famous layout design: Zoom First create a new document with the following settings: Use the paintbucket tool to fill Tip Hold down shift to make the gradient tool move at […] Photoshop · Web Layouts
View Added By:
Futuristic Tech Sig in Photoshop
Page 1 – The Background Page 1 of 2 Next Objectives In this tutorial we will cover the art of creating super cool tech sigs! The Basics of Signature (sig) creation Using Abstract and Tech Brushes Difficulty Level: Intermediate RESOURCES REQUIRED Tip Try downloading other Brushes as well and see what you can find, there […] Photoshop · Signatures
View Added By:
Page 9 of 9« First...56789