Of course, not each code must become a plugin that would be worthless. However converting the ones to be re-utilized will save loads of improvement time & if shared with the community, will make the code itself better.

In this post, you will unearth some of the most excellent, interesting fresh and useful jQuery plugins and tutorials that were created in 2011.

File Uploads with jQuery

( Demo | Download )
This plugin 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.

ComboGrid

( Demo | Download )
Combogrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. Combogrid provides keyboard navigation support for selecting an item.

MotionCAPTCHA

( Demo | Download )
MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas Harmony procedural drawing tool by Mr Doob and the Unistroke Gesture Regonizer algorithm (and the more recent Protractor algorithm improvement), requiring users to sketch the shape they see in the canvas in order to submit a form.

Elastislide

( Demo | Download )
With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Spin.js

( Demo | Download )
The spin method creates the necessary HTML elements and starts the animation. If a target element is passed as argument, the spinner is added as first child and horizontally and vertically centered.

Craftyslide

( Demo | Download )
Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin.

Arbor.js

( Demo | Download )
Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.

Recurly.js

( Demo | Download )
Recurly.js allows you to easily embed a PCI compliant order form within your website. Recurly.js is a Javascript library designed to be easily embedded and customized to match your website.

Ideal Forms

( Demo | Download )
Ideal Forms is a small framework to build powerful and beautiful online forms.

How to Block Adblock

( Demo | Download )
With this friendly jQuery plugin you can easily blog Block Adblock.

Power PWChecker

( Demo | Download )
Power PWChecker jQueryPlugin observes passwords as users type and provide instant password strength check (Weak, Medium, or Strong). This encourages users to review their password selection and ensure that the password is strong and secure. Power PWChecker also allows you to enforce password length policy by specifying minimum and maximum password length. It also matches password entries and provides visual alert in case of inconsistent passwords.

Sisyphus

( Demo | Download )
Imagine you’re filling a complex form on site, or typing effervescent and extensive comment. And when you’re almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh? With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It’s lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost.

Response Javascript

( Demo | Download )
Response JS is a lightweight jQuery plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve media progressively via HTML5 data attributes. Its object methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.

Responsly.js

( Demo | Download )
Responsive designs are cool! Not only do they allow you to reach mobile and tablet users with minimal effort, they also make your context scale up for desktop users with larger screens.

Fitvids.js

( Demo | Download )
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Isotope

( Demo | Download )
Isotope: An exquisite jQuery plugin for magical layouts

Slidorion

( Demo | Download )
Slidorion is a combination of an image slider and an accordion; displaying beautiful content through various effects.

Diapo

( Demo | Download )
With Diapo plugin you can creat a beautiufl slideshow.

Minimit

( Demo | Download )
Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states.

Circular Content Carousel

( Demo | Download )
The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

HTML5 Music Player

( Demo | Download )
With this plugin you can create HTML5 Music Player.

jQuery Mobile

( Demo | Download )
A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Lettering.js

( Demo | Download )
A jQuery plugin for radical web typography.

Multi Node Range Data Slider jQ Slider

( Demo | Download )
JQ Slider is a multi-node range and data slider that allows to provide easy-to-use user data selection and filter tool. It can be used in many ways.

Xml Driven Vertical News Scroller Script Using jQuery vScroller

( Demo | Download )
Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also allows you to add dynamic content to otherwise static web pages.

jQuery Sliding Content Bar Plugin

( Demo | Download )
It is a smart and quick content bar that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushUp Content Bar is easy to customize and strong enough to rely upon. You can add your contact details, location map via Google Maps, and a simple contact form that visitors can use to make contact with you.

Gmap3

( Demo | Download )
gmap3 is a jquery plugin which allows many manipulation of the google map API version 3.

Skitter

( Demo | Download )
With this plugin you can generate outstanding slideshows for your website.

jFontSize

( Demo | Download )
The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc. This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content

Wave Display Effect with jQuery

( Demo | Download )
How cool is it to sometimes just display content a little bit differently? This plugin let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content.

Simple jQuery Fluid Thumbnail menu Bar

( Demo | Download )
The idea of a fluid thumbnail bar is simple: Create a list of thumbnails within a space where the overflow can be flipped through page by page.

Useful image hover slide effect with jQuery

( Demo | Download )

jQuery plugin: Easy Image Zoom

( Demo | Download )
This is a simple technique to animate an image when hovering using jQuery’s animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image.

ImageLens

( Demo | Download )
Use this jQuery plug-in to add lens style zooming effect to an image

Slides

( Demo | Download )
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

jShowOff

( Demo | Download )
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

Easy Paginate

( Demo | Download )
This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects. It’s main purpose is to view certain number of list items at once, but it can also be set up to view one item by one.

Responsive Image Gallery with Thumbnail Carousel

( Demo | Download )
Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.

PhotoSwipe

( Demo | Download )
Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.

Elycharts

( Demo | Download )
Elycharts is a pure javascript charting library, easy to use and completely customizable.

Blueberry

( Demo | Download )
Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

GALLERIA

( Demo | Download )
Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.

jQuery Image Gallery

( Demo | Download )
With this plugin you can create a beautiful jQuery Image Gallery.

Shuffle Letters Effect

( Demo | Download )
This jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.

SmartGallery

( Demo | Download )
SmartGallery is an interactive image gallery that is specifically designed to support huge data. It is lightweight, lightening fast and fully customizable. Powered by jQuery, SmartGallery comes with twelve transition effects including some unique transition effect and thumbnail navigation.

BxSlider

( Demo | Download )
BxSlider will allow you to create a beautiful Content Slider for your website.

FitText

( Demo | Download )
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

jQuery Pagination revised

( Demo | Download )
The pagination plugin combines a varity of features. It can be used to divide long lists or areas of content into multiple seperate pages, load paged content with pre-calculated database offset-parameters via Ajax and anything with full control to adapt the style properly to your site-layout. Of course, creating simple links with no event triggering is possible as well. The plugin also offers the facility to “overlap” pages, which means you can show elements of previous pages on the subsequent sites in order to allow a straightforward flow of reading.

E24TabMenu

( Demo | Download )
e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly.

Snippet

( Demo | Download )
Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

AJAX PAYPAL CART

( Demo | Download )
AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website. The AJAX cart can included a cart widget which allow display of cart information easily. Support PayPal Website Payment Standard.

jQuery is one of the most accepted JavaScript library that possesses an enormous collection of plugins which makes it even more powerful. On the other hand, there is a good deal of additional codes or modules, from simple alert functions to multifaceted galleries or form validation methods, that are hard-coded inside websites & not convinced to plugins.

Of course, not each code must become a plugin that would be worthless. However converting the ones to be re-utilized will save loads of improvement time & if shared with the community, will make the code itself better.

Brought To You By

Do you want to advertise here? Click to get more info…

Not to worry if your CSS skills are comparatively inadequate because there are loads of great tutorials for you to learn and sharpen your CSS skills. These tutorials will teach you how to add sparkling and proficient looking CSS menu to your websites. You can either modify the menu or you can copy and paste the code into your design to fulfill your needs.

So, take a look at this collection and grab some amazing techniques to make your website navigation easier for your visitors in order to find their desired content. Enjoy!

Slide Down Box Menu with jQuery and CSS3

Download | Demo

CSS3 Dropdown Menu

Demo

Image Menu with Jquery

Download | Demo

jQuery style menu with CSS3

Demo

Awesome Cufonized Fly-out Menu with jQuery and CSS3

Download | Demo

Create a Social Media Sharing Menu Using CSS and jQuery

Demo

Create a Slick Menu using CSS3

Demo

Creating a Fancy menu using CSS3 and jQuery

Download | Demo

CSS UL LI – Horizontal CSS Menu

Download

A Different Top Navigation

Download | Demo

Grungy Random Rotation Menu with jQuery and CSS3

Download | Demo

Sweet tabbed navigation using CSS3

Download | Demo

Create an Advanced CSS3 Menu – Version 2

Download | Demo

CSS Vertical Navigation with Teaser

Demo

How to Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3

Download | Demo

Create Vimeo-like top navigation

Download | Demo

Create an Advanced CSS Menu Using the Hover and Position Properties

Download | Demo

CSS dropdown menu without javascripting or hacks

Demo

Making a CSS3 Animated Menu

Download | Demo

CSS: Sexy Vertical Popup Menu with CSS

Download | Demo

CSS Sprite Navigation Tutorial

Download | Demo

Pastel color menu with dynamic submenu using CSS

Download | Demo

CSS3 Minimalistic Navigation Menu

Download | Demo

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

Download | Demo

Make a Mega Drop-Down Menu with jQuery

Demo

How To Create A Clean CSS3 Navigation Bar

Download | Demo

Vertical CSS Menu With a ‘Behavior’ File.

Download | Demo

Create your own drop down menu with nested submenus using CSS and a little JavaScript

Demo

CSS Drop Down Menu Tutorial

Demo

jQuery Dropdown menu with google style

Demo

Create The Fanciest Dropdown Menu

Demo

Animated Menus Using jQuery

Download | Demo

naviDropDown 1.0 Plugin

Download | Demo

Brought To You By

Do you want to advertise here? Click to get more info…

You are welcome if you want to share more jQuery plugins to show images that our readers/viewers may like. Do you want to be the first one to know the latest happenings at  SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Digg as well to get updated.

Orbit: A Slick jQuery Image Slider Plugin

Orbit is a jQuery slider developed by ZURB. The plugin is lightweight(4KB), easy to implement and has a good set of features.

Moleskine Notebook with jQuery Booklet

In this tutorial, you will learn to create a virtual Moleskine notebook with latest posts from the blog.

SIDEWAYS – jQuery fullscreen image gallery

A simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.

TN3 Gallery

TN3 Gallery is a jQuery image gallery with slideshow, transitions effects, multiple album options, CSS skinning and much more. It’s compatible with all modern desktop and mobile browsers.

PhotoSwipe

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

Sponsor Flip Wall With jQuery & CSS

Sponsor Flip Wal is using PHP, CSS and jQuery with the jQuery Flip plug-in, to do just that. The resulting code can be used to showcase your sponsors, clients or portfolio projects as well.

Nivo Slider

The Nivo Slider is world renowned as the most beautiful and easy to user slider on the market. It’s completely free and totally open source.

Brought To You By

Do you want to advertise here? Click to get more info…

Here we are sharing an amazing collection of some useful Photoshop tutorials that will guide you remarkable and interesting tricks regarding photo manipulation. Photo manipulation lets you to bring your creativity into play and place it to apply with Photoshop. There are copious numbers of great tutorials available on the internet but in this collection we are showcasing 35 tutorials that are great for learning more about photo manipulation.

Don’t Leave Me – Photoshop Tutorial

In this tutorial we will show you how to turn a free stock image into a beautiful manipulation.You will learn how to manipulate light and how to create beautiful realistic shadows.

Create a Fallen, Rain-Soaked, Angel Composition in Photoshop

In this tutorial we will demonstrate how to create a lonely, fallen, rain-soaked, angel composition in Photoshop using photo manipulation techniques. Let’s get started!

Make a Dark Statue with 3D Tentacles Photo Manipulation

In this tutorial we will create a dark statue photomanipulation using Photoshop and Cinema 4D.

Create a Devastating Tidal Wave in Photoshop

In this tutorial you will learn how to create a devastating tidal wave in photoshop.

Fantastic Tree

In this tutorial we will learn how to create a fantastic tree.

Photo Manipulate an Explosive Magical Reading Scene

In this tutorial you will learn how to create a magical scene, where a girl’s reading book comes to life and explodes with a fantasy world.

Create A Unique Steampunk Photo Manipulation In Photoshop

In this tutorial you will how to create a composite image using various elements that will come together to make a unique Steampunk design. We will be using the Pen Tool, Layer Masks and Adjustment Layers, and doing quite a bit of Photo Manipulating throughout the tutorial.

Dazzling Dance Photo Manipulation

In this detailed and lengthy Photoshop tutorial, you will learn how to combine photos and add special effects to turn a normal photograph into a stunning artwork. You will also learn several tricks to reduce your Photoshop document file size and number of layers and layer styles.

Create a Minimalist Portal Scene in Photoshop

In this tutorial you will learn how to create an stormy landscape with a portal to another dimension. This tutorial will show you how to blend images using blending modes and use brush sets to create a stormy desert scene.

Create a Dark and Mysterious Fantasy Portrait

In this tutorial we will combine several stock images, adjust color, use retouching techiniques as well as make and control custom brushes to create a dark and mysterious blue portrait.

How to Create Feet Shoes in Photoshop

In this tutorial you will learn how to create this photo manipulation of a feet shoe. This tutorial will show you basic photo manipulation techniques that you can use on your own projects. A PSD is included with this tutorial.

“Sleeping Girl in Tub” Photo Manipulation

In this Photoshop tutorial, we are going to learn how to seamlessly combine photos to create a realistic image of a girl sleeping in a bathtub on a beautiful field while the sun sets. We are going to learn how to use the Brush tool to create light and shadows and how to make the colors of an image more vivid.

How to Change Ordinary Photo into Fantasy Photo Manipulation

In this tutorial you will learn how you can change ordinary photo into a fantasy photo manipulation and also different ways how you can play with lights and shadows.

Create a Beautiful River Scenery in Photoshop

In this tutorial, we will learn how to create a breathtaking and fantasy-themed, painting-like photo-manipulation. You will learn how to create this scenery by combining images, using Photoshop brushes, then finishing it with a soft photo effect.

Creating the Terrifying Photo-Manipulation ‘Wrath’

In this tutorial you will learn how to create the terrifying photo-manipulation wrath, using a combination of advanced blending techniques, adjustment layers, masking and lighting effects.

Make a Story Book Come to Life in Photoshop

In this tutorial you will learn how to create this surreal photo manipulation in Photoshop. You’ll learn the basics of combining stock photos, how to blend them in by adding light and shadows, and complete it with a vintage photo effect.

Facing a New Day Photoshop Manipulation

In this manipulation tutorial we will show you how to create a really nice sunrise scene.we will show you how to transform a day picture into a sunrise using some adjustment layers and gradient maps.

Create a Surreal Apocalypse Photomanipulation Photoshop Tutorial

In this Photoshop tutorial, you will learn how to create a surreal photomanipulation, and then add a touch of apocalyptic destruction to it. You’ll see how to balance colors, integrate stock images, and also how to create realistic looking smoke trails.

Create a Floating Over-Grown “Tree House” in Photoshop

In this tutorial we will combine several stock images to create a floating over-grown tree house in Photoshop.

The Making of the Nutty Boat Trip

In this tutorial, we will demonstrate how to place a couple of squirrels in a coffee mug that is floating in a body of water.

Create a Surreal Out of Bounds Photo Manipulation in Photoshop

In this tutorial we will demonstrate how to create a lonely, fallen, rain-soaked, angel composition in Photoshop using photo manipulation techniques. Let’s get started!

Combine Images to Create a Surreal Portrait in Photoshop

In this tutorial we will use the liquify tool and several image blending techniques to create a surreal and slightly creepy photo manipulation. Let’s get started!

How to Create a Photo Manipulation of a Flooded City Scene

In this tutorial, we will learn how to manipulate a simple photo into a flooding torrent of a scene. We will use some relatively simple techniques to give this image a semi-realistic, stylized feel. Let’s get started!

Create A Striking Nature Scene In Photoshop

In this tutorial we will show you how to create a nature inspired design that is both organic and visually arresting.

How to Apply Textures to Uneven Surfaces

In this tutorial you will loearn how to apply textures to uneven surfaces.

Quick Tip: Straighten and Level Out a Crooked Photo

In this tutorial you will learn how to create straighten and level out a crooked photo.

How to Create a Flaming Photo Manipulation

In this tutorial, we will manipulate a picture so it looks like a woman burning in flames. The idea behind this manipulation was to create a nice looking illustration, only by using simple techniques and tools such as the Brush tool and Warp command. I hope you enjoy the tutorial and try it with your own stock imagery.

Create a Nature Inspired Photo Manipulation in Photoshop

In this tutorial we will demonstrate how to combine several images to create a nature inspired photo manipulation. Let’s get started!

Combine Stock Photography to Create a Sleepy Japanese Village in Photoshop

In today’s tutorial, we will create a sleepy Japanese village in Photoshop by combining several stock photos. Let’s get started!

How to Create a Traditional Painting-Like Surreal Image using Photoshop

In this tutorial you will learn how to create a surreal image that has the look and feel of a traditional image.we will learn how to blend images seamlessly together.

Undress a Giraffe in Photoshop

In this tutorial we will demonstrate how to undress a giraffe by removing its spots. We will then show how to turn its spots into an outfit that will be draped over an ironing board. Pretty cool! Let’s get started!

Army Squirrel Photo Manipulation

In this tutorial you will learn how to create a army squirrel photo manipulation.

Create an Intense Apocalyptic Photo Manipulation

In this tutorial you will learn how to create this amazing apocalyptic photo manipulation with Photoshop! You’ll learn how to blend elements such as water and moon, create seamless structures with the Clone Stamp tool, and finish it off with a cold movie photo effect.

Create a Lost Fantasy Micro World with Powerful Photo Manipulation Techniques in Photoshop

In this tutorials you will learn how to build up your own micro society using many different pictures and some cool photo manipulation techniques.

Create Surreal Human Face with Flame Hair and Disintegration Effect in Photoshop

In this tutorial we will show you how to create surreal human face with flame hair and disintegration effect in photoshop.

Brought To You By

Do you want to advertise here? Click to get more info…

In this session, we have come up with the collection of more than 50 high-quality Photoshop actions that help you expedite your work. You can download them for free so that you can also perform some awfully complex techniques with just a push of a button. Enjoy!

Cute Actions

Photoshop Color Actions 2

Landscape Action

Enhancing skin color

Powerful Colors 3.2

Classic 3.8

Cross-Processing ATN

Photoshop Action Set 1

Photoshop actions 4

Forest Action

Action contagious

Melon Actions

Toasted Photoshop Actions

Oldmatic Photoshop Action

photoshop actions Set 11

Bright Eyes

Blue action

Sacool action 2.02 Retro

Thinking of you action

Photoshop Actions Set 28

Photoshop Action Coffee

Action set 07

Black And White

Summer Heat Action

Photoshop Actions Set 2

Fairytale actions

24 Photoshop Actions

HDR Tools

LT’s Marshmallow Action

Wedding Theme Action

Lights action

Photoshop Dream Blur Action

Black and White ps actions

Skin Smoothing

Cinematic Effect

Photo Improvement v1

Bella action

Darker effect 5.1

Burnt Sharpness Action

Action 01

Photoshop Actions 11

Action 03

Photoshop action no.7 HIGH KEY

Focus Action

Nature Actions 2

Enchanted Action

Retro Vintage

Set 136 Vintage

Set 10 Color Contrast

Photoshop Action – Misc 003

Brought To You By

Do you want to advertise here? Click to get more info…

Below is the list of 40 useful CSS tutorials and resources you cannot afford to miss. We hope this broad list will train you something innovative, or moreover jog your memory and help you recall some methods you haven’t used for a while.

Minimalistic Navigation Menu

In this tutorial we are making something practical, a simple CSS3 animated navigation menu, which degrades gracefully in older browsers and is future-proofed to work with the next generation of browsers.

Sleek Card Pockets using CSS Only

In this CSS3 tutorial, you’ll learn how to create web card pockets using some great new CSS3 techniques.

CSS Absolute Positioning: Create A Fancy Link Block

Absolute position is a feature of the CSS2 specification that is supported by all of web browsers. If you posit an element (an image, a table, or whatever) absolutely on your page, it will appear at the exact pixel you specify. In this tutorial, we will use some tricks to create a fancy link block that make our links more attractive.

Create a Button with Hover and Active States using CSS Sprites

Too many designers neglect the click state (active: property in CSS) in web design, either because they’re unaware of it, underestimate the importance of it or are plain lazy. It’s a simple effect that improves usability by giving the user some feedback as to what they’ve clicked on but can also add depth to a design.

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

In this tutorial will will create a Sexy Vertical Sliding Panel Using jQuery And CSS3.

Style a List with One Pixel

A one-pixel background image can be a pretty versatile thing. With repeat-x it can be a horizontal line, repeat-y makes a vertical line, and repeat makes it a fill color. Just as a little fun proof of concept, we can use that to create a depth-chart looking unordered list.

Pushing Your Buttons With Practical CSS3

Calls to action are critical for any website, and a compelling, attention-grabbing, clickable button goes a long way toward driving that engagement. In the past, really awesome buttons needed extra markup, sliding doors or other trickery. We’ll show you here how to create nice button styles without any hacks or cheats.

Build Multi-level Multi-column Multi Menus with pure CSS

In this tutorial we will learn how to build multi-level multi-column multi Menus with pure CSS.

Elegant Drop Menu with CSS only

In this tutorial, you will see a simplest way to build a same effect by using CSS only. With some CSS make-up, your menu will be elegant. Not sure which one is easiest, but for sure it’s the simplest menu comes with drop effect: horizontal and vertical navigation.

HOW TO CREATE A BEAUTIFUL DROPDOWN BLOGROLL WITHOUT JAVASCRIPT

In this tutorial author is going to walk you through how he have set up the blogroll in our upcoming redesign. Load up the example page to see how our final product will look.

How to Build a Simple Button with CSS Image Sprites

Let’s take a look at building a simple button using CSS image sprites, starting right at the beginning in Photoshop and finishing with the complete coded example. This one’s a good one for anyone getting started with CSS!

CSS3 Hover Tabs without JavaScript

A quick tip on CSS3 Hover Tabs without JavaScript.

How To Use Pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins

In this article you will learn how to use pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins.

Horizontal Subnav with CSS

In this tutorial author would like to go over how to create a simple navigation with a horizontal subnav.

CSS3 Speech Bubble

In this tutorial you will learn how to create CSS3 Speech Bubble.

How to Create Nice Scalable CSS Based Breadcrumbs

In this tutorial author will teach you how to create nice scalable CSS Based Breadcrumbs. Author is using only one simple graphic. The rest is basic CSS styling with an unordered list as HTML code.

Fluid searchbox

Creating a fluid search box when you only have a single element next to it is trivial. What you do is wrap the input in an element and use padding to create space for the fixed element, then position the fixed element absolutely (or relatively) in the space created by the padding.

Using Rounded Corners with CSS3

As CSS3 gets closer to becoming the new standard for mainstream design, the days of rounded corners through elaborate background images is fading. This means less headache and time spent working out alternatives for each browser.

6 Ways To Improve Your Web Typography

Typography on the web is anything but simple, and for many, it is a troubling mystery. In this tutorial we’re going to review six ways that web designers and developers can improve the typography of the sites they create.

Create a Letterpress Effect with CSS Text-Shadow

The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property it’s now simple and easy to create the effect with pure CSS. No Photoshop trickery here!

3 Easy and Fast CSS Techniques for Faux Image Cropping

These techniques can be very helpful if you need to keep images at a certain size, i.e. thumbnails in the news section or something similar. Being able to use CSS to control which portion of image to display is a great bonus.

How to Create a Fancy Image Gallery with CSS3

Here author have prepared a tutorial about how to use CSS3 to make an image gallery with animation. He recommend to use one of these browsers to see the animations; however, the gallery is going to be usable in browsers without support of the animation.

Creating an Animated CSS3 Horizontal Menu

This tutorial shows us how powerful CSS3 can be and how we can save some JavaScript code to achieve the same result. As you know, right know the transition property is only supported by Safari and Chrome.

How to Create a Cool Anaglyphic Text Effect with CSS

Let’s take a look at how a similar style can be created for sprucing up your web designs, while taking into consideration semantics and avoiding the repetition of any markup.

How To Create Depth And Nice 3D Ribbons Only Using CSS3

In this tutorial you will learn How To Create Depth And Nice 3D Ribbons Only Using CSS3.

How To Create Simple, Stylish and Swappable Image Captions

In this tutorial you will learn How To Create Simple, Stylish and Swappable Image Captions.

CSS Polaroid Picture Tutorial

Polaroid pictures (or fake ones anyway) can be created using Photoshop or a similar graphics package but author aim to create the same kind of look by using CSS.

Advanced CSS Menu

In this tutorial author will show you how to slice up the menu design (step by step) and put them together with CSS.

CSS Techniques: Using Sliding Doors with WordPress Navigation

This sliding doors CSS hack allows you to create sophisticated tabs for your navigation bar.

CSS Dock Menu

This tutorial is really very helpful, very nice and useful tip on creating Mac’s Dock menu.

Sexy Drop Down Menu CSS

In this tutorial author would like to go over how to create a sexy drop down menu that can also degrade gracefully.

Coding Apple’s Navigation Bar Using CSS Sprites

This tutorial is not going to go in depth about all the benefits of sprites, but will show you how to use the technique correctly.

CSS Sprite Navigation Tutorial

This tutorial teaches how to build a css navigation using sprite images. With the mobile web becoming more important than ever before, load time and the size of a web site are some of the biggest factors to consider when developing a site for mobile users.

Breaking Out of the Box With CSS Layouts

It’s true that CSS is heavily reliant upon a grid — everything flows on x and y axes (and can be positioned as such, much like designs built in Photoshop). However, this doesn’t mean that your design has to be boring. If you understand how the grid works, you can fracture or abstract that grid to make your layout more dynamic and interesting.

CSS Guide

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

Minimal and Modern Layout: PSD to XHTML/CSS Conversion

In this web design tutorial, you’ll see a process for converting a Photoshop mockup to working HTML/CSS template. This is Part 2 of a tutorial series that will show you how to create the design, and then convert it to an HTML/CSS template.

Create YouTube-like adaptable view using CSS and jQuery

In this tutorial you will learn how to create YouTube-like adaptable view using CSS and jQuery.

How to distribute elements horizontally using CSS

In this tutorial we will learn how to distribute elements horizontally using CSS.

Sticky (Fixed) SideNav Layout with CSS

In this tutorial author would like to go over how to create a fixed sidenav layout for your blog or website.

Useful CSS Tricks You Should Know

Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know.

11 Classic CSS Techniques Made Simple with CSS3

In this tutorial, author will show you eleven different time-consuming effects that can be achieved quite easily with CSS3.

Brought To You By

Do you want to advertise here? Click to get more info…

The tutorials listed below let you learn how to capture a digital photograph in a better way and then direct you all the way throughout photo-editing process by means of using photo-editing software such as Photoshop.

Professional Photograph Restoration Workflow

In this tutorial, we’ll take an in-depth look at restoring an old torn photograph.

Age Progression

Here’s a tutorial showing you how artist go about aging a woman’s face in Photoshop.

Changing Hair Color

Here in this tutorial we will teach how to change a person’s hair color using Photoshop’s brush tool and the soft light blend.

Colorizing Black-And-White Photos

Using Photoshop to create a classic hand-painted effect.

Street Photography Explained

Street photography is one of those techniques that sounds simple, ‘just go out and take some photos of people wondering about’, but some time it is very difficult, in this guide you will find some tips and basics for great street photography.

Self Portrait Photography Guide

In this guide you will learn some useful tips for snapping self-photos.

Waterfall Photography Tips and Techniques

Waterfalls provide their own unique set of problems which requires a unique set of solutions. This article is about those unique problems and the solutions that allow photographers to produce images that communicate the power and beauty that is inherent in the waterfalls that stand before their lenses.

How to Photograph Comets

In this guide you will learn some useful tips about comets photography.

How to Make Your Twins

Imagine one day you announce to all your friends that you have a twin, by showing them a very realistic photo. There must be many fun then! In this tutorial artis will show you how to do that in this photoshop tutorial.

Infrared Photography Technique

Infrared photography is one of those techniques that requires a bit of practice. Its not that hard to produce an infrared photograph but adjusting the image in post processing is a business that yeilds different results each and every time, learn all about it through this guide.

Dual View Photo Editing in Photoshop

In this Photoshop tutorial, we’ll look at how to give ourselves two different views of the same image by opening it in two separate document windows, each set to a different zoom level, making it much easier to judge the effect our edits are having on the overall image.

Local Contrast

Is your lens lacking contrast? Find out how to simulate the contrast qualities of high quality lens with this Photoshop retouching tutorial. This effect increases visible detail and edge contrast without increasing the overall image contrast.

Use Photoshop to Turn Day Into Dusk

In this tutorial we will demonstrate a quick technique to make your photos look as if they were taken at night. Let’s get started!

Souping up a Photo

There are times when a regular photo just doesn’t cut it and you need your photo to pack a punch. Here is one technique that you may find useful.

Wedding Photography Explained

In this guide you will learn tips and techniques for taking professional level weddings photography.

Add a Realistic Rainbow to a Photo in Photoshop

In this Photoshop photo effects tutorial, we’ll learn how to easily add a rainbow, and even a double rainbow, to a photo! As we’ll see, Photoshop ships with a ready-made rainbow gradient for us to use. We’ll learn where to find it and how to load it in.

Remove a Person from a Photo with Photoshop CS5

One of the new features we will be looking at this tutorial is called Content Aware. This feature allows you to quickly fill in a selection with surrounding content making it look like a part of the original image.

How to Use Lines in Photography Compositions

In this guide we will discuss the usefulness of lines for better shots.

How to Capture Really Sharp Photos

One of the most frustrating experiences for a photographer is to get home from a photo trip with some great images only to find that some of the images are not sharp. To help solve this problem, this article covers seven things that a photographer can do to create really sharp images.

Look More Muscular

Ok, So You Wanna Look Muscular? But don’t afford the money nor the time to train in a gym? Who cares, it’s only a quick impression picture that matters, right? Well, You can be right! Check out this tutorial to see how you can improve yourself!

Create Your Own Bokeh for Beautiful Photo Effect

What’s a bokeh you say? It’s that oh-so-wonderful fuzziness in the background of photographs with a shallow depth of field and accompanying starry highlights. You can create you own bokeh effects with a little craftiness.

Photographing Complex Architecture

Photographer Philipp Klinger gives his advice on capturing elaborate structures.

Tilt-Shift Photography Photoshop Tutorial

This tutorial has been produced using Photoshop CS2 on a PC and shows you how to give a city shot a neat miniaturization effect.

Intuitive B&W Conversions

Try this simple step-by-step process for making beautiful monochrome images.

Color Correction Basics in Photoshop

Have you wanted to learn more about color correction? The focus of this tutorial is to help you delve deeper into color correcting to up the production value of your images. Learn a few simple techniques while creating.

How to Photograph Wakeboarders & Waterskiing

In this tutorial we will find some useful tips on how to achieve great wakeboarding pictures.

Camera Toss Photography Technique

In this step by step guide we will learn some technique of camera toss photography.

Make Your Photo Impressive

There are so many methods to change your photo’s color, but here artist will show you some best ways to do that.

Give a Photo a Complete Glamour Makeover With Stunning Light and 3D Effects

In this tutorial, you will learn how to retouch a model’s face and subtly manipulate her hair. In addition, we will enhance the canvas by adding attractive lighting and 3D effects.

Color Correction in Photoshop with the Curves Adjustment Tool

This tutorial will teach you how to use this tool to color correct photos efficiently.

Reducing Wrinkles With the Healing Brush in Photoshop

In this tutorial, we will look at the Healing Brush, by far the best photo retouching tool in all of Photoshop, and how we can use it to easily reduce distracting skin wrinkles in an image.

Portrait Lighting Tutorial: Character Study

In this tutorial you will learn how to make a portrait more honorable and admirable.

Macro Photography Tips

Photographing insects in flight is one of the greatest challenges for all wildlife photographers. This article describes how to capture crisp, sharp images of the Emperor Dragonfly.

Nightclub Photography

A Guide To Nightclub Photography

Face Makeover

In this tutorial you will learn how to make a beauty makeover with cool retouching effects:

Aperture and Shutter Priority

Shutter Priority is an auto exposure system in which the camera achieves correct exposure by selecting the aperture after the user has selected the shutter speed.

How to Create Sunshine Effect in Studio with Artificial Sunlight

In this tutorial video we’ll give you tips on how to cheat Mother Nature and show you How to Create Your Own Sunshine in the Studio.

How To Photograph Moving Vehicles

A step-by-step guide to capturing that perfect motion shot.

Travel With Still+Video

Tips for better technical and creative results shooting video with your DSLR.

Professional Lighting in Model Photography

This case study shows how lighting was manipulated to create the perfect environment for a fashion photoshoot.

Portable Lighting for the Studio and on Location

In this lesson, we decided to keep things very simple and just illustrate some uses of this one simple shoe mount flash lighting kit, the XS OctoDome nxt Basic Kit with Grids, for both indoor and outdoor portraits.

Photography Tutorial: Get the Right Light

When shooting portraits, good lighting is all-important. To make sure you have it, you can buy expensive lighting rigs and multiple flash units. Or you can spend a few bucks and carry just the right mix of sun and clouds in your pack.

Macro Photography

How to take close-up pictures of small things.

DIY – High Speed Photography at Home

You can use this technique to take picture of exploding things like tomatoes, water balloons, watermelons, or even your Canon camera as you smash it against a wall for not understanding the menus.

Isolated Sharpness

Tips and techniques for using shallow depth of field to add impact to your macro shots.

Beyond HDR

In this tutorial you will learn how to expand your photo’s tonal range when HDR techniques aren’t ideal.

Brought To You By

Do you want to advertise here? Click to get more info…

Charging the phone every day is surely inconvenient for all phone owners. Thankfully there are a number of steps you can take to increase your iPhone’s battery life. To check out what these tips are, read on the list below. Most of these tips apply to all smartphones; so even you own a smartphone other than iPhone, you will find these tips very helpful.

You are welcome to share if you know more useful tips to increase the battery life of smartphones which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.

1. Turn Off Bluetooth

Bluetooth is used to transfer data from or to your phone. Activating Bluetooth takes a significatnt toll on the battery life. Therefore whenever you are not using Bluetooth, turn it off. Moreover, if you have a choice between transferring the data between the phone and your computer, opt for the phone’s cable instead of the Bluetooth connection.

2. Lower the Screen Brightness

Our phones are usually set at a brightness higher than the one we are comfortable with. By lowering the phone’s brightness not only will you save the battery, but also make viewing your phone more comfortable.

3. Keep Phone Firmware, OS, and Applications Updated

Timely look for latest versions of your phone’s firmware and OS. Moreover look for the latest versions for your installed applications. Usually new updates are less of a burden on the battery than their predecessors.

4. Turn off Wi-Fi

The principle behind turning off Wi-Fi is the same as turning off Bluetooth. By being on while you are not using it, Wi-Fi needlessly consumes battery power. Therefore keep the phone’s Wi-Fi off while it is not in use.

5. Turn off GPS and Location services

GPS is another one of your phone’s features that uses up the battery. All apps that have ‘checking in’ or location services use GPS. Thus by disabling these applications and by disabling GPS you will considerably improve the phone’s battery life.

6. Reduce the auto-lock time

This might be a micro tip, but an important one nonetheless. If your phone auto-locks quicker, than the screen turns off at an earlier time. Each time this happens the phone’s battery is saved up and in the end this accumulates to impressive battery savings.

7. Turn off Push mail and reduce data fetching time

Push mail forwards SMSs and other data from the server to your phone as soon as the data arrives.  Needless to say this requires an active connection that consumes battery power. Since most text messages are non-urgent, you can safely turn off push mail and reduce the data fetching time to, say, 15 minutes. This way you will receive text messages 15 minutes late, in the worst delay case, but considerably save the battery life of your phone.

8. Turn off needless sounds and vibrations

Each time the ‘beep’ sounds is made while you press a phone key, battery power is consumed. Any sound your phone produces drains the battery a little. The same applies to the phone’s vibrations. Therefore disabling the unnecessary sounds and vibrations will also save your phone’s battery.

9.  Disable the equalizer settings for the phone’s music player

By playing music at a non-default settings, the phone puts in extra effort; this is done by consuming more battery power. Disabling the equalizer use only the default power from the phone’s battery.

10. Complete a charge cycle each month

A charge cycle means charging your phone to the maximum level and then draining it to zero. Doing so every month ensures smooth functioning of the battery. Furthermore this increases the long term life of the battery.

Brought To You By

Do you want to advertise here? Click to get more info…

The most amazing thing about jQuery is that you don’t have to be a techie to add jQuery to your website, you can easily add it even if you don’t know much about JavaScript and jQuery. So let us take a look at this assortment. Feel free to share your opinion with us.

Full Page Image Gallery with jQuery

( Demo | Download )

Sliding Panel Photo Wall Gallery with jQuery

( Demo | Download )

Create Fantastic Lightbox – Style Galleries and Slideshow

( Demo | Download )

Slider Gallery with jQuery

( Demo | Download )

HTML5 Slideshow w/ Canvas & jQuery

( Demo | Download )

Thumbnails Navigation Gallery with jQuery

( Demo | Download )

Create image gallery in 4 lines of jQuery

( Demo | Download )

WEB DEVELOPMENT

( Demo | Download )

jqGalViewII (Photo Gallery)

( Demo | Download )

Nivo Slider

( Demo | Download )

Slideshow with strip effects

( Demo | Download )

AD Gallery, gallery plugin for jQuery

( Demo | Download )

Animate Panning Slideshow with jQuery

( Demo | Download )

Smart3D jQuery plugin

( Demo | Download )

JQUERY MB.GALLERY

( Demo | Download )

Sudo Slider

( Demo | Download )

GALLERYVIEW

( Demo | Download )

Supersized

( Demo | Download )

AnythingSlider

( Demo | Download )

Auto-Playing Featured Content Slider

( Demo | Download )

s3Slider jQuery plugin

( Demo | Download )

Photo Gallery – Dark Theme

( Demo | Download )

Automatic Image Slider w/ CSS & jQuery

( Demo | Download )

Create a Slick and Accessible Slideshow Using jQuery

( Demo | Download )

Simple Controls Gallery

( Demo | Download )

SlideViewerPro

( Demo | Download )

Pirobox

( Demo | Download )

jQuery simple panorama viewer

( Demo | Download )

ShineTime

( Demo | Download )

Exposure

( Demo | Download )

Cloud Carousel

( Demo | Download )

Box Slider

( Demo | Download )

Create Scrollable Interface with jQuery Image Scroller Plugin

( Demo | Download )

Minimalistic Slideshow Gallery with jQuery

( Demo | Download )

Image Highlighting and Preview with jQuery

( Demo | Download )

Interactive Photo Desk

( Demo | Download )

Beautiful Photo Stack Gallery with jQuery and CSS3

( Demo | Download )

Multimedia Gallery for Images, Video and Audio

( Demo | Download )

Flickr Photobar Gallery

( Demo | Download )

Awesome Mobile Image Gallery Web App

( Demo | Download )

Brought To You By

Do you want to advertise here? Click to get more info…

This is not as easy as it sounds; it requires a very creative set of skills in Photoshop and other tool and also a hell lot of patience. Photo manipulation is an excellent source of inspiration since designers have expressed their creativeness all the way through assorted aspects of design. Here we have collected some amazing examples of photo manipulation. Enjoy!

Alien Photo Manipulation

For this tutorial, you’ll need a photo of a persons head, octopus, and any grunge texture. If you like to use the same portrait of the face used in this tutorial, you may click on the image below to purchase it. Note that we only have the download link for the image of the woman.

Create a Funky Perspective of a Model Riding Digital Volume

This is a tutorial illustrating perspective techniques and how you can achieve the feeling of depth and motion. We will be doing this in a few steps, such as placing the main character, creating the volume fading away and adding foreground and background images. Let’s get started!

The Making of Mystic

In this tutorial Nik Ainley walks us through the process of making a spectacular image. This tutorial focuses on the big picture steps taken to create this image. You’ll learn some incredible techniques in this tutorial, and get a view into how Nik creates beautiful photo-manipulation based images. Let’s check it out.

Na’vi Avatar Photo Manipulation

This is a Photoshop tutorial showing you all the steps you need to take in order to photo-manipulate yourself into a Na’vi (based on the characters in James Cameron’s movie “Avatar”). Artust used Photoshop CS2 in order to create this, but newer and older versions should do the same, as he used basic Photoshop tools only. He hope you will find this helpful.

Make a Vivid Flaming Skull Conceptual Composition

In this Photoshop tutorial, artist will show you how to combine stock images and typography into a beautiful conceptual composition.

Landscape photo manipulation

In this tutorial, artist will show you how to create your unique wallpapers using photo manipulation. Using some images you’ll learn how to blend in different landscapes creating a surreal effect.

Create a Cloaked, Sword-Wielding Assassin

Robot Woman Photo Manipulation – Psd Plus Tutorial

If you want to take your photo manipulation skills to the next level, then we have an awesome tutorial for you. Learn more at the jump!

How to Create Glass Transparency in a Cute Photo Manipulation

In this tutorial We will learn a good technique for incorporating glass transparency into photo manipulations, while placing

How to Make a Melting Camera Scene

In this tutorial, we will use the Layer Mask Tool and Liquify filter to “melt” the camera. Artist recommend you work with a tablet for this one (it makes your work easier), but if you don’t have one it is also possible to go through this tutorial. Let’s start!

How to Create a Chilling Photo Manipulation in Photoshop

In this tutorial artist will show you how he created a fantasy photo manipulation called “You Can Not Frost The Time” with using several Photoshop tools such as Color Range, different blending modes, and more. Let’s get started!

Create a Nature Inspired Photo Manipulation

Eery-Eye Photo Manipulation

In this Photoshop tutorial artist will be walking you through the making of an interesting art piece, “The Eye, the Key of the Soul.”

Design Dark Sea Ship Photomanipulation Scene

It is shown in this tutorial on how to make design a dark sea ship photo manipulation scene.

How to Create a Fantasy Landscape Photo Manipulation

In this tutorial, you will learn how to create a fantasy landscape using some simple and easy techniques. Everyone with basic Photoshop skills can succeed to recreate this simple image using the most important thing in this kind of photo manipulation – the right stock. So let’s go!

Blend a Planet Transparently into a Photo Manipulation

In this tutorial artist will show you how to use different blending modes to blend flying hairs easily and to make semi-transparent planet. Artist will also show you different techniques of adjustment to get the most realistic results in your photo manipulations!

How to Create a Mythical Creature Photo Manipulation

A useful and awesome tutorial for you. Learn more at the jump!

How to Create a Surreal Photo Manipulation with Twisting Water

In this tutorial, we’re going to create a fantasy photo manipulation mixing different images and learning to use and modify the stock images in a creative way. The idea is to get a compact image that looks absolutely real, and at the same time, absolutely impossible!

Photo Manipulate a Falling Angel

Learn how to combine several photos to create a dramatic ‘fallen angel’ scene.

Design an Epic Fantasy Scene with Photoshop

In this tutorial we are going to create a photo manipulation inspired by Valhalla, one of Mariusz Karasiewicz`s works. He is an amazing artist and his work is absolutly stunning. I want to thank him for allowing me to write this tutorial.

Create an Explosive Cover with Precise Photo Manipulation Techniques

In this tutorial, we’re going to make a creative illustration in a style meant for a video game cover or sci-fi book cover. We’ll create this with mostly photo manipulation techniques. With some cool Photoshop options you can turn all the photos you chose, into one stunning looking explosive cover.

Blissful Landscape Photo Manipulation

Create a breath taking scenery by combining two photos and applying several photo effects. When you follow this Photoshop tutorial, you’ll learn masking techniques and several photo effects.

How to Make a Vector-Style Woman Composition

How to Create a Dark Emotional Photo Manipulation

This is a tutorial with a simple idea: to create an emotional photo manipulation. Following this tutorial, you will learn how to blend different images to make a dark atmospheric background, modify the dress of the model, apply makeup, paint hair, blend different objects in the background, and more – all to create a moody illustration. So, let’s start!

How to Create a Fallen Angel on Fire Photo Manipulation – Psd Plus Tutorial

If you want to take your photo manipulation work to the next level, then we have an exciting tutorial for you. We’ll work with fire and other images to create this fantasy scene. Learn more at the jump!

How to Create a Steampunk Style Illustration in Photoshop

Go simultaneously backward and forward in time with this Steampunk tutorial. The main focus, aside from the style of course, is fusing elements from different sources together to create a cohesive whole. There are many tricks to this end and we shall be looking at light sources, shadows, and image grading.

Animal King Photo Manipulation

In this photoshop tutorial, you’ll learn how to mash up a series of photos in a highly creative poster based on a famous painting from the 1800’s. Let’s get started!

Design a Surreal Desert Scene in Photoshop

In this tutorial artist am going to show you how to create a surreal time-themed photomanipulation using Photoshop. The name of this photomanipulation is “Time Guardian” and it was originally created by Mariusz Karasiewicz

Fantastic Disintegration Effect inspired by Watchmen in Photoshop

In this tutorial I will show you how to create the disintegration effect using brushes and the blur filter. It’s really simple and you will be able to create nice designs using this sort of trendy style of effect.

Design a Dramatic and Surreal Rainy Scene with Photoshop

Learn all about how to manipulate images and combine them to create surreal scenes, in this case a rainy scene. Also, numerous details are covered in this tutorial such as adding highlights, shading, excellent photo-manipulation techniques, and more. Learn all about it at the jump!

Torture a Man and Stitch Him Up

Transform a man into a torture victim with a couple tricks and some basic tools.

Creating a Glowing Sphere in An Inverted Image

Making of the Imaginary Paint Dancers

I came across the amazing set of Paint Tossing freebies from Media Militia the other day and thought that I must create some artwork with them. So I visited my favorite Mjranum’s stock gallery again and done up this tutorial. Hope you will like it.

Making of the Magical Heroes of 10Steps.SG

Let us do something different this week! We will be creating a game poster with magical theme. This tutorial shows how to draw a sword from scratch and also introducing some of the latest high quality brushes on the internet.

Create amazing water-drenched photomontages

How to Create a Mystery Photo Manipulation in Photoshop

In this tutorial I will show you how to create a mystery photo manipulation using Photoshop brushes, different blend modes, and more. Let’s get started!

How To Create A Ripping And Tearing Poster Effect

Mysterious Hollow Dark landscape

How to Create a Photo Manipulation of a Flooded City Scene

In this tutorial, we will learn how to manipulate a simple photo into a flooding torrent of a scene. We’ll use some relatively simple techniques to give this image a semi-realistic, stylized feel. Let’s get started!

Alien Invasion

Create a Cyborg With Photoshop

In this tutorial you’ll discover how to incorporate mundane, everyday objects into a photoshop cyborg manipulation. Combining household objects with 3D renders is a technique that can and does have interesting results.

Scared Photomanipulation Tutorial

This tutorial will be a little different than all the other tutorials I wrote. Here I will teach you some basic things about Photomanipulation.

How to Create a Slice of Nature Photo Manipulation

Today I’m going to show you how to put together a complex tree illustration. The idea for this tutorial is to show a workflow from concept to finish, not just so you can copy this illustration, but so that you can take the ideas behind it and use them for any design you have. It’s not just the finished design but the process we are after.

Dreamy photo effect

In this tutorial we will take a photo and use different color adjustments and something like pattern floral brushes to make it better or to make a different mood to our picture. So let’s go.

Self-initiated abstract art

In this tutorial I’ll show you how – with a little time on your side – you can overcome the common myth of low budget work, creating an impressive piece of abstract work using Photoshop.

Dazzling Dance Photo Manipulation

In this detailed and lengthy Photoshop tutorial, you will learn how to combine photos and add special effects to turn a normal photograph into a stunning artwork. You will also learn several tricks to reduce your Photoshop document file size and number of layers and layer styles.

How to Create a Fantasy Scene with Death

Create a Colorful Woodpecker and Tree Scenery

This tutorial is intended for everyone who is beginning at digital drawing/painting, if you like drawing and Photoshop then you are the perfect candidate to follow this tutorial.

Create a Beautiful Lonely Fantasy Fairy

This tutorial will explain how to make a beautiful fairy from a single source image. We’ll go over each step on how to make the feathers, the hat, the background, the grass and the mountains.

How To Create a Futuristic Sci-Fi Scene

In this tutorial, I will guide you through the steps to create a futuristic sci-fi scene. We will transform original pictures using Photoshop tools that will help to give the image a more spectacular look.

Creating Medusa With Photo Manipulation

This tutorial will teach you how to create the piece ‘Medusa’ using a range of techniques including photo manipulation.

Brought To You By

Do you want to advertise here? Click to get more info…