Create Glassy Menu in Photoshop Tutorial (Part 3) - PSD TO XHTML


View Demo : http://cdpn.io/ahsDo

Source Code : http://codepen.io/rssatnam/pen/ahsDo

In this Final part of Photoshop tutorial series you'll learn how to :

  • * Use Dreamweaver
  • * Use xhtml and css to convert our PSD mockup to XHTML
  • * Sort out alignment problem with UL tag in HTML
  • * Make cross-browser compatible
  • * Face IE problems for links outline

Create Glassy Menu in Photoshop Tutorial (Part 1) - CREATING IN PHOTOSHOP
Create Glassy Menu in Photoshop Tutorial (Part 2) - SLICING AND SAVING FOR WEB
Create Glassy Menu in Photoshop Tutorial (Part 3) - PSD TO XHTML





If you've any Questions leave comment.

Create Glassy Menu in Photoshop Tutorial (Part 2) SLICING AND SAVING FOR WEB


Final Result :


In this Second part of Photoshop tutorial series you'll learn how to :

* Use Slice tool
* Use Slice Select tool
* Use Alignment and Distribution tool to align or distribute Slices perfectly in any way you want
* Duplicate Slices
* Slice Mockup for Web
* Save for Web

Create Glassy Menu in Photoshop Tutorial (Part 1) - CREATING IN PHOTOSHOP
Create Glassy Menu in Photoshop Tutorial (Part 2) - SLICING AND SAVING FOR WEB
Create Glassy Menu in Photoshop Tutorial (Part 3) - PSD TO XHTML




If you've any Questions leave comment.

Create Glassy Menu in Photoshop Tutorial (Part 1)

Final Result :




In this Photoshop tutorial series you'll learn how to :

* Use shape tool like Rectangle / Round Rectangle tool
* Use Blending options for Gradient overlay and strokes
* Use Alignment and Distribution tool to align or distribute layers perfectly in any way you want
* Use type tool and change fonts or font size
* Make a glossy style button for your website

Part 2 = Slice Menu in Photoshop for websites
Part 3 = Convert Menu from psd to xhtml/css

If you've any Questions leave comment.

Like+Comment+Subscribe = More Tutorials!

You can also order me at = http://www.fiverr.com/sarvankarthik6
Subscribe my Youtube Channel = http://goo.gl/ErxPd




Tutorial-Make Funky Illustration in Photoshop



In this Photoshop tutorial you'll learn how to :

* Use quick selection tool for making Selections
* Change Background of any Image or delete it to make it transparent for PNG format
* Mask Selections
* Refine mask to make edges smoother and perfect
* Use some filters like = Radial Blur, Color Halftone etc to Achieve your own Style in Illustrations.

If you've any Questions leave comment.

Like+Comment+Subscribe = More Tutorials!

You can also order me at = http://www.fiverr.com/sarvankarthik6
Subscribe my Youtube Channel = http://goo.gl/ErxPd

Final Result :

KtYbeW3.jpg (1672×1248)



Related Posts with Thumbnails
Protected by Copyscape Web Plagiarism Detection