Similar tutorials

based on these keywords: slice based rollovers
Generate Amazing Text FX
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Create AMAZING Text FX Online!

Generate your own amazing, photoshop quality text effects online! textfx.co

Create a Texture Based Vintage TV Poster in Photoshop
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Create a Texture Based Vintage TV Poster in Photoshop

This tutorial will teach you how to create a Texture Based Vintage TV Poster using some paper and grunge textures. You’ll also learn some new tricks using the Wave and Motion Blur Filters.

Create a Vector-Based Zune with Photoshop
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Create a Vector-Based Zune with Photoshop

This tutorial shows how to create a vector based Zune in Adobe Photoshop. While Photoshop is not a vector graphic software, it is capable of creating basic scalable graphics.

How To Create a Sleek Grid Based Website Design
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

How To Create a Sleek Grid Based Website Design

Want to get your teeth stuck into a website design project to sharpen your skills? Follow this step by step tutorial to create a sleek website design for a fictional eyewear company. In part one of the tutorial we’ll build the Photoshop design concept with a dark colour scheme and lay out the content to a solid underlying grid.

Slice PSD layout
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Slice PSD layout

Learn how to slice layout made in Adobe Photoshop and export it into a HTML file. You will not learn how to code this layout! Only how to save it as a html file.

Grid-Based Design 101
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Grid-Based Design 101

For many designers, grid-based design is still somewhat of a mystery. In this article we’ll take a look at some of the basics of grid-based design so that you can understand it and apply it to your projects.

Design Vector Based Badges in Photoshop
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Design Vector Based Badges in Photoshop

Creating your own badges has never been easier. These badges are vector based, which means that you can scale them to whatever size you need without loosing any quality, and maintain a very crisp graphic with clear edges.

Design an awesome web layout based on typography
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Design an awesome web layout based on typography

Learn how to design an awesome PSD layout with following one of the latest typography trends.

How to create a texture based poster in Photoshop
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

How to create a texture based poster in Photoshop

In this tutorial you will learn some great Photoshop techniques, such as how to use textures in your designs, how to use the threshold tool, and how to use layer masks – all whilst creating a simple yet effective Superman poster.

How to Create a Traditional, Chinese Ink Painting Based on a Scenic Photo
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

How to Create a Traditional, Chinese Ink Painting Based on a Scenic Photo

Try a breath of ancient Chinese art and culture! With these simple intuitive steps of manipulations, you will learn how to create an original traditional style Chinese painting, which has an archaic charm just beyond your photo. Even with these basic Photoshop skills, you can quickly find a path to make a beautiful fairyland. So let's hit it!

Designing Print Based Flyer in Photoshop
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Designing Print Based Flyer in Photoshop

Flyers are great way to promote events, shows, ceremonies and many more occasions. Designing and printing them is really a fun process. In this post we are showing you how to create flyer in Photoshop for printing.

Master web-based grids using Adobe Photoshop
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Master web-based grids using Adobe Photoshop

Grid-based design has long been a staple of print design, but web layout tends to be more haphazard, largely driven by gut instinct and restrictions imposed by specifically defined pieces of content such as adverts.

How to create wallpaper based on making of the logo
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

How to create wallpaper based on making of the logo

In this tutorial we will create wallpaper based on making of the logo. This tutorial will show you how the creation of the logo can help you t create the rest of the elements of the corporate style and even a wallpaper.

Create an Awesome Number-Based Illustration
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Create an Awesome Number-Based Illustration

In this tutorial, you’ll learn how to combine the power of the pen tool with some patterns and shapes to create an awesome illustration.

Create an Awesome Number-Based Illustration
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Create an Awesome Number-Based Illustration

In this tutorial, you’ll learn how to combine the power of the pen tool with some patterns and shapes to create an awesome illustration.

PSD to HTML/CSS: Design, Slice & Code!
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

PSD to HTML/CSS: Design, Slice & Code!

Learn how to design, slice and code your own Photoshop layout in Photoshop and Dreamweaver.

How to Build a Mask Based on Color
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

How to Build a Mask Based on Color

This photoshop tutorial will show you how to build a mask based on specific colors or shades. This technique can save you a huge amount of time when you are trying to isolate specific items.

How To Create An Elegant Text Based Logo Using Adobe Photoshop CS5
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

How To Create An Elegant Text Based Logo Using Adobe Photoshop CS5

Hi guys…. and girls….It’s been a moment, huh? Well I’m back with another tutorial and I’m going to demonstrate how you can create an exciting, elegant, yet simple text logo that will catch the attention of any visitor.

Learn how to Slice and Code a template
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Learn how to Slice and Code a template

A useful and detailed tutorial about how to slice and code a template using photoshop and dreamweaver. Files can be downloaded.

Create Creepy, Branch Based Typography
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Create Creepy, Branch Based Typography

Learn how to create some creepy looking, unique typography using photo-manipulation and branch images. Perfect for a horror themed design!

Sliced Text Effects
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Sliced Text Effects

Learn how to manipulate with a various text, how to slice it up and how to give the slices a depth/emboss look.

Animated Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Animated Rollovers

Create your own animated rollover buttons in ImageReady.

Menu Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Menu Rollovers

Create images in Photoshop and make them into rollovers in ImageReady for web output.

Sliced Website
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Sliced Website

Use slices to create a website layout with Photoshop.

Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Rollovers

Make your own rollovers for your site.

Remote Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Remote Rollovers

Use ImageReady to create a remote rollover effect. Hover your mouse over one image and change another image.

Slice and Dice
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Slice and Dice

Learn to use the slice tool and the practical applications of its use.

Naming and Linking Slices
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Naming and Linking Slices

Learn how to name and link your slices using Imageready.

Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Rollovers

Learn how to make a rollover effect for your website.

The Slice Tool
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

The Slice Tool

Learn the basics of the slice tool for help on making web layouts.

Slice and Code Tutorial
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Slice and Code Tutorial

Tired of reading half done, badly writen, no picutre slice and coding tutorials? This tutorial is the answer to your woes.

Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Rollovers

Learn how to create rollovers.

Vector-Based Shapes
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Vector-Based Shapes

Learn how Photoshop vector-based shapes work much like Illustrator in this video tutorial.

Vector-Based Shapes
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Vector-Based Shapes

Learn how to create advanced vector-based shapes in this video tutorial.

Pixel-Based Signature
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Pixel-Based Signature

A highly detailed tutorial on how to create a simple pixel signature.

Gradient Based Chrome Text
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Gradient Based Chrome Text

A super shiny text made with layer styles and gradient maps.

Slice-based Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Slice-based Rollovers

Learn how to make slice-based rollovers in ImageReady CS.

Pixel-Based Face
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Pixel-Based Face

Drawing a human face by pixel. It's easy and fun.

Slice a Template
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Slice a Template

Slice up a premade template and learn how to get your image into a .html document.

Nike-Based Logo
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Nike-Based Logo

To create a logo you need no more than a bit of imagination and some basic knowledge of Adobe Photoshop. In this tutorial weíll use the Nike logo as a base for our logotype.

Multiple Animations on Remote Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Multiple Animations on Remote Rollovers

As you probably realize ImageReady only allows for a single active animation. However, there is a method to utilize multiple animations within a single document through the use of Remote Rollovers.

The Art of Creating Pixel-Based Layouts
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

The Art of Creating Pixel-Based Layouts

Create a site with a full-blown pixel layout. Here are some basic guidelines and instructions.

Shiny Navigation Bar with Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Shiny Navigation Bar with Rollovers

Learn how to create this unique and stylish navigation bar with rollovers for your website using this in-depth tutorial.

ImageReady Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

ImageReady Rollovers

Have you ever wondered how some websites get those awesome rollover effects? Well it's a very simple process using ImageReady, and you'll learn about that here.

Remote Rollovers in ImageReady CS
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Remote Rollovers in ImageReady CS

In this article you'll look into remote rollovers, an often-overlooked feature in Adobe ImageReady CS (and later) that automatically combines images, Javascripting, and HTML code to create interfaces that respond according to pre-defined user actions

Slice and Export
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Slice and Export

Learn how to slice your website layout and save images for the web using Photoshop.

Colorful Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Colorful Rollovers

With some help of JavaScript, you can create these colorful rollover buttons.

Gradient Based Photograph Merge
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Gradient Based Photograph Merge

Get the best out of two pictures and seamlessly blend them into one piece of art using a gradient technique.

Round Menu with Rollovers
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Round Menu with Rollovers

This tutorial will show step-by-step you how to create a round menu with rollover buttons.

Shape-Based Selections
rate this tutorial a 1rate this tutorial a 2rate this tutorial a 3rate this tutorial a 4rate this tutorial a 5

Shape-Based Selections

Enhance your photographs and images by applying shape-based selections.