Photoshop CS6 for Web Designers
4.3 (8 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.
1,015 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Photoshop CS6 for Web Designers to your Wishlist.

Add to Wishlist

Photoshop CS6 for Web Designers

Learn basic elements and and coolest tricks on Photoshop CS6 to become a kickass Web Designer
4.3 (8 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.
1,015 students enrolled
Created by Yoda Learning
Last updated 1/2015
English
Price: $20
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Design Simple Websites
Create email newsletters
Create Web Layouts
Using Layer styles
Improve speed using tricks and tips
View Curriculum
Requirements
  • Basic knowledge of Photoshop (recommended but not necessary)
  • Basic concepts for Web Design
Description

Why take the course and how much time it takes to complete?

Adobe Photoshop was developed 24 years ago and is still predominant among millions of Users. It is used for optimizing and editing images. It has got various features like Slicing, Marquee, Lasso, etc. One of the most useful tool for graphic designers, website designers. It finds its place wherever there is use of an image as it can enhance, edit and merge images and lot more which you can learn in this course.

The duration of the course is 2 hrs and 5 hrs of lab-work from our mini challenges.

In this course you will learn:

  • Photoshop Basics: Style panels and how to use them. Managing different layers. Layers are the backbone of your image, they help you work on individual parts of the image without affecting the rest of the image. Then there is Lorem Ipsum which acts as a filler text for visual presentation. More features like vector, Trim.
  • Color & Creating New Document: How to use color in your documents, web designs, mobile documents and email newsletters. The Hex Color system and making new colors by changing the proportion of RGB.
  • Guide, Grids and Rulers: Create documents and make use of Grids which helps bring symmetry to your documents and easily help place different layers and images at appropriate places. Ruler tool which helps you calculate the distance between two points.
  • Layer Style: In this section you will learn how to add buttons to your document. And to make your text in the document look better by adding shadows and textures.
  • Our Simple Website: In this section you will learn about creating master elements which remain static throughout your document. Placing your logo which is the brand of your website. Then creating a navigation bar for your website, creating contact us page, buttons and more. One of the most important tool for a designer, Slice Tool which helps cut the images before exporting.
  • Save For Web & Sprite: You must have come across dialog boxes on websites. In this section we will show you to design the dialog box in detail. Moving to Sprite, the favorite among many users. Sprites are used to create 2D images which acts as standalone artwork in comics, video games, raster graphic. Sprites accelerates the page loading speed when created in CSS of the webpage. Thus the amount of data required by the browser to load the website reduces.

You will come across challenges in between, where you can practice what you have learned. There are video solutions for the challenges for you to watch if you get stuck.

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

Who is the target audience?
  • Web Developers
  • Mobile App Developers
  • UI/UX Enthusiast
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 41 Lectures Collapse All 41 Lectures 01:46:52
+
Photoshop Basics
8 Lectures 17:24

This feature allows you to select elements based on the layer or group. This tool is very useful if there are multiple layers in Photoshop, you do not have to remember each layer.

Preview 02:42

This feature allows you to save any style that you have applied to the text and replicate the same effect to some other text.

Preview 02:14

In this tutorial, you will learn about layers and Interface of layers.

Layer Basic
02:58

While creating a layout of any website, we may use Lorem ipsum as dummy text to fill the website with content.

Lorem Ipsum
01:16

There are two kinds of styles which can be applied to text: Text Point and Paragraph Text. In this tutorial, you will learn to apply these effects to text.

Point Text
03:27

Fonts do not appear similar in every device. We need to use a font that will appear same in all the devices. This tutorial offers you time saving tricks to make your font scalable across all devices.

Web Safe Font
01:35

Here you will learn the trim feature which enables you to delete transparent pixels in documents.

Trim
01:49

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

Vector
01:23
+
COLOR & Creating New Document
7 Lectures 19:21

This Tutorial illustrates multiple ways of applying colours in Photoshop.

Application of Color
01:27

Color vary in looks in different devices. This tutorial will help you make your colours scalable across devices.

Colour in Web Design
04:47

You will learn how to create a new document for desktop. And the recommended size for such documents.

Create a Document
02:35

How to create a new document for mobile devices and the size recommended for these documents.

Create a Mobile Document
02:38

This tutorial is about how to create a new document for email newsletter and the size recommended for these documents.

Create an Email Newsletter
01:27

This tutorial explains how to use Hex Colours.

Hex Color
03:13

Swatches is one of the most important elements in designing any website. In this video you will learn how to create swatches and its application.

Load Swatches
03:14
+
Guide, Grids and Rulers
3 Lectures 13:23

Rulers help you position images and other elements precisely.

Rulers
05:40

Grid is the perfect alignment tool for a graphic design. You will learn how to use it and which resources are needed to use it effectively.

Grid
05:37

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

Preview 02:06
+
Layer Style
5 Lectures 12:47

Create buttons and layer style (to make the designs more attractive).

Button
03:40

Drop shadow is one the most popular layer styles and is used to enhance the appearance of an element.

Drop Shadow
02:28

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

Preview 02:50

Mini Challenge 1
01:09

Mini Challenge 1 - Walkthrough
02:40
+
Our Simple Website
11 Lectures 26:39

You will learn how to create a mock-up of website.

Wireframing
00:50

You will learn how to create basic mockup with the help of shapes tools such as rectangle tool.

Basic Mockup
01:08

You will create master elements in Photoshop that allows you to create element which remains constant throughout our website.

Basic Element
01:44

You will learn how to place a logo in your website

Logo
04:44

You will learn how to create a navigation bar in the website.

Navbar
01:30

You will learn how to put text in your website and how to use different paragraph styles.

Working with Text
05:13

Create image placeholder similar to the tutorial section in the homepage of the website www.yodalearning.com.

Photoshop Place Holders
03:02

Learn how to create store pages in your website.

Store
02:14

Learn how to create buttons for your website and how to nudge their position.

Button
02:28

Learn how to create contact page for your website.

Contact
03:02

Learn how to use slice tool (one of the most used tool by web site designers). It allows you to cut images before exporting images them from Photoshop.

Preview 00:44
+
Save for Web & Sprite
7 Lectures 16:38

You will learn the application of save for web dialog box.

Save For Web
03:36

You will learn the application of save for web dialog box.

More on Save for Web
02:16

You will learn what is sprite and how it is used and the benefits of using sprites in website design.

Introduction of Sprite
01:17

You will learn what is sprite and how it is used and the benefits of using sprites in website design.

Create a Sprite
01:27

You will learn what is sprite and how it is used and the benefits of using sprites in website design.

More on Sprite
00:57

Mini Challenge 2
01:25

Mini Challenge 2 - Walkthrough
05:40
About the Instructor
Yoda Learning
4.2 Average rating
1,102 Reviews
31,787 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).