Artículos de ‘Interfaces – Web Design’

photoshop interfaces and web design tutorials

Pages / Clean Forum Button Tutorial [Photoshop]

Tutorial: Pages / Clean Forum Button Tutorial [Photoshop] Author: patmosphere Link: patmosphere This tutorial will teach you how to create the buttons found in the forums of this site

Pages / Clean Forum Button Tutorial [Photoshop]

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, […]

Funky Clean I-pod Template

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.

Making The MSN ‘Search’ Button

Advanced Glassy Professional Website Layout

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

Advanced Glassy Professional Website Layout

iMac Theme Buttons

Tutorial: iMac Theme Buttons Author: Full Throttle Link: design-this Create these detailed smooth gradient buttons that resemble a iMac theme and feel.

iMac Theme Buttons

Gell/Aqua Buttons

Tutorial: Gell/Aqua Buttons Author: Voidix Link: voidix 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.

Gell/Aqua Buttons

Photoshop to Dreamweaver

Tutorial: Photoshop to Dreamweaver Author: Denny Tang Link: fotofects If your document is currently opened in Adobe Photoshop, transfer the document to Adobe ImageReady (File> Edit in ImageReady).

Photoshop to Dreamweaver

Smooth Navigation

Tutorial: Smooth Navigation Author: Ryan Link: thedesignworld I hope you enjoyed the tutorial!

Smooth Navigation

Website Box Design

Tutorial: Website Box Design Author: Design Tutorials Link: designtutorials Apply other elements to your box like some bullets or text and this is the final result

Website Box Design

Clean Professional Interface

Tutorial: Clean Professional Interface Author: Blake Link: thedesignworld You’ll need to make a big rectangle selection, double the size that will hold all your content.

Clean Professional Interface

Professional Navigation Buttons

Tutorial: Professional Navigation Buttons Author: Depiction Link: depiction Create gradient navigational buttons with individual link shapes.

Professional Navigation Buttons

Micro Buttons

Tutorial: Micro Buttons Author: Tutorialwiz Link: tutorialwiz 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.

Micro Buttons

Hi Tech Interface

Tutorial: Hi Tech Interface Author: Tutorialwiz Link: tutorialwiz 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

Hi Tech Interface

How to Design Hi-Tech Metallic Wires in Photoshop

Tutorial: How to Design Hi-Tech Metallic Wires in Photoshop Author: Elitenick Link: elitenick 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.

How to Design Hi-Tech Metallic Wires in Photoshop

Microbuttons

Tutorial: Microbuttons Author: J. Lyman Link: hestudios. 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.

Microbuttons