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
Instructed by Yoda Learning Design / Web Design
Take This Course
  • Lectures 36
  • Length 2 hours
  • Skill Level Beginner Level
  • Languages Hindi
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 10/2014 Hindi

Course Description

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.

What are the requirements?

  • Basic knowledge of Photoshop (recommended but not necessary)
  • Basic concepts for Web Design

What am I going to get from this course?

  • Create w Web Design
  • Super user for Photoshop
  • Using colours for computer-aided designs

Who is the target audience?

  • Web Designers
  • Web Developers
  • UI/UX Designers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Photoshop Basics

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


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


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


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


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


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.


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.

Section 2: COLOR & Creating New Document

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


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


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


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


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


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.

Section 3: Guide,Grids and Rulers

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.

Section 4: Layer Style

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.


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

Section 5: Our Simple Website

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.


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


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.


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


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.

Section 6: Save for Web & Sprite

This tutorial shows the application of web dialog box.


This tutorial will give you indepth feature - Save for Web


Learn to create transition effect while hovering in an image


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


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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Yoda Learning, 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).

Ready to start learning?
Take This Course