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 (7 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,090 students enrolled
Instructed by Dawid Tuminski Design / Web Design
84% off
Take This Course
  • Lectures 13
  • Length 1.5 hours
  • Skill Level Beginner Level
  • Languages English
  • 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 3/2015 English

Course 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!

What are the requirements?

  • You should have basic command of Photoshop CS6 and Illustrator CS6

What am I going to get from this course?

  • 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

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.

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: The basics

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.


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!


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.


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.


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!


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

Section 2: Make any photo look better with just a few clicks

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.


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!

Section 3: Photoshop and Illustrator integration

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


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.


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.


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.

Bonus Lecture

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Dawid Tuminski, 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.

Ready to start learning?
Take This Course