Tutorials

Collection Of New And Cool Photoshop Tutorials

Photoshop has been one of the most important designing tools since ages. Designers are counting on Adobe Photoshop for majority of their designing work. There are many other designing tools available but the diversity of Adobe Photoshop makes it first choice. This is the reason that designers are exploring new ways and techniques to use this software in a whole new way.

For this session, we have compiled some new and cool Photoshop tutorials for you that you will surely enjoy. With the help of advanced tools, one can easily improvise and emphasize some extraordinary results. We hope that you will like this collection of new and fresh Photoshop tutorials and will also find them useful for you. Here is the complete list. Have a look!

Beautiful Water Effect

In this tutorial we will show you how to create a really cool effect with water texture and the displace filter.

Create an Advanced Stone Text Effect

In this advanced tutorial you will learn how to create a realistic stone text effect from scratch in Photoshop.

Learn How to Draw a Clean Coffee Maker Illustration

In this tutorial you wil learn how to draw a detailed coffee maker illustration.

Draw a photorealistic Playstation 4 controller in Photoshop

In this article we’re going to create a realistic and detailed Playstation 4 controller using basic shapes and the Pen Tool. As always, you can use Illustrator if you prefer, to create the outline of the shape. So, let’s start.

Design Magical Fire Energy Text Effect in Photoshop

In this Photoshop tutorial, I will show you the steps I took to Design this Magical Fire Energy Text Effect in Photoshop. This is a beginner tutorial and I will show how easy it is to create a great looking text effect in Photoshop in just a few steps. We will come across some paintings, layer blending, and image adjustments. Have a try!

Create a Coca-Cola Can Using Adobe Photoshop

In this tutorial, I will teach you how to create a Coca-Cola can from scratch in Photoshop using shapes, brushes and layer styles. You are going to learn different techniques which you can apply to solve different problems in iconography, UI or web layouts.

Create a 3D Vintage Lightbulb Sign

Great-looking 3D typography often involves the use of several applications. In this tutorial, we will show you how to create a vintage lightbulb sign using Adobe Illustrator to create and export the basic paths, Cinema 4D to create the 3D render, and Photoshop for post-production. Let’s get started!

Create a “Middle-Earth” Inspired Landscape in Photoshop

In this tutorial, we will show you how to create a lush and vibrant “Middle-Earth” inspired landscape in Photoshop. Let’s get started!

Create a Cool Typography Effect in Photoshop and Illustrator

In this article we’re going to create an impressive yet very easy typographic design. There’re various techniques to achieve this effect and we’ll be presenting you the easiest one. However, alternative techniques will be described briefly in some steps.

Create a Textured Wooden Text Effect Using Photoshop’s 3D Capabilities

Today you’ll learn how to create a simple wooden text effect using some practical, 3D and texturing techniques in Photoshop CS6 Extended.

Create an Advanced Eroded Gold Effect in Photoshop

In this tutorial we will explore how to create a realistic eroded gold effect from a custom bump map. You will learn bump map creation techniques as well as how to distort any surface effectively with that bump map. Then you will combine Layer Style with it to create a 3d look. Then we will add a custom lens flare, glow, streaks and other details to achieve the final look.

Create a Richly Detailed Viking Themed Photo Manipulation

This design lesson is one of our most comprehensive tutorials ever.

Create an Iron Man-like text effect in Photoshop

In this tutorial we’re going to create a nice and simple text effect that looks like the one used in the Iron Man movies.

Create a Snowy Night Landscape Matte Painting

In this tutorial I’ll show you how to create a snowy night landscape photo manipulation featuring a northern lights sky. You’ll learn how to combine many stocks together and blend them seamlessly, work with layer groups and Smart Objects, create stunning lighting effects and more.

Create a World War II Era Dogfighter

In design, great concepts can often be created by playing with words. In this tutorial, our friends at INK will show you how to create a furry World War II era aircraft, that we are calling a “dogfighter” using a handful of photos and a 3D model. Let’s get started!

Simple Styled Text with Stars Effect

This Photoshop tutorial will show a simple way to create a nice text effect using Layer Styles, then modify some brush settings to add stars to the background.

How to Create a Nice Piano App UI in Photoshop

In this article we’ll show you how to create a nice and clean piano app UI.

Create a Mailbox Icon Using Photoshop

In this tutorial, you will learn how to create a simple mailbox icon in Photoshop. This tutorial is aimed or beginners. We are going to use simple tools like the pen tool and layer styles so it’s important to have a basic grasp of Photoshop’s key features.

How to Create a Pale Golden Switch Button

In the following tutorial your will learn how to create a simple switch button in Adobe Photoshop.

Paint an Arm Using Anatomy Basics

Today we have an expert lesson for you in digital painting. It’s very important for an artist to be familiar with human anatomy. Even if you’re not a regular digital painter, digital painting and drawing techniques can come in handy for tweaking photo manipulation work, adding depth to illustrations and understanding light and shadow.

Draw an Electric Guitar in Photoshop

In this tutorial, we will draw an electric guitar in Photoshop. We will start by tracing its shape in Adobe Illustrator and then export those paths to Photoshop to add the final touches. Let’s get started!

Create a Desert Oasis in Photoshop

In this tutorial, we will show you how to combine photo manipulation and digital painting techniques to create a desert oasis in Photoshop. Let’s get started!

Create an Outline Sketch Text Effect

This tutorial will demonstrate an easy way to create an outline-sketch Photoshop text effect using simple layer styles, a brush, and a blur filter.

Create an Abstract Text Effect in Photoshop

In this article we’re going to create an interesting and abstract text effect using layer styles, the fantastic Lens and Optical Flare Collection by daWIIZ and some tricks in the post-production phase. So, let’s start.

Create a Simple Envelope Illustration in Adobe Photoshop

In the following tutorial you will learn how to create a simple envelope illustration in Adobe Photoshop.

10 Ways to Modify a Selection in Photoshop

Making selections is an essential skill for any Photoshop user. In this tutorial, we are going to show you 10 ways to modify a selection in Photoshop. By watching this video, you will be able to understand the connection between all the selection features Photoshop offers including; Feather, Contract, Expand, Border, Smooth, Refine Edge, Quick Mask, Color Range, Transform Selection and many more. Let’s get started!

Create an Epic Storm at Sea Scene in Photoshop

In today’s lesson you’ll learn how to photo manipulate an epic storm at sea scene using Photoshop.

How to Create Realistic Water Reflection Effect in Photoshop

In this tutorial we will create a realistic water reflection effect. You should be able to replicate this effect on other pictures using the techniques presented here.
This Photoshop tutorial uses some fairly advanced techniques but the detailed explanations at each step should make it easy for beginners to catch on.

Create a Hand-drawn Pricing Table in Photoshop and Illustrator

In this quick tip we’re going to create a pricing table that you can add to your website and is pretty easy to code. We’ll be using both Photoshop and Illustrator to achieve the hand-drawn effect and it won’t take you more than 30 minutes.

Create a Futuristic Matte Painting Landscape

Today’s design lesson will teach you how to create a futuristic matte painting landscape. You’ll be working with a range of photo manipulation techniques including image extraction, image blending, adjustment layer usage, creating light effects, digital painting, advanced masking, color correction and many more.

Create the New Nintendo Wii U Controller in Photoshop

In this article we’re going to create the Nintendo’s Wii U controller. It may look a bit complicated, but it’s definitely not.

Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

In this tutorial, I will show you the steps I took to Design an Electrified Text Effect in Photoshop. The focus of this tutorial is show you how you can combine serveral elements seamlessly using selection and layer blending modes, in order to create an eye-catching text effect. This is an intermedia level tutorial so some steps can be tricky, but why not have a try!

Design a Super Creative Box Packaging Template

This tutorial uses the example of a real-life project for a popular DJ’s promotional packaging. You’ll learn how to layer up multiple textures and surfaces in a non-destructive way. You’ll also apply complex masks, patterns and create custom lighting.

Create a Photorealistic 3D Key in Photoshop

In this tutorial we’re going to create a photo-realistic key using the powerful capabilities of Photoshop’s 3D feature. If you have no previous experience with the 3D feature, I strongly recommend that you experiment on your own before continuing to the tutorial.

How To Blend Textures With Photos In Photoshop

In this tutorial we will learn how to blend textures to our photos and tweak the results in order to achieve different effects.

Create a Cool Photorealistic Christmas Text Decor Effect

In this tutorial we’ll create a nice photo-realistic text effect in Photoshop.

How to Make a Split-Flap Text Display in Photoshop

I’m sure that you’ll find this tutorial interesting and useful. In this tutorial, we will use Photoshop to create a split-flap display.

How To Give Your Photos a Gloomy Split Toning Effect

In this tutorial we’ll look at using Photoshop to replicate this classic technique in digital form, using Color Balance adjustments to achieve the same range of blue and yellow tones.

Create a Simple Price Table in Adobe Photoshop

In the following tutorial you will learn how to create a simple price table using Photoshop.

Showcase Of Fresh And Free jQuery Plugins And Tutorials

Plugins and tutorials are great designing resources for the designers. With the help of tutorials, designers can learn and practice new technique of using their designing tool and plugins are meant to simplify their designing work. In the recent times, jQuery has become simply miraculous seeing that with jQuery you can discover plugins to achieve almost anything you want. Among all the JavaScript frameworks, jQuery is the most prominent and well-known that goes together with loads of amazing features. On top of that jQuery is very easy to use.

Here, we are listing some fresh as well as free jQuery plugins and useful tutorials. We hope that you will like this collection and enjoy this collection.

App Showcase with Grid Overlay

( Demo | Download )

A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.

Thumbnail Grid with Expanding Preview

( Demo | Download )

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

Mini Help System with jQuery

( Demo | Download )

In this tutorial, we are going to create a mini help system with jQuery. This will be a small widget which will display help text or a guide to users of your web application. The widget content is going to be searchable in real time, and all matching terms will be highlighted.

jQuery Animated Bar Plugin: jqBar

( Demo | Download )

This is a simple jQuery plugin for creating animated vertical and horizontal bars. The plugin is called jqBar. jqBar can be used in variety of situations where you want to present data with some visual effects. It helps you crate beautiful bar charts to represent skill set or can be used as a progress bar. Plugin is very light weight and can be completely customized.

Charts For Your App with jQuery and xCharts

( Demo | Download )

Make Pretty Charts For Your App with jQuery and xCharts.

iOS-Style Content Slider using jQuery

( Demo | Download )

In this tutorial I want to focus on one useful plugins called iosSlider. This is an open source project with numerous options for customizing your own media slideshow. This includes typical animations and effects for when the user clicks or hover over slideshow items.

Create a Sticky Navigation Header Using jQuery Waypoints

( Demo | Download )

In this tutorial, we’ll be creating a navigation bar that stays with you as you scroll down — and we’ll also throw a gimmick or two into the mix to polish it off.

Interactive Infographic with SVG and CSS Animation

( Demo | Download )

Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.

PUtting CSS Clip to Work: Expanding Overlay Effect

( Demo | Download )

A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions.

Slider Pagination Concept

( Demo | Download )

An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.

Make a Google Powered Shopping Search Website

( Demo | Download )

In this tutorial, we will be making a simple product search engine. Using jQuery and PHP, we will tap into Google’s Shopping Search API and return a list of items available for purchase, along with prices, photos and other useful information.

How to Create a Simple Multi Item Slider

( Demo | Download )

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

Responsive & Tough Friendly Audio Player

( Demo | Download )

A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.

Calendario: A Flexible Calendar Plugin

( Demo | Download )

A jQuery calendar plugin for creating flexible calendars.

Simple Effects for Drop Down Lists

( Demo | Download )

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

How to Make a Tumblr-powered News Ticker

( Demo | Download )

In this tutorial, we are going to use it as the foundation of a news publishing system. We are going to develop a simple widget which cycles through the most recent posts on a Tumblr blog, and presents them as news items to your users. Adding news will be done by creating new blog posts in your Tumblr dashboard.

Create Attractive Coming Soon Template with CSS 3D and Javascript

( Demo | Download )

We are going to make an attractive coming soon html template with CSS3, CSS 3D transform and jQuery. Let’s go a little wild with CSS3 even though some old browsers won’t support it. However, for CSS 3D transform part, we will make it degrades gracefully. Instead of the awesome 3D flipping effect, we will be substituted with just a simple hide and show effect.

jQuery Responsive Horizontal Accordion Image Slider: Raccordion

( Demo | Download )

This is a multi purpose responsive accordion image slider plugin raccordion. Its a horizontal image slider that adjusts according to the size of the browser width. raccordion slider adds variety and style.

3D Flipping Circle with CSS3 and jQuery

( Demo | Download )

In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

How to Make a Mac OSX-like Animated Folder with CSS3

( Demo | Download )

In this short tutorial, we are going to make a OSX-like folder with CSS3, by utilizing 3D transforms, gradients and box shadows. In addition, we are going to use jQuery UI and its drag and drop interactions to build a pretty interactive demo.

Create a Beautiful Password Strength Meter

( Demo | Download )

In this tutorial we will be creating a beautiful password strength indicator. It will determine the complexity of a password and move a meter accordingly with the help of the new Complexify jQuery plugin.

TiltShift.js

( Demo | Download )

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.

Vertical Showcase Slider with jQuery and CSS Transition

( Demo | Download )

A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We’ll be using jQuery, CSS Transitions and media queries to make the layout adaptive.

Custom Drop Down List Styling

( Demo | Download )

A tutorial on how to create some custom drop-down lists. We’ll show you five examples with different looking drop-down menus and lists for various purposes.

Creative Web Typography Styles

( Demo | Download )

Let’s create some interesting web typography effects with several CSS techniques and the help of lettering.js.

Live Album Previews with CSS3 and jQuery

( Demo | Download )

Here we are going to make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it.

Slicebox Revised

( Demo | Download )

Slicebox, the jQuery 3D image slider plugin, has been updated. We’ve done some major improvements and added new features.

Fullscreen Video Slideshow with Bigvideo.jg

( Demo | Download )

A tutorial about how to create a slideshow-like fullscreen video background using BigVideo.js, a jQuery plugin for big background video.

Fullscreen Pageflip Layout

( Demo | Download )

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Responsive CSS Timelinge with 3D Effect

( Demo | Download )

A tutorial about how to create an experimental CSS-only timeline with a 3D effect. The idea is to expand a content area when the associated radio input is selected.

Creative CSS Loading Animations

( Demo | Download )

In this tutorial we’ll show you how to make some creative css-only loading animations also known as activity indicators.

Basic Ready to Use CSS Styles

( Demo | Download )

This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements.

Hexaflip: A Flexible 3D Cube Plugin

( Demo | Download )

HexaFlip is a JavaScript UI plugin that let’s you use 3D cubes as interface elements. Dive into the process of creating the plugin and learn some best practices regarding flexible UI plugins.

Animated CSS3 Photo Stack

( Demo | Download )

In this tutorial, we are going to build an animated photo stack, which will use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers and mobile devices. We will also make the photo stack advance automatically, so you can use it as a slideshow.

Make a Web App with Instagram-like Filters

( Demo | Download )

In this tutorial, we are going to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it.

Dropbox File Uploader With Twitter Bootstrap

( Demo | Download )

Here we are going to use this feature to create a simple application that allows people to attach a photo from their Dropbox account, crop an area with the Jcrop plugin, and download the result. Additionally, we will make use of Twitter Bootstrap to show dialog windows, and PHP on the backend for the actual photo cropping.

How to grab Dribbble feed with jQuery and CSS3

( Demo | Download )

As a web developer, third party API integration is something you will have to face. Especially with the current trend, we have facebook, twitter, flickr etc. Today, we are going to look at dribbble’s API. Dribbble is a place to show off your design, it’s based on invitation basis, therefore, most designs are of high quality.

Photo Booth Strips with Lightbox

( Demo | Download )

A tutorial about how to create some neat scrollable photo booth strips and integrate Lightbox 2 and customize it in order to make it responsive and touch-device friendly.

How to Build a ToDo Application with Web SQL and jQuery

( Demo | Download )

This tutorial will take you through the step by step development of building a ToDo App entirely powered by Web SQL. You will learn about getting started with Web SQL, understanding transactions, following best practices and how to write re-usable functions.

40 CSS3 Animated Button Tutorials And Experiments

In this post, we have compiled a useful set of CSS3 animated button tutorials and different experiment that may fascinate you. As we all know that CSS3 is the most important and crucial aspect of the web designing that can make your website even more appealing and interactive for your visitors.

Since the world of internet is changing and people tend to like those sites that have more interactive elements, many designers now focus on their CSS3 skills. This is because CSS3 skills can help them to a great extent in achieving the desired attractiveness. Here we have presented animated CSS3 button tutorials and experiments for you so that you can learn these techniques. Enjoy checking out this compilation and have more fun in using them for your works.

CSS3 Tricks: Animated Buttons

( Demo | Download )

BonBon (Candy) Buttons

( Demo | Download )

Making a CSS3 Animated Menu

( Demo | Download )

Create a Slick CSS3 Button with box-shadow and rgba

( Demo | Download )

CSS3 Colored Buttons

( Demo | Download )

CSS3 Button Snippet

( Demo | Download )

Cufonized Fly-Out Menu jQuery and CSS3

( Demo | Download )

Animated Content Tabs with CSS3

( Demo | Download )

Beautiful Photoshop-like Buttons with CSS3

( Demo | Download )

CSS3 Animated Vignette Buttons

( Demo | Download )

CSS3 Buttons With a Glass Edge

( Demo | Download )

Animated Buttons with CSS3

( Demo | Download )

CSS3 Animated Bubble Buttons

( Demo | Download )

Creating CSS3 animated menu

( Demo | Download )

Creating Fantastic Animated Buttons using CSS3

( Demo | Download )

CSS3 multilevel menu with transition and animation

( Demo | Download )

Impressive CSS3 animated button

( Demo | Download )

Radioactive Buttons

( Demo | Download )

Experimental Shadow

( Demo | Download )

More CSS3 Fun

( Demo | Download )

Build Kick-Ass Practical CSS3 Buttons

( Demo | Download )

Halftone Navigation Menu With jQuery & CSS3

( Demo | Download )

Clear Style CSS3 Buttons

( Demo | Download )

Cross Browser Pure CSS3 Button Demo

( Demo | Download )

CSS Only Button – Redux

( Demo | Download )

Learning How to Use CSS pseudo-elements: :before & :after

( Demo | Download )

CSS Buttons with Pseudo-elements

( Demo | Download )

Fading Button Background Images With CSS3 Transitions

( Demo | Download )

CSS3 – Animated Button With CSS Transition

( Demo | Download )

CSS3 Buttons

( Demo | Download )

Zardi Pack of CSS3 Buttons

( Demo | Download )

Download Me!

( Demo | Download )

UI Kit Buttons

( Demo | Download )

Animated Sliding Menu With CSS3

( Demo | Download )

CSS3 Minimalistic Navigation Menu

( Demo | Download )

jQuery style menu with CSS3

( Demo | Download )

Sweet tabbed navigation using CSS3

( Demo | Download )

Just some other awesome CSS3 buttons

( Demo | Download )

A Bunch of Soft, Customizable Pressure Buttons in CSS

( Demo | Download )

Shiny Knob Control with jQuery and CSS3

( Demo | Download )

45 Fresh And Useful Photoshop Tutorials

Here we have come up with another fresh collection of some high quality and very useful Adobe Photoshop tutorials that have been released in last few months. There is no second opinion that Adobe Photoshop is the most powerful and necessary tool for designing and you cannot complete your designing work without using Adobe Photoshop.

Since majority of the design work is dependent on the Adobe Photoshop, many designers keep try to explore this great designing tool so that they can better understand this graphic editing software.

Today, we are going to list down 45 Truly Useful Photoshop Tutorials for you. We hope you all will like this collection.

Create a Futuristic Concept Car in Photoshop

In this video tutorial, Adnan Hadi will explain how to create a futuristic concept car using Photoshop. Let’s get started!

Create an Earth Shattering Disaster Scene in Photoshop

If you saw the movie “2012″ you may remember that scene where the California coast begins to break apart and fall into the sea. In this tutorial, we will show you how to re-create that scene using a selection of stock photographs. Let’s get started!

Create a Beautifully Designed 3D Starfish Icon

With just about everyone using a smart phone, it is important for mobile apps to have beautifully designed icons to represent the brand. In this tutorial, we will show you how to create a beautiful 3D starfish icon using several applications including Photoshop, Cinema 4D, and ZBrush. In the process we will show you how to create 3D objects and then combine them with textures in Photoshop to create an amazing icon. Let’s get started!

Create a Retro Sign from Scratch Using Advanced Techniques

In this tutorial, we will push Photoshop to its limits to produce a realistic neon sign. We will use several techniques, ranging from simple to advanced, to help us create and texture a neon sign within Photoshop. We will explore how to use Smart Objects, create custom textures, manipulate Layer Styles and create custom brushes. Let’s get started!

Classic Light Effect In Photoshop

In this tutorial we will show you how to create a super cool text light effect mixing some photos to give more realism. The cool thing about this effect is that the whole process is very simple and quite easy.

The Lost Treasure – Underwater Effect In Photoshop

In this video tutorial we will show you how you can create a nice scene at the bottom of the sea using a few stock images. You’ll learn illumination and shading techniques that will make your artworks come to life. Enjoy.

Creating an Old Alarm Clock From Scratch

Here we’re going to explore some of these features and learn how to create a realistic alarm clock vector. This will be an entirely non-destructive process, that results in a clean, scalable vector outcome. Simply put, you’ll follow the workflow of a true professional and learn how to use Photoshop’s advanced drawing tools the right way.

Coming Home – Photoshop Manipulation

Here we are going to create a fantasy in space atmosphere in our manipulation.So get ready for a colorful scene using tone correction,color balance,layers adjustments,lighting effects in Photoshop.

Create a Snowy Night Landscape Matte Painting

In this tutorial we will show you how to create a snowy night landscape photo manipulation featuring a northern lights sky. You’ll learn how to combine many stocks together and blend them seamlessly, work with layer groups and Smart Objects, create stunning lighting effects and more.

Use Photoshop and Illustrator to Create Guitar String Typography

Photoshop and Illustrator are great tools to help you create things that only exist in your imagination. In this tutorial, we will create words out of intertwining guitar strings. Let’s get started!

How to Design an iPhone App Interface With Photoshop

Photoshop CS6 is a much more powerful vector editing application than its predecessors. In this tutorial, we will show you how to use these new features to create an iPhone music player app interface in both the original iPhone resolution, as well as retina without having to repeat the same process for both designs. Let’s get started!

Photo Manipulate an Eerie Sea Cave Scene

In this tutorial we will teach you how to photo manipulate an eerie sea cave, along with grim reaper boatman. You’ll learn various blending techniques, whereby you can blend multiple photos seamlessly. You’ll also learn how to create an effective depth of field as well as some cool looking light effects.

Alone – Surreal Manipulation Tutorial

This is an intermediate-advanced level tutorial that’s full of tricks and techniques. I’ll show you how to combine a few images in order to create a conceptual artwork. You’ll need Photoshop CS6, CS3, CS4 or CS5.

Create a Fantasy Floating Green Planet Scene in Photoshop

Here you’ll learn how to create a fantasy floating island scene using various photo manipulation techniques. As well as creating a beautiful landscape, you’ll learn how to construct a detailed flying machine from scratch, using advanced drawing, texturing and lighting techniques.

Iron Man In Illustrator And Photoshop

In this tutorial we will show you how to create the Iron Man mask using Adobe Illustrator and Photoshop. It’s not too detailed because I wanted to share a simple overview/walkthrough so you could play and explore by yourself. In the end that’s the best way to learn.

Learn How to Create a Vintage Notepad From Scratch

In this tutorial you’ll learn a variety of drawing techniques, mixed with professional filter application, coloring, lighting and more.

Learn How to Create a Old Photo Film Vector Using Photoshop

This tutorial we’re going to dive in and walk you through the basics of Photoshop’s drawing capabilities. You’ll be learning how to create a realistic old photo film icon.

Create a Surreal, Scenic Photo Manipulation

In this tutorial we will create a dark surreal landscape featuring a stony face. Learn and get inspired on how to make uses of simple stock images to be creatively manipulated into atmospheric surreal scene using Photoshop.

Create a Detailed Microphone Illustration

You’ll be creating a detailed microphone illustration that’s totally vector based. You’ll master things like smart objects, warping your vector shapes, creating custom patterns, textures, lighting and more, all within a clean, non-destructive vector workflow.

How to Create a Stopwatch Illustration in Photoshop

Photoshop offers a vast array of drawing capabilities, and is a fantastic option for those not familiar with Illustrator. In the following tutorial your will learn how to create a stopwatch illustration in Photoshop. Throughout the tutorial you will learn handy tips, advanced drawing techniques, and gain a better understanding of how to master the software you use each day.

How to Create an Old TV Illustrated Icon

In this tutorial you will learn how to work within a professional non destructive vector workflow. This includes mastering Photoshop’s shape and drawing capabilities, and using smart objects and advanced blending options.

Create a Magma Hot Text Effect in Photoshop

In this tutorial, we will explain how to create a magma hot text effect using layer styles and textures in Photoshop. Let’s get started!

How to Draw a PlayStation-Inspired Game Controller From Scratch in Photoshop

In this tutorial, we will explain how to draw a play station controller from scratch in Photoshop using basic tools such as shape layers, brushes, strokes, and layer styles. Let’s get started!

How to Use Image-Based Lighting in Photoshop CS6 Extended

In this tutorial, Steve Caplin will explain how to create convincing location effects using Photoshop’s 3D tools. In the process, he will show you how to set up specularity of textures, how to soften and position shadows, and how to use image-based lighting. Let’s get started!

Create Lathed 3D Objects in Photoshop CS6 Extended

In this tutorial, we will show you how to create lathed 3D objects by revolving paths and layers around a fixed axis; a process similar to what you may have seen done using Illustrator’s 3D tools. In the process, we will explain how to create a wine glass, a bottle, and a table top. Let’s get started!

Create a 3D Text Effect Using Filter Forge and Photoshop

In this tutorial, we will combine Filter Forge and Photoshop to create a wood textured 3D text effect with a simple red glass heart. Let’s get started!

Create a Sparkling Diamond and Gold Text Effect Using Filter Forge and Photoshop

In this tutorial, we will explain how to use Filter Forge and Photoshop to create a glamorous, sparkling, diamond and gold text effect. Let’s get started!

Create a Romantic Cutlery Artwork Inspired by Salvador Dali

Learn how to create this stunningly surreal image of a pair of cutlery in theater-like room with red velvet curtains. This artwork was inspired by the works of Salvador Dali. This tutorial will show you how to create a hardwood floor, blue-sky backdrop, and more.

How to Create Brushes from Photographs

This tutorial will show you how to cut any subject out of a photograph and turn it into a brush so that you will have easy access to the image for creative use in other documents.

Photo Manipulate a Mysterious Ghost Ship in Photoshop

In this Photoshop tutorial we will learn how to create an emotional dark fantasy photo manipulation featuring a ghost ship with a mysterious figure By following this tutorial, we will have fun while learning how to compose our own ghost ship by combining various stock image through photomanipulation techniques like blending, lightning and using custom brushes.

Create a 3D Text Effect With Photoshop and Maya

Photoshop is an incredibly versatile application that is often used along side 3D applications. In this tutorial, we will show you how to sketch out an idea for a text effect, build up the idea in Photoshop, render it in 3D using Maya, and then how to add the finishing touches again in Photoshop. Let’s get started!

Create a Realistic Photo Composite From a Sketch

This tutorial will begin as a sketch, we will then show you how to combine photo manipulation and digital painting techniques to create finished artwork that looks amazingly close to the original sketch. Let’s get started!

Old Signage In Photoshop 3D

In this tutorial we will show you how to create a nice old signage effect using Photoshop and a stock photo. The whole process is pretty simple bu the end result is quite nice. We will also create a simple animated gif in the end.

Welcome To Ghost Town – Manipulation Tutorial

In this beginers to intermediate tutorial we’ll learn how to create a ghostly town in just a few easy steps.We’ll use selective desaturation,play with opacity and combine a few layers to match a scene and create a hdr effect. So let’s begin.

Snow &Dust Particles Effects

In this short video tutorial we will show you how you can create realistic snow and dust particle effects in Photoshop using just 3 filters. You will learn a technique which will allow you to simulate depth of field and realistic snow blizzards.

Create a Science Fiction Environment With Photoshop

Photoshop is a fantastic application because it allows you to create just about anything your imagination can dream up. In this tutorial, we will show you how to create a science fiction environment using digital painting and illustration techniques. While working on this piece, you will learn how to set up your color scheme, set your perspective, and even how to create a monster robot. Let’s get started.

Create an “Out of the Box” Stone and Concrete 3D Text Effect

In this tutorial, we will mix Photoshop CS6 3D tools with Filter Forge to create an “out of the box” stone and concrete 3D text effect. Let’s get started!

The Text on the Wet Sweaty Window

This tutorial explains how to use a couple of images, a blur filter, and a simple brush to create a realistic text-on-wet-window effect.

Create a Photo-Realistic Fried Egg Using Digital Painting Techniques

Still-life illustrations can be great practice for anyone wanting to learn how to create life-like illustrations. In this tutorial, we will explain how to create a photo-realistic fried egg from a reference. Let’s get started!

Design a Clean and Modern Pricing Table in Photoshop

Photoshop is often used to create graphics and layouts for web designs. In this tutorial, we will explain how to create a pricing table for a hosting company using a combination of vector shapes and layer styles. Let’s get started!

Create 3D Objects by Inflating 2D Photographs in Photoshop CS6 Extended

In this tutorial, Steve Caplin will explain how to use Photoshop CS6 Extended’s 3D capabilities to create 3D objects by inflating 2-dimensional photographs. Let’s get started!

How to Create a Metallic Text Effect Using Layer Styles in Photoshop

In this tutorial, we will explain how to create a metallic text effect using layer styles in Photoshop. Let’s get started!

How to Reshape 3D Models in Photoshop CS6 Extended

In this tutorial, Steve Caplin will explain how to use distortion controls to extrude, twist and bend 3D objects in Photoshop to create a 3-dimensional bolt. Let’s get started!

Vintage 3D Text Effect in Photoshop CS6

The 3D Environment in Photoshop CS6 is a great way to create amazing 3D text effects without the need for any other 3D software. This tutorial will explain how to use the many tools and settings to create a nice vintage 3D text effect.

Adobe Announces Pen Tool and Layer Panel Enhancements for Photoshop CS6

In Photoshop 13.1, Adobe made some minor tweaks to the Pen Tool as well as the Layer Panel. You can now adjust an anchor point of a path by holding down the spacebar. In addition, the Layer Panel has also been improved so when you merge several layers, the merged layer will now take on the name you’ve given to that layer as opposed to just giving it the same name as the topmost layer. Martin Perhiniak will explain.

45 Useful Collection of Gimp Tutorials

Here we are presenting a cool collection of some highly useful and much awaited GIMP tutorials for you. GIMP is a powerful open source digital image editing application which is a better replacement for many highly priced applications such as Adobe Photoshop and Fireworks. GIMP stands for GNU Image Manipulation Program and it is used for tasks such as photo retouching, image composition and image creation. The program can be run in multiple operating systems as well as in many languages.

Here, you will see a vast collection of some useful tutorials that will be helpful for you in learning new techniques and experimenting with them to remove the boredom from your work and make your picture into work of art and masterpieces. We hope that you will like this collection and find these tutorials useful for you as well. Do have a look at this collection and enjoy it. You can share your opinions and views about this compilation via comment section below and also let us know if we have missed any useful GIMP tutorial. Let us have a look!

Contaminated Effect

In this tutorial we will use various overlay techniques, the pen tool and how to use stock images to add texture to the design.

Neon Text

In this Gimp tutorial we’ll create some neon effects in the form of neon lines and neon text, we will actually create two different types of neon text in this tutorial.

Gimp Sin City Tutorial

In this tutorial you will learn how to create an amazing sin city.

Splattered Vector In GIMP

We will create a splattered vector and photography mash up based on a Photoshop tutorial by James Davies at PSDTuts. We will be using mainly the paths tool, along with the dodge and burn tools. Let’s get started!

Fancy Glow Effects in Gimp

In this effects tutorial we’ll have a look at how to create some fancy glowing lines and how to make it so that the end of the line will fade nicely. We’ll also have a look at adding glow to objects that are not created from a path.

Awesome Bokeh Effect in Gimp

In this tutorial we will learn how to create an awesome Bokeh Effect in Gimp.

Experiment on 3D Text Effect in Gimp

In this tutorial we will write a tutorial on how we do this effect. This is my first 3d text effect tutorial.

Abstract Wallpaper in 10 steps

In this tutorial we will show you how to create an abstract wallpaper. It’s a easy tutorial and I think u can do it in 10 minute.

The Ultimate Gimp Planet Tutorial

Ever wanted to create realistic planets? In this tutorial you’ll learn how to create a planet, and more importantly how to create planet textures. We will have a look at several different planets to see how they are created, and how to easily change the look of planets using layer modes.

Round Web 2.0 Button with a Metal Ring

In this Gimp tutorial we will create a round web 2.0 button/icon with a metal ring around it. This button is very handy for download icons and such, and it can easily be customized, especially with gradients.

Isometric Banner Tutorial

In this tutorial, i will explain to create an original banner. It seems that the name given for this is isometric banner That is really simple to realize and i hope you will enjoy it.

Cool Glow Effects

In this Gimp tutorial we will create a cool glow effect, with a bit of spacey feel to it. This kind of glow effect is pretty quick and easy to create, and definitively useful to know.

Process: Full Spectrum Circle Effect

In this tutorial we will show some easy step how to create the full spectrum circle in Inkscape, and also explain how to polish it in Gimp. Check it out.

Make An Extremely Real Letter In GIMP

In this tutorial we will make an extremely real letter in GIMP.

Eclipse Wallpaper

Well this is my second tutorial on PA Blog. Easy way to create an eclipse wallpaper with GIMP. I use Gimp 2.6.3 for this pieces but this will work with most of version of gimp. Before we get started, let take a look at final result.

Gimp Cool Shapes Effect Tutorial

A short time ago Abduzeedo publish a tutorial showing us how to create an image inspired by Andy Gilmore’s work. I really liked that technique and decided that it would be cool to do something similiar like that in Gimp as well. So this is my latest tutorial.Before you read the rest of my tutorial let’s see my result!

Create a Quick and Simple Web Ribbon

In this web design tutorial you’ll learn how to make a quick and simple web ribbon in Gimp. Ribbons like these are very handy for placing in the top right corner of a website, if you have a site that’s under development it’s really handy to create a ribbon that says “BETA” , or if your site is new the ribbon could say “NEW!”.

Cool Circle Light Effect in Gimp

In this tutorial I will show you how to create a nice circle light effect using some circles,layer mode and blend tool.

Creating Liquid Fire

In this photo manipulation tutorial we’ll turn water into fire by creating a wave of water that transforms into a wave of fire. We’ll use some advanced color tools such as Levels and Curves to accomplish this, and we’ll also add some matching text.

Web 2.0 button with reflection

In this button tutorial you will learn how to create a nice blue glossy Web 2.0 button with a reflection in Gimp.

Gimp Layers

Here you will learn how to use layers in Gimp, and we’ll have a look at the different options in the layer dialog.

Abstract Glass Art

In this one we’ll have a look at how we can create some abstract art using the Blend tool in Difference mode. We will create a symmetrical glass-like design which will teach you the basics of this technique.

Brains Icon

In this tutorial you will learn how to create a brain style icon.

Abstract Wave Effect

In this tutorial you will learn how to create an abstract wave effect.

Creating a Diorama Effect

In this tutorial you will learn how to creating a Diorama Effect.

Glossy bolt tutorial in GIMP

Here we are going to create a glossy bolt in the Gimp. This tutorial is inspired off of a Photoshop tutorial by Constantin Potorac at Tutorial9.net. Let’s get started!

Graffiti Tutorial

In this tutorial we are going to create some realistic graffiti in the Gimp. This tutorial is partially inspired off of Photoshop tutorial by DreamDealer v5.0 at DreamDealer.nl Let’s get started!

Ornate Typographic Illustration Tutorial

Let’s learn how to create a richly ornate typographic illustration with the Gimp. We’ll be using a few ornate pattern freebies from GoMedia, a few stock photos, and a few textures.

Light Painting in Gimp

In this tutorial we are going to create beautiful Light Painting in Gimp.

The GIMP metal wires and abstract background tutorial.

In this tutorial we will learn how to create GIMP metal wires and abstract background.

Design an Apple iPhone Advertisement in Gimp

In this tutorial we will learn how to create an Apple iPhone Advertisement in Gimp.

Happy Holidays! A Text Project

In this GIMP project, you will use layers, strokes, and several other techniques to create a festive holiday text effect.

Tutorial: Smelting text / Creating blood text

In this tutorial I show you how you can liquify / smelt text or other graphical objects. I’m going to demonstrate this by creating a blood text.

Creating Planets and Planetary Rings in GIMP

This tutorial is very easy and the end result is all about what you prefer, so have fun playing around with colour and texture.

How to Fake a Tilt-Shift Miniature Photograph in GIMP

Tilt-Shift Photography is a great technique to experiment with and if you don’t want to spend your money on a new lens then it is possible to replicate the effect, and in this tutorial I’ll show you how to achieve this effect!

How To Create Your Own Website Design Using Gimp

In this tutorial we will learn how to create your own website design using gimp.

How to make Photographs Vintage in GIMP

Vintage style is sometimes desired to achieve a certain mood and aesthetic for a photograph. In this Gimp tutorial I’ll show you how to make your photographs Vintage in a few short easy steps.

How to make a Globe/Planet photo manipulation in GIMP

This photo manipulation is called a stereographic projection, which takes a standard photograph and stretches it around in a circle creating a Globe or Planet like image!

How to make a photo grungy in GIMP

This is a very simple method to making photographs grungy, but its also a good technique to have handy in your mind for any post-processing you might do in the future!

Neon Lights Tutorial

In this tutorial you will learn how to create Neon Lights.

Designing a multiple layer wallpaper

I’ve seen a lot of these kinds of wallpapers, in this Gimp tutorial you will learn a simple technique that will enable you to create wallpapers like this one. You will also learn how to use Text along Path.

Gimp Galaxy

In this tutorial you will learn how to create Galaxy style wallpaper.

Create a Surreal piece of art

This tutorial is directed towards beginners and thus will go into significant detail on how to accomplish each step. This tutorial was made specifically for Gimp 2.6.4.

Glow FX Extreme

I guess this tutorial will mostly be enjoyed by graphics enthusiasts ;) We’re going to create a special glowing lines effect with saturated colors and good dynamic!

The Creepy Zombie hand of Death

In this tutorial we will show you how to transform your own hand into a creepy zombie hand of death that is full of blood! we love to think about such cool looking titles ;) Enjoy the tutorial!

17 Useful WordPress Cheat sheets

If you are looking for some WordPress cheat sheets then look no further as here we are presenting for you 17 WordPress cheat sheets that will help you in developing WordPress themes and plugins. You can also use them for SEO of your blog or website. Although, there are tons of free WordPress themes and plugins available but at times, you may need to tackle with codes of your WordPress blog and this is where these WordPress cheat sheets come in.

Below, you will find 17 WordPress cheat sheets that you can also download for future reference. These cheat sheets will be especially useful for those who are into WordPress plugin and theme development. We hope that you will enjoy this collection. Enjoy!

Complete Wordprss Cheat Sheet

WordPress Template Designer CheatSheet

WordPress Template TAG Reference Guide

WordPress Theme Tags Code Snippet Collection

Cheat Sheet: SEO for WordPress

WordPress Cheatsheet by Andy Wibbels

WordPress V3.0+Template Tag Reference Guide

WordPress Help Sheet

My WordPress Cheat Sheet

WordPress SEO Cheat Sheet

WordPress Tips

WordPress Visual Cheat Sheet

The Advanced WordPress Help Sheet

WordPress Theme Generator

WordPress 3.0 Cheet Sheet

WordPress Loop

WordPress 3 Template Hierarchy

A Round-Up Of 45 Fresh Photoshop Tutorials And Techniques

Graphic designers and web designers are ready all the time to welcome Adobe Photoshop Tutorials. There are so many reasons behind this like Adobe Photoshop can easily use, you can easily learn from it, and most important is that Adobe Photoshop comes with so many varieties of highly developed tools which give outstanding and inspiring results. That’s why Adobe Photoshop is very famous and commonly used graphic editing software.

In this collection, we are showcasing some fresh, superb and high quality Adobe Photoshop Tutorials which is the treat for all the web designers and web developers. Use these Adobe Photoshop Tutorials and make your web designs more inspiring and wonderful. All these Adobe Photoshop Tutorials make your work easier for you and save your time too. So, what are you waiting for? Check out these exciting and amazing Adobe Photoshop tutorials and make your learning experience more pleasant. Please share with us if you have any suggestions or opinions via comment section below. Enjoy this amazing collection everyone.

Create a Metallic 3D Logo With Photoshop

In this tutorial, we will explain how to combine Photoshop CS6s 3D tools with Filter Forge to create a metallic 3D logo that is built “Forge” tough. Let’s get started!

Create a 3D Typographic Illustration

Modern artists often use more than one application to create their work. This often means working outside of Photoshop much of the time. In this tutorial, Joao Oliveira will create a 3D typographic illustration using Cinema 4D to build the 3D and Photoshop for the post-production. Let’s get started!

How to Create a Colorful Retro Poster

Leran how to create a retro-style wallpaper with this Photoshop tutorial! This tutorial will show you how to create a wallpaper with shiny textures, loads of lens flares, and bright colors. Have fun!

How to Create an Amazing Space Battle Scene

In this tutorial I’ll show you how to create a sci fi artwork with spaceship, planets and galaxy. You’ll learn how to compose and manipulate some space elements together as well as blend them correctly and effectively. You can also learn to create some different kinds of lighting, work with group, use brush, masking and more.

How to Use Image-Based Lighting in Photoshop

In this tutorial, Steve Caplin will explain how to create convincing location effects using Photoshop’s 3D tools. In the process, he will show you how to set up specularity of textures, how to soften and position shadows, and how to use image-based lighting. Let’s get started!

Create a Photo-Realistic Fried Egg Using Digital Painting Techniques

Still-life illustrations can be great practice for anyone wanting to learn how to create life-like illustrations. In this tutorial, we will explain how to create a photo-realistic fried egg from a reference. Let’s get started!

Create Unique 3D Grass and Stone Text Effect

In this tutorial, I will show you the steps to Create Unique 3D Grass and Stone Text Effect in Photoshop CS6 extended. We will explore the use of the 3D functions to create this interesting text effect. We will also go through some texturing techniques and filter effects.

Create Electrified Metal Text Effect

In this tutorial, I will show you the steps to Create Electrified Metal Text Effect in Photoshop. We will cover a number of selection techniques, as well as how we can use the right texture to form unique text effect.

Create a Glowing 3D Text Effect With Photoshop

In this tutorial, we will show you how to combine Photoshop with Filter Forge to create a glowing 3D text effect. We will begin by showing you how to create basic shapes in Photoshop, we’ll then show you how to convert them to 3D, and finally how to add the final touches using Filter Forge and a few of Photoshop’s basic features. Let’s get started!

How to Create Colorful Wooden 3D Text

In this tutorial, we will show you how to use Cinema 4D to create wooden 3D text and then how to use Photoshop to add the final touches. Let’s get started!

Create a Fantasy City Using Architectural Photographs

In this tutorial, we will show you how to create a fantasy city that is built on a rock structure, similar to Minas Tirith from “The Lord of the Rings.” In the process, you will learn several techniques to help you incorporate architectural photos into your artwork. Let’s get started!

Use Photoshop and Illustrator to Create Guitar String Typography

Photoshop and Illustrator are great tools to help you create things that only exist in your imagination. In this tutorial, we will create words out of intertwining guitar strings. Let’s get started!

Design Magical Fire Energy Text Effect in Photoshop

In this Photoshop tutorial, I will show you the steps I took to Design this Magical Fire Energy Text Effect in Photoshop. This is a beginner tutorial and I will show how easy it is to create a great looking text effect in Photoshop in just a few steps. We will come across some paintings, layer blending, and image adjustments. Have a try!

Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

In this tutorial, I will show you the steps I took to Design an Electrified Text Effect in Photoshop. The focus of this tutorial is show you how you can combine serveral elements seamlessly using selection and layer blending modes, in order to create an eye-catching text effect. This is an intermedia level tutorial so some steps can be tricky, but why not have a try!

Create a StarCraft-Inspired Firestorm in Photoshop

We were recently inspired by imagery from StarCraft II: Heart of the Swarm. In this tutorial, we will show you how to create a massive spiral firestorm as seen from space. While we will use some stock photography during the course of this tutorial, most of the techniques that we will show will rely heavily on manual painting; so a tablet will be essential. This tutorial also includes several videos to help explain each step, as well as a speed painting video that shows the entire process form beginning to end. Let’s get started!

How to Design an iPhone Music Player App Interface With Photoshop CS6

Photoshop CS6 is a much more powerful vector editing application than its predecessors. In this tutorial, we will show you how to use these new features to create an iPhone music player app interface in both the original iPhone resolution, as well as retina without having to repeat the same process for both designs. Let’s get started!

Create an Earth Shattering Disaster Scene in Photoshop

If you saw the movie “2012 you may remember that scene where the California coast begins to break apart and fall into the sea. In this tutorial, we will show you how to re-create that scene using a selection of stock photographs. Let’s get started!

Create Your Own Custom Landscapes in Photoshop

How to create your own custom backgrounds in Photoshop! You’ll learn how to combine and blend multiple landscape photos, mask using channel data, and finish it up with a strong gradient color effect.

Create Inspirational 3D Gold Text with Photoshop Extended

Learn how to make any inspirational message look more meaningful by turning it into a 3D typography poster. In this Photoshop tutorial, you will how to create striking 3D gold text, add reflections with image-based lighting, create a drywall background from scratch, and position your lights using an easy method that feel like you’re playing a 1st person shooter game. To follow this tutorial, you’ll need Photoshop CS6 Extended.

Create a Pixel-Perfect Social Icon Using Vectors

Learn how to create a simple share button in Adobe Photoshop! This is a pretty simple tutorial that will teach you how to create pixel perfect vector shapes and how to easily handle the vector tools in Photoshop. Once you get your starting vector shapes, you will learn how to add the colors using the Layer Style panel. Let’s get started!

How to Create a Photo-Realistic Metal Apple in Photoshop

Learn how to create a metallic apple with reflections. This tutorial will show you how to warp objects, dodge/burn, and add reflections to metal.

How to Create a Crystal Cube with 3D Text in Photoshop Extended

In this Photoshop tutorial, you will learn step-by-step how to convert your text into 3D type, create a crystal cube, and arrange your objects in 3D space. This tutorial will improve your familiarity with Photoshop’s 3D tools and give you a basic understanding of how you can add 3D objects to your artworks. To follow this tutorial, you’ll need Photoshop CS6 Extended.

Create a Cute Bunny House in Photoshop

Learn how to create this cute scene featuring bunnies and a carrot house. This tutorial will show you photo manipulation techniques to create a cartoon-like look.

Erase Backgrounds Quickly With The Background Eraser Tool

In this tutorial, you will learn how to use the background eraser tool to erase the sky and replace it with another from a set of realistic sky gradients.

How to Create an Awesome See-Through Water Horse in Photoshop

Learn how to create a see-through water horse in Photoshop! The techniques we will use are fairly simple but I do my best to explain them in detail so you can use them on your future projects.

Retroize Your Photos in Seconds

Give your photos a professional retro look using a combination of color lookup layers in Photoshop CS6. This technique is extremely easy to do and you can do it in seconds. Give it a try!

6 Accessories You Can Buy to Improve the Way You Use Photoshop

Do you have money that you don’t know how to use? Let me show you how to spend it with this list of tools that can increase your productivity and let you use Photoshop in new ways. I’ll show you the ones that I use all the time and and give you my honest opinion the others.

Create a Romantic Cutlery Artwork Inspired by Salvador Dali

Learn how to create this stunningly surreal image of a pair of cutlery in theater-like room with red velvet curtains. This artwork was inspired by the works of Salvador Dali. This tutorial will show you how to create a hardwood floor, blue-sky backdrop, and more.

Understanding Smart Objects Via Copy

If you would like to work more efficiently in Photoshop, then it is important to know how to make the most of smart objects. This means understanding the difference between simply duplicating a smart object and creating new smart objects via copy. In this tutorial, we will explain the difference between both of these features. Let’s get started!

Use Photography to Create a Scenic Matte Painting From a Sketch in Photoshop

In this tutorial, we are going to use Photoshop’s photo manipulation tools to create a scenic matte painting that was based on a sketch. Let’s get started.

How to Draw a PlayStation-Inspired Game Controller From Scratch in Photoshop

In this tutorial, we will explain how to draw a play station controller from scratch in Photoshop using basic tools such as shape layers, brushes, strokes, and layer styles. Let’s get started!

Create a Science Fiction Environment With Photoshop

Photoshop is a fantastic application because it allows you to create just about anything your imagination can dream up. In this tutorial, we will show you how to create a science fiction environment using digital painting and illustration techniques. While working on this piece, you will learn how to set up your color scheme, set your perspective, and even how to create a monster robot. Let’s get started.

Create an “Out of the Box” Stone and Concrete 3D Text Effect With Photoshop and Filter Forge

In this tutorial, we will mix Photoshop CS6s 3D tools with Filter Forge to create an “out of the box” stone and concrete 3D text effect. Let’s get started!

Create Lathed 3D Objects in Photoshop CS6 Extended

In this tutorial, we will show you how to create lathed 3D objects by revolving paths and layers around a fixed axis; a process similar to what you may have seen done using Illustrator’s 3D tools. In the process, we will explain how to create a wine glass, a bottle, and a table top. Let’s get started!

Create a 3D Text Effect Using Filter Forge and Photoshop

In this tutorial, we will combine Filter Forge and Photoshop to create a wood textured 3D text effect with a simple red glass heart. Let’s get started!

Create a Battlefield Scene Using Stock Photography in Photoshop

By combining the right photography in Photoshop you can create just about any scene that you want. In this tutorial, we will create a battlefield using several stock photographs. Let’s get started!

Create a 3D Text Effect With Photoshop and Maya

Photoshop is an incredibly versatile application that is often used alongside 3D applications. In this tutorial, Wojciech Pijecki will show you how to sketch out an idea for a text effect, build up the idea in Photoshop, render it in 3D using Maya, and then how to add the finishing touches again in Photoshop.

How to Create a Metallic Text Effect Using Layer Styles in Photoshop

In this tutorial, we will explain how to create a metallic text effect using layer styles in Photoshop. Let’s get started!

Create a Sparkling Diamond and Gold Text Effect Using Filter Forge and Photoshop

In this tutorial, we will explain how to use Filter Forge and Photoshop to create a glamorous, sparkling, diamond and gold text effect. Let’s get started!

How to Reshape 3D Models in Photoshop CS6 Extended

In this tutorial, Steve Caplin will explain how to use distortion controls to extrude, twist and bend 3D objects in Photoshop to create a 3-dimensional bolt. Let’s get started!

Design a Hot Golden Text with Disintegration Effect in Photoshop

In this Photoshop tutorial, I will show you the steps I took to Design this Hot, Golden Text with Disintegration Effect in Photoshop. We will mainly use the selection tool and layer mask to perform some texturing for the letters, and use image adjustment tools to fine-tune the effect.

Create a Pixel-Perfect Notebook Icon in Photoshop

Learn how to create a beautiful notebook icon with Photoshop! This beginner drawing tutorial will show you how to create shapes, add texture, and use layer styles to create a quick and easy notebook icon.

How to Create a Night Jungle Scenery in Photoshop

Learn how to create a mossy jungle scene with fairies flying around. This tutorial will show you how to creatively create your own jungle background, manipulate a stone building into a tower, and add doors to create a miniature village for fairies.

Create Conditional Actions in Photoshop CS6.1

Photoshop CS6.1 includes the ability to create Conditional Actions. This means that you can now create actions that are optimized for certain situations. For instance, you could create a conditional action to create a watermark for either a landscape or portrait photograph. In this tutorial, Martin Perhiniak will explain.

Create a Misty Landscape Using 3D Renders and Stock Photography

In this tutorial, Ed Lopez will combine photo manipulation with digital painting to create a misty landscape in Photoshop. This tutorial includes both written and video content and is available exclusively to Tuts+ Premium Members. If you are looking to take your matte painting skills to the next level then Log in or Join Now to get started!

45 Fresh And Best Adobe Illustrator Tutorials

As we all know very well that Adobe Illustrator tutorials are very powerful designing resource for the designers as they help them learn new and easy trick to use Illustrator in the best possible way. These Adobe Illustrator tutorials enhance designers designing skills therefore; designers use these Adobe Illustrator tutorials. These Adobe Illustrator tutorials also help designers for their professional growth and improve their work productivity.

This is the reason that design community frequently share fresh and new tutorials. In this collection we are also sharing some outstanding and fresh Adobe Illustrator tutorials. We hope that this list would be of great assistance for the designers. So, learn from this collection and do it even better. We hope that you will like this assortment. Feel free to share your opinion with us. Enjoy!

How to Create a Witch’s House Scene with Gradients in Illustrator

In this tutorial you will learn how to illustrate a cute quirky landscape with a witch’s house. Starting with line art the tutorial moves onto coloring using Gradients and a variety of Blend Modes. The tutorial explains tools such as the Pencil Tool and shows smart Illustrator options to edit a whole illustration within minutes.

How to Create a Detailed Fire Extinguisher in Adobe Illustrator

In the following tutorial you will learn how to create a detailed fire extinguisher illustration in Adobe Illustrator. We’ll be creating base shapes using basic shapes and the Pathfinder panel and then adding detailing with gradients and the Appearance panel.

How to Create a Vector Microwave Oven Illustration

In the following tutorial you will learn how to create a microwave oven illustration using the Appearance panel, a custom pattern and the wonderful Pathfinder panel in Adobe Illustrator.

How to Create Search Files Icon in Adobe Illustrator

In this tutorial we will take a look at the process of creating a realistic icon, which encompasses a variety of techniques such as 3D modeling, gradient fills and color work, different ways of creating shadows and highlights.

How to Create a Hand Whisk using Gradients and Blends

Today we’re going to create a vector hand whisk using Adobe Illustrator. We’ll be using Gradients and Blends, as well as some clever Clipping Masks to create a semi realistic illustration you could use in a variety of projects. So let’s jump in!

How to Create a Detailed Cake Illustration

In the following tutorial you will learn how to create a detailed cake illustration. This tutorial uses many different vector techniques including the Appearance Panel, 3D Settings, Grain Fills.

How to Create a Detailed Lighter in Adobe Illustrator

In the following tutorial you will learn how to create a detailed lighter illustration in Adobe Illustrator. First, you’ll learn how to create pixel perfect shapes using the Rectangle or the Ellipse Tools along with the grid and the snap to grid option. Next, you’ll see how you can add depth and shading for your shapes using complex gradients, the Pathfinder options and some basic blending techniques. For the final touches you will learn how to create your own pattern and how to make it a part of your final piece.

How to Create Two Bright Ice Cream Lollies in Illustrator

Summer may be a long way off in the northern hemisphere, but below the Equator, it’s hot hot hot! In this quick tip tutorial we will make a glossy ice cream. Using Gradients, the Blend Tool (W) and Warp Effect you will create a nice and tasty ice creams.

How to Create a Polygonal Vector Mosaic

In this tutorial we will create a mosaic consisting of polygons. Free Scriptographer plug-in and our imagination will help us in this unsophisticated task. Have fun and enjoy our new Adobe Illustrator tutorial!

How to Create a Hollow Die in Adobe Illustrator

In this tutorial we will be learning how to create a stylized hollow 3D die. Instead of having usual dots on its surface we will create holes.

How to Create Fireworks Rockets in Adobe Illustrator

Today we will be creating a neat icon of Fireworks Rockets. 3D Effect is a convenient tool for creating this kind of illustration, but we have to be aware of the fact that 3D effects can mess up our illustration. It can create many unnecessary anchor points and distort the shape of the illustration. In order to avoid that we will use 3D effect only to create a reference objects. The Pen Tool will help us to trace the object with just few anchor points that will allow to us manipulate the shapes easily. So, let’s move from words to deeds.

How to Illustrate a Screw-bolt and a Nut with 3D Effects in Illustrator

In this tutorial, I’m going to show you how to create a screw-bolt and a nut in Adobe Illustrator. Open the Illustrator program, create there the new document and let’s begin…

How to Create a Vector House Shaped Clock in Illustrator

In this tutorial I will show you how to create your own alarm clock in the shape of a house in Adobe Illustrator. We’ll be using the Rectangle Tool, Ellipse Tool, the Transform options and gradients. So let’s begin…

How to Draw a Wheelbarrow in Perspective in Adobe Illustrator

In this tutorial, we are going to learn how to create a wheelbarrow in perspective using basic shapes, Blends and gradients in Adobe Illustrator. So let’s get started!

How to Create a Paper Shopping Bag in Adobe Illustrator

In the following tutorial you will learn how to create a shopping paper bag using Adobe Illustrator. We’ll work from basic shapes to create this multi-use illustration.

How to Draw a Power Plug in Adobe Illustrator

In the following tutorial, I’m going to show you how to illustrate a power plug in Adobe Illustrator. We’ll start with a geometry sketch and build upon it adding light and texture. So let’s begin by starting a New document…

Create a Quick and Easy 3D Type Effect

Clean and modern 3D type is a cool effect, and it’s surprisingly quick and easy to create. With the combination of Photoshop and Illustrator, this effect is can be created in minutes. Let’s take a look at how it’s done.

Learn To Make A Wonderful Vector Travel Suitcase In Illustrator

In this tutorial you will learn to make a fabulous vector traveling suitcase.

How to Create Vector Polygonal Background Quickly Using Triangulator

Polygonal Art Style became very popular over last year. It is often used in printing, designing T-shit, cell-phone backgrounds and websites. In our today’s tutorial we will learn how to create quickly vector polygonal background with the help of web based tool and Adobe Illustrator.

Iron Man In Illustrator And Photoshop

In this tutorial I will show you how to create the Iron Man mask using Adobe Illustrator and Photoshop. It’s not too detailed because I wanted to share a simple overview/walkthrough so you could play and explore by yourself. In the end that’s the best way to learn.

Retro Moderinist Artwork In Illustrator And Photoshop

In this tutorial I will show you how to create a Retro Futuristic Illustration using Adobe Illustrator and Photoshop. I won’t add a lot of details on how to create the shapes, it’s more like a simple walkthrough on how I create the illustration.

Easy Bomb-Omb In Illustrator

Today we are going to show a beginner tutorial of how to create a Super Mario’s Bomb-Omb is just a few steps, you don’t have to be good at drawing or even at Illustrator to do it.

Man Of Steel Symbol In Illustrator And Photoshop

In this tutorial we will show you how to create the Superman, Man of Steel logo using Illustrator and Photoshop. We will also utilize some stock photos for textures and the original poster for reference. The whole process will take from 3-5 hours depending on your pace. In the end it will be really fun to create and well worth the time spent.

Create A Playstation Controller In Illustrator

This is a tutorial less focused on drawing skills and more into the Illustrator tools, so this should not be that hard for begginers. You execute it using a mouse or even a track pad, good luck.

GTA V Logo In Illustrator And Photoshop

In this tutorial we will show you how to create a nice money style effect using Illustrator and Photoshop. The process is a little bit long and we will just give you a high level explanation. It’s important that you try to not only follow but modify the process so you can come up with your own effect.

How to Create a Cute Corn Illustration with Basic Shapes in Illustrator

In this tutorial we are going to draw a cute corn illustration, with the use of Pathfinder panel, basic shape tools and some Blends for the color palette, so lets get started.

How to Create a Detailed Box in Adobe Illustrator

For this Quick Tip we are going to show you how to create a detailed cardboard box, including dividers, from scratch. We will use the power of gradients, pattern swatches and a bit 3D magic to make this box really come to life. So let’s get to it!

How to Create an Open and Closed Zipper in Adobe Illustrator

In the following tutorial you will learn how to create a simple zipper illustration in Adobe Illustrator. We’ll be creating the starting shapes using the Rectangle Tool, the Pathfinder panel and some basic shape building techniques. Next, we’ll go on to adding the details using the Transform and the Drop Shadow effects along with some basic blending techniques. For the final touches we’ll use some Warp effects, the Appearance panel and a simple built-in pattern.

How to Create a Marker Board in Adobe Illustrator

In the following tutorial, we’ll show you how to create a marker board illustration using basic shapes, the Pathfinder and Appearance panel within Adobe Illustrator. This is a great tutorial for those who aren’t comfortable with the Pen Tool and wish to learn some advanced techniques.

How to Create a Nail Polish Bottle with Basic Shapes and Gradients

In this quick tutorial you will create two nail varnish/polish bottles using Adobe Illustrator. We will use a Warp Effects, some gradients and the Pathfinder panel. You can use at as an icon or as a template for designing nail polish labels. Useful and very easy to create!

How to Create a 3D Whistle using Adobe Illustrator

In the following tutorial you will learn how to draw a 3D whistle using Adobe Illustrator. We’ll start with a 2D surface and create a 3D base using Extrude & Bevel. We’ll then go on to adding stylized shading and depth. On your marks, get set… vector!

How to Vector a Portable Scanner in Adobe Illustrator CS6

In this tutorial we are going to show you how to create a portable scanner using the Rectangle Tool (M), Direct Selection Tool (A) and Envelope options, as well as some patterns and gradients to add finer details.

How to Create a Liquid Soap Bottle Vector Illustration

In the following tutorial you will learn how to create a liquid soap bottle illustration. We’ll start with a 3D base and add details and Blending Modes to create a refined stylized vector illustration.

How to Create UI Toggle Switches Using Adobe Illustrator and Astute Graphics’ Plugins

In this tutorial we will learn how to Create UI Toggle Switches Using Adobe Illustrator and Astute Graphics’ Plugins.

How to Create a Can with a Barcode in Adobe Illustrator

In this tutorial we’ll learn how to create a metallic can with it’s own barcode. You’ll create a geometric base and apply gradients to create a 3D effect, as well as using some custom made brushes to help add texture and light.

Go from Day to Night with a Beach Scene in Adobe Illustrator

In this tutorial we are going to show you how to create a beach & dunes illustration in Adobe Illustrator. I’ll show you how to do a day time and a night time version by just swapping a few elements. I’ll be using gradients, Scatter and Bristle Brushes along the way, so let’s get right in!

Create a Fantasy Style Potion Illustration with Gradients and the Bristle Brush

If you play a lot of fantasy video games, you’ll often come across potions… be it mana, health, strength etc… and it’s with this inspiration I’m going to show you how I created this trio of potion bottles. I’ll be using a mixture of tools including Gradients, Bristle Brush, 3D Revolve and the Blob Brush Tool. So let’s get started!

Create a Students Desk in Top View Using Simple Shapes and Textures

In this tutorial we are going to show you how to create your own student’s desk in a top-view. In order to make it we are going to use the Rectangle Tool, Ellipse Tool, and we’ll use a texture for the desk and the floor that we are going to make. This tutorial is great for beginners, let’s begin!

Create a Childrens Swing using Clipping Masks and Blends

Do you want to illustrate a childrens swing? If yes then let’s get started and you will undoubtedly learn the excellent Adobe Illustrator tools and create your own impressive and stunning artworks! Open Adobe Illustrator program, create there the New document and let’s begin.

How to Create the Letter S in the Shape of a Slinky Toy

In this tutorial we will create letter S in the shape of a slinky toy. For these purposes we will be using the Blend Tool and simple circles. So let’s get started!

How to Create an Abstract Speech Bubble in Illustrator

In this Illustrator tutorial we will learn how to create some abstract speech bubbles using the simple forms and some techniques which allow us to extend your knowledge in the vector artworks creation. You can download the free speech bubble file which is inside in this tutorial. I hope it will help you to understand all the nuances. Have fun and enjoy our Adobe Illustrator tutorial!

How to Create a Vector Pencil in Adobe Illustrator

In the following tutorial, we will show you how to create a the base shapes to create a pencil. We’ll continue to add depth to the pencil and add some finishing touches with the help of some custom brushes. So let’s begin!

Illustrator Tutorial: How to Create a Vector Fire in Five Minutes

In this Illustrator tutorial we will learn how to create a vector fire using very simple techniques. Even the beginners will be able to do this tutorial easily. You will also learn how to create the fire banner and prepare for selling it on the microstock sites. Have fun while learning this Adobe Illustrator tutorial!

How to Create a Vector Dream Catcher with Brushes in Adobe Illustrator

In this tutorial we are going to show you how to create your own vector dream catcher in Adobe Illustrator using brushes!

Must-See Collection of Amazing Illustrator Tutorials For Every Designer

Adobe! A name widely known to all digital designers, as the platform of unimaginable possibilities in the digital designing world! Any designer related to digital media development knows and confirms the usefulness of software range introduced by Adobe. Amongst them is Adobe Illustrator, one of the most dominant tools in the designing industry, for the crafting vector based graphics for web designing, illustrations providing excellent professional outcome of any design you decide to make.

Including here a roundup of Illustrator tutorials, that will satisfy your inspiration as well as enrich your imagination to the possibilities the vector-graphics can achieve. This will be inspiring Photoshop artists too, as, with slight difference of technique, these effects are achievable in Adobe Photoshop we well. Variety ranges from plain infographics to interesting typography patterns, posters, illustrations, comic characters and much, much more. Dig in and find your own favorite to get Adobe Illustrator inspired today!

Create Detailed Tulips With Gradient Mesh, Without the Mesh Tool in Illustrator

adobeillustratortutorials

How to Create a Detailed Flag Stand Illustration in Adobe Illustrator

adobeillustratortutorials

How to Create a Simple Vector Web Ribbon in Adobe Photoshop

adobeillustratortutorials

How to Create an Iron Cross Self-Mailer Template Using Adobe Illustrator

adobeillustratortutorials

How to Create a Promotional Website Infographic in Adobe Illustrator

adobeillustratortutorials

How to Create a Unique USB Sign in Button in Adobe Illustrator

adobeillustratortutorials

How to Create a Detailed Depot Building Icon in Adobe Illustrator

adobeillustratortutorials

How to Draw a Colorful, Tasty, Ice Cream, Sundae in Adobe Illustrator

adobeillustratortutorials

How to Create a Detailed Keyboard Button Illustration in Adobe Illustrator

adobeillustratortutorials

How to Vector a Portable Scanner in Adobe Illustrator CS6

adobeillustratortutorials

How to Create a 3D Lego Text Effect in Adobe Illustrator

adobeillustratortutorials

Gradient Mesh Flower

adobeillustratortutorials

How to Draw a Vector Kiwi

adobeillustratortutorials

How to Create a Semi-Transparent, 3D Text Effect in Adobe Illustrator

adobeillustratortutorials

How to Create Flexible Image Grids in Adobe InDesign

adobeillustratortutorials

How to Draw Isometric Circles in Adobe Illustrator

adobeillustratortutorials

Create a 3D custom map in Illustrator

adobeillustratortutorials

How to Create the New Smart Phone Lightning Connector

adobeillustratortutorials

How to Create a Vector Dream Catcher with Brushes in Adobe Illustrator

adobeillustratortutorials

How to Create a Detailed Box in Adobe Illustrator

adobeillustratortutorials

How to Create a Detailed Lighter in Adobe Illustrator

adobeillustratortutorials

How to Create an Open and Closed Zipper in Adobe Illustrator

adobeillustratortutorials

How to Create Sketchy Weather Icons in Illustrator

adobeillustratortutorials

How to Illustrate a Screw-bolt and a Nut with 3D Effects in Illustrator

adobeillustratortutorials

45 Creative Buttons And Badges Tutorials

For today’s round up, we have gathered 45 tutorials that will let you learn how to create appealing and fine looking buttons and badges for your website. All these tutorials are different from one another but they all make use of Adobe Photoshop and Illustrator. With beautiful and appealing web buttons and badges, the overall appearance of a web design can be significantly increased. These tutorials will help you learn how to use Marquee Tool, Shape Tool and Gradient Tool to create visually appealing buttons and badges.

Tutorials always come in handy when you need to either brush up your skills or want to learn some new ways of doing the things. Therefore, keeping this in mind we have compiled this post for you. We hope that you will find these tutorials useful and will learn some new techniques from these tutorials. Do share your views and suggestions with others via comment section below. Enjoy!

Button Tutorials

Perfect Shine Button or Icon

Ever cracking your head on how to design an awesome button or icon for your application’s GUI? and feeling of jumping out from Web 2.0 style once in a while? In this tutorial will be teaching you on how to create a cool looking button or an icon to suit your need.

Metal RSS Button in Photoshop

Create a sharp Metallic RSS Button for your blog in this Photoshop tutorial, inspired ever so slightly by the Mac Pro’s power button. Final source files included.

Vista Styled Button

In this tutorial we are going to teach you how to create Vista Styled Button.

Photoshop turn off Button Logo Stock Photo

In this tutorial we will teach you how to create the Photoshop turn off button logo stock photo in Photoshop.

Design a Simple Yet Effective, Clean and Shining Button

In this tutorial, We will show you the method artist use to create a stylish, clean and shining button for your website in Photoshop. This method is extremely simple with no more than five steps, yet it’s very effective since you can use the button for a wide range of occasions.

Create a nice Stylish Glossy Button in Photshop

In this tutorial we have writen a tutorial about how to create a very nice stylish glossy button in Photoshop.

Design panic button logo icon in photoshop

In this tutorial we are telling you about how to create photoshop design panic button logo icon in photoshop.

Web 2.0 style buttons

Nowadays Web 2.0 style becomes more popular. Every day tons of sites which has simple, bright and very interesting things, appear in Network. There are no standards about creating any Web 2.0 elements, but we have several typical features, for example and clean colors, many gradients. Here we want to show you how to create Web 2.0 styled button using Adobe Photoshop CS2.

Photoshop Business Print Button Logo Icon

In this tutorial we will teach you about How to Create Photoshop Business Print Button Logo Icon.

Professional Glossy “Download” Button

In this easy, step-by-step tutorial we are going to show you how to design a simple, professional & glossy “Download” button.

Create Glassy Button

In this tutorial we will learn how to create glassy button.

Photoshop Calculater Button Logo Icon

In this tutorial we will tell you that How we can create Photoshop Calculater Button Logo Icon.

Photoshop tutorial website pill button icon design in photoshop

In this tutorial we will show you how to create Photoshop tutorial website pill button icon design in photoshop.

How to Create a Slick and Clean Button in Photoshop

This Photoshop tutorial shows you how to create a simple and clean “Web 2.0 style” button sprite with a rollover state. You’ll also learn how to set up the sprite using some basic CSS techniques (CSS background sprite and CSS text image replacement).

How to Make Glossy Buttons in Photoshop

In this tutorial, you will learn How to Make a Glossy Buttons in Photoshop. Throughout this tutorial, you will be using more on Marquee Tool, Gradient Tool, Ellipse Tool and more standard tools. Here is a step by step procedure on how to make one.

Photoshop Button Maker

In this simple tutorial, we’re going to create a clever little way of making little buttons using a couple of layers and one interchangeable image layer. As always you can download the sample PSD at the bottom of the tutorial to follow along and copy layer styles out of.

Create a Round Switch Button in Photoshop

In this quick tip tutorial we will create a round switch button that you can use in your interface designs. Let’s get started!

Cool Blue Buttons Tutorial

In this tutorial we will learn how to create Cool Blue Buttons in few easy steps.

Create a Realistic Telephone Keypad Using Layer Styles

Creating real-world objects in Photoshop can be somewhat challenging. The key is to pinpoint and accentuate small details such as shadows, lighting, and extruding edges. In this tutorial, you’ll learn how to achieve acutely life-like telephone dial buttons in Photoshop using shape layers and layer styles!

RSS button

In this tutorial we will teach you how to represent a RSS button.

Create small Colourful Buttons in Photoshop

In this tutorial we will teach you how to create small colourful buttons in photoshop.

Photoshop Buzline Button Logo Icon

In this tutorial we are telling you about How to Create Photoshop Buzline Button Logo Icon.

Create Simple Button

In this tutorial we will teach you how to design a very simple button in photoshop.

Social Networking Chicklets in Photoshop

In this tutorial we will teach you how to create social networking chicklets in photoshop.

Creating buttons for web

In this tutorial we will learn how to use blending options and layer masks to create buttons destined to web.

Design Web 2.0 Interface in Photoshop

Understanding the tutorial below is understanding it’s technique, with it you can draw yourself some graphical user interface for a website. Side navigation, buttons, headers, for instance. All Web 2.0 style.

Professional Menu Button

In this easy, step-by-step tutorial we are going to show you how to design an interesting professional menu button by using some simple filters, for example Gaussian Blur & Motion Blur.

How to Create a Highly Detailed Hi-Tech Power Button

With this tutorial we will create a hi-tech style button that can be used in splash pages, applications or Powerpoint presentations. We will use Illustrator to create complex vectors and Photoshop to develop realistic effects.

Vista Styled Button

In this tutorial we will learn how to create vista styled button.

Glossy-Style Carbon Fibre Navigation Buttons

We really love this kind of style, so we thought just we would share a tutorial with you guys on how to design something like what we have shown below, a kind of glossy, carbon fiber navigation set.

Glossy Web 2.0 Button

Learn how to make a nice Web 2.0 style Glossy Button using Layer Styles, also how to make a rollover.

Creating Flexible Buttons using Photoshop Shapes

In this tutorial we will be creating flexible buttons using Photoshop shapes and styles.

Web 2.0 Button in Photoshop

Buttons Photoshop tutorials are probably one of the hottest categories in any Photoshop tutorials site and since Web 2.0 is such hot topics now, lets go about doing a simple button suitable for any Web 2.0 application of websites.

Badges Tutorials

Nice ‘n’ Simple Subscribe Badges

In this Photoshop tutorial we’ll be making those cool supermarket-style badges, then we’ll be turning them into subscribe buttons for your website, a must-have for any blog!

4 Stylish Web 2.0 Badges

This illustrator tutorial will teach you how to create 4 different stylish vector web 2.0 badges. We will start by learning how to create the basic sawtooth badge. From there, we will move on to produce other styles using some other filters.

Fan Badge Tutorial

This is a short tutorial i made for begineers on how to use the selecting too a bit and learn a few neat tricks to give your work a 3D-ish look

Designing Glossy (Web 2.0) Badges

This is a relatively basic Photoshop tutorial, but you should have basic knowledge of Photoshop and its tools to follow through to the end.

Satisfaction Guaranteed Seal/Badge Tutorial

In this quick Photoshop tutorial we are going to show you how to design a sweet-lookin’ a golden badge, pretty much like this one I’ve designed below. For this tutorial we have used the example 100% satisfaction guaranteed seal/badge.’

Create A Snazzy Retro Badge

This tutorial will help you create a vector retro badge or emblem. Particularly, in this year, the number of websites using these as attention grabbers is increasing, and it is being touted as a design trend that is not very likely to cease anytime soon.

How To Create a Mexican Lucha Libre Mask Pin Badge

Follow this step by step Illustrator tutorial to create a Mexican Lucha Libre inspired badge design. We’ll be creating a vector mask design out of various shapes and elements before pulling the whole design together onto a template to form a print ready 25mm button pin badge.

Creating buttons in Photoshop

This might not be what you think. We’re creating Photoshop buttons, like the ones you would pin on your shirt or create for a political campaign. In this tutorial, we will create a basic button using different layers and some different effects.

Glassy Button or Enamel Badge

Layer styles are effects built into the layer palette that enable you to work non-destructively. This means that the effects can be turned on and off, leaving the content of the layer unaffected. Layer styles are incredibly versatile, as this tutorial will hopefully demonstrate! The graphic shown below contains just two flat shape layers – all the effects (including the text on the badge) have been applied using Layer Styles.

Cool Badges

In this tutorial, we are going to show you how to create 3 different types of cool badges. We are going to use Photoshop CS4 and hopefully will make this very easy for you.

Certificate Badge Photoshop Tutorial

In this tutorial, you will learn to create a cool certificate badge. The design can be used in various design project like in creating gift certificates, e-book covers, software boxes, logo etc.

Create Funky Green Day Pin or Badge

In this Photoshop tutorial we’ll create a badge or button. In Photoshop you can make cool and funky pin or button with just a few layers. We’ll set the layer structure up so if you want a badge with a different picture you can simply change the top image to create a new badge and you can easily reuse the main part of the badge.

Ultimate Collection Of PSD To Html Conversion Tutorials

In this post, we have compiled some amazing tutorials on PSD to HTML conversion. This post helps those designers who have no knowledge about how to convert their designs files (PSD files) into a completely coded website (HTML code). For the web designers, Photoshop is the most favorite software and they create innovative designs by using the Photoshop. The difficult task for the designer here is to convert their PSD files into HTML or CSS format because this conversion is necessary for the professional website.

You can easily turn your web designs into visually appealing and fully functional websites if you know the technique of how to convert PSD files into HTML codes. Scroll through our amazing collection and be inspired to create your own website, as well. Have fun!!

Convert a 3D Portfolio Dark Layout From PSD to HTML

In this article you will learn how to convert a 3D Portfolio Dark Layout from PSD to HTML in a detailed step by step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and Javascript into a valid HTML/CSS, cross browser compatible and dynamic layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

Convert 1stDelicious Portfolio Layout From PSD to HTML

In this article you will learn how to convert 1stDelicious: A Simple Clean Portfolio Layout from PSD to HTML in a detailed step by step tutorial. You will learn how to create this layout by using a CSS framework, CSS Sprites and CSS3 into a valid HTML/CSS and cross browser compatible layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

Slice and Dice that PSD

In this video tutorial, we’ll be slicing up a PSD, dicing it for the web, and serving it on a warm hot plate.

How to Create a Dark and Sleek Web Design from Photoshop

In this web development tutorial, you will learn, step-by-step, how to create a beautiful dark and sleek web layout using standards-based HTML and CSS. Along the way, you will witness how to use CSS Sprites and CSS Text Image Replacement.

Convert Your Product Landing Page From PSD to HTML

In this article you will learn how to convert Your Product Landing Page from PSD to HTML in a detailed step-by-step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and Javascript. When you’ve completed this tutorial you’ll have a valid HTML/CSS, cross browser compatible and dynamic layout.

Advanced CSS Menue

In this tutorial we will show you how to slice up the menu design (step by step) and put them together with CSS. Most of you probably know how to code a horizontal or vertical CSS list menu.

How to Code up a Web Design from PSD to HTML

In this tutorial we will code up a complete mockup in HTML and CSS, ensuring our code is semantic and standards compliant. We’ll then add some finishing touches with a spot of jQuery.

Design Lab TV Styled Layout

In this tutorial you will learn how to code the Design Lab TV Styled layout into xhtml and css.

From PSD to HTML: Building a Set of Website Designs Step by Step

Here we are going to take you through my entire process of getting from Photoshop to completed HTML. We’re going to build out a set of 4 PSD mockups of a website that eventually will become a WordPress theme. It’s a massive tutorial, so if you’re going to follow through to the end, make sure you have a few hours to spare!

Coding a Clean Web 2.0 Style Web Design from Photoshop

In this web development tutorial, you’ll learn how to build a web page template from a Photoshop mock-up.

Converting a clean magazine-style PSD template to HTML/CSS

This tutorial will be an overview, with some tips and advices, on how to convert a psd to HTML; it won’t be a complete and specific explanation on HTML tags, CSS properties and techniques but a look to my entire process of getting from Photoshop the HTML layout.

How to Code a Clean Minimalist HTML CSS Website Layout

In this tutorial we will take a PSD file and will create an HTML CSS Layout for our readers – so that you can learn some coding lessons or download it and use it as your own site.

Design & Code a Cool iPhone App Website in HTML5

HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

Create a Sleek, Corporate Web Design (HD Video Series: Day 3)

In this video series, we’re going to walk you through how to create a sleek, professional web design for a corporate website. we’ll also be finishing the support pages and coding the entire thing in HTML/CSS!

Convert Burnstudio from PSD to HTML

In this article you will learn how to convert Burnstudio Personal Website from PSD to HTML in a detailed step-by-step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and JavaScript.

Corporate WordPress Style Layout

In this tutorial you will learn how to code the Corporate WordPress Style Layout into xhtml and css.

PSD to XHTML: Simple & Cloudy Portfolio Layout

In this tutorial you will learn how to convert the Simple & Cloudy Portfolio Layout PSD to XHTML.

Convert a Warm, Cheerful Web Design to HTML and CSS

In this tutorial you will learn how to Convert a Warm, Cheerful Web Design to HTML and CSS.

PSD to HTML Tutorial: Code a Photoshop File to a Working Website

In this PSD to HTML tutorial you will learn how to code the Quick and Easy Stylish Design Agency Landing Page In Adobe Photoshop. I’m not really into coding, more of a design person and this is my first coding tutorial. I will try my best to guide you through the whole thing. We will be coding this from scratch and by the end you will have an awesome and fully functional agency layout.

How to Design and Code a Flexible Website

In this tutorial, we’re going to be designing and coding a simple blog-style web-page. We’ll pay special attention to making our design flexible and accessible by using clean and simple XHTML and CSS. This tutorial is aimed at beginners, and anyone looking to improve the accessibility of their web designs.

Create an Animated “Call to Action” Button

In this web design and development tutorial, you’ll get a walkthrough for creating a “Call to Action” button sprite in Photoshop as well as how to use jQuery to animate it. This tutorial is broken up into three sections: Photoshop, HTML/CSS, and JavaScript.

How to Create a Lifestream of Your Online Activities

A lifestream is a simple website that compiles your online activity in real time and displays it in chronological order. These days all the cool kids have personal lifestream sites, so let’s take a look at creating our own website that pulls in a range of RSS feeds through SimplePie and displays them together in a cool design.

How to Code a Clean Portfolio Design (Plus Free Five-Page Template)

In this tutorial we will start with the Photoshop file, and we will work our way through the process of converting that design into a coded page. We’re also going to implement a jQuery slider, so the lead image will be part of a rotation rather than just a static image.

How To Build Your Own Single Page Portfolio Website

Let’s take a look at producing a single page portfolio concept in Photoshop, constructing the page in XHTML/CSS and adding some fancy functionality with jQuery.

PSD/HTML Conversion: Elegant and Simple CSS3 Web Layout

In this tutorial we will show you how to create an HTML/CSS web template for the PSD design created.

WaterColored Portfolio Coded, Free CSS Template With PSD to HTML Tutorial (UPDATED)

In this post we’ll learn how to realize a valid, standards compliant XHTML and CSS home-page from PSD template. So, now it’s time to write code!

DesignSchool Coded, Free CSS Template With PSD to HTML Tutorial

This post describe how to convert a PSD layout in a real (X)HTML/CSS web-page. This is only a basic demonstration so I explain the basic issues to realize our home-page.

How to Convert a Photoshop Mockup to XHTML/CSS

Follow this walkthrough of coding up a graphical website layout into valid, standards compliant XHTML and CSS. Starting with the initial process of exporting the individual images from the Photoshop document through to building the complete page.

Code a Corporate Website from a Photoshop Design: PSD to HTML Tutorial

In this tutorial we will walk through the process of coding that design in HTML and CSS. Here is a look at the design that we will be coding.

Converting Dezign Folio From PSD to HTML

In this article you will learn how to convert Dezign Folio from PSD to HTML in a detailed step-by-step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and Javascript. When you’ve completed this tutorial you’ll have a valid HTML/CSS, cross browser compatible and dynamic layout.

Code an Awesome Minimal Design from PSD to XHTML & CSS

In this tutorial will take a look at coding up our Awesome Minimal Web Design PSD into semantically-correct XHTML and CSS. In this tutorial we’ll be making use of CSS3 and the new features it brings to Web Developers. We’ll be making use of the: text-shadow and background gradient syntaxes.

From PSD to HTML the easy way – Using Ultimate CSS Framework

This tutorial will teach you how to transform your PSD files to HTML with a very easy method using Ultimate CSS Framework. This framework will help you first to create your designs using the psd file. Using css classes, you will be able to align your design like a pro.

Coding a Band Website Created in Photoshop

In this tutorial you’ll learn how to take that PSD and turn it into clean, working XHTML/CSS code.

How to Convert a PSD to XHTML

These screencast shows you exactly how to convert a PSD into perfect XHTML/CSS.

Brilliante Blog Layout – Coding The PSD File Into CSS and HTML

In this tutorial, we’ll be revisiting the Brillante blog design, covering the PSD slicing, HTML/CSS coding, custom fonts embedding and some handy cool tips to improve your website performance.

Coding a Clean and Professional Web Design

This tutorial will teach you how to create the layout in Photoshop, and then how to convert it to a standards-compliant (X)HTML web design.

Conclusion
Scroll through our amazing collection that showcases a list of some tutorials that will help you to convert PSD files to HTML quite easily. We hope that you will like this collection and find these tutorials useful for you. Do have a look at these tutorials and do not forget to share your comments with us. Enjoy and stay creative!

40 Must Have Cheat Sheets For Graphic Designers And Developers

A cheat sheet or crib sheet is a concise set of notes used for quick reference. “Cheat sheet” may also be rendered “cheatsheet”. In the graphics world, cheats sheets are there to help the designers in completing their design applications easily. At times, designers get stuck with the design process and they do not know where to get help from. Cheat sheets can give them a good refresher on their desired topic.

For this round up, we are presenting a useful collection of 40 cheat sheets for the designers and developers. We hope that these cheat sheets will be helpful for them. Do let us know what you think about this collection via comment section below. Enjoy!

HTML Cheat sheet

HTML is the language of the web. It is the semantic support on which websites depend. This A4 reference lists the various tags available to the web designer, as well as a selection of useful character entities, attributes and events.

CSS Cheat sheet

The CSS cheat sheet is a one-page reference sheet, listing all selectors (as of CSS 2.1) and properties. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for.

RGB Hex Colour Chart

A free, printer-friendly RGB Hex colour chart for web designers.

CSS 2.1 and CSS 3 Help Cheat Sheets (PDF)

These cheat sheets will help you quickly look up the right CSS 2.1-property or an obscure CSS 3 property. The style sheets contain most important properties, explanations and keywords for each property.

HTML 5 Cheat Sheet

A handy printable HTML 5 Cheat Sheet that lists all currently supported tags, their descriptions, their attributes and their support in HTML 4.

Megapixels and Maximum Print Size Chart

Each colored box represents a certain number of megapixels. The numbers along the top and left side are print dimensions in inches at 300ppi (pixels per inch). Most books and magazines require 300ppi for photo quality. For example, the chart shows that you can make a 5″ x 7″ photo quality print from a 3 megapixel camera.

Color Codes Matching Chart HTML (CMYK, RGB Hex)

Note that the conversions in this color codes chart are best described as “nominal”. They will produce an invertible conversion between the RGB code and a subset of CMYK; that is, one can take an RGB color code and convert to certain CMYK colors, and from these CMYK colors obtain the matching, original RGB codes.

Designers Toolbox: Postcard Sizes

These are standard postcard sizes. Check with United States Post Office before mailing.

CSS Visual Cheat sheet

A useful and practical reference guide to Cascading Style Sheets Level 2 for web designers and developers. This cheat sheet (3 pages) contains an essential reference to all CSS2 properties with detailed descriptions and some sample code. The simple visual style used to design this sheet allows you to find at a glance everything you are looking for.

Black & White Cheatsheet For Photoshop

Black & White Cheatsheet For Photoshop for designer.

Keyboard shortcuts for Photoshop

A PDF-file with a handy overview of most useful keyboard shortcuts available in Adobe Photoshop.

Photoshop Secret Shortcuts

It is proven that by using software shortcuts can boost up productivity. Here are 30 secret Photoshop shortcuts that I’ve learned from years of experience.

HTML5 Canvas Cheat sheet

The information is pretty much just a copy of what is found in the WHATWG specs, just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few other things (the appearance of which is very much inspired by those found in Mozilla’s examples). So, it’s basically just a listing of the attributes and methods of the canvas element and the 2d drawing context.

XHTML Character entitiy reference

This page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C.

Htaccess Cheatsheet

Here is a simple cheatsheet for the .htaccess file.

Designers Toolbox: Standard Foldings

These are standard foldings. Check with your printer to ensure they can produce these foldings. Designers Toolbox is not responsible for errors.

PHP & MySQL for dummies

When writing PHP programs to create your Web database application and communicate with a MySQL database, you have many things to remember. You must spell code correctly and use perfect syntax. This Cheat Sheet provides a reference for quickly looking up the correct syntax for the code you use most frequently.

Adobe Air Cheat Sheet

Adobe After Effects CS4 Cheat Sheet

Denis Klepcha has compiled a convenient chart showing the most used keyboard shortcuts for After Effects. You can download and print this cheat sheet out for your wall to save you from always having to stop what you’re doing and go through the “help” files.

Wikipedia Cheat Sheet

A cheat sheet for Wikipedia editors, with formatting help, useful links and a glossary of common shortcuts.

HTML Character Entities Cheat Sheet

I’m forever looking up character codes, so this cheat sheet was a no-brainer. This contains a list of the assigned character codes in HTML, with an example of how they are displayed, and description.

CSS Cheat Sheet (V1)

A quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information.

Adobe After Effects CS6 Keyboard Shortcuts

You can download and print this cheat sheet out for your wall to save you from always having to stop what you’re doing and go through the “help” files.

Spirals and After Effects

Spirals are used as design guides and elements or paths for text, shapes, and particles. Here’s a few resources for using and creating spirals in After Effects and other Adobe applications.

A side-by-side reference sheet

Interpreted Languages: PHP, Perl, Python, Ruby (Sheet One)

The Gimp Cheat Sheet

CSS Filters / Hacks

PHP Comparison cheat sheet table

VisiBone Font Card

CSS Cheat Sheet

Web Content Accessibility Cheat Sheet

BGColors

Adobe Pen tool Cheat sheet

Photoshop Brush Tool Cheatsheet

Mozilla Firefox Cheat Sheet

Mac OS X Keyboard Cheat Sheet

WordPress Help Sheet Wallpaper

Drupal Theme Developers Wallpaper

Seo html tag

CSS3 Cheat Sheet

CSS Cheat Sheet

40 Fresh And Creative Photoshop Text Effects Tutorials

If you are looking for some detailed and professionally created tutorials on creating awesome text effects by using Adobe Photoshop, then you have come to the right place. Below, we have compiled a list of 40 most recent and excellent tutorials on creating text effects by using Photoshop application. We are sure many of you are looking for it. By following these tutorials, you can bring your typography designs to life and make them look more interactive and appealing.

Typography no longer is the arrangement of fonts only rather it has become a medium for the designers to showcase their creative skills and imagination power. In this post, you will find 40 most recent and high quality tutorials on how to use Adobe Photoshop to create awesome and appealing text effects. So, don’t miss the opportunity to liven up your designs. Check this out and get as much as you like! Enjoy and stay creative!

Create a Glowing Liquid Text with Water Splash Effect in Photoshop

In this tutorial, we will show you the steps we took to create a Glowing Liquid Text Effect in Photoshop. We will be practising the use of liquify filter, layer blending options, as well as some image adjustments.

Create a Realistic Wooden 3D Text Image

In this tutorial we are going to take a few 2D textures as well as a few Photoshop techniques to create a realistic 3D text image.

Easy X-Ray Typography In Photoshop

In this tutorial we will show you how to create a simple x-ray effect of a letter, in this case the Abduzeedo logo A. The whole process is quite simple but it will require a couple of hours to pull it off.

Easy Furry Text In Photoshop

In this tutorial we will show you how to create a really cool and super simple furry text in Photoshop CS6. We will use basic filters and tools but it’s nice to say that we took advantage of the a new feature in Photoshop CS6 that is to apply layer styles to folders.

Man Of Steel Symbol

In this tutorial we will show you how to create the Superman, Man of Steel logo using Illustrator and Photoshop.

Create Glossy Plastic Text in Photoshop

Learn a quick and easy way to create reflective plastic text in Photoshop from scratch. Three layer styles will be combined to achieve this effect. We will also explore blending modes and their effective use to achieve this type effect with layer styles.

Frosted Glass Text Effect

This tutorial will explain how to create a beautiful frosted-rolled glass inspired text effect, using Photoshop Filters and Layer Styles.

How to Create Shiny Retro Text with Photoshop

Learn how to create this amazing typographic illustration with colorful type treatment. In this tutorial, Edmar Cisneros will show you how to create this artwork using Photoshop layer styles and special lighting effects.

Create a Knitted Argyle Text Effect

Photoshop plugins are great tools to help you save time and improve the quality of your work. In this tutorial, we will use Filter Forge to help create a knitted argyle text effect in Photoshop that you can use in your holiday illustrations. Let’s get started!

Create an Autumn-Themed 3D Text Effect With Photoshop CS6 Extended

Adobe Photoshop CS6 Extended is packed with an all-new 3D interface and tons of new features. In this tutorial, we will explain how to use those new features to create an autumn-themed 3D text effect. Let’s get started!

Create a “Scary” Text Effect in Photoshop

In this quick tip tutorial, we will show you how to create a “scary” text effect using layer styles in Photoshop. Let’s get started!

Create a Crisp Metallic Text Effect in Photoshop

In this quick tip tutorial, we will explain how to create a crisp, metallic text effect using just a couple of layer styles in Photoshop. Let’s get started!

Create a Stitched Denim Text Effect in Photoshop

In this tutorial, we will explain how to combine Photoshop filters, brushes, and vector shapes to create a stitched denim text effect using Photoshop CS6. Let’s get started!

Create a Bloody Text Effect in Photoshop Using Layer Styles

In this quick tip tutorial we will show you how to create a bloody text effect using layer styles in Photoshop. Let’s get started!

Create a Neon Text Effect in Photoshop

In this tutorial we will show you how to make a neon text effect in Photoshop using layer styles and textures. Let’s get started!

Design an Interesting Cloud Text Effect in Photoshop

In this tutorial, we will show you the steps we took to Design an Interesting Cloud Text Effect in 3 Easy Steps in Photoshop. We will mainly use custom brushsets and utilise brush options to achieve this text effect. This is a beginner level tutorial, have a try.

Create a Dissolved Ancient Ink Text Effect in Photoshop

In this tutorial, we will show you the steps we took to Create a Dissolved Ancient Ink Text Effect in Photoshop. The aim of this tutorial is show you how you can apply layer blending options, eraser tool as well as filter effect to text, in order to produce simple but effective typography in just a few steps.

Create a Frozen Text Effect with Ice Particles in Photoshop

In this tutorial, we will show you the steps we took to Create a Frozen Ice Text Effect in Photoshop. We will mainly go though some selection techniques, as well as layer styles and image adjustments.

Create an Interesting Cookie Bite Text Effect in Photoshop

In this tutorial, we will show you the steps we took to Design a simple Cookie-Bite Text Effect in Photoshop. We will be practising some basic techniques such as the use of quick selection tool, layer masks and layer blending options.

Clouds Text Effect

This tutorial explains how to use simple brushes to create an easy clouds text effect.

Create a Shiny, Gold, Old World Text Effect in Photoshop

In this quick tip tutorial we will show you how to create a shiny, gold, old world text effect using layer styles in Photoshop. Let’s get started!

Create a Sports-Themed Text Effect in Photoshop Using Layer Styles

In this quick tutorial we will show you how to create sports-themed text effect using layer styles in Photoshop. Let’s get started!

Create a Candy Flavored Text Effect in Photoshop

In this quick tip tutorial we will explain how to create a candy cane-style text effect in Photoshop. Let’s get started!

Create a Glass Text Effect in Photoshop Using Layer Styles

In this quick tip tutorial we will show you how to create a glass text effect using layer styles in Photoshop. Let’s get started!

Fabric Text Effect

This Photoshop tutorial explains how to use Layer Styles and two patterns to create a nice looking fabric text effect.

How to Create Happy New Year 2013 Holiday Card

In this tutorial, we are going to create a simple holiday card with colorful digits in Adobe Photoshop CS6. I hope you enjoy this tutorial and that it inspires you to create your own illustration for New Year! Layered PSD file included. Let’s get started!

Create a Realistic Metal Text Effect Using Layer Styles

Today we’ll be showing you how to create a realistic metal text effect using only 2 layers! Sound to good to be true? Well read on… even a beginner can following this quick and easy tutorial.

Create a Polished 3D Gold Bars Text Effect

In this tutorial, we will create a Polished 3D Gold Bars Text Effect.

Multiple Text Strokes With Smart Objects In Photoshop

In this tutorial, we’ll learn an interesting way to create a multi-outline text effect, this time using the power of Photoshop’s Smart Objects! Adobe first introduced Smart Objects back in Photoshop CS2, which means you’ll need CS2 or higher to follow along.

Editable Blurred Type With Layer Styles In Photoshop

In this Photoshop tutorial, we’ll learn how to create fully editable blurred type using layer styles! Specifically, we’ll see how to use the technique to add blurry shadow text to an image.

How to Create Hanging Typography

In this Photoshop tutorial, you will learn how to create this cool hanging typography text using Photoshop and a little bit of Adobe Illustrator.

Create a Cool 3D Graffiti Text Effect using Line Art

In this tutorial, you’ll learn how to take a line art sketch of text and turn it into a 3D graffiti style text effect using some simple techniques and stock images. You’ll learn how to take a concept, add the initial coloring, then use some well placed images to achieve a 3D effect, then finally use some brushes to add awesome extra effects.

Create A Beautiful 3D Text Composition

In this tutorial, Joe Moore will teach you step by step how to render beautiful and visually sharp 3d text in 3D Studio Max, render it using Mental Ray, and then combine it with additional visual elements to create an atmospheric, nature inspired 3D text composition using Photoshop.

Create a Unique Stone and Fire Text Effect in Photoshop

In this tutorial, we will show you the steps we took to Create this interesting Stone and Fire Text Effect in Photoshop. We will heavily use selection tool, image adjustments, liquify techniques as well as layer blending options.

Creating Bold Text that Stands out

A great way to make text stand out is to give it a little pop. In this tutorial we are going to use Adobe Illustrator to make the text pop by giving it some heavy shadows and strokes.

Create a Clean Retro Badge in Adobe Illustrator

In this tutorial we are going to create a clean retro-looking badge/burst in Adobe Illustrator. These are great for adding to a website, advertisement, banner, etc to help the text stand out.

Create a Smoke Text Effect Using Photoshop’s Non-Destructive Tools

In this tutorial we will learn how to create a Smoke Text Effect Using Photoshop’s Non-Destructive Tools.

Easy Chalk Ornament Typography In Photoshop

In this tutorial we will try to create a stylish ornament typography and then apply a chalkboard effect using Adobe Illustrator, Photoshop and some vector ornaments. The whole process is simple but time consuming, so I would take at least 3 hours to recreate this design.

Metal Car Logo Effect In Photoshop

In this tutorial we will show you how to create a nice chrome effect in Photoshop using only Photoshop. The process is a bit long but it is a very useful technique and there is still a lot to evolve in terms of layer styles values.

The Dark Knight Rises Stencil Effect In Photoshop

In this tutorial we will create a stencil and spray effect using basic filters and some brushes. The technique is very simple and I am sure you will use it in your future projects.

20 Wonderful Abstract Backgrounds Tutorials

In all the visual appearances, color is the most important part because it attracts the viewers’ quite easily. For the web and graphic designers, the difficult task is to choose the right color combination or eye-catching abstract background color combination for their projects so that they can easily divert the attention of the viewers to their designs.

In this post, we are showcasing an irresistible and great collection of 20 colorful and abstract backgrounds tutorials. These smart and colorful abstract backgrounds not only enhance the beauty of your designs but they will also help you to understand that how you can create perfect color combination and abstract color backgrounds. Hope you will find them inspiring as well as useful.

How To Create Vibrant Lighting Effects From Scratch

Incorporating lighting effects is a great way to bring energy and flow into your designs. In this tutorial, we will show you how to create some amazing lighting effects from scratch using a free open source program and then adding final touches to the image inside of Photoshop.

Create Abstract Colorful Balls Illustrations in PS CS5

In this tutorial, you will learn how to create abstract colorful illustration using simple tools and techniques like Ellipse Tool, Brush Tool, Gradient Tool, Layer Style, etc. in Adobe Photoshop CS5. Layered PSD file included. Let’s get started!

Quickly Build an Abstract Background of Colored Bars

Oftentimes there’s a need for a quick but unique design. In this tutorial, I’ll be showing you a short but attractive way to create a graphic for backgrounds, wallpapers, greeting cards, designs, and all that other good stuff. You will learn a simple Photoshop trick that you can easily manipulate for your daily needs.

How to create Abstract Colorful Background

In this tutorial, you’ll learn how to create an abstract colorful background with bokeh effect using Photoshop’s drawing tools, blending modes, and lighting techniques. Layered PSD file included. Let’s get started!

How to Create Abstract Colorful Rainbow Background

In this tutorial, you’ll go through easy steps for creating a nice abstract rainbow background in Photoshop. We’ll use Photoshop’s simple shapes, layer styles and gradients to create a colorful background. Let’s get started!

Colorful Swirl

In this tutorial we’re going to make a colourful and good looking swirl with only a few steps.

Colorful Abstract DNA background in Photoshop CS3

Here we are going to show you how to create colorful abstract DNA background via Custom shapes in Adobe Photoshop CS3. Layered PSD file included. Let’s get started!

How to create Signature Backgrounds

This is a tutorial for you to make a nice abstract backround for any forum signatures.

Chroma Wallpapers

This tutorial explains how to create a energetic, vibrant, colorful wallpaper background.

Digital Star Effect

In this tutorial we will learn how to Turn a regular photo into a high-tech digital artwork.

Abstract Lighting Effects

Learn how to create a very colorful waves element with light effects in Adobe Photoshop CS4.

Creating Colorful Disco Lines Effect

This simple tutorial will show how we can create professional-looking colored lines with the usage of Photoshop Brushes and Blend Modes. It’s an interesting find for me when I was doing random experiments with Photoshop.

Hexagon Bokeh Effect in Photoshop

In this tutorial we will show you how to create a digital bokeh effect with hexagons. We will use the brush engine, patterns, blend modes and basic filters to achieve this effect.

Drawing an Abstract Lightbulb

In this tutorial we will learn how to draw an Abstract Lightbulb.

How to Create an Interplay of Abstract Light Streaks

In this tutorial we will learn how to Create an Interplay of Abstract Light Streaks.

Abstract Visual Effect

In this tutorial , we will look into how to make some abstract visual effects, mainly we will see how filters can be used with Layer Blend modes which turn out some great result.

Lines Tutorial

Here you will find another great tutorial, simple and fast.

Create a Carbon Mesh Background in Photoshop

In this quick tip tutorial, we will demonstrate how to create a cool ‘carbon cut-out’ effect using mesh and carbon textures made from scratch. Let’s get started!

Creating a Stunning Digital Smoke Effect

In this tutorial we are going to show you how to easily create digital abstract smoke using both Illustrator and Photoshop. One of the best things about this technique is that it’s very customizable and you can do it pretty quickly.

Create a Wavy and Curving Abstract Shape Effect in Photoshop

In this tutorial, we will show you the design processes we used to make this Rather Interesting, Wavy and Curving Abstract Shape Effect in Photoshop.

40+ Useful HTML5 Tutorials And Techniques

For the web designers and web developers, this collection will be a treat for them because in this collection, we are showcasing 45 useful and amazing HTML5 tutorials and techniques that would astonish them. HTML5 is the latest and advanced version of HTML (HyperText Markup Language) and these days HTML5 is very popular among the web designers and web developers, that’s why I said this collection is a treat for web designers and web developers. HTML5 is packed with modern and advanced features that‘s why major internet marketers and internet leaders are using HTML5 like Google and Apple.

These HTML5 tutorials will help you to improve your web design techniques and offer basic compatibility features and tricks to the web designers and web developers. Do have a look at this collection and start browsing through this fresh collection. I hope you will like this collection. You can also download your best pick without paying any cost. Do not forget to share your comments with us. Your comments are always more than welcome. Have fun and enjoy this amazing collection everyone.

Making a Beautiful HTML5 Portfolio

In this tutorial we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.

Design & Code a Cool iPhone App Website in HTML5

HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

How to Build Cross-Browser HTML5 Forms

In this tutorial, we’re going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2, Modernizr, jQuery UI and assorted jQuery Plugins.

HTML5 File Uploads with jQuery

Here we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.

Using Inline SVGs With HTML5

It goes without saying that SVG isn’t as widely used as many people in the web development community might believe it should be. Setting the debate aside, in this tutorial, we will demonstrate how to use inline SVGs, covering a range of techniques and exploring the interaction between web page and graphic. When used in conjunction with other emerging standards in HTML5, JavaScript and CSS3, inline SVGs can significantly add to the user experience.

Create Portfolio Page

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3.

Implementing HTML5 Drag and Drop

One of the new features in HTML5 is native drag and drop. Surprisingly, Internet Explorer has had support for this since version 5.5; in fact, the HTML5 implementation is based on IE’s support. In this tutorial and screencast, we’ll look at how to implement native drag and drop to build a simple shopping cart interface.

Code a Vibrant Professional Web Design with HTML5/CSS3

In this web design tutorial, we will convert the vibrant and professional design. We will use HTML5 and CSS3, as a proof of concept and as a way for you to learn these upcoming W3C standards through practice. We will also use the 960 Grid System to speed up development time.

Building a Live news Blogging System

In this tutorial we will be building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery.

Combining Modern CSS3 and HTML5 Techniques

Just because some techniques don’t work in decade old browsers doesn’t mean that you shouldn’t be learning everything you can! Stay on the cutting edge, as we use everything from CSS shadows and animations, to HTML 5 mark-up and local storage, to utilizing jQuery to work with the Picasa API. We’ll also take advantage of the excellent jQuery library, and review some best practices when coding.

Growing Thumbnails Portfolio

In this tutorial we will be making a portfolio with HTML5, jQuery and CSS3 that features an interesting growing effect.

Create offline Web applications on mobile devices with HTML5

In this tutorial you will learn how to create offline Web applications on mobile devices with HTML5.

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along.

HTML5 Unleashed: Tips, Tricks and Techniques

Can we use HTML5 today? What can we do with it? Is it really going to kill Flash? You must have noticed a gradual increase in the frequency of these and similar questions being asked, debated and even answered. In my opinion, you must answer such fundamental questions yourself.

An in Depth Analysis of HTML5 Multimedia and Accessibility

In this tutorial, you’ll learn how HTML5 helps to provide you with several ways of presenting your media content to users. As a result, you’ll increase the availability of your media to users with different needs and requirements, making it more accessible.

Blowing up HTML5 Video and Mapping it into 3D Space

I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call. Here is the description on the draft site.

Getting Offline Access with HTML5 Application Cache

Just when you thought you’d seen all the cool features of HTML5, I’m here to bring you yet another one. The internet is no longer about just websites; it’s about web applications. Often, our users are on portable or mobile devices, and they won’t always have access to a network. With HTML5’s Application Cache, you can provide them with all or some of the functionality they would have online, no matter where they go.

HTML 5 Slider Bar Tutorial

Out of the new HTML tags one that you should be really excited about is the slider input tag. It used to be that you could only render a slider bar with a javascript library, but not anymore.

HTML5 Apps: Positioning with Geolocation

At the heart of every location-based application is positioning and geolocation. In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app!

28 HTML5 Features, Tips, and Techniques you Must Know

This industry moves fast — really fast! If you’re not careful, you’ll be left in its dust. So, if you’re feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know.

The HTML 5 Audio Element

As of Firefox 3.5, Chrome 3, Opera 10.5, and Safari 4, we can take advantage of many of the new HTML 5 features, including native audio support without the need for Flash. As you’ll find, we only to create the new audio element, and set a few attributes. In this four minute video quick tip, we’ll review the mark-up, and also a quick way to play audio with jQuery.

How to Create a Drop-down Nav Menu

In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.

Create a Stylish Contact Form with HTML5 & CSS3

Follow this step by step process to create your own stylish contact form completely out of HTML5 and CSS3. We’ll be using a couple of the handy new features in HTML5 to add cool functionality to our form, while making use of cool CSS3 properties to recreate our Photoshop concept purely in code.

Have a Field Day with HTML5 Forms

Here we’re going to take a look at how to style a beautiful HTML5 form using some advanced CSS and latest CSS3 techniques. I promise you will want to style your own forms after you’ve read this article.

Coding a CSS3 & HTML5 One-Page Website Template

Here we are making a HTML5 web template, using some of the new features brought by CSS3 and jQuery, with the scrollTo plug-in.

HTML5 Canvas Element Guide

In this guide, I hope to get you started on understanding the canvas element and what kinds of things are required and expected in its associated code. This should help you get a firm fundamental understanding of canvas in preparation for creating something interesting and powerful with this unique HTML5 element.

How to Make an HTML5 iPhone App

He we will show you how to create an offline HTML5 iPhone application. More specifically, we will walk you through the process of building a Tetris game.

Bouncing a Ball Around with HTML5 and JavaScript

This guide will explore the use of HTML5s canvas element through a fun example: bouncing a blue ball around.

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

Here we’ll be creating a bar that pops up at the top of a page, and stays above the content (similar to ‘hellobar’). The popup bar was only tested in Chrome and Safari and may not work in other browsers.

Designing Search Boxes with HTML5 and CSS3

Search is one of the most important part of any website. Here, we will show a few practical techniques for designing search forms and a few tricks to build usable and good-looking search functionality.

Creating an Animated 404 Page

Here we are making just that. We are going to create an animated 404 page, which you can easily customize and improve.

How to Make All Browsers Render HTML5 Mark-up Correctly

HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we’ll create a common layout using some of HTML 5s new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.

Touch The Future: Create An Elegant Website

In this tutorial we will learn how to create An Elegant Website With HTML 5 And CSS3.

Browser Storage for HTML5 Apps

HTML 5 Tutorial for Web Developers: The Video Element

HTML5 Web Applications

HTML5: The Basics

An HTML5 Slideshow w/ Canvas & jQuery

Yes, You Can Use HTML 5 Today!

The Power of HTML 5 and CSS 3

Sticky Notes With HTML5 and CSS3

Semantics in HTML 5

webOS HTML5 Database Storage Tutorial

7 jQuery Plugins To Create Page Scrolling

Are you interested in creating a single page layout website? Do you need to know something about plugins that help you create such websites? If yes then you are at right place. Here we are discussing 7 jQuery plugins that help you creating page scrolling layout – characteristic layout for a single page website. Page scrolling techniques are of two types: one is browser scrollbar dependent and the other user action dependent. Regardless of what type of scrolling techniques you want to use, these plugins will help you achieve page scrolling effect quite effortlessly.

We hope that these plugins will not only save your time but will also satisfy your needs so that you will not be required to reinvent the wheel again. Speak your mind and let us know your opinion about this compilation. Enjoy!

BetterNikeWorld Parallax

With this plugin you can create layout with the famous NikeBetterWorld style.

Page Scroller

Page Scroller lets you know where you are on a page while providing a simple smooth scroll navigation. Organize your site into easily digested sections. Use a CSS navigation skin or create your own.

Scrollrama

The jQuery plugin for doing cool scrolly stuff.

Scrolldeck

A jQuery plugin for making scrolling presentation decks.

ScrollTo

With ScrollTo you can easily scroll various elements and the screen itself.

Stellar.js

With this jQuery plugin you can create a parallax scrolling effects to any scrolling element.

jQuery Scroll Path

It’s a plugin for defining custom scroll paths. It uses canvas flavored syntax to draw lines and arcs. It comes with a custom scrollbar. It also does rotations in supported browsers.