1.Pure CSS Fish Eye Menu
Advanced CSS technique on styling a list of images with caption to make a fish eye menu.

2.Pure CSS Animated Progress Bar
Here’s a simple demonstration of how you can create animated progress bar using pure css.
DEMO

3.Pure CSS LightBox, no Javascript
A lightbox that doesn’t require Javascript.

DEMO

4.How To Create a Pure CSS Polaroid Photo Gallery
A cool looking stack of Polaroid photos with pure CSS styling.

DEMO

5.Pure Css Image Resizer
This trick will display larger image on mouse over and give an effect of real resized image.
DEMO

6.3D Button Effect
This is a simple effect of a button being pushed.
DEMO

7.Create the Accordion Effect Using CSS3
A stylish accordion effect only with CSS3.
DEMO

8.Custom radio and checkbox inputs using CSS
Way of using CSS to create custom radio and checkbox inputs without JavaScript, that are accessible andkeyboard controlled.
DEMO

9.Futurebox,Lightbox without the Javascript and Target pseudo-class
A light box effect without Javascript
DEMO

10.Pure Css Data Chart
A simple data chart but you can use it effectively in various projects.
DEMO

11.How to Create a Fancy Image Gallery with CSS3
Another stylish and good example of using pure CSS
DEMO

12.Pure Css Image Gallery
How to show large images when thumbnails are rolled over.
DEMO

13.Fancy Image Hover Using CSS3
Create fancy image hover with CSS3.
DEMO

14.Animated Navigation Menu with CSS3
Create animated navigation menu with CSS3..Works in Safari and Chrome Only.If you want to see working example you can also find the jQuery coded version.
DEMO

15.CSS Image Switcher
Roll over a link, watch the image above change.
DEMO

16.CSS3 Dropdown Menu
Mac-like multi-level dropdown menu
DEMO

17.Elegant Drop Menu with CSS only
A simplest way to build a same effect by using CSS only.
DEMO

18.Bubble Effect with CSS
Create a similar menu with bubble effect by using CSS only.
DEMO

19.Sliding Image Gallery – CSS3 Transition Tutorial
DEMO

20.CSS Box-Reflect – reflection without JavaScript, and Photoshop
‘Box-reflect “allows a reflection of elements of the value and get its properties.
DEMO

21.Easily Turn Your Images Into Polaroids with CSS3
Polaroid style images with just CSS(no javascript).Demo works best in Safari 4.x and Chrome 5. In Firefox you won’t see the enlarging transition.
DEMO

22.Create a JQuery Content Slider Using Pure CSS
A slider using only CSS.Another good example of content slider.
DEMO

23.How to Create a Beautiful Dropdown Blogroll Without JavaScript
A good tutorial on how to create a dropdown blogroll.
DEMO

24.Sexy Bookmark Like Effect Using Pure Css
Create the famous bookmark plugin only with CSS.
DEMO

25.CSS Bubble Tooltips
Avoid cross-browser javascript when you can use css to make tooltips with less code.
DEMO

26.Create a fancy Web Form with Field Hints Using Only CSS3
A good example about field hints.When you click on the form field you will see a hint box.
DEMO

27.CSS3-only Horizontal Drop Line Tab Menu
Create a horizantal drop ine menu with only CSS.
DEMO

28.Image Map Built entirely Using CSS
Below is a sample image map that’s built entirely using CSS and XHTML.
DEMO

29.CSS Gradient Text Effect
Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash).
DEMO

30.CSS Image Maps: A Beginner’s Guide
How to create a CSS image map and add hover states to image map using a CSS background image sprite, as well as a “tooltip” like popup.
DEMO

31.How to Create a Cool Slide Out Panel with CSS3 only
A tutorial on how to build an animated slide out panel using only CSS3.
DEMO

32.Creating a Bubble Coda Style with CSS3
Create a tooltip using the famous coda style, which allows for an animated pop-up window that makes for a great effect.
DEMO

33.Creating an Animated CSS3 Horizontal Menu
Create a short tutorial about a animated menu just using CSS3
DEMO

34.CSS Navigation: No JavaScript, jQuery or Image Required
The code is repeating some list items. the popup tooltip, bullets and triangles all written by css.
DEMO

35.Pure CSS Timeline
A simple and clean looking timeline with some very straight forward markup.
DEMO

36.How to Create a Valid Non-Javascript Lightbox
It works in FF, Safari, Chrome, IE6, IE7 and IE8 and this article will explain how
DEMO

37.SlickMap CSS
SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation.
DEMO

38.CSS Vertical Navigation with Teaser

DEMO

39.Cross Browser Multi-Page Photograph Gallery
No javascript.Just CSS.Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text.

DEMO

40.Add a “Loading” Icon to Your Larger Images
As you understand from the title,create your own preload images.
DEMO

1.Blockster Transition Effect
Blockster is a Javascript transition effect designed for ‘featured content’ rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.

DEMO

2.Lens Flare in JavaScript
This jQuery plugin allows you to add a lens flare effect to images.I like this plugin so much and so do you.Just move the sun on the image and see the effects.

DEMO

3.How to Create Ajax Search Using PHP jQuery and MYSQL
This tutorial shows how to create simple and attractive Ajax based search using PHP, jQuery, MySQL and Ajax.

DEMO

4.Awesome Cufonized Fly-out Menu with jQuery and CSS3

Create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and we will slide out a description bar from the left side of the page, reaching towards the current menu item.

DEMO

5.Cloud Zoom
Cloud Zoom is a jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

DEMO

6.Minimalistic Slideshow Gallery with jQuery
Create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

DEMO

7.Smooth Vertical or Horizontal Page Scrolling with jQuery
Create a simple smooth scrolling effect with jQuery(amazing effect)

DEMO

8.Shadow Animation jQuery Plugin
With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.

DEMO

9.Nivo Slider-jQuery Image Slider
It’s a really clean look jQuery slider.It has so many features like 9 unique transition effects,supporting linking images ad free to use.

DEMO

10.Turn any Webform Into a Powerful Wizard with jQuery
This detailed tutorial will show you how to turn long webform into a wizard with “steps left” information. A plugin is also available for download.

DEMO

11.Farbtastic: jQuery Color Picker Plug-in
Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element’s value when a color is selected.

DEMO

12.Create jQuery and CSS based Navigation
Some websites have less space as te author said and this jquery tutorial may help you to use your less space more effectively.

DEMO

13.Facebook Style Wall Posting and Comments System using jQuery PHP and Ajax
Facebook style wall posting and commenting system.

DEMO

14.jQuery “Waterwheel Carousel” Plug-in
This jQuery plugin can display images with a cascading waterfall effect. It can be positioned either horizontally or vertically, and custom events can fired when an image rotates into the center or is clicked. The appearance of the carousel is very customizable.

DEMO

15.jTextTranslate: A jQuery Translation Plugin
The plugin works with the Google Language API and can be used to translate a text in all the languages provided by the API.

DEMO

16.Latest Post Blogroll Slider with jQuery and PHP
Create a blogroll slider that shows the latest post of your favorite blogs with jQuery, PHP and XSL.The aim is to get a given RSS feed of a blog and  parse the XML data with the help of PHP.

DEMO

17.iPhone Style Radio and Checkbox Switches using jQuery and CSS
As you see in the picture,the plugin is for creating a iPhone Style Radio and Checkbox button.

DEMO

18.Simple Threaded Comments with jCollapsible (JQuery Plugin)
This JQuery plugin allows you to create collapsible lists quickly and easily, which is especially useful for threaded (nested) comments or forum posts.

DEMO

19.iPhone Style Contact Lists Using jQuery and CSS
SliderNav is a plugin that lets you add dynamic, sliding content using a vertical navigation bar (index). It’s made mainly for alphabetical listings but can be used with anything, though longer words look a little awkward.

DEMO

20.Ajax Image Upload
Using a little bit of jQuery we can upload images without the suck.

DEMO

21.jQuery Raty – A Star Rating Plugin
jQuery Raty is a plugin that generates a customizable star rating automatically.You can use any kind of icons.If you want to use a stylish rating system on your site this plugin can be a good solution for you.

DEMO

22.Lightbox and Lightbox Dialog
This script acts as both a jQuery lightbox plugin and a lightbox-assisted simulation of in-built browser dialog methods. In both respects it’s very versatile, giving you full control over the look and behavior of the script.

DEMO

23.Animated Table Sort
This plugin allows you to animatedly sort a table based on a particular column. The various <td>s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

DEMO

24.Live Username Availability Checking using Ajax and jQuery
You know,you sign-up for many websites and pick a username.This script checks if the username you want to pick is already taken or not.It is a good feature for a member based systems.

DEMO

25.Image Highlighting and Preview with jQuery
How to highlight and preview images that are integrated in an article or spread over a page. This is a nice way to allow users to view a bigger version of an image that is relevant to some context.

DEMO

Now let’s begin the tutorial.Please give your layer names by your own.

Final Image

Step 1

Let’s start by creating a new document at 800px by 800 px

Step 2

Create a new layer,name it Base and then create the base of the player using Rounded Rectangle Tool(U) with Radius of 95 px and color code #626262

Apply these Blending Options to the rounded base shape
Stroke

Bevel and Emboss

STEP 3

Create a new layer,using Ellipse Tool and holding down Shift Button(for the exact shape) draw a circular shape and apply these settings to the circular shape.
Bevel and Emboss

Gradient Overlay


Stroke

Step 4


Now draw a circular shape again using Ellipse Tool with holding down Shift and color #0080c7

Step 5

Create a new layer and draw a circular shape using Ellipse Tool(U) again holding down Shift and color code #cccccc then apply the below layer styles.

Outer Glow

Bevel and Emboss

Stroke

Step 6

Now create a new layer and draw a shape using Ellipticall Marque Tool fill it with gradient of below settings and then below layer styles.

Step 7

Create a new layer and draw a circular shape again with using Ellipse Tool and color code #6f6f6f and apply below layer styles.
Inner Shadow

Bevel and Emboss

Step 8


Create a new layer,name it Numbered Button and draw circular button using Ellipse Tool with color code #000000  holding down shift key.Apply the settings below.
Bevel and Emboss

Gradient Overlay

Stroke

Duplicate Numbered Button Layer 4 times and place them as you see in the picture and then write the numbers on the buttons.I used color code #1075dc

Step 9
In this step we will use Creating Clipping Mask.
Now,create a new layer and draw a rectangular shape over base layer by Rectangular Tool with color code #404040 as shown in the below picture.

When you are on the new created layer,Right-Click the mouse and select Create clipping Mask and the result will be something like below picture.Then you can move whereever you want on that layer.

***Don’t forget!!!.The new created layer will be just on top of the Base Layer.
Apply the below Layer Styles to the masked button you created.
Bevel and Emboss


Gradient Overlay


Now do the same for the other 4(left side and right side of player) buttons and replace it which position you want.Create a Group and put all layers in that Group.My result is like this:

Step 10

In this step we will add some emboss dots to the left blue controller.

Create a new layer and name it Emboss Dots.Draw a circular with Elliptical Marquee Tool,fill with gradient and then give Bevel and emboss effect like in the picture.Then duplicate the layer 9 times and replace the dots.

Bevel and Emboss

Step 11

Now we will create the screen part.Draw a rectangular shape using Rectangle Tool.Color code is 2e2e2e and apply the below Layer Styles.
Inner Shadow

Bevel and Emboss

Stroke

Step 12


Another easy step.You see on the right side,we will create 2  circular buttons.
Create a new layer and draw a circular shape with Ellipse Tools.Don’t forget to hold down Shift key.Color code is #000000 and apply the below layer style.Then duplicate the layer replace the new one as you see in the picture.
Use the Custom Shape Tool and select the circular shape and draw with red color.Then with Eraser Tool,erase the top part of the circle and draw a line with Line Tool to create the turn on/turn off button.

Bevel and Emboss

Step 13

Now we will create a line to give a better look to the player.Draw a line using Pen Tool like in the below picture.Hold down Shift Key to draw the line straight.

Now,we will add Anchor Points with Add Anchor Point Tool to give a different look.Draw the line however you want.

Now Right Click mouse and Stroke the path As you see in the below picture,stroke with brush but select a hard and low diameter brush.After that,hit Delete on your keyboard.

Apply the Layer settings as below and the result will be like the above
Bevel and Emboss


Gradient Overlay

Step 14

Now we will add 2 separators for the right buttons.Draw 2 lines 1px for each button and apply the below Layer Styles and then duplicate the line layer and move it onto the other button.
Bevel and Emboss

Step 15
Now it’s time to add the function names and a few words to show the properties of the player.Create a new layer.For the button functions and signs i used the Custom Shape Tool and Type Tool draw and write with blue color.

If you want to give a shiny and reflection effect then group all layer into 1 group.Duplicate the group and then Edit/Transform/Flip Vertical,move the duplicated group just under the main group,lower the opacity and erase a little.
Hope you like the tutorial.Feel free to ask any questions.

DOWNLOAD PSD

1. Create an Image Rotator with Description (CSS/jQuery)

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

VISIT THE DEMO

by:Soh TANAKA

2.jQuery Image Gallery/News Slider with Caption Tutorial

A really cool News Slider that uses two scrollers to create very slick effect. It uses scrollTo to scroll both description and image items and it comes with previous, next, play, stop and mouseover events.

VISIT THE DEMO

by:Kevin LIEW

3.Create a Slick and Accessible Slideshow Using jQuery

In this in-depth web development tutorial, you’ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you’ll see the concept of Progressive Enhancement in action.

VISIT THE DEMO

by:Jacob GUBE

4.Fancy Thumbnail Hover Effect w/ jQuery

VISIT THE DEMO

by:Soh TANAKA

5.Simple JQuery Image Slide Show with Semi-Transparent Caption

a simple image slide show with a semi-transparent caption with jQuery. This example is suitable to display news headlines, or a image slide show in your website frontpage.

VISIT THE DEMO

by:Kevin LIEW

6.Slider Gallery

explaining how to create a similar effect used to showcase the products on the Apple web site.

VISIT THE DEMO

by:Remy SHARP

7.Building a jQuery Image Scroller

Building an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code.

VISIT THE DEMO

by:Dan WELLMAN

8.Sliding Boxes and Captions with jQuery

Play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect.

VISIT THE DEMO

by:Sam DUNN

9.Animate Panning Slideshow with jQuery

The makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.

VISIT THE DEMO

by:Zach DUNN

10.Create Beautiful jQuery Slider Tutorial

This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.

VISIT THE DEMO

by:Ravindra

11.Create a Fancy Image Gallery with JQuery

VISIT THE DEMO

by:Jean-Baptiste JUNG

12.jQuery Infinite Carousel

Scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk through the fundamentals of the effect and how to recreate it.

VISIT THE DEMO

by:Remy SHARP

13.Coda Slider Effect

VISIT THE DEMO

by:Remy SHARP

14.Create Featured Content Slider Using jQuery UI

Using an auto-playing content slider is the one of techniques to show your featured content. It saves you space and makes for a better user experience, and if you add a pinch of eye candy to it, then there’s no looking back.

VISIT THE DEMO

by:Satbir SINGH

15.Making a Content Slider with jQuery UI

Using the jQuery UI slider widget to create an attractive and functional content slide

VISIT THE DEMO

by:Dan WELLMAN

16.Creating a Slick Auto-Playing Featured Content Slider

VISIT THE DEMO

by:Chris COYIER

17.Start/Stop Slider

The slider does feature a stop/start button and the animation goes a little farther than simply sliding to the left.

VISIT THE DEMO

by:Chris COYIER

18.ImageSwitch

The main point of this plug-in is to make an easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some decent effects.

VISIT THE DEMO

by:Hieu PHAM

19.Create Content Slider using jFlow, A Minimalist jQuery Plugin

A tutorial on using jFlow, a minimalist jQuery plugin to create a content slider.

VISIT THE DEMO

by:DICKY

20.jQuery Looped Slider Tutorial

jQuery loopedSlider, a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the “content rewind” that most other content sliders suffer from.

VISIT THE DEMO

by:Raymond SELDA

21.Build a Content Slider with jQuery

VISIT THE DEMO

by:Brenley DUECK

22.CSS and jQuery-Crating an Image Slider

When a holder is hovered over the top image slides down to reveal the image underneath.

VISIT THE DEMO

23.A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

Making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases required.

VISIT THE DEMO

by:Martin ANGELOV

24.Making a Mosaic Slideshow With jQuery & CSS

VISIT THE DEMO

by:Martin ANGELOV

25.Making A Slick Content Slider

A slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin.

VISIT THE DEMO

by:Martin ANGELOV

1.Making Of Homage

2.How To Create a Side View Concept Car

3.How to Create a Slick Anime Character in Photoshop

4.How to Draw a Watch in Photoshop

5.How to Make a Beautiful Spring Butterfly Scenery

6.How to Create a Super Shiny Pencil Icon

7.Realistic Feathers

8.3D Tentacles

9.Create a Realistic Wine Bottle Illustration From Scratch

10.How to Create an Imaginative, Magical Painted Scene

11.Iron Man Movie Wallpaper

12.Draw a Dreaming Girl

13.Drawing Wooden Plank

14.Shark Picture

15.Retro Car Drawing

16.Adobe Photoshop Metallic Paint

17.Spearfish – Photoshop Painting and Shape Techniques

18.Create a Retro Pop Art in Photoshop

19.Concept Development Character

20.Making of Yuka

21.How to Create Pure Digital Art Usin Tablet

22.Making a Syringe From Scratch

23.Draw Your Snowman in Photoshop

24.Create a Beautiful Silver Blue Bird

25.How to Draw a Classic Hand Using a Graphics Tablet

26.Drawing a Female Character

27.How To Design a Thanksgiving Pumpkin in Photoshop

28.How to Ink and Color a Cartoon Portrait Using a Pen Tablet

29.Rihanna Digital Painting

30.Making of Fire Energy

31.How to Create an Illustrated Cartoon Character

32.How to Draw Semi-realistic Bamboo in Adobe Photoshop

33.Making of Frodo

1.Create an Apple Style Menu and Improve it via jQuery

Start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.

2.How-to: DropDown CSS Menu

This CSS menu will have submenus and will use the web-techniques HTML, CSS and the “whatever:hover” behavior file to make things work in Firefox and IE6+. By the end of this tutorial, you will be able to make this example CSS menu.

3.A Centered Menu With Gradient and Two Pointers

4.A Flyout Menu With Breadcrumb Trail

This is a standard flyout menu with a few frills and graphics to show which levels have flyouts, and it can also be made to show which path has been taken to arrive at your current page.

5.Navigation Bar With Tabs Using CSS and Sliding Doors Effect

6.Sleek Pointer Menu

With a more trimmed down interface and with an arrow background that appears only when the mouse moves over a menu item.

7.Solid Block Menu

This is a lean, professional looking CSS menu that’s draped in a solid two color background image. The divider between the menu items is simply a white CSS border.

8.Animated Horizontal Tabs

These sliding doors based blue tinted tabs “jump up” when selected, such as when the mouse rolls over each one. This is accomplished using a combination of relative positioning and padding on each tab.

9.Wire Frame Aura Menu

This is a clean looking CSS menu with simply a gray border outlining its edges. To add a little flare, an “aura” effect is added when the mouse moves over the menu items

10.Thick Underline Menu

This horizontal CSS menu goes with a minimalist approach, by applying just a thick border underneath each link to give it style.

11.Turn a Nested UL List Into a Horizontal Drop Line Tabs Menu

12.Nested Side Bar Menu

This is a simple yet professional looking multi level side menu

13.Pure CSS Vertical Menu

14.Turning Simple Menu List To Box Menu Type

15.Sexy Drop Down Menu w/ jQuery & CSS

16.Centered Tabs with CSS

A clean looking centered tabs created using CSS.

17.A Horizantal Menu Button With Easy Way

18.Create a Larger Rollover Image For Each Menu Item

This would allow you to create a much larger rollover image for each menu item, overlapping the neighbouring menu items and other elements on the page.

19.Tabbed Search Bar Using CSS and Javascript

This tutorial explains how to implement a simple tabbed search bar using CSS and a javascript function which set “active” the selected tab and changes the value of an hidden <input> element to set search options and execute your search only for all items related to the selected topic

20.Simple CSS Vertical Menu Digg-like

This tutorial explains how to implement a simple vertical menu digg-like using CSS and javascript to show/hide sub-menu. The result is like this:

21.Digg-Like Navigation Bar Using CSS

This tutorial explains how to design a digg-like navigation bar using a liquid design with rounded corners for links.

22.A Menu Rollover Effect With CSS

This guide shows how to create a stylish rollover effect for a menu which might normally be done with Javascript or DHTML. CSS is used to do the menu highlighting.

23.Flickr-Like Horizontal Menu

24.Advanced CSS Menu

One of the most interesting well-created CSS menu.

25.CSS Dock Menu

This is one of my favourite example with well-explained tutorial

26.Suckerfish Dropdowns

27.Create a Multilevel Dropdown Menu with CSS and Improve It via jQuery

28.Mouseover CSS Menu with jQuery

29.Gettyone-Like Search Options Menu With Scriptaculous

30.Build a Tabbed Display Menu

31.Fluid and Accessible – Horizontal Tutorial

Today i’ve collected 38 PSD to Html/CSS tutorials for you my friends and hope all of them will help you to learn coding and converting PSD to HTML/CSS.

1.Coding: Corporate WordPress Style Layout

2.How to Create a Dark and Sleek Web Design from Photoshop

3.Design and Code a Slick Website From Scratch

4.Coding a Clean & Illustrative Web Design from Scratch

5.How to Code a Grunge Web Design from Scratch

6.Minimal and Modern Layout: PSD to XHTML/CSS Conversion

7.Coding a Band Website Created in Photoshop

8.Coding a Clean Web 2.0 Style Web Design from Photoshop

9.How To Code Up A Web Design From PSD To Html

10.How To Convert A Photoshop Mockup to XHTML/CSS

11.Web Design Layout:SiteBuild

12.PSD To HTML

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

14.WaterColored Portfolio Coded, Free CSS Template With PSD to HTML Tutorial

15.Coding The Creative Design Layout

16.DesignSchool Coded, Free CSS Template With PSD to HTML Tutorial

17.BLOOpress CSS Template

18.Learn to slice your templates into fully valid XHTML and CSS

19.Slice a Template and Code it Using CSS

20.Converting a Design From PSD to HTML

21.Portfolio Layout 4: The Code

22.CSS Template Tutorial

23.PSD > HTML/CSS

24.Portfolio Layout : Learn To Code It

25.Build a Sleek Portfolio Site from Scratch

26.Converting a Photoshop Mockup

27.Slice and Dice that PSD

28.Coding: Design Lab TV Styled Layout

29.The Design Lab: PSD Conversion

30.How to Convert a PSD to XHTML

31.From PSD to HTML, Building a Set of Website Designs Step by Step

32.From PSD to CSS/HTML in Easy Steps

33.Creating a CSS Layout From Scratch

34.Coding Your 1st PSD Tutorial

35.How To Slice Up Design, Use CSS&HTML To Turn It Into a Powerful Web Interface.

36.From Photoshop to HTML

37.Tutorial:Coding Layout

38.Encoding a Photoshop Mockup into XHTML & CSS

Testking offers 350-018 exam dumps plus 350-029 practice test to study, practice and review so you will pass your 350-030 exam on first attempt.

Never forget!!! First you will imagine,dream and then you will get the sources.Of course you must be experienced a little bit in designing or in photoshop but believe me if you love wordpress blogging,creating a unique wordpress theme design will make you really excited.

Today i’ve collected 37 WordPress Theme Design Tutorials  to help you improve yourself and even you can start learning wordpress theme designing step by step.

1.Premium WordPress Theme Photoshop Tutorial

2.Make An Elegant Blog Layout In Photoshop

3.Create A Grunge WordPress Theme With Photoshop

4.Create A WordPress Interface In Photoshop

5.Design A Light WordPress Theme In Photoshop

6.How To Design A WordPress Theme In Photoshop

7.Create An Elegant Photoshop (PSD) Template For WordPress

8.From Photoshop To WordPress – Part I

9.How To Create A Grunge Web Design In Photoshop

10.How To Make A Creative Blog Layout

11.WordPress Layout

12.How To Create A Simple Mockup Version Of A WordPress Template

13.How To Create An Efficient WordPress Mockup Layout In Photoshop

14.Creating A WordPress Theme Called “BLOOpress

15.Creating A WordPress Mockup Layout With Some 3D Elements

16.How To Create A Sleek, Clean And Spacious WordPress Blog

17.Design A WordPress Mockup Theme

18.Create An Elegant WordPress Theme

19.Create A Magic Night Themed Web Design From Scratch In Photoshop

20.Premium WordPress Theme Design Part 1 – The Photoshop Mock Up

21.How To Create a “Worn Paper” Web Layout Using Photoshop

22.How To Create A Dark And Sleek Blog Design In Photoshop

23.How To Make An Impressive Blog Layout In Photoshop

24.Create A Winter Theme Web Design In Photoshop

25.How to Create A Sleek And Textured Web Layout In Photoshop

26.Watercolored Design Studio Blog Layout

27.Personal Homepage Theme

28.Corporate WordPress Style Layout

29.Chocolate Pro WordPress Style Layout

30.Design A Fresh Blog Theme On The 960 Grid

31.Create A Modern Blog Layout

32.MyBlues WordPress Style Layout

33.GreenPress WordPress Theme Design

34.How To Create Personal Blog

35.Tutorial RocknRolla Blog Design

36.Making The ‘Clean Grunge’ Blog Design

37.Creating A Tech Blog Layout In Adobe Photoshop

In this post i collect 40 really creative 3D text effects using Photoshop.But of course in some tutorials you need a few different softwares but the job finishes with photoshop.

Most of them are for advanced users but if you want to improve yourself,you need to learn a lot of techniques so the below tutorials will help you.Hope all will be useful for you.

1.Create a Steam Powered Typographic Treatment

2.Create An Incredible Chrome 3D Text Effect n 7 Steps

3.How To Create Amazing 3D Type

4.Jungle 3D text In Photoshop

5.3D Bulge Text Effect Tutorial

6.3D Textured Text Effect

7.3D Text Shatter Effect

8.Add Fantastic Color To 3D Text

9.How To Create Remarkable 3D Text In Photoshop

10.Easy Plastic Text With Layer Styles

11.Create A Dream Design with 3D Typography

12.Iron Man Wallpaper

13.Recreate The ‘Bee Movie’ Text Effect

14.Patriotic Text Using Displacement Masks

15.Candy Coated Photoshop Tutorial

16.Colored Chrome Text Effect

17.How To Create a Gorgeous Glassy Text Effect

18.The New Way To Create 3D Text

19.3D Cliff Text

20.Transformers Effect

21.How To Create High Quality Metal 3D Text In Photoshop

22.Create 3-D Text With Some Extreme Lighting

23.Create a 3D Flowery Text Effect

24.Hell Of Tutorial In Photoshop

25.Glowing And Sparkling Intense Light 3D Logo

26.3D Exploding Text

27.Master 3D Type Effects

28.3D Text On Fire

29.Stunning 3D Effects In 30 Minutes

30.3D Transparent Glass Text Effect

31.3D Toy Text Tutorial

32.How To Create Stunning And Bold 3D Text

33.AboTREKA 3D Text

34.3Create A 3D Typo Effect In Photoshop

35.Shiny 3D Text In Photoshop

36.3D My Space Text Effect

37.Great Effects With 3D Text

38.Create A Cool 3D Text Using Photoshop And Illustrator

39.Create A Spectacular Style Text Effect

40.Liquid Text Photoshop Tutorial

Download free demos for 350-040 with up to date 350-050 notes prepared by certified team at testking to help you get highest score in your 352-001.

I wrote some words from the original creators so thanks to all of them.

1.Decomposing A Face In Photoshop

The purpose of this tutorial is to go through some advanced photo manipulation techniques; you will learn to work with masks, filters, selections, etc.

2.Alien Photo Manipulation

Turn a woman into an alien by combining two photos. This tutorial will teach you several photo manipulation techniques for creating scary photo manipulations.

3.Creepy Eye

Take a deep breath and open Photoshop. Yes it’s pretty empty, but nothing to be scared of really.Beforehand you should maybe have in mind what you would like to create, but not necessarily.. This picture arose out of pure boredom paired with testing out some new techniques. Of course you should have some stock – photos or own ones, which is for usre nuts and bolts.

4.Alien Invasion

Time again to talk about aliens! No, not the illegal kind. The green kind! What better way to kickoff the summer spirit than with explosions, death rays, and a little stormy weather.

5.How to Create a Chilling Photo Manipulation in Photoshop

In this tutorial  you will learn how to create 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.

6.Soul Rebel Poster Tutorial

In this tutorial you will learn how to create an awesome illustration that can be printed as a poster to hang it on your wall.

7.Fantastic Tree

You may get .psd* file of “Fantastic Tree” Photoshop tutorial by making a donation

8.Create Dynamic Distortion Effects

Bring velocity and meltdown to your subjects with a little Photoshop magic. Doucin Pierre, aka Soemone, shows you how.

9.Scared Photomanipulation Tutorial

Photomanipulation stands for working with images and manipulating them in all the possible ways you can imagine.

To start making a photomanipulation you will need first to make a sketch or at least order things up.

10.The Garden

This is part 1 of a set of tutorials here on PSD learning which will take you through the process of changing a head into a garden. This part will show you some great photo manipulation techniques which will create a waterfall coming out of the mans head. This will explore important manipulation techniques like masking, composition and color adjustments.

11.Poster Girl Photoshop Tutorial

You can download my PSD file below if you want to use it for a guide. Unfortunately the PSD file below is a much smaller resolution than the one I worked with originally, because the original weighs in at a hefty 128mb lol

DOWNLOAD THE PSD FILE

12.Create a Powerful Mental Wave Explosion Effect

In this tutorial,you will learn how to create a crazy explosion, like a mix of Magneto’s ability with Peter Petrelli’s power.

13.Transforming a Daylight Image Into a Wild Night

In this tutorial we’ll learn how to convert a plain daylight shot into a night shot and add some special effects to it. We’ll not only turn a daylight image into a nighttime image, but we’ll also add add some stormy rain to the scene.

14.Making a Planet

15.Swirl Girl in Photoshop

In this tutorial, it will show ways to create swirls, and by mixing them you will learn some very powerful techniques that will allow you to easily make tons of different styles of swirls. The tutorial is all about combination. Nice to have a try!

16.Transform a Daylight City Image into a Epic Warzone Scene

In this tutorial, you will learn to transform a daylight city image into a epic warzone scene in Photoshop. The inspiration of this tutorial came from a random war image I came across while reading a magazine.

17.Ghosting An Image

In this Adobe Photoshop tutorial, you will learn how to give a photo a more “ghostly” appearance

18.Another Dark Art Picture Style

19.Storm Effect

See the image below? Transform this cloudy country side picture into a stormy and dramatic evening by adding simple lightning effects!

20.How To Create a Futuristic Sci-Fi Scene

In this tutorial,you will learn how  to create a futuristic sci-fi scene.
Transform original pictures using Photoshop tools that will help to give the image a more spectacular look.

21.Midnight Magic

You may get .psd* file of ” Midnight Magic. “ Photoshop tutorial by making a donation.

22.Create Energy Lines Around a Dancer

23.How to Create a Piece of Heaven in Photoshop

In this tutorial you will learn how to create a piece of Heaven in Photoshop.

24.Snail Race Photo Montage

In this tutorial we will be learning some more photomanipulation but this time different.

25.Dark Art Picture Style

26.Blending a Human Head to a Tree

This tutorial shows how to montage human heads to a tree and to add in a dramatized effect. In a nutshell, it is done by applying various blend modes on the relevant layers, and simulating the tree texture using a simple combo of filters such as bas relief and zoom blur to achieve that extrusion effect.

27.Transform a Daylight Photo into a Realistic Lightning Storm Scene

In this tutorial, you will learn how to transform an average daylight photo into a realistic lightning storm scene in photoshop.

28.How to Create a Colorful Photo Manipulation in Photoshop

In this tutorial you will learn how to create a colorful photo manipulation using Photoshop brushes, different adjustment layers, and more.

29.How to Create a Digital Illustration Using Birds

This tutorial is all about creating an illustration using just a few stock images of birds. The composition is quite simple, but with a little inspiration you can create something really nice.

30.Seemingly Innocent Picture Into A Scary Demon

Showing you how to make a demon lady from hell that is gonna rip your soul out and devour it for dinner! So you better check this tutorial out if you want to see how to turn a seemingly innocent picture into a scary demon.

31.Dance Photo Manipulation

This is part two of the Dance Photo Manipulation tutorial, this part follows on from part 1 but shows some more advanced techniques and makes use of some of the skills you learned in the first part. This time we’ll be making use of the liquify tool, some brushes and some vector shapes to finish of the image and give an awesome result.

32.Behind the Scenes: Saw VI Poster Creation

In celebration of the release of Saw VI you are going to learn step by step how to make a dirty and disgusting Saw movie poster.

33.Torture a Man and Stitch Him Up

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

34.Magic Of Making Mannequins Look Alive

It’s time to learn the magic of making mannequins look alive. Learn how to turn a group of mannequins into silent killers.

35.Creating a Glowing Sphere in An Inverted Image

Learn how you can create an interesting image by adding in some simple Photoshop effects and by inverting its colors! Inverting an image can sometimes produce unexpected results, and in this tutorial, you’ll learn and practice Filters – Liquify, Blur and Lens Flare tools to create additional effects and elements to make it more stunning.

36.How to Create a Fantasy Photo Manipulation

You will learn how to work with a few images and create a really interesting photo manipulation.

37.Sin City Effect Photoshop Tutorial

38.Dark Fantasy Art Photoshop Tutorial

Despite been classed as fantasy art, this is a mere photomanipulation – make a fairy and your own mystic scenery; creating a landscape from scrap is now possible!

39.How to Create a Movie Quality DVD Cover

In this tutorial, you will learn how to create a crazy explosion, like a mix of Magneto’s ability with Peter Petrelli’s power.

40.Jump for Joy

41.Construct a Novel Victorian Theatre Setting

42.Photo Manipulate a Falling Angel

43.Create an Amazing A.I. Robot Woman in Photoshop

You will learn how  to design a dramatic image depicting a “Artificial intelligence” concept. Let’s get it started!

44.How to Create a Mystery Photo Manipulation in Photoshop

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

45.How To Create A Ripping And Tearing Poster Effect

In this tutorial you will learn how to turn a flat, artificial poster into something that looks as if it’s been hanging around on the wall for a long time.The initial poster was created using techniques that we have covered in previews tutorials. As you can see, it’s a brash image that looks nothing like a real poster.

46.Design a Dark and Misty Mountain with Distant City Scene in Photoshop

In this tutorial, you will learn how to design this dark and misty mountain scene with a gloomy looking far-away city scene in Photoshop.

47.Mysterious Moonlit Landscape

Believe it or not, but from a few ordinary photos and some primitive brushes, we will make this image (see below).

48.Making Of The Imaginary Paint Dancers

49.The Warrior Angel

Here’s a walkthrough of the creation of a custom wallpaper featuring a mystical warrior angel.

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