Please ensure Javascript is enabled for purposes of website accessibility
Designing A Website In Photoshop, Illustrator And GIMP
5.0( 1 REVIEWS )
597 STUDENTS
1h 54m

Start designing a website process using the Adobe Photoshop and Illustrator, and learn how to do most of the same with the free tool GIMP.

Read more.
Course Skill Level
Beginner
Time Estimate
1h 54m

Instructor

I have over 15 years experience in graphic design, web design, and marketing. I have run my own business since 2005. I am a bestselling author of seven books, bestselling instructor and an all-around good guy who wants success for you and your business. Being your own boss is an incredibly liberating experience but it can be difficult as well. There never seems to be enough time for what we want to do. I'm driven to help people experience the positive side of entrepreneurship, not the n

Access all courses in our library for only $9/month with All Access Pass

Get Started with All Access PassBuy Only This Course

About This Course

Who this course is for:

  • Web developers and designers
  • Business owners
  • Those who want to learn about designing websites

What you’ll learn: 

  • Change beautiful WordPress themes using developer tools
  • Show your clients exactly what they’ll get before they start developing the website
  • Work up an exact visual replica of any website, mobile app, tablet app or any sort of digital interface that you care to imagine

Requirements: 

  • No prior knowledge is required to take this course 

Software version used in the course:

  • Adobe Photoshop, Illustrator, and GIMP

In this course I will show you how to design a pixel-perfect, beautiful website design using the Adobe photo editing (Photoshop) and vector editing (Illustrator) applications – I will also show you how to do most of the same with the free tool GIMP.

This course would be extremely useful for graphic designers and web designers who want to show their clients exactly what they’ll get before they start developing the website.

By creating and amending any web page to look exactly the way the client wants, you can start charging in excess of $3000 and much more for every website you produce.

Because clients will pay extra for the custom feel that you will give their websites.

Are you worried that you won’t be able to deliver on the development of this website afterward? Well, don’t worry!

Because I will show you the tricks to change beautiful WordPress themes (we use the Genesis sample child theme) in a browser using Developer Tools that will then be easy to develop after the client has passed the design.

You will also learn loads of extra tricks in Photoshop, Illustrator, and GIMP:

  • I will teach you how to keep the Photoshop layers and elements in order and label them correctly
  • I will teach you how to group layers to further organize your layers in the layer palette
  • I will teach you how to use vectors (live text, shape layers and vector smart object) wherever possible – as resizing them won’t lose you any quality or resolution
  • I will teach you how to use vector smart objects because they won’t lose you any quality after resizing either and you have the added advantage of editing one and all the others changing accordingly
  • I will teach you how to select multiple layers in the layer palette
  • And I will teach you how, with multiple layers selected with the Move tool (V), you can distribute and align the objects by using the buttons in the options bar at the top

And by the time the course is finished, you will be able to work up an exact visual replica of any website, mobile app, tablet app or any sort of digital interface that you care to imagine.

Join me on my new course Designing a Website using Photoshop, Illustrator, and GIMP.

Learn a variety of Design and Branding styles and techniques, visit my course library to know more.

Our Promise to You
By the end of this course, you will have learned how to get started designing websites in Photoshop and Illustrator.

10 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn how to design websites in Photoshop and Illustrator!

Course Curriculum

Section 1 - Introduction
Introduction 00:00:00
Section 2 - Working On The Logo
Working On The Logo In Adobe Illustrator – Part One 00:00:00
Working On The Logo In Adobe Illustrator – Part Two 00:00:00
Section 3 - The First Design Visual
Starting The Design In Photoshop And GIMP 00:00:00
Designing The Header And Top Navigation Bar 00:00:00
Designing The Heading, Main Image And Body Text In Photoshop 00:00:00
Designing The Sidebar And Footer In Photoshop 00:00:00
Final Tweaks Of The First Design Visual In Photoshop And GIMP 00:00:00
Section 4 - Client Feedback
Client Feedback On The First Web Design Visual 00:00:00
Section 5 - Actioning The Client's Feedback
Actioning The Client’s Feedback In Photoshop And Illustrator – Part One 00:00:00
Actioning The Client’s Feedback In Photoshop – Part Two 00:00:00
Section 6 - Presenting The Visuals To The Client
How To Present A Visual Of The Website Design To The Client In A Browser Window 00:00:00
Showing How The Website Responds To A Tablet In Photoshop 00:00:00
Showing How The Website Responds To A Smartphone In Photoshop 00:00:00
Section 7 - Bonus Video!
More Tips On Designing Web Pages In Photoshop 00:00:00
Section 8 - Conclusion
Conclusion 00:00:00

Course Review

5.0

5.0
1 Ratings
  1. Anonymous
    DAVID VELÁSQUEZ May 21, 2022 at 16:49 PM

    GREETINGS AND BLESSINGS... FROM THE AMERICA´S HEART!!! EL SALVADOR!!!

    5.0

    GREAT MASTER COURSE SIR!
    IT IS INTERESTING TO LEARN FROM EXPERTS LIKE YOU!
    THANK YOU FOR TEACHING HOW TO Design A Website In Photoshop, Illustrator And GIMP!

4764597

Join our newsletter and get your first course free!

4764598

Join our newsletter and get your first course free!

Congratulations! You get one free course of your choice. Please check your email now for the redemption code

Are you interested in higher education?