Deprecated: Hook custom_css_loaded is deprecated since version jetpack-13.5! Use WordPress Custom CSS instead. Jetpack no longer supports Custom CSS. Read the WordPress.org documentation to learn how to apply custom styles to your site: https://wordpress.org/documentation/article/styles-overview/#applying-custom-css in /home/salvador/public_html/blog/wp-includes/functions.php on line 6031
Interfaces - Web Design Archives - Photoshop Tutorials
Categories
Drawing Interfaces - Web Design PHOTOSHOP TUTORIALS

Pages / Clean Forum Button Tutorial [Photoshop]

Tutorial: Pages / Clean Forum Button Tutorial [Photoshop]
Author: patmosphere
Link: patmosphere

 Pages / Clean Forum Button Tutorial [Photoshop]

This tutorial will teach you how to create the buttons found in the forums of this site

Categories
Drawing Interfaces - Web Design PHOTOSHOP TUTORIALS

Funky Clean I-pod Template

Tutorial: Funky Clean I-pod Template
Author: MaxeDesign
Link: maxedesign

Okay so we are going to be making a web-layout about the ever so popular ipods! For the purpose of the tutorial let’s call the ipod company we are designing the site for “i-pod.net”. We are going to be attempting to make a simple, light colored, visually impressive layout.

Categories
Basics Interfaces - Web Design PHOTOSHOP TUTORIALS

Making The MSN ‘Search’ Button

Tutorial: Making The MSN ‘Search’ Button
Author: Lexxer
Link: saberfusion

MSN Search is better, if not rivals Google’s Search Engine, and is becoming more popular by the day. I will show you how to make an identical MSN Search Button.

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

Advanced Glassy Professional Website Layout

Tutorial: Advanced Glassy Professional Website Layout
Author: z77
Link: greycobra

Advanced Glassy Professional Website Layout

In this tutorial, I will show you how to create and develop your very own Advanced Glassy Professional Website Layout using Photoshop.

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

iMac Theme Buttons

Tutorial: iMac Theme Buttons
Author: Full Throttle
Link: design-this

iMac Theme Buttons

Create these detailed smooth gradient buttons that resemble a iMac theme and feel.

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

Gell/Aqua Buttons

Tutorial: Gell/Aqua Buttons
Author: Voidix
Link: voidix

Gell/Aqua Buttons

Learn how to make those cool transparent Gell like Aqua buttons with simple blurs and gradients! great for interface design.
In this tutorial i will show you how to make those all popular gell shapes.

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

Photoshop to Dreamweaver

Tutorial: Photoshop to Dreamweaver
Author: Denny Tang
Link: fotofects

Photoshop to Dreamweaver

If your document is currently opened in Adobe Photoshop, transfer the document to Adobe ImageReady (File> Edit in ImageReady).

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

Smooth Navigation

Tutorial: Smooth Navigation
Author: Ryan
Link: thedesignworld

Smooth Navigation

I hope you enjoyed the tutorial!

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

Website Box Design

Tutorial: Website Box Design
Author: Design Tutorials
Link: designtutorials

Website Box Design

Apply other elements to your box like some bullets or text and this is the final result

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

Clean Professional Interface

Tutorial: Clean Professional Interface
Author: Blake
Link: thedesignworld

Clean Professional Interface

You’ll need to make a big rectangle selection, double the size that will hold all your content.

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

Professional Navigation Buttons

Tutorial: Professional Navigation Buttons
Author: Depiction
Link: depiction

Professional Navigation Buttons

Create gradient navigational buttons with individual link shapes.

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

Micro Buttons

Tutorial: Micro Buttons
Author: Tutorialwiz
Link: tutorialwiz

Micro Buttons

Micro buttons are quite popular on the internet, this tutorial will show you how to create a micro button that is crisp and clean to use for your website navigation.

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

Hi Tech Interface

Tutorial: Hi Tech Interface
Author: Tutorialwiz
Link: tutorialwiz

Hi Tech Interface

This tutorial will show you step by step how to create a nice looking hi-tech interface. You can use it for your website or softwares

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

How to Design Hi-Tech Metallic Wires in Photoshop

Tutorial: How to Design Hi-Tech Metallic Wires in Photoshop
Author: Elitenick
Link: elitenick

How to Design Hi-Tech Metallic Wires in Photoshop

Alright everyone, today we’re going to make some really cool looking wires. They aren’t the best in the world, but I thought I’d go ahead and share my weird method of making them.

Categories
Interfaces - Web Design PHOTOSHOP TUTORIALS

Microbuttons

Tutorial: Microbuttons
Author: J. Lyman
Link: hestudios.

Microbuttons

That was the easy part. This whole tutorial is easy. Create a new layer. (Well,
since we are basically drawing for this whole thing, you can if you want to.
It’s up to you.