Chalk Board Splash Page in Adobe Photoshop

Creating a Splash Page for you website in Adobe Photoshop Step 1. Background Start by creating a new document, I'll be using a size of 540 x 540 pixels. Now fill the background with #a48034. Now go and apply Filter > Noise > Add Noise, use similar settings to these: Duplicate the Background layer then apply Filter > Artistic > Underpainting, you can use the default settings. Lower the opacity for this layer to 25% and change the layer mode…...

Continue Reading...

Design a Stylish Arcade Website Header

Create a Unique Website Header Using Photoshop You can see the result here: 1. First start by making a new document, I'll be using a document size of 900 x 140 pixels. Now fill the backgrond layer with a nice, dark blue gradient, the colors I used were #476ba7 and #263d65. (darker at top) 2. Now you'll need some images to blend into the background, you can download the images that I used below. 3D Pacman Mario Wallpaper Mario Cutout…...

Continue Reading...

Making a Splash Page in Adobe Flash

Creating a Unique Splash Page In Adobe Flash Preview the Splash Page. Before I begin - for those of you who want an easy way out of this tutorial, you can create a free, professional website with Wix - I strongly suggest you check it out before going forward. Now back to the tutorial: Open flash and make a new document . And give in the setting like below. Canvas width and height , FPS and BG .With the hex…...

Continue Reading...

How to Import Images into Adobe Flash

This tutorial discusses how to import images into Adobe Flash, including static images, PSD as well as movie clips. 1. IMPORTING STATIC PICTURES INTO ADOBE FLASH. Before I begin - for those of you who want an easy way out of this tutorial, you can create a free website with Wix that will look like a very professional website. Now for those who are still interested in going through with the tutorial, I will continue. First open a new document.…...

Continue Reading...

Creating Website Buttons Using Photoshop

Designing Website Buttons in Adobe Photoshop Heres what the buttons will look like: 1. First start by making a new document, I'll be using a document size of 300 x 300 pixels. Now fill the background with a very dark grey, I used #282828. Find and get out the Custom Shape Tool, then find the following shape: If that shape isn't there, click the little arrow on the right then go to either All, or Nature, then you'll be able…...

Continue Reading...

Full Interface Template Tutorial

Creating Interface Web Designs in Adobe Photoshop GUIDE TO INTERFACES Basics to shapes: Cube THE INTRODUCTION TO THE BRUSH TOOL. First of all you will need some knowledge of brushing and photoshop. If you're a beginner this tutorial will be useless for you. This is an intro to brushing shapes and making them look 3D. First of all here are some tips that could help you: Every shape needs a light source Every shape has shadows and highlights Never use…...

Continue Reading...

Create a Unique Splash Page Using Photoshop

Adobe Photoshop is an amazing tool for all web designers. Using photoshop you can create various effects, buttons, backgrounds and splash pages. In this tutorial, you will learn how to create a splash page using Adobe Photoshop. You will learn how to make this: Start of by making a selection with the pen tool and filling it with a solid color. Go to Layer- Layer Style- Gradient Overlay and use these settings: Select the Dodge Tool and an airbrush around…...

Continue Reading...

Advanced Interface Website Template Tutorial

Creating a Unique Interface Template Using Photoshop This is the finished result: Ok, here we go. Make a new canvas around 900x900 pixels. Fill it with this color: Now select the Brush Tool with opacity around 60% and flow around 40. Start laying down the basic shape of your part. My result: Don't worry about how its not smooth at this stage yet. Its just to get an idea how your result will look like. At this stage i cleaned…...

Continue Reading...

Creating a Professional Business Layout Using Photoshop

Designing a Simple but Professional Business Website Layout Well, for this tutorial we'll be recreating a simple and professional website design, a business-themed website template, to be exact! By the end of this Photoshop tutorial you will know how to create a professional business layout. 1. Document & Background Obviously the first thing we'll want to do is create a new document in Photoshop! I used a standard document size of 1000 x 900 pixels, but we won't be using…...

Continue Reading...

Creating a Travel Blog Design Using Adobe Photoshop

Create a unique blog design for a travel website Travel Site Tutorial: Step 1: Find an image of a beach or holiday setting and paste this into your new template image. Make sure to leave a gap either side of the image. Step 2: Duplicate your photo layer and set it to 'overlay'. Then go to filter > brush strokes > accented edges. Put in these settings: Edge Width: 2 Edge Brightness: 19 Smoothness: 15. Then merge the 2 layers.…...

Continue Reading...