Photoshop for Web Design Beginners
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.
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.
Photoshop is one of the best tools, so learn it with this Photoshop Web Design Tutorial!
I have been using Photoshop since version 3 and every time it gets better and better. I have created litterally thousands of designs and over that time I have found that there are number of key skills and tools us web designers use in almost every design. This is why I created, along with the team at Web Courses, a series of screencast tutorials ideal for beginner web designers who wants to Learn Web Design with Photoshop.1. The Power of File and New
In this lesson, you will learn how to open a new document and apply the settings you need to set up before you start designing in Photoshop.
A look at paintbrushes. The different types of brushes that you can use as well as installing some new brushes, so you can do some really nice affects on your design.
Shapes is something we use a lot when we're designing a web page. It's used to make the layout and lots of other elements on the screen. We get used to this really useful tool in this lesson.
Layers are the most important part of Photoshop, as they allow you to make changes to specific areas on the screen. You can further group these layers together to make it more manageable when you're designing.
In this lesson we're going to be looking at how to move layers around the screen and how to resize them using the free transform tool, something you will use a lot in your designs.
We are going to look at how to look around your design and see the details by using the zoom tool. So in this lesson we look into two very important features of using Photoshop daily, zooming and panning.
Blending modes are when you have two layers interacting with each other and effects are different things you can apply to single layer, things like shadows, inners shadows, gradients etc.
Texts are one of the trickiest things in Photoshop, reason being that its not really made to do it. So in this lesson, we're going to find easy ways to work with Photoshop and texts.
We are going to be creating a webpage design in Photoshop. We are going to use grids to organize everything and get things in line and various other tricks to make the perfect web page.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Getting Started: File & New|
Photoshop Interface - just the useful stuff!
In this video you will you will learn how to use the paint brushes tool to complete a set of fun tasks
|Section 2: Paint Brush Tool|
|Lecture 3||990.0 kB|
Tasks - How to use the paint brush tool
Using The Paint Brush
|Section 3: Creating Shapes|
|Lecture 5||756.7 kB|
Tasks - learn how to create custom shapes
In this video you will learn how to create custom shapes
|Section 4: Working With Layers & Groups|
|Lecture 7||1.4 MB|
Tasks - learn how to work with Layers and Groups
In this video you will learn how to work with layers and groups
|Section 5: Moving, Resizing & Zooming In|
|Lecture 9||1.2 MB|
Tasks - Learn how to resize and move items in your photoshop document
In this video you will learn how to move and resize objects in photoshop
|Section 6: Zooming and Panning|
|Lecture 11||3.8 MB|
Tasks - learn how to zoom in/out and pan around your document
In this video you will learn how to zoom in/out and pan around your photoshop design
|Section 7: Blend Modes & Adding Effects|
|Lecture 13||1.9 MB|
Tasks - learn how to use blend modes with layers and add special effects
In this video you will learn how to use blend modes and add effects to your design
|Section 8: Inserting Text|
|Lecture 15||1.4 MB|
Tasks - learn how to insert text into your photoshop designs
In this video you will learn how to insert text into your photoshop design
|Section 9: Design in Photoshop|
|Lecture 17||87.2 kB|
Use these raw images to create your homepage design.
Web Page Header
In this video you will learn how to design and create a web design page in Adobe Photoshop
Carl is the founder of Web Courses and a UX consultant for the United Nations. At Web Courses Carl teaches Web Design and Online Marketing to people from all around the world. He has been designing websites for over 16 years and is passionate about creating usable designs and creative online marketing strategies for WCB and their clients.
Accessibility is a big passion of Carl's and has spoken at UN conferences on Inclusive Business around South East Asia. Recently he has been invited to give Social Media Marketing advise to UNAIDS as part of a new Asia campaign.
When not UX`ing, HTML'ing or teaching there is nothing more Carl likes than a blank canvans on Adobe Photoshop, a tool he has been using since version 3.0!