Web design : Make your photos look great in web design
4.9 (9 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,100 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web design : Make your photos look great in web design to your Wishlist.

Add to Wishlist

Web design : Make your photos look great in web design

Photoshop and Illustrator combined to make any photo look great in web design or a family album
4.9 (9 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,100 students enrolled
Created by Dawid Tuminski
Last updated 10/2016
English
Current price: $10 Original price: $95 Discount: 89% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Resize the image in Photoshop
  • Resize the canvas in Photoshop
  • Tell the difference between image and canvas
  • Transform an image
  • Add images to Photoshop document
  • Crop and straighten an image
  • Save an image for Web
  • Speed up working with multiple images
  • Get great colors and contrast
  • Add vintage effect to a photo
  • Place images in Illustrator
  • Clipping images in illustrator
  • Find great stock photos on the web for free
  • Compress images
View Curriculum
Requirements
  • You should have basic command of Photoshop CS6 and Illustrator CS6
Description

I found this course very useful. Thanks to gained knowledge on Photoshop's techniques I can not only improve my website but also preserve my private photos in a better quality. Techniques are very easy to learn and thanks to them I want to know Photoshop better. The teacher was very straight to the point and his methods were very clear and fun at the same time. I'm waiting for more courses :-)

Come on, join the happy community!

If You want to know how to:

  • Resize the image and canvas
  • Tell the difference between image and canvas size
  • Transform, crop and straighten an image
  • Speed up working with multiple images
  • Correct colors and contrast
  • Add vintage effect to Your photos
  • Handle images in a web design in Illustrator

in just a few clicks,

You've found the right course!

Say you are working on a web design for a client and they want to use specific images that they supplied. But you can see that their quality isn't all that good and they can really mess up your design. 

Or you're just struggling with the photos Your auntie sent You, so You can make them prettier, 'cause You are so good at computers, but not that great at Photoshop. Well, here you will learn some simple and easy techniques that will make your photos look great in a web design or just in Your family photo album. And you will learn how to get great results with just a few simple clicks.

The techniques we'll discover are super easy and yet very effective, so even a complete newbie shouldn't have problems following along.

First part of this course is reserved for Photoshop: You'll learn how to resize images and canvas, how to effectively use Levels and Curves, how to add a, very trendy, retro effect and much more. Basically You will see how to make Your photos look great with just a few clicks!

In the second part you'll learn how to use Illustrator to incorporate images into a web design project: how to place images, how to clip them etc.

This course is also about smooth workflow between Photoshop, as a photo editing software and Illustrator as a web design software. So, if You're one of those designers who have, by far, been using Illustrator for desktop publishing or logo design projects and You want to expand Your skillset, well this is the course for You, too!

So, what You're waiting for? If You're serious about starting out as web designer or you're just looking for simple techniques to make virtually any photo look great with just a few clicks, don't wait any longer! Enroll in this course and make Your work easier and faster!

Who is the target audience?
  • This course is very “targeted” – it’s supposed to teach You a set of very useful skills, but is not about going through every aspect of Photoshop nor Illustrator. So You should have some basic understanding of those two programs. If you don’t, don’t worry. The techniques we’ll discover are super easy and yet very effective, so even a complete newbie shouldn’t have problems following along.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
13 Lectures
01:16:59
+
The basics
6 Lectures 34:44

The quickest way to resize an image is by using the keyboard shortcut of Ctrl+T, which is the same as going to the Edit menu and choosing Free Transform command.

Preview 06:08

Change the canvas size size instead changing the image size - this way of working will allow You to fit the image properly on the canvas and make it look great!

Preview 04:42

Cropping removes a part of an image, that in some way can be distracting and hence unnecessary. It helps the viewer in better understanding of the situation portrayed in the photo. In other words, it helps to focus on what's most important in an image.

Learn to crop and image and the power of grid overlays. Straighten an image.
06:44

Let's take a look at opening and placing images inside a Photoshop document and also the usefulness of a great Photoshop extension - Mini Bridge. It's also vital to properly organize you work when handling multiple images and it's really easy when you discover and start arranging your photos the right way.

Learn two different ways of adding images to a Photoshop document.
07:45

Save for web command is a bit like a little new piece of software in itself. What's most important for us is the file format we will choose upon saving the image, its quality if we are using jpg and the image size. Thanks to this command we can also preview an image in a web browser and also check how long will it take to download!

Learn to use the full potential of Save for Web command.
06:00

Resizing the canvas allows us to not only get the right image dimensions, but also nicely balanced composition.

Let's put all the techniques from previous lectures into practice.
03:25
+
Make any photo look better with just a few clicks
2 Lectures 16:10

In this video we will take a look at some simple techniques on how to make almost any photo look better with just a few clicks. For that we'll see how to use some adjustment layers like threshold, levels and curves.

Quickly make a photo look great using Threshold, levels and curves adjustments
10:15

Retro look is back also in web design so I want to show you how to create a retro effect in three simple steps. This effect is very prominent, especially in many modern blog designs, especially fashion blog designs. It's a nice a way to add that special something to the images, to create a special atmosphere and, at the same time, it's really easy to do!

Add a vintage effect to Your photo. So easy!
05:55
+
Photoshop and Illustrator integration
5 Lectures 26:06

Let's learn to work with images inside Adobe Illustrator and we will do that based on a web design example I got ready for you. If you're not familiar with Adobe Illustrator I highly recommend you taking my course on learning Adobe Illustrator, available here on Udemy

Learn the basics of placing images inside an Illustrator document.
05:36

Get to know clipping masks and how to use them in terms of working with images in Illustrator and what are the practical benefits of using them in a web design.

How to use clipping masks in Illustrator when working with images.
11:20

Most of You have probably heard of paid stock photo resources, but in the past few years there has been quite a big rise in sites providing high quality stock images for free. Basically there are two kinds of free stock photos sites and what makes them different is the fact, that in some of them you have to join their newsletter and the photos are sent to you every month, every fortnight etc. And from other sites you can download the images freely. But I think that the best sites are those that browse through free images sites vaults for you, so you don't have to.

Discover the best photo online resources and online image compression tools
05:12

Let's summarize what we've learned. We know how to quickly transform the images the easy and effective way by using some nice tricks. We've learnt what are the differences between canvas and image size and what are the benefits of changing the canvas instead of trying to fit an image inside the canvas. We also know how to crop an image and we got to know some helpers, that make our photos look better composed. We also know how to straighten an image.

Preview 03:12

Bonus Lecture
00:46
About the Instructor
Dawid Tuminski
4.7 Average rating
738 Reviews
17,312 Students
20 Courses
Adobe Certified Expert Designer and Online Entrepreneur

Designer, coder and educational entrepreneur.

Adobe Certified Expert in Illustrator whose courses were listed in the Udemy's TOP 10 best reviewed courses.

Creating online courses on design tools like Adobe Illustrator and Adobe Photoshop, logo design, web design, graphic design freelancing, online teaching and digital marketing .

Teaching +22.000 students in 160 countries worldwide.

Owner of a graphic design studio.

Loves the freedom of creating courses and prides in his teaching method, which is straight to the point and with a smile.

His motto:  Boring instructors are worse than boring topics!

His students value his courses for their conciseness, professionalism and actionable tips and techniques they can apply in their day-to-day design tasks and online education businesses.