Create Glassy Menu in Photoshop Tutorial (Part 3) - PSD TO XHTML
Posted by
ღ Satnam ღ™ ⋆ The King ⋆
at
Saturday, February 16, 2013
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
Posted by
ღ Satnam ღ™ ⋆ The King ⋆
at
Friday, February 15, 2013
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)
Posted by
ღ Satnam ღ™ ⋆ The King ⋆
at
Friday, February 15, 2013
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
* 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
Posted by
ღ Satnam ღ™ ⋆ The King ⋆
at
Friday, February 15, 2013
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
* 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 :
Subscribe to:
Posts (Atom)