1. FlexSlider

( Demo | Download )

FlexSlider is an amazing, totally responsive jQuery slider plugin. It bears uncomplicated, semantic markup, slide and fade animations, and is supported in all major browsers, therefore you won’t have any compatibility issues. Flexslider is built for novices and pros in a similar way.

2. Bubble Slideshow Effect with jQuery

( Demo | Download )

In this tutorial we will be building a jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as an interesting slideshow, and as the code will be completely modular, you will be able to easily use it and modify it.

3. Responsive Image Gallery with Thumbnail Carousel

( Demo | Download )

With this plugin you can create a responsive image gallery with a thumbnail carousel using Elastislide. The gallery will have a view switch that allows people to view it with or without the thumbnail carousel. We’ll also add the possibility to navigate with the keyboard.

4. Circular Content Carousel with jQuery

( Demo | Download )

With this circular content carousel, you can have some content boxes that can slide substantially (circular). Clicking the “More” link will move the respective item to the left and slide out the content area, so that you can navigate through the carousel where every step will disclose the next or previous content box with its extended content.

5. Lateral On-Scroll Sliding with jQuery

( Demo | Download )

In this tutorial we are going to show you how to create a “slide-in on scroll” effect. You’ve probably seen this cool effect on some websites, like on Nizo or in the portfolio section of brilliantly designed La Moulade. The main idea is to laterally slide in elements depending on the scroll position of the document. Dividing the page into a left and right side, we want to move the elements from “outside” of the page to the center when they are in the viewport.

6. Scrollbar Visibility with jScrollPane

( Demo | Download )

Sometimes it can be very useful to hide the scrollbar of elements in a website and only show it when the user really needs it. The real-time activity feed in Facebook is an example for such a behavior. In this tutorial we want to show you how to use jScrollPane and extend it with the functionality to hide the scrollbar and show it on hover.

7. Timelinr

( Demo | Download )

This simple jQuery plugin will assist you in providing more life to otherwise your lifeless timelines. With this plugin, you can easily parameterize the majority of attributes: speed, transparency, etc. It also supports horizontal and vertical layouts.

8. SmartGallery

( Demo | Download )

SmartGallery is a lightweight, lightening up fast and completely customizable image gallery that has been exclusively designed to support huge data. SmartGallery comes with 12 different transition effects together with some inimitable transition effect and thumbnail navigation.

9. Xml Driven Vertical News Scroller Script

( Demo | Download )

vScroller demonstrates classified and color-code content is an upright or vertical scroll. Feeds originate from regular XML file and styled with plain CSS3 for a fresh and good-looking interface.

10. jQuery Sliding Content Bar Plugin: PushUp Content

( Demo | Download )

This smart and fast content bar is easy to integrate in any web design or web based application. You can seamlessly integrate this in your website and it will pop up whenever needed. Apart from this, it is highly easy to customize this plugin. You can add your contact details, location map by means of Google Maps, and a plain contact form that visitors can use to make contact with you.

11. Skitter

( Demo | Download )

Skitter is a plugin for producing good-looking slideshows. You can modify every aspect of your slideshow.

12. Diapo

( Demo | Download )

Diapo is a free of charge and open source jQuery slideshow plugin. Most interestingly, you can also use it in your projects and sell it as part of a bigger work (donations are not required, but asked to be considered in this case).

13. Craftyslide

( Demo | Download )

Craftyslide is a small slideshow that is built on jQuery with the intention to be unique by furnishing a simple, no-frills process of displaying images packaged into a small, clean and competent plugin.

14. Responsly.js

( Demo | Download )

Responsly.js is a band of simple responsive widgets, written by means of CSS3 transformations and accessible as a jQuery plugin.

15. Elastislide

( Demo | Download )

This is another very responsive jQuery carrousel that will adjust its size and its performance so as to work on any screen size. Putting in the carousel’s structure into a container with a fluid width will make the carousel fluid as well.

16. Blueberry

( Demo | Download )

This one is an experimental open source jQuery image slider plugin that has been designed with the aim to work with fluid/responsive web layouts.

17. Slidorion

( Demo | Download )

Slidorion is an amalgamation of an image slider and an accordion; and therefore, it demonstrates attractive images together with a changeable length description. Slidorion is a great alternative to the traditional jQuery slider seeing that images are linked to each tab and accompanied by a large array of effects.

18. bxSlider

( Demo | Download )

bxSlider is a jQuery HTML content slider and image slideshow.

19. Minimit

( Demo | Download )

Minimit Gallery is an exceedingly customizable jQuery plugin that does practically everything: galleries and slideshows to carousels and slides and any other thing that has multiple states.

20. Galleria

( Demo | Download )

Galleria is a JavaScript image gallery framework that has been built on the jQuery library. The aim is to make the process of creating professional image galleries easier for the web and mobile devices.

21. jQuery Image Gallery

( Demo | Download )

This is an effortless jQuery image gallery plugin.

22. rlightbox

( Demo | Download )

rlightbox is antoher jQuery UI media box that can put on view several kinds of content for instance images, YouTube and Vimeo videos. It bears several matchless features like Panorama and Live Re-size. Like other jQuery UI widgets, it is ThemeRoller ready.

23. jQuery MB Bgnd Gallery

( Demo | Download )

With this jQuery plugin you can make a suggestive slide show of images as the background of your page; the images will adapt their size to the window size. You can either navigate the gallery with your keyboard or with a control panel displayed where you want in the page.

24. PikaChoose

( Demo | Download )

PikaChoose is a lightweight jQuery Slideshow plugin that make allowances for unproblematic presentation of photos with carousels and lightboxes! Pikachoose is created to be effortlessly installed, trouble-free to setup.

25. Fluid Thumbnail Bar with jQuery

( Demo | Download )

With this plugin you can make a fluid thumbnail bar that pages through the images it contains.

27. Elastic Image Slideshow with Thumbnail Preview

( Demo | Download )

Here we want to show you how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.

28. Fullscreen Slideshow with HTML5 Audio and jQuery

( Demo | Download )

In this jQuery tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sound with the HTML5 audio element in order to give life to the gallery and try to recreate the ambiance of this vibrant city.

29. Image Wall with jQuery

( Demo | Download )

With this plugin you can create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and when clicking again on the thumbnail, the ribbon will close and open again with a large version of the image.

30. Rotating Image Slider with jQuery

( Demo | Download )

31. Moving Boxes Content with jQuery

( Demo | Download )

With this plugin you can create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and when a menu item is clicked, the boxes animate to form the main content area.

32. Supersized 3.2 – Fullscreen Slideshow jQuery Plugin

( Demo | Download )

With this jQuery plugin you can create a beautiful full-screen slideshow.

33. Flip Box

( Demo | Download )

Flip is a jQuery plugin that will easily flip your elements in four directions.

34. Innovation Slide – Slide jquery plugin

( Demo | Download )

With this plugin you can create a simple, lightweight, effects-laden and very versatile photo slide. It will allow us to flow in a “different” our content: images, text, etc.

35. TN3 Gallery

( Demo | Download )

With TN3 Gallery you can easily create amazing photo galleries and slideshows with slick transition effects, as well as multiple albums, CSS skinning, XML and Flickr support with a host of additional features. No browser plugins required.

36. Shutter Effect Portfolio with jQuery and Canvas

( Demo | Download )

In this jQuery tutorial, we will be using the HTML5 canvas element to create a simple photography portfolio, which displays a set of featured photos with a camera shutter effect. This functionality will come in the form of an easy to use jQuery plugin that you can easily incorporate into any website.

37. Photobooth with PHP, jQuery and CSS3

( Demo | Download )

In this tutorial, we will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.

38. Making a Flickr-powered Slideshow

( Demo | Download )

In this tutorial we will be developing a jQuery plugin that will make it easy to create slideshows, product guides or presentations from your Flickr photo sets. The plugin will be using Flickr’s APIs and YQL to fetch the photos in the sets, after which it will create the markup of the slideshow and listen for events.

39. How to Make Auto-Advancing Slideshows

( Demo | Download )

With this plugin we can create HTML5 Slideshow auto advance with a few lines of jQuery.

40. Sliding Contents With JQuery

( Demo | Download )

The purpose of Slider Kit is to gather common slideshow-like jQuery functionalities (such as news sliders, photos galleries/sliders, carousels, tabs menus) into one lightweight and flexible plugin combined with ready-to-use CSS skins.

41. 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.

42. Slidy

( Demo | Download )

jQuery Slidy is a plugin that generates a customizable transitions automatically.

Well all those things break the standard, so people will see it as “impossible” to change. Should you put the following scripts on every page? No. That would be a waste of resources, since you’ll load a lot of useful things many times. Should you put them directly in your content (dear lord, please, don’t ever do this)? This would be really hard to maintain, since every simple change would be a big waste of time because you would have to make those changes post by post.

Let’s see a couple of ways to get this easily working.

1. Gallery inside any post

Let’s say you want to put galleria in a couple of posts (with no specific rule, could be any post, in any category).

Boolean custom field

Then your best option is to insert a custom field, and there just put any value, like “1″, so you’ll know that this one is a gallery post.

It’ll be something like this:

Now, little grasshopper, you may ask yourself why don’t we just put our script there, in our custom field, or even inside the content (argh!). We do it this way because if for any reason we change our script (like a plugin update, or change our theme) we can easily change it in a single place. Otherwise it would be way harder to make even small changes (like put a new color in your gallery).

Our single.php

Now we need to get this field, and then en queue our script! Just like that!

Where you have:

<?php
	get_header();
?>

You’ll replace with:

<?
	add_filter('wp_head','galleria_script');

	function galleria_script(){
		//we need to get our post ID outside the loop
		global $wp_query;
		$post_id = $wp_query->post->ID;
		$has_galleria = get_post_meta($post_id, "galleria", true);

		if ( ! empty($has_galleria) ) {
			echo '<script type="text/javascript" src="'.get_bloginfo("template_url").'/js/galleria/galleria-1.2.5.min.js"></script>';
			echo "\n <script type=\"text/javascript\"> \n
				$(\"#gallery\").galleria({ \n
					width: 500, \n
					height: 500 \n
				}); \n
			</script>";
		}
	}

	get_header(); ?>

Our images

Now we just make sure that all our images meet galleria’s specifications. You could even upload all your images via custom fields and use a shortcode to put them in place (so you won’t need to change the HTML at all). But for now we’ll do it with  HTML:

<div id="gallery">
	<img src="photo1.jpg" alt="" />
	<img src="photo2.jpg" alt="" />
	<img src="photo3.jpg" alt="" />
</div>

2. Syntax highlighter inside tutorial category

Let’s say that just like 1WD you publish a few cool coding tutorials every now and then. So it’s good to have a syntax highlight plugin, right?

If you just put it in your header.php every single post will have syntax highlight plugin files, even the non-coding ones. Like this:

<script type="text/javascript" src="http://www.1stwebdesigner.com/wp-content/plugins/wordpress-code-snippet/scripts/shCore.js"></script>
<link href="http://www.1stwebdesigner.com/wp-content/plugins/wordpress-code-snippet/styles/shCore.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="Stylesheet" href="http://www.1stwebdesigner.com/wp-content/plugins/wordpress-code-snippet/styles/shThemeDefault.css"/>

Category testing technique

Our solution this time is to use a simple category test. Let’s say that your coding category is “WordPress”. Then all you have to do is check if the post uses “word press” category, and then you’ll add syntax highlight scripts.

	add_filter('wp_head','syntax_script');

function syntax_script(){
	global $wp_query;
	$post_id = $wp_query->post->ID;
	$has_cat = in_category( "wordpress", $post_id );

	if ( ! empty($has_cat) ) {
		echo '<script type="text/javascript" src="'.get_bloginfo("url").'/wp-content/plugins/wordpress-code-snippet/scripts/shCore.js"></script>';
		echo '<link href="'.get_bloginfo("url").'/wp-content/plugins/wordpress-code-snippet/styles/shCore.css" rel="stylesheet" type="text/css" />';
		echo '<link type="text/css" rel="stylesheet" href="'.get_bloginfo("url").'/wp-content/plugins/wordpress-code-snippet/styles/shCore.css" rel="stylesheet" type="text/css" />';
	}
}

3. Demo inside tutorial itself

Another cool thing that you can do is to add demos directly inside your page. In order to get them working properly you may want to use iframes, so you ensure that the scripts and styles of your site won’t conflict with the ones from the demo.

URL custom field

What you need to do here is to add a simple meta with your demo URL:

And then you’ll just check in your single if there is anything in your demo-url. If there is anything it’ll show this url in an iframe, if not, it’ll just ignore and go on. Put this in the end of your loop (or any other place you want to display demo):

<?php
//loop stuff here
//still inside loop, otherwise $post->ID won't work
	$demo = get_post_meta($post->ID, "demo-url", true);
	if ( ! empty($demo) ) {
		echo '<iframe src="'.$demo.'" width="100%" height="300"><p>Sorry about that. Your browser does not support iframes.</p></iframe>';
	}
//now you can finish your loop!

4. Custom ads for every post

Well, despite of Google’s algorithm to recognize your post’s main topic and serve ads related to it, sometimes you may want to show different ads for different kinds of posts. For instance, you may serve affiliate links for “reviews”, Technorati ads for “funny” and google ads for “tutorials”.

This can be done with get_template_part function. With this function you can include external files inside your loop. So you just need to create a folder called “ads” in your template, set up your main files with the same name of your category slog.

Then at some point, your code will check which template part will be included, this way:

$cats = wp_get_post_categories( $post->ID );
foreach($post_categories as $c){
	$cat = get_category( $c );
	get_template_part( 'ads/'.$cat->slug );
}

So if you have a post that is “funny” and “review”, you’ll show 2 ad blocks.

Now it’s your turn!

So, what do you think? Could you think of other places, or different ways, to use these scripts? Hope you enjoyed my article!

Reasons You Might Build Your Own CMS

First off, the main reason is that you have 100% control. Yes, it can be a lot of work, but if you plan to have multiple sites then it is awesome to have your own CMS that you can easily fully customize to whatever you want. Secondly, I did this to further sharpen my PHP, JS, AJAX, Jquery, CSS, and HTML skills. The company that I work for does not, and will not, ever use open source CMS or even a retail CMS. There are several ups and downs to using a common CMS. The ups are that you can easily find people to help you work on things with it and one of the main downsides is if there is any sort of flaw or security issue then everyone will know about it quickly and you can be vulnerable to attacks until it is fixed.

Adding Content To Your CMS

To kick this off I would like to talk about the front end structure of your site first. If you want to be able to easily add content on the fly to your site then the layout has to allow for it. Unless you create a CMS that builds the entire page’s HTML files. The example that I plan to show you does not show building entire HTML pages, but it can easily be altered to do so. The basic setup of the content manager that I am showing you guys is going to require a layout that is flexible but simple and a little bit of work from the .htaccess.

The Back End For Adding Content

The actual back end itself is very basic but depending on your site and features it can very well be more complex if you like. You simply start with a form in your CMS to add/edit/delete content pages. This form will need at the very least a place for a url and a place to add content. Technically you do not need the url you could simply do a ?id=84 with the 84 just being an auto increment from the database. Obviously this is a pretty ugly way to do it so we will assign URLs to each. Along with a URL and content I always have at least a page title, meta keywords, and meta description but regardless of what you have it is all basically the same.

What You Need On The Front End

If you have made it this far along in the tutorials I assume you probably do not need any help with how to make this form so I will skip those details. However, I will just mention that each of the new content pages that you add with this form will need to be stored in a database. I do it with an auto increment id field for the PRIMARY key and also add an INDEX on the url field because we will be using that field to look up pages. From there you can handle the front end in a few different ways. You can go back to my flat file caching and cache out each content page as an array using the url as the key for each element so that it is easy to reference. I have done things like this in the past but don’t usually anymore as the benefits are really more opinion/preference than performance in many situations. Another option, and the one I most commonly use, would be to simply take the url and look up the page in the database then display the content. When done this way I like to have a header.php, header.init.php, and of course my index.php and footer.php. The header.init will be where I have the code to parse out the URL and try to find the content page in the database. The header is mainly just some html that contains the header area of my website and the index is the middle content area of my site that will display content per the given URL. You will also have a .htaccess file to handle redirects.

.htaccess

<br />
RewriteEngine On</p>
<p>RewriteCond %{HTTP_HOST} ^bbillman.com$ [NC]<br />
RewriteRule ^(.*)$ http://www.bbillman.com/$1 [R=301,L]<br />
RewriteCond %{HTTP_HOST} ^([www\.]?)bbillman.com$ [NC]<br />
RewriteRule ^(.*)$ http://www.bbillman.com/$1 [R=301,L]</p>
<p>RewriteRule ^tmp(.*)$ /admin/tmp_image.php [NC,L]<br />
RewriteRule ^(.*)(\.(jpg|jpeg|gif|png|css|ico|xml|txt))$	-	[NC,L]<br />
RewriteRule ^$	-	[NC,L]</p>
<p>#RewriteCond %{DOCUMENT_ROOT}/$1 !-f<br />
RewriteCond %{REQUEST_FILENAME} !-f<br />
RewriteCond %{REQUEST_URI} !(.*)/$<br />
RewriteRule ^(.*)$	/$1/	[NC,L,R=301]</p>
<p>RewriteCond %{DOCUMENT_ROOT}/$1 !-f<br />
RewriteRule ^(.*)$	index.php?uri=$1	[QSA]<br />

The first line is obvious, it turns the engine on, the next few will make sure www is always at the front of the url, the third block will basically tell it to ignore the rest of the htaccess if it is an image being accessed, the fourth is saying to first look for the specified file, and the end is like a catch-all where it will send anything to index.php with a query string of uri=$1 ($1 will be whatever is after the / in the url).

header.init.php

<br />
 $v)<br />
			{<br />
				if(is_array($v))<br />
					return is_empty($v);<br />
				elseif(isset($v) || $v!='')<br />
					return false;<br />
			}<br />
		}<br />
		else<br />
		{<br />
			if(isset($array) || $array!='')<br />
				return false;<br />
			else<br />
				return true;<br />
		}<br />
		return true;<br />
	}</p>
<p>	if(is_array($parts) &amp;amp;&amp;amp; !is_empty($parts)){<br />
		$rparts = array_reverse($parts);<br />
		foreach($rparts as $v){<br />
			$p_q = $db-&amp;gt;query(&amp;quot;SELECT url,content,meta_title,meta_keywords,meta_description,parent_id FROM content WHERE seo_url='$v' AND live='1' LIMIT 1&amp;quot;);<br />
			if($db-&amp;gt;num_rows($p_q)){<br />
				$_PAGE = $db-&amp;gt;fetch_assoc($p_q);<br />
				if(is_array($_PAGE)){<br />
					foreach($_PAGE as $k =&amp;gt; $sv)<br />
						$_PAGE[$k] = stripslashes($sv);<br />
				}<br />
				break;<br />
			}<br />
		}<br />
	}else{<br />
		$p_q = $db-&amp;gt;query(&amp;quot;SELECT url,content,meta_title,meta_keywords,meta_description FROM content WHERE seo_url='' AND live='1' LIMIT 1&amp;quot;);<br />
		$_PAGE = $db-&amp;gt;fetch_assoc($p_q);<br />
		if(is_array($_PAGE)){<br />
			foreach($_PAGE as $k =&amp;gt; $sv)<br />
				$_PAGE[$k] = stripslashes($sv);<br />
		}<br />
	}</p>
<p>	if(!is_array($_PAGE)){<br />
		//404<br />
	}<br />
?&amp;gt;<br />

The code is pretty simple. It just takes the uri and breaks it up into an array and starting from the back it searches the database for a matching url. If the url exists then it will put all of the contents for that page into an array $_PAGE and if not then it will try to grab the home page (where url=”) and if there is no page then you can have it do a 404. In the header of course you would set the meta data and have whatever other design stuff you need for your site in there.

index.php

<br />
&amp;lt;?php<br />
include'includes/header.php';<br />
echo $_PAGE['content'];<br />
include'includes/footer.php';<br />
?&amp;gt;<br />

Using this method your index.php could be as simple as this. It will include the header and footer and just output the content of the requested URL in the middle.

Conclusion To Creating Your Own CMS Part 3

In conclusion, this is an easy and effective way to make adding content quick and easy. This can also be done for blogs actually and done almost exactly the same way. One thing is you would have to add a rule in your htaccess to send URLs with /blog/ to a separate blog.php or add some more code to your index.php, but I prefer to have them separate for readability and such. Likewise this can be used for events or pretty much any other content that you would like to add to your site. Adding new content is obviously important as it will help you to get some SEO built up because the internet is all about information.

Other parts of the tutorial:

• Part 1
• Part 2
• Part 3

1. Pixel2Life

Pixel2Life is the largest tutorial search engine on the web. Here you’ll find almost any Photoshop tutorial you can imagine as well as tutorials for web development, audio editing etc.

2. Good-Tutorials

Good-Tutorials is the largest source of tutorials on the web today. It has been featured on the BBC, SkyNews, TechTV (now G4), in the British magazine iCreate, PC World, and has been linked to by thousands of sites, blogs and forums.

3. PSLover

Although not that big, PSLover is another great resource for finding and submitting Photoshop tutorials. Categories make it easier to find the tutorials you’re looking for.

4. Tutorialized

Tutorialized is one of the biggest tutorial sites on the web and offers a really wide range of tutorials pertaining to graphic design, web development, databases etc.

5. TutorialVault

Tutorialvault focuses on collecting and archiving the best graphic and coding tutorials on the internet. While a large part of their database features tutorials from the Adobe Family of programs, they also have a vast list of CSS, PHP and 3D tutorials.

6. Capital Tutorials

Capital Tutorials is a relatively small community with 5000 Photoshop tutorials submitted.

7. Tutorials Garden

With over 7000 tutorials submitted, Tutorials Garden, is a neat place to submit your tutorials.

8. DesignBump

DesignBump is a site where you can submit any type of news related to design. However it can be a perfect place for submitting web design and coding tutorials.

9. Tutorials Expert

Tutorials Expert started its operation on 20th Sep 2006 with lightest and fast loading interface design on a dedicated server line. As many similar websites on the web, tutorials expert’s core theme is to provide public users with good quality tutorial links.

10. Photoshop Lady

Photoshop Lady aims to collect the best and free Photoshop tutorials around the internet. All of the high quality photoshop tutorials are categorized into 3D Effect, Abstract Effect, Drawing Effect, Photo Effect, Text Effect, Texture & Patterns and User Interface Design.

11. PSD Top

PSD Top is an internet tutorial index catering to graphic designers, webmasters and programmers, with over 6000 tutorials listed in 40 categories. PSD Top aims to collect the best and free Photoshop tutorials around the internet.

12. FS Tutorials

13. Tutorial Kit

Tutorial Kit is a comprehensive resource of Adobe Photoshop tutorials and tips to help users of all skill levels reach their full potential. The tutorials are updated daily from different authors and sites so that you won’t have to spend hours searching the web for them yourself.

14. Pxleyes

Pxleyes is the place for graphic artists. They are just an awesome community with one common interest – a lot of passion for computer graphics. They have contests, prizes, and of course the reason why I’ve included this site –  a tutorial section where everyone can submit their tutorials.

15. Tutorial Index

Tutorial Index is another source for free online tutorials covering Photoshop, Flash, 3D, PHP, HTML, SQL/MySQL and other topics. It’s possible find here some unseen and interesting tutorials/articles.

16. CG Links

CG Links mainly focuses on computer graphics related tutorials however you’re free to submit your photo effect and web design tutorials as well.

17. CG Tutorials

CG Tutorials seek to index all computer graphics tutorials in order to give authors publicity and to give everyone an easy way to find the tutorial they seek.

18. Learn AI

Learn AI is an Adobe Illustrator devoted tutorial search engine where you can find almost any tutorial you need. Though Illustrator isn’t commonly associated with web design they do have a web design category in which you can find some tutorials for creating UI elements.

19. Photoshop Roadmap

Photoshop Roadmap is a Photoshop dedicated website where besides tutorials you can also find resources, brushes and inspiration.

20. Design Float

DesignFloat is a web community for web designers and web developers similar to DesignBump.

21. Tutorial King

Tutorial King aims to collect high quality Photoshop tutorials. With around 200k visitors per month it’s a considerable place to submit your web design tutorials.

22. Toxic Lab

Toxic Lab offers free tutorials and instructions for web development software. They have over 150 000 unqiue visitor each month.

23. Tutorials Room

Tutorials Room is a fast growing tutorial site where you will find hundreds of Photoshop, Flash, coding and other tutorials.

24. Web Design Library

Web Design Library is an internationally referenced resource that provides a platform for the dissemination of design thinking and research. It covers all theoretical and practice-oriented aspects of the effective, efficient and attractive presentation of information on-line.

25. Best Photoshop Tutorials

Best Photoshop Tutorials is an amazing resource for people who enjoy using Photoshop.  The site strives to publish the best Photoshop tutorials, brushes, and inspirational articles.

1. Design a Clean and Corporate Website Layout

Design a great-looking, high-quality clean and corporate website layout with the option to download the PSD file

2. Create a Professional App Store Web Layout

Check out this kick-ass photoshop tutorial which teaches you how to make a professional looking app store layout

3. Design a Cool Textured Portfolio Design

One more stunning and well-prepared layout Photoshop tutorial which teaches you how to design a nice textured portfolio design.

4.Create the Surreal Photo Illustration checkmate

This Photoshop tutorial teaches you some techniques, but especially a surreal and abstract photo manipulation.

5. Create a Mysterious Photo Manipulation in Photoshop

We’re moving on with another Photoshop, photo-manipulation tutorial which shows off the creation of a dark and mysterious poster.

6. Create a Speeding Car Scene with Lighting Effects

This Photoshop tutorial has a well-written and explained process of creating a colorful, bright car scene.

7.Create a Fallen Rain Soaked Angel Composition

Take a look at this awesome and well-designed dark angel composition which shows the use of some kick-ass skills.

8. Create a Nature-Inspired Photo Manipulation

The following Photoshop tutorial teaches how to create a stunning nature inspired and bright photo manipulation.

9. Create a Dark and Surreal Poster in Photoshop

One more Photoshop tutorial which teachesyou how to design a dark/surreal and awesome poster design

10. Serene Fantasy Photo Manipulation

Learn how to create a high-quality and beautiful work of art by following this tutorial which shows the creation of a serene fantasy poster.

11. Design a Personal Website Layout

Design an amazing personal website layout in Photoshop by taking a look at this useful tutorial. It is also possible to download the final version in PSD format for free.

12. Create a Landing Page in Photoshop

This well-written Photoshop tutorial will teach you how to create an elegant landing/single-page  website layout.

13. Dezign Folio Portfolio Designing Tutorial

If you need or want another great website layout, then this tutorial will work great for you. Learn to make a very detailed portfolio design.

14. Create a C0lorful Aged Poster

The following tutorial goes into detail to teach you how to create a colorful and aged poster.

15. Create a 3D Industrial Style Icon

This really interesting tutorial will show off how to make a 3 dimensional industrial styled icon in Adobe Photoshop.

16.How to Draw a Classic Electric Guitar in Photoshop

This useful and really well-prepared tutorial will teach how to create a detailed and stunning classic guitar.

17.Making a Super-Hero Movie Teaser Poster

By following this stunning tutorial, you will design a great super-hero inspired move teaser poster

18.How to Create an Intense Movie Poster

Another tutorial on how to create a movie poster for Photoshop. This time you’ll be learning how to make an intense, bright poster.

19. Ringed Supernova Photoshop

The following surreal and abstract Photoshop tutorial will teach you how to create a nice-looking composition of supernova planet.

20. Drawing of a Pig Tutorial

This is probably the best tutorial in this showcase. It teaches you how to create a very realistic, yet abstract, pig portrait in Photoshop.

21. Create a body made of rain

Another kick-ass and high-quality poster design on making a person look like they’re made of rain.

22. Playstation Portable Realistic Buttons

Learn to make some well-designed PlayStation buttons by following this really useful tutorial.

23. Milk Monster Design Tutorial

Make a monster from almost anything! Here you will find out how to create cute monsters that will scary anybody!

24.How to Create an Outstanding Wallpaper

Hard to find something you like for a background? You don’t need to search at all, because here you will learn how you can create original backgrounds by yourself!

25.Create an Ice-Cream Type Treatment in Photoshop

Awesome text effect made out of simple things, Just what you need to learn basic illustration techniques!

26. Create a Shiny Apple

This tutorial will teach you how to take a boring fruit and make it really a ‘peel’ ing!

27. Create a Balanced and Abstract Poster

Abstract doesn’t mean easy! Here you will find a way to make it easier by learning the balance in an abstract composition.

28. Create a Radar Icon in Photoshop

A small tutorial that will give you the hints for creating your own unique and awesome radar icon.

29. Awesome Glitter Text Effect

Shiny and glossy, here you will find how to make your text like that just using glitter texture and some little tricks.

30. Create a Dark Digital Art Piece

This can be a source of inspiration + hints for your own piece of art, learning how to use the grunge effect in your photos.

31.Make a Tron-Inspired Photo Manipulation

Think that surreal manipulations are too hard for you? Here you will learn the basics and create a fine TRON style picture.

<?php
        //this first part checks to see if you are already logged in and if you are it redirects you
        if(isset($_SESSION['started']))
	{
		header('Location: /admin/');
		exit;
	}

        //this next is actually something that i just thought of because it is annoying to
        //have to add an entry via phpmyadmin with a md5  password (and even worse
        //when you get into much more secure passwords)
        if(isset($_SESSION['failed']))
		unset($_SESSION['failed']);
	if(isset($_SESSION['no_su']))
		unset($_SESSION['no_su']);
        //above clears out the no_su and failed session variables to clear just in case

	$su_check = $db->query("SELECT id FROM logins WHERE super_user='1' LIMIT 1");
	if(!$db->num_rows($su_check))
		$_SESSION['no_su']=true;
        if($_POST && !$_SESSION['no_su'])
	{
		//here is the login code that we used before
	}
	elseif($_POST && $_SESSION['no_su']==true)
	{
		//no_su is only set if there are no entries in the logins table
		//so this will put one in there
		$username = stripslashes($_POST['username']);
		$password = md5($_POST['password']);

		$db->query("INSERT INTO logins (username,password,date_added,super_user) VALUES('$username','$password','".time()."','1')");
		unset($_SESSION['no_su']);
	}
?>

You can see in the above query that I set the field super_user=’1′ on my insert. I did this because this should be the main/root/admin account or whatever you would like to call it. And later when we make permissions the super_user will be giving access regardless.

I do also add a little note when the login page loads so that you know you are not trying to login but you are actually setting up the main/first login account. This is accomplished by adding a block of php in the html that creates the login box like below.

<?php
	if(isset($_SESSION['failed']) && $_SESSION['failed']=='yes')
		echo '<div id="fail" class="info_div"><span class="ico_cancel">Incorrect username or password!</span></div>';
	elseif(isset($_SESSION['no_su']) && $_SESSION['no_su']==true)
		echo '<div id="fail" class="info_div"><span class="ico_cancel">SETUP SUPER USER ACCOUNT!</span></div>';
?>

As you can see above, there is also a check for a failed attempt that will output an error message if need be.

Adding And Editing Access Levels

Access levels are something that can vary greatly depending on the site and it’s requirements. A site could be managed by one person and need only one level, that being total access. Some sites will hire freelance blog writers, and these writers do not need access to anything more than the most basic levels which allow them to write and save their posts. I mean seriously, there are some real nut cases out there, just because you think you know someone doesn’t mean you should let them have access to your site. The access level control that we are going to create is pretty powerful, and very flexible, but will not be as in depth as something bigger sites would have.

The logic behind the access levels that we are going to use is going to be as simple as giving certain people access to certain php files. We can also have a setting to give them access to live content or not. First, to make it easy to keep track of the files that we want to restrict access to we are going to create an array of the “admin pages”. The beauty part of this array is it can be used for more than just access levels. We will use this array to actually build the site navigation and to restrict access. Obviously there are other ways to do this, but if we have it all in an array then when we want to add a new page to our admin we will not have to change any coding to add it to the access levels and everything else.

<?php
	$_AP = array(
		array(title=>'Dashboard',
			url=>'/admin/content/'
			),
		array(title=>'Content',
			url=>'/admin/content/content.php',
			dd=>array(
				array(title=>'Add Content',
					url=>'/admin/content/content.php?action=add'
					)
				)
			),
		array(title=>'Events',
			url=>'/admin/content/events.php',
			dd=>array(
				array(title=>'Add Event',
					url=>'/admin/content/events.php?action=add'
					)
				)
			),
		array(title=>'Venues',
			url=>'/admin/content/venues.php',
			dd=>array(
				array(title=>'Add Venue',
					url=>'/admin/content/venues.php?action=add'
					)
				)
			)
		);
?>

You can see from the array I am building my navigation. So this way, when I want to add a new page to my admin I simply start by adding a new entry to the array. When I do this it will automatically be on the page. If I have key ‘dd’ with an array nested inside of there, it becomes a drop down. There are many different ways that you could possibly structure the array, and many different things that you can add to it. Below is the code that we use to go through the array and create that navigation.

<?php
        	function create_nav($ap,$close=false)
	{
		define('LB',chr(10));
		$output;
		if(is_array($ap))
		{
			$count = count($ap);
			$i=1;
			foreach($ap as $k => $v)
			{
				$output .= '<li><a href="'.$v['url'].'">'.$v['title'].'</a>'.LB;
				if($v['dd'])
				{
					$output .= '<ul>'.LB;
					$output .= create_nav($v['dd'],true);
				}

				if($close==true && $i==$count)
					$output .= '</ul>'.LB;
				$output .= '</li>';
				$i++;
			}
		}
		return $output;
	}

        //The function is simply called like this with $_AP obviously being the array of pages
        echo create_nav($_AP);
?>

You can see that this is pretty simple, it just runs through the loop and creates an unordered list of all of the items.

Now let’s build a simple form to add and edit users and access levels

I am going to assume that you know how to build form elements (and if you don’t there are some great simple tutorials right here on 1WD). So I am going to go through the logic behind it. You will of course want a simple for to add/edit users and a form to add/edit different access levels. First, lets talk about the access levels. For the access levels we can make it as simple as a form to name the access level and an array of checkboxes, one for each page. Then say I want to create an access level “admin” I would just type “admin” into the name textbox and check all of the checkboxes which will grant them access to every tab, as you can see below.

Then with the add/edit administrators you will simply want to hit up the database for all of the available access levels and put them in a drop down to choose from. And lastly I will show you how to put these to use.

When someone logs into the admin we set several session variables, and the users access level will be one of them. So we can just write a function that we put in the header, to make sure that it is on every page, that will check whether that person has access to the page they are trying to access. The function could look something like this.

<?php
		function check_access(){
			GLOBAL $db;
			$al = $_SESSION['access_level'];
			$a_q = $db->query("SELECT pages FROM access_levels WHERE id='$al' LIMIT 1");
			$a = $db->fetch_assoc($a_q);//pages is just a serialized array in the database
			$allowed_pages = unserialize($a['pages']);
			$parts = explode('/',$_SERVER['REQUEST_URI'];
			$count = count($parts);
			if(!in_array($parts[$count-1],$allowed_pages)){ //if the page they want isn't in the array of pages they can have
				header('Location: /admin/');//send them home
				exit;
			}
		}
?>

And here we have a very simple version of admins and access levels that is based off of php scripts access. We can take this further in many different ways, and one would be to also allow setting “action” access per page. Like allowing users to add/edit, but not delete. And it would be very simple to implement in the function that we just coded by checking the query string for actions.

Other parts of the tutorial:

• Part 1
• Part 2
• Part 3

In this post, I’ll be giving you 40 jQuery techniques and tutorials that will help you improve your skills.

1. Custom Animation Banner with jQuery

In this tutorial you will learn how to create a custom animation banner with jQuery by using the jQuery Easing Plugin and the jQuery 2D Transform Plugin. The idea is to have different elements in a banner that will animate step-wise in a custom way.

View Demo

2. Moving Boxes Carousel with jQuery

In this you will learn how to create a slider, that have buttons to change panels and the panels zoom in and out.

View Demo

3. Quick Feedback Form – jQuery & PHP

A simple solution to this problem. Powered by jQuery, PHP and the PHPMailer class, this form sends the users’ suggestions directly to your mailbox.

View Demo

4. Wijmo – jQuery UI Widgets

Wijmo is a complete kit of over 30 jQuery UI Widgets. It is an extremely dangerous mixture of jQuery, CSS3, SVG, and HTML5 that when combined becomes an unstoppable force on the web.

View Demo

5. One Page Navigation – jQuery Plugin

This is a practical navigation plugin by Trevor Davis that lets you scroll smoothly when the navigation is clicked – this plugin is built upon the jQuery ScrollTo plugin by Ariel Flesler.

View Demo

6. RSS Reader With jQuery Mobile

Build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your web apps!

View Demo

7. Easy Accordion – jQuery Plugin

The Easy Accordion plugin by Andrea Cima Serniotti will get your definition lists (DTs) and generate a nice and smooth horizontal accordion.

View Demo

8. Lettering – jQuery Typography Plugin

In this article you will learn how to create, for example typographical CSS3 posters, or for really custom type headings, while keeping the text selectable.

View Demo

9. Annotation Overlay Effect with jQuery

Create a simple overlay effect to display annotations.

View Demo

10. Snippet – jQuery Syntax Highlighter

Snippet is a cool jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet jQuery plugin provides a quick and easy way of highlighting source code passages in HTML documents.

View Demo

11. Google Powered Site Search With jQuery

In this logical tutorial you will learn how to create a branded custom search engine simply by using Google’s AJAX Search API, with which you can search for images and video and news items on your site – and you can also get general web results.

View Demo

12. Build a Better Tooltip with jQuery Awesomeness

In this tutorial ,It  shows how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.

View Demo

13. Simple Tooltip – jQuery & CSS

In this tutorial by Soh Tanaka you will learn how to create simple tooltip with jQuery and an incredibly simple styling with CSS.

View Demo

14. Coda Popup Bubbles

jQuery tutorial shows you how to create slick popup bubbles that appear when hovering over the target object.

View Demo

15. Exposure jQuery Plugin

Exposure is an image viewing plugin for the jQuery JavaScript library. It’s designed for creating rich, fully customizable viewing experiences, and can handle very large amounts of images without pushing your bandwidth through the roof.

View Demo

16. Giveaway Randomizer App – jQuery

In this tutorial you will learn how to create a dedicated randomizer jQuery application.

View Demo

17. jQuery Smooth Tabs Plugin

jQuery Smooth Tabs is easy to use plugin, which allows you to display your content with some effects, for better user experience. All you need is a single container for your desired tabs and content, some nice CSS and images.

View Demo

18. TN34 Timetabs – jQuery Plugin

This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle to next tab. It is compatible with most modern browsers.

View Demo

19. Full Page Image Gallery with jQuery

In this tutorial you are going to create a stunning full-page gallery with scrollable thumbnails and a scrollable full screen preview.

View Demo

20. bgStretcher – jQuery Plugin

bgStretcher (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plug-in will work as a slideshow if multiple images mode is used (the speed and duration for the slideshow is configurable).

View Demo

21. SlideNote – jQuery Plugin For Sliding Notifications

SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application.

View Demo

22. Easy List Splitter – jQuery Plugin

Easy List Splitter keeps the HTML to the minimum. No unnecessary elements or inline styles are added to the code. You’ll get a clean plain HTML with some classes that you can use as hooks to easily style your lists. Choose whether to order your list items vertically or horizontally. You can then decide whether to modify the default CSS or apply a new one.

View Demo

23. Create a Slide Tabbed Box using jQuery

Show you how to create a set a module tab interface that slides content left and right as you click on the tabs.

View Demo

24. Create a Tabbed Interface Using jQuery

This very detailed step-by-step tutorial will show you how to create a tabbed interface using jQuery.

View Demo

25. jQuery Tabbed Interface

Tabbed Interface or Tabbed Structure Menu show you how to build your own tabbed Interface using jQuery with slideDown/slideUp effect.

View Demo

26. Create Sliding Image Caption with jQuery

This image gallery tutorial shows you an interesting interaction technique for having captions that slide up to reveal more information about a particular image when the user hovers over it.

View Demo

27. Image Cross Fade Transition

This tutorial will show you how to fade another image in, superimposing onto the current image when the user hovers it. It can be a great way to display more information about a particular image.

View Demo

28. Image Reveal using jQuery

This quick and easy tutorial shows you the concept of hiding and showing elements by watching out for window events .

29. Slider Gallery

In this jQuery tutorial, you’ll learn how to create a sliding gallery that leans on jQuery UI.

View Demo

30. Simple jQuery Image Slide Show with Semi-Transparent Caption

It shows how to create a simple image slide show with a semi-transparent caption with jQuery. It is suitable to display news headlines, or an image slide show in your website front page.

View Demo

31. Create an Amazon Books Widget with jQuery and XML

Create how to leverage jQuery and the Amazon API to display products inside a content area that’s horizontally-scrollable in this highly involved step-by-step tutorial.

View Demo

32. Building a jQuery-Powered Tag-Cloud

A tag-cloud is a great way of showing visitors to your blog the main topics of interest that are available. There is also additional information contained in a tag-cloud.

33. Simple jQuery Spy Effect

In this tutorial, you’ll discover an innovative technique for mimicking Digg’s now defunct Digg Spy application.

View Demo

34. Creating a Floating HTML Menu Using jQuery and CSS

This jQuery-based navigation menu tutorial will show you how to create a menu that follows you up and down the page as you scroll.

View Demo

35. Horizontal Slide Nav Using jQuery & CSS

Learn to create a spectacular sliding navigation whose animation is triggered when the user hovers over a navigation item.

View Demo

36. Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP

This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery & PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding.The main functions of the cart will be adding/removing items to the basket without the need of refreshing the page & displaying the actions with effects.

View Demo

37. Create a Digg-style post sharing tool with jQuery

Create a social bookmarking tool that look similar to Digg’s. It looks cool, practical and useful! I also include the komodomedia’s social bookmarking icons and a long list of submission URL for one click bookmark.

View Demo

38. Create an amazing music player using mouse gestures & hotkeys in jQuery

We will create an amazing music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse.

View Demo

39. Creating a Virtual jQuery Keyboard

This tutorial will explain how we can implement a simple virtual keyboard.

View Demo

40. Quick Tip: Resizing Images Based On Browser Window Size

In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor.

View Demo

If we have missed something awesome, please feel free to link us in comments.

In this post, I’ll be presenting 50 incredible vintage and retro photoshop tutorials for 2010.

1. Create a Funky Retro Wavy Text Effect in Photoshop

We are going to create a retro-colored psychedelic background, which we are then going to apply to some text. The purpose of this tutorial is to learn how to mask out an image so that it just shows through the editable text, making it friendlier to modifications later on. We will also work with layering textures to create a grungy retro background.

2. Make a Retro-Space Typography Poster with Colorful Lights

In this tutorial, I will show you how to create a stunning and high-impact retro-style typography poster that’s out of this world.

3. Design a Retro Styled Poster

Learn how to combine patterns, textures and typography to create a retro styled poster. You will also learn how to manipulate shapes and images, in addition to integrating blending options and layer masking.

4. How To Create a Retro Apple Wallpaper in Photoshop

Follow these simple steps in Photoshop to create an homage to Apple, combining the retro striped Apple logo with a range of soft grungy textures to produce a detailed design with subtle touches of colour and tone.

5. Design a Colorful Retro Futuristic Poster in Photoshop

The theme of retro futurism combines digitally created graphics and abstract shapes with distressed and aged textures, giving that cool mix of old and new. Let’s take a look at how to create our own bright and colourful retro futuristic poster in Photoshop, using dynamic lines, vibrant gradients and rough textures to build up the design layer after layer.

6. Design a Retro Summer Poster Illustration

This tutorial will cover some really cool illustration techniques, exploring Photoshop’s vector capabilities as well as playing with textures and selection methods.

7. Create a Mock-Retro Poster Concept

This tutorial will teach you how to design a mock-retro poster. Learn how to manipulate photos and achieve a grungy, textured look.

8. Super Cool Retro Poster in 10 Steps in Photoshop

So in this tutorial I will show you how to create a very cool poster in just 10 steps. We will use Adobe Photoshop and Illustrator, but you may use other tools

9. Design a Retro Futurism Space Scene

Learn how to design a retro-futuristic space scene, using a variety of lighting effects and photo manipulation.

10. Create a retro grunge typographic poster in Photoshop

After so many days of inspirational article writing, I have come up with another of my typographic tutorials. I was searching for some inspiration in deviant art and balance when I stumbled upon a rather, good-looking typographic art.

How to Create a Retro 3D Metal Design – $4

This one is very retro, I remember seeing similar game covers when I was younger.

11. Retro Wallpaper Photoshop Tutorial

Get inspired by this great looking retro poster in this great Photoshop tutorial thanks to UBL Tuts.

12. Create a Stunning Retro Futuristic Typography

In this tutorial, we will learn some really cool techniques to help us achieve a few aspects of Retro Futurism. We will be learning a lot of concepts, tips and tricks in Illustrator. We all also learn how to add the futuristic look using Photoshop.

13. How to Make a Worn Vintage Beach Ad in Photoshop

In this Photoshop tutorial, I’ll show you how to create a worn out, low-saturation-colored vintage beach ad in Photoshop. We’ll use some beginner to intermediate level techniques such as the usage of brushes, editing colors, using filters, masking and a whole lot more!

14. Tutorial: Create A Retro Cosmic Design in Photoshop

This tutorial will teach you how to recreate the Retro Cosmic designs made popular by James White of Signalnoise. All you need is a copy of Photoshop and some time on your hands. In this particular example we’re going to create a retro cosmic rainbow but the techniques explained can be used in combination with any shape and colour.

15. Create A Retro Typography Design

In this tutorial you will learn how to create a retro typography design, you will learn the basics of typography and shape making in Photoshop CS3

16. How To Create a Retro Grunge Apple Wallpaper in 5 Easy Steps in Photoshop

In this tutorial I will show you how to create, a retro grunge Apple wallpaper, in Photoshop, just by following this 5 simple and easy steps. We will be combining Apple stripe logo with nice grunge texture and grunge brushes to create this beautiful wallpaper.

17. Creating the new retro

The two keys to this tutorial are to experiment and to have fun. There is no single, linear way to achieve this composition when so many variables are at work, so each small alteration can throw other elements into flux. I will offer you some guidelines and pointers, but it will ultimately be up to you.

18. Retro Modernist Poster Design with 3D Typography

In this tutorial, you’re going to learn how to create a vintage, retro-modernist poster in Photoshop. You’ll also learn some vintage coloring techniques, retro photo effects, and some cool 3d typographic effects. You’ll also need Adobe Illustrator to create vector paths that will then be imported into 3ds max. This won’t be a typical step by step tutorial, but more of a walk through of how I created this poster for a real client.

19. Create a Retro Design Poster in Photoshop

In this tutorial you will learn how to create a retro style poster. This is not an advance tutorial but you should have basic knowledge of Photoshop.

20. Create a Texture Based Vintage TV Poster in Photoshop

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

How to Create Cool Retro Graphics – $5

A very comprehensive tutorial that has more than a hundred steps to follow. After going through this tutorial you will surely be a master in retro designing.

21. Create an Abstract Retro-Pop Wallpaper

this tutorial, I’ll show you how to create a beautiful, vibrant, Retro-Pop abstract wallpaper. You’ll also learn how to add some wonderful texture to your designs and make some abstract shapes!

22. Amazing Retro Rainbow Curves

this tutorial, I’ll show you how to design some amazing vector based Retro Rainbow Curves using Adobe Photoshop. These retro artifacts have become a popular trend in modern design!

23. Design a Stylish Retro Game Boy Poster in Photoshop

This tutorial will walk you through the process of creating a vector Nintendo Gameboy in Illustrator and then using it to produce a cool retro poster in Photoshop.

24. Creating a Space-Helmeted Future Retro Illustration

I’m going to call it Future Retro for the sake of this tutorial.

25. How to Create a Retro Boxing Poster in Photoshop

Creating a retrograde look is nothing new, but there are some things to keep an eye out for when mimicking Graphic Design from any decades past. We’ll be drawing inspiration from Poster Design from the 1960s, particularly Boxing Posters from that era. Let’s get started!

26. Creating an Awesome Retro Collage

In this complex and long tutorial, we will be making this abstract photo collage. Lots of images are used with exciting effects. Along the way, you will be using different blend modes, filters and some advanced adjustment layer techniques.

27. Retro Geometric Vectors in Space with Illustrator and Photoshop

In this tutorial I will show you how to create an abstract image for a poster using Illustrator and Photoshop. We will do all the vectors and shades in Illustrator then in Photoshop we’ll give to the image a nice retro style using some textures and brushes.

28. Create a Retro Pop Art in Photoshop

We will be using Keeley Hazell image again for this Retro Pop Art tutorial.

29. Create a Retro Photo and Background

In this tutorial we are going to take a regular, boring photo and liven it up using with some effects to give it more of a retro feel to it. We are then going to take the photo and create a background for it to lie on.

30. Creating A Retro Grunge Poster

This tutorial is an ad on from the Poster article the other day, we will create a Retro/Grunge style poster using the pen tool some textures and playing with text to make it look more retro.

Making of “Robot Earth 3009″ Type Illustration – $3

If you seriously want to create something similar to the image below then this is for you. As the description page goes:

“This Advanced tutorial will take approximately 3-4 hours to complete. You’ll need to get out your mechanical pencil and sketchbook, as well as open up Adobe Illustrator CS4 and Adobe Photoshop CS4 .”

Very comprehensive tutorial, not only using Adobe products but it also encourages people to draw using traditional methods!

31. Craft a Vintage Fifties Letter

In this tutorial, I go over how to create a fifties love letter with stamps, bent corner, and a retro border using the brush engine, rectangle tool, layer styles, blend modes, and several intermediate techniques that are sure to propel you skills to the next level.

32. Creating A Cool Vintage Collage Design In Photoshop

In this tutorial, I will show you how to create a retro-style design or vintage collage style. We will use images from old ads, handwritten texts, patterns, and other things to give to our design a vintage look.

33. How to Design a Rockin’ 80’s Party Poster

In this tutorial, I’ll show you how to design a poster for an 80′s anthem party. Throughout this tutorial, we’ll create some textures for background, manipulate a photo to give it a stylish look, and make some color variations. Let’s jump into this super rad tutorial.

34. Hot Chick on a Muscle Car

In this tutorial we’ll fuse an image of a Muscle Car and an image of a Hot Chick into one cool retro postcard design. Learn some brush, texture, and layer techniques to create a classic image everyone wants to get ahold of.

35. Gigposter Design: The New Sex

So we’re going to make a gig poster! Subject matter: Deftones and The Fall of Troy in Cleveland, Ohio at the House of Blues on May 30th.

36. Photoshop Serigraphs

Serigraphs are silkscreen prints that, in the hands of artists such as Andy Warhol, Michael Schwab and Antonio Reboiro, can be exciting, colorful, high-contrast images. We’ll use Photoshop to create a serigraph-like look to a photograph.

37. Super Retro Game Cartridge Design

in this tutorial I will show you how to create a very easy, but really cool, 3D and geometric effect in Photoshop. After that, we will go a bit further and create our own retro Atari-style video game cartridge.

38. Mix Cool Retro Curves Into Your Photographs

In this tutorial, I show you how to mix cool retro geometric shapes into your photos.

40. Retro Lighting – Ford Mustang

I get inspired by retro magazines and 70’s lifestyle. My works are powerful, stylish and full of bright colours. I love to work with vectors, I think vectors can create amazing images with a clear and modern look.

41. Retro Text

Retro Text and Video Layers Retro text like this looks great but isn’t easy to create in Photoshop alone so here we use a mix of Photoshop and Illustrator, raster and vector to create some unique text. The second part of this tutorial explains video layers, something which is relatively new to most people. The final result will be an animated image that could be used for a web header.

42. How to Quickly Create a Stylish Retro Text Effect

In this tutorial we will be designing a cool retro text effect, which is growing more and more popular in today’s design. Today you will learn how to use the Perspective tool to create depth and how designers can use default gradients in unusual ways!

43. How to Make a Planet Terror Style Poster in Photoshop

44. Create A Simple And Effective Retro Logo With a Soft Grunge Background

Today I want to explain a super-simple way to create a nice retro logo with an appropriate background. The final result, that you can see below, is adaptable for many uses in your web design works.
This tutorial aims to improve quality/time ratio, a decent design in few minutes (approximately 10-15 minutes).

45. Creating a Stunning Old-World Look in Photoshop

In this tutorial, we are going to create a sort of old-world composition featuring a compass and making use of some awesome vector artwork from Arsenal.

46. Create a Wicked-Worn Vintage Pop Art Design

I’ll show you how to design a simple but nice vintage pop art piece with some wear and tear. This is a basic to intermediate tutorial, so you don’t need to be a guru to work with this effect and get an awesome result!

47. Create Vintage Traveler Diary in Photoshop

In this reader tutorial Nikola Lazarevic aka Colaja from Nis, Serbia will show us how to create a very stylish vintage traveler diary in Photoshop. We will mix brushes with stock photos and blend modes to achieve the effect.

48. Designing a Typographic Concept Poster

In this tutorial I will take you through a few steps that will show you how I created a poster design.

49. Create a Vinyl Record with Retro Photo Sticker in Photoshop

In this tutorial we will go through the few steps to create a vinyl record and design a retro sticker for the same.

50. How to make a Typographic, Retro, Space Face

In this tutorial, I will show you how to make a typographic face by using simple techniques. Using the Brush Tool and experimenting with light, you will get this amazing Typographic Space Face that looks like it’s created by letters and an amazing explosion.

Video Tutorial: The Making of Andrew Jackson – $50

By GoMedia:

“In this 2.3 hour real-time walkthrough by Jeff Finley, you will learn how to create poetic and nostalgic images using a combination of Photoshop and Illustrator. You’ll learn how to create rich typography, creative portrait illustration, and vintage tricks and hacks. Other topics are sketching, concept development, type treatments, retro lighting techniques, wacom tablet illustration and line art, graphic design composition and layout and photo manipulation. We guarantee you’ll learn something!”

In this post, I’ll be featuring best of Adobe Illustrator tutorials that will put you creativity in actions.

1. How to Create a Medieval Paper Scroll

In this tutorial, you will learn how to create a medieval paper scroll with the 3-D Extrude and Revolve tool. Using texture, you will also learn how to make an object look old and how to map artwork to a 3-D vector object.

2. How to Create a Fun Circus Tent Icon

In this tutorial you will learn how to create a simple circus tent icon. You may discover some interesting things about Warp effects. Warp effects are often overlooked in digital illustration, but as you can see, they lead to some really nice results.

3. How to Illustrate Deliciously Realistic Grapes Using Simple Techniques

Learn how to illustrate a bunch of grapes using basic Adobe Illustrator tools. You will learn how to render multiple light sources and how to model a complex object using simple shapes and techniques.

4. Design a 3-D Digital Clock Icon With Illustrator

This tutorial will explain how to create a glossy and stylized digital clock from scratch in Adobe Illustrator composed of basic shapes and nifty gradients. We will make a vector icon that will be scalable to any size by taking advantage of designing icons and graphics using a vector-based application like Illustrator.

5. Playing With Vectors in Illustrator

So in this tutorial or walking through process I will show you how I created my design, but first check out my very first sketch.

6. Creating Complex Style Illustrations: A Process

Learn the process of making a tribal-style illustration using only fundamental techniques in Adobe Illustrator. This is more of a process overview than a play-by-play tutorial, and thus some basic skill in the program is needed to follow along.

7. How to Create an Abstract Desktop Wallpaper

Looking for an abstract wallpaper but can’t find a color or shape that you like? In this tutorial, you will learn how to create desktop wallpapers using simple geometric figures, the Blending Mode and Gaussian Blur.

8. Illustrator Tutorial: Wooden Smoking Pipe

Draw a stylish smoking pipe in Illustrator. You will learn how to create the wooden texture on the pipe and the tobacco and smoke. The steps are simple and hopefully useful.

9. Design Symmetrical Character Art

In this tutorial, creative duo LouLou & Tummie show you how to use Illustrator to create a symmetrical, character-filled banner. You’all hone your skill with the Pathfinder tool to build new shapes and tweak lines to give a sense of flow.

10. Create a Briefcase Icon

Create a briefcase icon using rectangles, ellipses and gradients. This icon is great for Web designs and user interfaces, and you can easily apply the techniques to other icons, logos and illustrations.

11. Create Lush, Glossy Vector Images

In this tutorial, Thomas Burden shows how you to create vibrant work in Illustrator using a simple color palette and basic blur effects, particularly Illustrator’s Gaussian Blur effects.

12. Create CS5 Width Profile Brushes in Any Version of Adobe Illustrator CS!

Adobe Illustrator CS5 has a new option in the Stroke window known as “Width Profile.” This tutorial shows how you to create brushes and use them in any version of Adobe Illustrator CS. You will also learn how to create, save and use your new brushes!

13. How to Illustrate an Elegant Bottle of Wine in a Gift Box

Make use of the 3-D tools in Illustrator to create this attractive bottle of wine in a gift box. You will learn how to create the graphic using the Rectangle tool, pen, 3-D revolve and gradients.

14. Create a Print-Ready Business Card Design in Illustrator

Illustrator has fantastic tools for creating small print items such as business cards. Walk through how to create a fun business card design complete with illustrated character.

15. Creating a Mysterious Cheshire Cat in Adobe Illustrator

In this detailed tutorial, you will learn how to manipulate a reference image to get started and how to use custom brushes to create the fur effect.

16. Create a Distressed Vector Typographic Poster Design

Follow the walk through of the design process for this “Spectrum” poster. Starting with custom-made type in Illustrator, you’all move the vector graphics into Photoshop for some serious distressing with Photoshop brushes, blending modes and more!

17. Quick Tip: How to Draw a Stylized Motorcycle With Complex Brushes

Learn how to create complex brushes in Adobe Illustrator and how the brushes work together. You will create some interesting effects.

18. Create a Detailed, Vector-Based iPhone Illustration, Part 1

Learn how to create a photo-realistic iPhone illustration and every single icon found on the iPhone touchscreen.

19. How to Create a Rock Girl with “Beautiful Strokes” in Adobe Illustrator CS5

In this tutorial, you will work with a stock image and the new Stroke settings in CS5 to create this stylized vector portrait. Along the way, you will learn some great tips and tricks on how to strike the perfect balance between form and detail.

20. Create Your Own Calendar With Illustrator and InDesign

A calendar is an appealing and practical item to make from your study of Illustrator. In this tutorial, you will create a print-ready 12-month calendar using grunge text, the Linked Text tool, master pages and layers.

21. Make Watercolor and Marker Style Portraits With Illustrator

In this tutorial, you will work through ways to create digital portraits that have the unique and somewhat tactile feel of marker and watercolor. This tutorial requires a drawing tablet and Adobe Illustrator. The focus is on technique and technical settings, but the result will rely on your personal style.

22. Create an Artistic Scene with 3-D Lightbulbs and Type

Combine Illustrator, Photoshop and Cinema 4D to produce a composition that includes 3-D text, 3-D lightbulbs (created from scratch using only a reference photo) and floral ornaments.

23. A Guide to Creating 3-D Text in Adobe Illustrator

Adobe Illustrator is more than adequate for creating 3-D objects with some basic shading for the text. In this tutorial, you will learn how to create 3-D text using Adobe Illustrator and learn techniques for shading the text to give it a clean, consistent, stylized look.

24. Quick Tip: A Simple Way to Create Vector Fog

Learn how to make a simple yet effective smoke-like illustration. Using this technique, you can make smoke, fog and clouds in just a few easy steps.

25. Make a Grungy Hand-Drawn Festival Poster in Illustrator

Create a grungy, hand-drawn-looking poster with a cassette tape as the focus. You’all use the Pencil tool to make organic vector objects and patterns in Illustrator.

26. Creating a Stylized Vector Environment

This is an advanced tutorial and assumes familiarity with the basic workings of the Pathfinder palette. You’ll learn how to create environments occupied by many objects.

27. Create a Remarkable Poster with Decorative Elements

In this tutorial, Sebastiano shows you how to create various decorative elements (including geometric shapes, half-tones, ribbons, 3-D stars and 3-D text) in Illustrator and then merge, compose, enhance and texturize them in Photoshop.

28. Create a Trendy Seamless Type Pattern

Create a trendy seamless pattern in Illustrator using some text and icons. Although you won’t go in-depth into creating the icons, you will look closely at creating a seamless pattern swatch. You can easily apply these techniques to other seamless pattern swatches.

29. Create a Cute Creature Character From a Sketch

In this tutorial, you’all learn how to create this cute creature from a sketch. This tutorial uses custom brushes, the Paintbrush tool, Pen tool and Live Paint Bucket tool. Even if you’re not a huge fan of the cuteness, you can still use these techniques for other illustrations, logos and vector elements.

30. Illustrator Tutorial: Contemporary Wallpaper Art

Create contemporary wallpaper graffiti, with splashes and motifs. This quick tutorial shows you how to draw florals and create ink-splatter effects. Combine them all to create a stunning contemporary masterpiece.

31. 3-D Golden Text Effect

Create the golden 3-D text effect below. Create text using 3-D Extrude, and clean up the broken shapes. The final step goes over the glow and highlights of the text. This is a great tutorial for beginners to create professional 3-D text effects in Illustrator.

32. Discover Tattoo Illustration Techniques

Want to produce clean detailed line work with a hand-drawn edge? Not sure whether to use the Pen tool in Illustrator or a tablet in Photoshop? With his stunning tattoo-style designs, digital illustrator and “part-time thrasher” Chris Parks has all the answers in this tutorial.

33. Master Dynamic Gradient Techniques

Build up many elements to create a vector image with real depth and richness. The designer explains, “I spend most of the time picking out colors that match each other to form harmonic color composition. It takes a lot of time, but it’s worth the effort.”

34. Create a Tiger-Striped Cat With Illustrator

A step-by-step tutorial on creating a tiger-striped cat in Illustrator.

35. How to Illustrate Dynamic Hair Using Adobe Illustrator’s Paintbrush Tool

This tutorial shows you how to create a dynamic hair style from a reference image. You will use the Paintbrush tool, basic skin shading and transparent gradients.

36. An Illustrator’s Project: From Start to Finish

In this tutorial, Zena walks you through the creation of an art illustration so that you can see what goes on behind a digital illustrator’s work and gain new insight for your own work flow. You’all go tall conceptualizing and gathering ideas, creating the illustration in Illustrator and then finishing the piece in Photoshop.

37. Adobe Illustrator Eye Tutorial

A detailed tutorial on making a beautiful eye.

38. Create an Ominous Jar of Purple Ooze

Beef up your Illustrator skills while creating an ominous jar of purple ooze. You’all find handy tips and techniques for illustrating glass, chrome and toxic ooze.

39. How to Draw a Glossy Yo-Yo Icon Using Adobe Illustrator

Entertain yourself by creating a glossy yo-yo icon. You will combine different gradient and object effects to make a hyper-realistic and shiny plastic surface. The result is a perfectly rendered and appealing icon that can be made in just one hour.

40. Wolf Drawing Tutorial

How to create an illustrated wolf from the hand-drawn paper sketch to final product with Illustrator and Photoshop.

41. Pixels and Vectors Tutorial

The gap between working with pixels and vectors in Photoshop and Illustrator is closing rapidly, thanks to Smart Objects. Derek Lea explains all while creating a highly textured yet vector-sharp masterpiece.

42. Comic Book Style Tutorial

Learn how to create illustrations and turn them into flyers or posters. The end product will be a flyer which was created for an art show.

43. Cutaway Car Illustration Tutorial

In this lesson you’all learn how to create a 3-Point Perspective-view drawing of a generic car, working from plan and elevation view reference only.

44. Retro Car Tutorial

All you need is Illustrator, some inks and some brushes to turn a photograph of a car into a vector illustration.

45.How To Make 3D Vector Vintage Stars

I’m going to walk you through a technique to create vintage looking 3d stars in Illustrator. You guessed it, 100% vector.

46. Face, Hair, Clothing Illustrator Tutorial

Learn how to create real-looking human face, hair and cloth.

47. Drawing a Character’s Face in Illustrator

Creating a cartoon or human-like caricature is a fun and rewarding project to do in Illustrator. Not only that, but if you’re pretty good with the pen tool, it doesn’t take very long. In this tutorial I will be creating an elf. Be sure to look at references of other cartoons or caricatures to make sure your shapes are correct.

48. Creating Pins

Pins are popular these days, so I thought why not write a tutorial on how to create these in Adobe Illustrator. If you’ve ever wondered how to simulate this realistic looking pin or button effect, here’s your chance to learn.

49. Create A Blob Monster in Illustrator – The Scream

Over that last couple of days i’ve been playing around in Illustrator a lot make some basic shapes and images. One of my best creations is the Blob Monster called the scream. It is really simple to do and doesn’t take long to complete. This technique can be used for nearly any type of simple shape / monster.

50. Transform Again

You can achieve surprisingly cool results using the Transform Again feature in Illustrator starting from a simple shape. As you all know simplicity is my motto. Today I try turn this into practice again. So sit tight for another step-by-step tutorial using this simple but oh so powerful feature.

Photo effects and techniques never get old. People want to look their best and others unique. That’s why people with passion for photography and its wonders, never stop making such tutorials to share with the world. I, myself am a fan of photography so I keep myself updated as well. With a little imagination and a lot of passion for good art, you’ll get the images you desire.

Here are 50 fresh picks for 2010

1.Wanna be a Na’vi?

If you’ve seen the “Avatar” movie, you’ll be fascinated with all the effects and sceneries in the planet Calypso. Let your creativity go wild and turn you portrait to a Na’vi! This tutorial will show you how.

2.Turn a simple photo to a Comic Book Page

Let that child-hearted side in you take flight and use your imagination. This tutorial will teach you how to create a comic book effect just like the ones kids go crazy for.

3. Dark and Surreal Geometric Space Poster

Giving it a little twist will make it stand out. Go ahead and put a little mystery in your portraits. In this tutorial you will learn how to get that cool look.

4. Create a Colorful Background

A colorful studio background is just a few clicks and tricks away. With this tutorial, an amateur shot will look like it’s professionally taken in minutes.

5. Abstract Love

Love to play with colors and shapes? Create an amazing abstract manipulation to your photo using adjustment and masking techniques. This tutorial will teach you how to use the wrap tool in CS5.

6. Create a Cool Panorama with Photoshop

Learn how to make a panorama using photoshop. Make those scenic shots pop with level adjustments & photo stitching. To perfect this effect you need Adobe Bridge, Camera Raw and of course, Photoshop CS5.

7. Create Your Own Underwater Fantasy

This effect is fascinating! Bring your underwater adventure fantasy to life. Get the picture using blending mode tricks, Photo filters and other complex Photoshop techniques.

8. Customize Your Dream Car

Everybody has a dream car. You can make one too! Customize the body paint of your favorite car model and make it as if your own. With this tutorial you will achieve this using color adjustments and layering with Photoshop.

9. Create that Old Photo Effect

Old photos always bring back memories and it’s beautiful to see. The older the photo the better it gets. Get that vintage look with Photoshop using layer style effects, filters & easy tools.

10. Romantic Effects

Romance is blossoming in the air. A romantic photo is always appreciated and admired by all. Create a romantic feel to your photos. This tutorial will help you. Using tricks with the gradient tool, adjustments and layering.

11. Cool Water Effect

Get Liquefied! Turn a picture into a water splash image. It’s always fun to look different and unique. This tutorial will allow you to play around and use your creativity.

12. Create Suspense in Your Photos

Dark, scary and mysterious – that’s what a suspense scene should look like. Create that thrilling scene using Photoshop.
In this tutorial, combination of tricks will be used to accomplish such art.

13. Singing Fruit Effects

Add a little twist to your fruit pictures. Make them look like as if they’re singing. You will realize this by using layering and selection techniques in Photoshop.

14. Easy HDR Effect Using Photoshop CS5

Making a High Dynamic Range photo usually involves 3 layers of different exposures. In this tutorial, the process is being simplified only by editing 1 image. This technique is best for beginners.

15. Mold Paint Splatter to Your Face

Get artsy and learn an effect that will show as if you have thrown a large paint ball onto a face. With this tutorial you will learn simple techniques with layers and blending properties. Enjoy!

16.  Romantic Sunset Background Effect

The sunset is always a beautiful element to add to your backgrounds to make it look lively. In this tutorial, learn how to get the effect using the transform tool, burn and dodge tool, clone stamp tool & smudge tool.

17.  X-Ray Image Effect

Attention to all Photoshop fans and followers! Here’s an effect that will surely thrill you to the “bones”. Yes, to the bones. With this tutorial you will get a unique x-ray effect to your images – even on fruits! Learn how to get the effect using the pen tool, blending modes & other basic tools. Have fun!

18. Design a French Perfume Poster

Create that elegant poster for a perfume brand. Very chic and sassy effect!  This Tutorial will teach you how to get the effect using gradients, blending modes and some basic tools.

19.  Correct Photos Using Photoshop CS5

Here’s an easy tip to correct those photo blemishes or if you just want to improve your shot. This tutorial is for beginners and intermediate users of Photoshop.

20.  Magical Stardust Photo Effects

Create a magical feel to your photos and add on some stardusts — never magical without them.  This tutorial is great for those who want to realize their magical wonderland image. You will be using filters, blending modes and tons of layering.

21.  Create a Cool, Vibrant Image Using Stock Photos

Get those old stock photos and combine them to make one whole image. This tutorial will teach techniques such as texturing, custom brushing, stock images, 3D, lighting effects and typography.

23.  Fake Those Evening Shots

You can now turn your daylight shots to a dramatic evening scene. Just follow the easy steps in this tutorial, and you’ll surely achieve the effect.

24. Total Make-over

Photoshop makes it easy for us to get “the look”. With easy techniques and tools, we can change our simple portraits to masterpieces. In this tutorial, you’ll be using brushes, blending, and other basic techniques.

25. Create a Sad Scenery

Art is a great outlet for feelings. In digital art, Photoshop is an essential to create a wonderful piece. If you feel gloomy, this tutorial would be a great help for you to create that sad picture.

26.   Make a Golden Tree

Who knew gold can grow on trees? Create your very own imaginative golden apple tree. In this tutorial, you can turn an ordinary tree into a fortune! Just follow each step and you’ll get the effect  using Layer Masks, Stamp Tool,  Layer Style Effects.

27. Create a Cool Lighting Effect on Your Backdrop

Make your image pop out and give it life with an intensely awesome backdrop. This effect can be achieved by using gradients, layering effects and lighting.

28. Create a Pop-up Christmas Card with Photoshop

Pop-up cards taken to another level. This Christmas time, send your loved ones an unusual gift. This is a pretty complex process but it will definitely be worth it. Pay close attention to details and you’ll get the effect.

29.  Ice Sculpture Image

Ice sculptures are wonderful pieces of art. Try making one for yourself, using Photoshop. This effect requires patience and passion, for it is a bit complex.

30. Put Colorful Flowers on Image

Flowers always makes everything beautiful. Turn a simple portrait into something eye-catching. This effect will teach you how to improve images with objects without destructions.

31.   Remove Unwanted Objects in Your Photo

Remove those unwanted objects from your background to get a better picture. With this tutorial, it’s made easy using the Pen Tool and other Filling techniques.

32.  Selective Sepia Effect

This cool trick will let you emphasize an object in your photo.  This is a common trick to most of the professional photographers. Good thing, with this tutorial it is made easy for beginners and intermediate Photoshop users. Just a simple setting on the Hue & Saturation and you’re good to go!

33.  Add Lighting Focus to Your Photos

Improve your shots and add Lighting focus. It  will give it that bright sunny effect.  A great tutorial like this is very handy for photographers and photography fans.  It only requires a few tricks here and there, and you’ll have that happy sunny effect.

34 . Star Diffusion Photo Effect

This dramatic effect is perfect for romantic photos. Giving it that feeling of warmth and romance. This tutorial is simple and is Photoshop user-friendly.

35. Create an Eye Catching Digital Illustration

Make a photo standout and be catchy. For fans of digital arts, this tutorial is just right for you. It’s pretty complex with all the different techniques like lighting & gradients. But it’s all worth it when you finally see the result.

36. Flaming Image Effect

Make a sizzling fire art with this photo effect. This tutorial is good for intermediate users and pros — beginners can give it a go too.  It’s a complex technique but the result is promising.

37.  Transform a Simple Portrait to a Painting

Turn that old, boring photo into a funky painting — using Photoshop. This tutorial will give you a step-by-step guide to achieve the look.

38. Create A Dramatic Smokey Effect

The Smokey Effect is really impressive and very catchy. It may seem intimidating when you try and analyze the process just by looking at the image. On the contrary, it’s very simple and fast.  Every fan of digital arts should try this.

39.  Photo Combination Technique

This incredible photo technique allows digital artists to make their very own image of paradise. Combining stock photos and techniques will realize this effect.

40. Dreamy Vintage Effect

Iv’e always liked looking at my grandmother’s old photos. Now, I don’t have to wait till my photos will turn 50 years old before I can call it vintage. It’s made possible by using Photoshop. This photo effect is very basic and fast. Now I can enjoy scanning through photos with that vintage touch.

41.  Greek Sculpture Photo Effect

You can turn your photo into something that gets displayed in museums. How cool is that? With this tutorial you will get this effect using a lot of Extracting , Overlaying techniques and more.

42. Improve Image Make-up

If you want to spice it up, put some make-up on your dull, lifeless photo. In this tutorial you will learn using different blending modes and techniques.

43. Create A Car Chase Scene

44.  Scattered  Pixels Effect

45. Intense Shouting Scene Effect

You can feel the tension in the image – angry, loud and intense. Create your own shouting scene effect using this tutorial. Using filters, layers, layers’ masks and adjustments.

46. Create Rainbows and Stars on Background

47. Pencil Sketch Portrait Effect

48. Awesome Neon Effects

Fascinated with cool, glowing neon lights? Recreate your photos with this effect. This tutorial will help you achieve this effect step by step.

49.  Human Aquarium

Anything is possible with Photoshop. Creating fantastic images is a few clicks and tricks away. In this tutorial you will be manipulating an image of a human aquarium. Using Photoshop CS5 or Cs4, you can achieve this effect in an estimated time of 2 hours.

50. Chinese Ink Painting