Archive for the ‘Web Design Tutorials’ Category

Photoshop Space Tutorial: Planets, Stars, Glows

Space-Tutorial-120

Learn how to use Adobe Photoshop to create your own space scene in this Photoshop tutorial! Stars, Planets, Glows, OH MY! This tutorial covers using shapes, textures and Layer Styles to create some neat looking space elements.

Copy CSS in Photoshop CS6 | Web Design Tutorial

  Please like and share if you enjoy      Adobe Photoshop Web Design Tutorial: For you designers out there, there’s now an easier way to generate CSS from your Photoshop mockups! The new Copy CSS feature will grab Layer Styles and type properties, and turn them into pure CSS!

Create Hand Stitched Icons with Photoshop | HD

In this tutorial we’re going to take a look at how to create some very cool little hand-stitched icons for Facebook, Twitter, and Google Plus. Even if you’re brand new to Photoshop you will be able to follow along with this tutorial and create some great little graphics for your next web or design project.

Apple Style Video Player UI – Photoshop Tutorial

Apple Style Video Player UI — Photoshop Tutorial In the following tutorial we’re going to explore what it takes to create the visual aspect of the Apple Trailer style video player. Using lots of Shape Layers and Layer Styles we’ll learn to use Vector Masks, Layer Styles, Custom Shapes, The Pen Tool, Aligning Tools, and [...]

Create Custom 3D Shadows – Photoshop CS5 Tutorial

Creating a great drop shadow has become one of the fundamental skills for any graphic or web designer using Photoshop. In this tutorial we’re going to start at the most basic of basics and break out the good ole’ Drop Shadow which we all know and love so much and then use a couple custom [...]

How To Create a Ribbon – Photoshop Video Tutorial!

The ribbon is all the rage these days, it’s like a graphical “ribbon-sanity”! Well, maybe not, but it’s still a sweet skill to have in your graphic making tool kit. Ribbons are ultra versatile and seem to be everywhere in advertising and web design. From that slick new marketing piece, newsletter, or package design, a [...]

Slice and Export a Website Layout + HTML: Photoshop Tutorial

Welcome to this video tutorial! We will learn how to take a Photoshop created web page layout template and slice it into individual pieces and then export it with an HTML file. We will cover user slices, layer based slices, auto slices, naming slices, assigning links to slices, alternate text for slices, creating multiple slices [...]