Photoshop Web Layouts Interface w/Window Reflections Tutorial

Resources Links

Ajax
Articles
Bioinformatics-Tutorials
Database-Tutorials
Free Books
Hibernate-Tutorials
J2EE-Tutorials
J2ME-Tutorials
Java-Tutorials
JavaScript
JDBC-Tutorials
JMS-Tutorials
JSP-Tutorials
Linux-Tutorials
MS Technology
PHP
RMI-Tutorials
Servlets-Tutorials
Struts-Tutorials
Tools For Java Technology
UML-Tutorials
Web Graphics Designing
Web Hosting Tutorial
Web-Services-Tutorials

More Tutorials

JSP Tutorials
Hibernate Tutorials
Struts Tutorials
JSF Tutorials MySQL Tutorials
Spring Tutorials
EAI Tutorials
JAXB Tutorials
Web Services Tutorials
JDO Tutorials
Java Tutorials
Java Certification
Linux Tutorials
Java Servlets
WAP Tutorials
EJB Tutorials
JDBC Tutorials
Bio Informatics
Java Server Faces Java Interview Questions

Tutorial: Photoshop Web Layouts Interface w/Window Reflections Tutorial

This tutorial shows you a neat little trick on how to add a window type reflection that

Tutorial Details:

Photoshop Web Layouts Interface w/Window Reflections Tutorial
This tutorial shows you a neat little trick on how to add a window type reflection that resembles panes of glass reflecting off a surface. This is used in alot of skins and layouts, adds a very nice touch and realizm.

1. First lets create the base of our interface, I'll coin this as the '5 second metal' trick For simplicty reasons, we'll stick with a basic round shape. Create a new layer, name this 'BASE' and then draw out a circular selection with your circular marquee tool, fill it with #2B2B2B.Now keep your selection and create a new layer above your BASE layer and name it 'Bevel' ..Now go to Select>Modify>Contract> Set it at 2, then Select>Feather> and set it at 5. Now fill this layer with #5F5F5F. Keep your selection! Now create a new layer above your Bevel layer and name it 'Specular'.. Now grab your linear gradient tool.. Set your foreground to white and then set your gradient selector to 'Foreground to Transparent', Second one from the left on the top row. Now apply the gradient from top to bottom. Now we have our metal. Now you know how to do that, it shouldn't take you but about 5 seconds to create some decent looking metal.

2. Now lets create our trendy orb. Now create a new layer above your Specular layer and name it 'ORB_base'. Now draw out a selection for your orb and fill it with #3D6D9C. Now duplicate your ORB_base layer and name it ORB_inset. Move it under your ORB_base layer in the layers pallete. Now ctrl+click your ORB_inset layer and then fill it with black. You can't see this layer right now because its hidden beneath your orb, but were about to change that. Go to Edit>Free Transform and up at the top, select the little chain link icon and then put 102% in the W box, it should automatically put the same value in the H box. Press enter to confirm the transform. Now lets apply a gradient overlay to this layer. Select the little 'f' in your layers pallete and go to 'Gradient Overlay' and apply the settings below.

Read Tutorial at: Click here to view the tutorial

Rate Tutorial: Photoshop Web Layouts Interface w/Window Reflections Tutorial

View Tutorial: Photoshop Web Layouts Interface w/Window Reflections Tutorial

Related Tutorials:

Build your own caching mechanisms with volatile collections - JavaWorld June 1999
Build your own caching mechanisms with volatile collections - JavaWorld June 1999

J2EE 1.4 eases Web service development
J2EE 1.4 eases Web service development

The Java Web Services Tutorial
This tutorial is a beginner\'s guide to developing Web services and Web applications using the Java Web Services Developer Pack (Java WSDP).

The J2EE 1.4 Tutorial
The J2EE 1.4 Tutorial is a guide to developing enterprise applications for the Java 2 Platform, Enterprise Edition (J2EE) version 1.4. Here we cover all the things you need to know to make the best use of this tutorial.

Excellent tutorial on Struts and Tiles
Excellent tutorial on Struts and Tiles This tutorial assumes knowledge of Java, JDBC, Servlets, J2EE (with regards to Web applications) and JSP Struts in a holistic manner, minus the beads and crystals. The Tiles framework makes creating reusable pages

JGraph - The Java Graph Diagram Component
JGraph - The Java Graph Diagram Component JGraphAddons is a drop-in functional module that adds powerful and configurable layout algorithms to your existing JGraphs. They include hierarchical, circular and tree layouts capable of giving your JGraph app

InfoNode (Java Components)
InfoNode Docking Windows is a pure Java Swing based docking windows framework. The best way to see features of InfoNode Docking Windows is to try the Web Start demos.

Servlets and JavaServer Pages (JSP) : A Tutorial
An excellent tutorial on JSP and Servlets.

Internet & Intranets: Java Servlets
What are servlets? "Servlets are modules that extend request/response-oriented servers, such as Java-enabled web servers. For example, a servlet might be responsible for taking data in an HTML order-entry form and applying the business logic used to upd

The JavaTM Web Services Tutorial
A beginner's guide to developing Web services and Web applications on the Java Web Services Developer Pack

JavaServer Pages Technology - Documentation
Sun's tutorial for Java Server Pages that provide a good introduction to design web pages with JSP.

Tag Libraries Tutorial
This tutorial describes how to use and develop JavaServer Pages tag libraries. The tutorial assumes that you know how to develop servlets and JSP pages and are familiar with packaging servlets and JSP pages into Web application archives.

Reuse Tiles and Simplify UI
JavaServer Pages (JSP) technology supports application object reuse through includes, which allow other files (including other JSPs) to be sourced into a JSP file either at compile time or dynamically at application runtime. This is great for abstracting

Developing Simple Struts Tiles Application
In this tutorial I will show you how to develop simple Struts Tiles Application. You will learn how to setup the Struts Tiles and create example page with it.

Asprise OCR Java SDK v2.1
Asprise OCR Java SDK enables you to equip your Java applications (Java applets, web applications, standard applications, J2EE enterprise applications) with optical character recognition ability.

Developing Distributed application using Enterprise Java Beans, J2EE Architecture, EJB Tutorial, WebLogic Tutorial.
Developing Distributed application using Enterprise Java Beans, J2EE Architecture, EJB Tutorial, WebLogic Tutorial. Distributed Architecture Two-tier application: In the past two-tier applications were used. Two-tier applications are also know as

Welcome to the Jboss 3.0 Tutorial
Welcome to the Jboss 3.0 Tutorial Welcome to the Jboss 3.0 Tutorial 10 Minutes Guide to Ant Comprehensive description of Ant with example. Building Web Application With Ant and Deploying on Jboss 3.0 This lesson shows you how to build you web

First Step towards JDBC!
First Step towards JDBC! Welcome to our JDBC Section First Step towards JDBC This article introduce you with JDBC and shows you how to create a database application to access the databases. Accessing the Database from Servlet This article shows

Building Search Engine Applications Using Servlets !
Building Search Engine Applications Using Servlets ! Building Search Engine Applications Using Servlets Please visit http://www.webappcabaret.com/javadevelopers/search to see running copy of our search engine. Introduction This tutorial takes

Developing Simple Struts Tiles Application
Developing Simple Struts Tiles Application Developing Simple Struts Tiles Application Introduction In this section I will show you how to develop simple Struts Tiles Application. You will learn how to setup the Struts Tiles and create example

Site navigation