Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Photoshop CS6 for Web Design in Hindi to your Wishlist.

Add to Wishlist

Photoshop CS6 for Web Design in Hindi

Create awesome websites with latest tricks for Photoshop CS6
5.0 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6 students enrolled
Created by Yoda Learning
Last updated 10/2014
$10 $20 50% off
3 days left at this price!
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?

Are you a web designer or a developer for some time and wondering how to become faster and better in designing websites? Have you waste time in watching different YouTube videos to learn tricks and tips but end up wasting hours to finally learn something? We understand the importance of your valuable learning time and hence, present to you a fast-paced no non-nonsense "really" advanced tutorial on Photoshop tricks for Web Design.

Learn the best Photoshop Tricks

    ·Photoshop basics: Auto Select, Character Styles, Point Text, Trim effect, etc.

    ·Colour and Creating a new document: Using colours for document, web design and mobile document, newsletter including cool tricks like Hex colours and swatches.

    ·Guide, Grids, Layers and Rulers: Learn super tricks like creating button or shadow effects or using guide plugins

    ·Website UI Design: Wireframing, Creating Navbars, creating placeholders, buttons and tools such as Save for Web and Sprite.

This is a fast-paced lean program of 3hrs. with tricks meant. Watch the preview video to get a flavor the program's uniqueness and relevance.

Who is the target audience?
  • Web Designers
  • Web Developers
  • UI/UX Designers
Students Who Viewed This Course Also Viewed
What Will I Learn?
Create w Web Design
Super user for Photoshop
Using colours for computer-aided designs
View Curriculum
  • Basic knowledge of Photoshop (recommended but not necessary)
  • Basic concepts for Web Design
Curriculum For This Course
Expand All 36 Lectures Collapse All 36 Lectures 02:14:12
Photoshop Basics
8 Lectures 23:43

In this tutorial, you will learn basics and Interface of layers

Preview 03:43

This feature allows the user to select element based upon layer or group this tool is very useful if there are multiple layers in Photoshop so that the user does not need to remember each layer

Preview 03:28

This is feature allows the user to save any style applied to text allows user to apply same effect to other text

Preview 03:01

If layout of any website needs to be create we may use Lorem ipsum as dummy text

Preview 01:30

There are two kinds of styles to apply: text point and Paragraph Text. in this tutorial, you will learn to apply these effects.

Preview 05:17

Font do not appear same in every devices so we need to use font that we will be visible to other user the same in every device. This tutorial offer time saving tricks to make your font scalable across devices.

Preview 02:15

This tutorial explains the trim feature which allows to delete transparent pixel in documents.


This tutorial explains vector images and its importance in Web Design.

COLOR & Creating New Document
6 Lectures 22:58

Colors vary between devices. This tutorial offer time saving tricks to make your colours scalable across devices.

Colour in Web Design

This tutorial describes how create a new document for desktop and shows you its recommended size.

Create a Document

This tutorial shows how to create a new document for mobile device and shows you its recommended size.

Create a Mobile Document

This tutorial shows how to create a new document for email newsletter and shows you its recommended size.

Create an Email Newsletter

This tutorial show how to use Hex Colours and how to use it for our benefit.

Hex Color

Swatches is one of the most important elements in designing any website related project. This tutorials shows how to create swatches colour and its application.

Load Swatches
Guide,Grids and Rulers
3 Lectures 17:27

Rulers help you position images or elements precisely.


The gridis the perfect alignment tool for graphic design. This tutorial shows how to use it and which resources are needed to use it effectively.


This extension allows us to quickly create Guides in our projects.

Guide Plugin
Layer Style
3 Lectures 10:56

This Tutorial explains how to create buttons and layer styles (to make the designs more attractive).


Drop shadow is one the popular layer styles and is used to make any element stand out in our project.

Drop Shadow

This layer styles allows any shape or element to have a metallic texture by using layer style called gradient overlay.

Metallic Texture
Our Simple Website
11 Lectures 43:15

This Tutorial shows how to create rough mock-up of website.


This tutorial shows how to create basic mockup with help of shapes tools in photoshop such as rectangle tool.

Basic Mockup

This tutorial show how to create master elements in Photoshop that allows to create element which remain constant throughout our website.

Basic Element

This tutorial shows how to place a logo in our website.


This tutorial shows how to create to navigation bar in website.


This tutorial shows how to put text in our website and how to use paragraph styles.

Working with Text

This tutorial show how to create image place holder of tutorial for our website.

Photoshop Place Holders

This tutorial show how to create store page in our website.


This tutorial show how to create button for our website and how to nudge their positions.


This tutorial show how to create contact page of our website.


This tutorial show how to use slice tool (one of the most used tool for web site designer) which allows user to cut images before exporting images from Photoshop.

Slice Tool
Save for Web & Sprite
5 Lectures 15:53

This tutorial shows the application of web dialog box.

Save For Web Part 1

This tutorial will give you indepth feature - Save for Web

Save For Web Part 2

Learn to create transition effect while hovering in an image

Create A Sprite.

This tutorial is a continuation for Sprite effect learnt in the previous chapter

More Information About Sprite.

This tutorial shows what is sprite and how it is used and what are the benefits of using sprite in website design.

About the Instructor
4.2 Average rating
1,023 Reviews
31,020 Students
42 Courses
Become 4X Faster | Join 32000+ Udemy Students

Yoda Learning is a team of 12+ industry professionals focused on developing “Project-based"learning solutions, which enable the learners explore real world situations and thus, make the learning process engaging and practical. Our Courses on Technology includes everything including Web Development, Mobile App Development, Data Analytics and Design.

The collective work-experience of 80+ yrs. spans across multiple industries like Manufacturing, IT, Sales, Finance, Marketing, Operations, HR and functional domains such as Office suites, Mobile applications, Digital Marketing, Database Technologies, Networking).

Report Abuse