Signup as a Tutor

As a tutor you can connect with more than a million students and grow your network.

Designing A Website in Photoshop, Illustrator (& GIMP)

No Reviews Yet

Course type: Online Self Paced Class

Course ID: 19996

Course type: Online Self Paced Class

8 Chapters

16 Video Lectures

Students Interested 1

Students Attending 0

₹ 3,913

No Reviews Yet

Batch 1

Date : 14 Dec, 17 - 21 Dec, 17

Timings : 04:04 AM-04:04 AM

Seats Left : 10000

Students Interested : 1

Students Attended : 0

Register

Have a Question? Enquire Now

Robert Cubbon picture
Robert Cubbon

Bachelor of Arts (B.A.) from University of East London

20 Years of Experience

About Robert Cubbon

I have over 20 years experience in graphic design and marketing. I have run my own company, Rob Cubbon Ltd., since 2005.
I provide creative design and effective marketing services.I love blogging and I'm interested in helping people with their businesses.
No reviews currently Be the First to Review

About the Course

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 afterwards? 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 be then be easy to develop after 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 organise your layers in the layer palette
I will teach you how to use vectors (live text, shape layers and vector smart object) where ever 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 option 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

Topics Covered

Chapter 1: INTRODUCTION

Chapter 2: DESIGNING THE LOGO

Chapter 3: THE FIRST DESIGN VISUAL

Chapter 4: CLIENT FEEDBACK

Chapter 5: ACTIONING THE CLIENT'S FEEDBACK

Chapter 6: PRESENTING THE VISUALS TO THE CLIENT

Chapter 7: BONUS VIDEO!

Chapter 8: CONCLUSION

Who should attend

Web designers
Web developers

Pre-requisites

Photoshop (or GIMP)
Illustrator (or GIMP)

Key Takeaways

Over 16 lectures and 2 hours of content!
Create a complete visual layout of any page of a WordPress website to the satisfaction of a client
Create a new logo to the satisfaction of a client
Learn how to use Developer Tools in a browser to manipulate an existing WordPress theme so that the client has a custom look

Curriculum for this Course

  • Chapter 1 : INTRODUCTION

    • Introduction 2.15
  • Chapter 2 : DESIGNING THE LOGO

    • Designing the logo in Adobe Illustrator -- Part One 8.33
    • Designing the logo in Adobe Illustrator -- Part Two 7.77
  • Chapter 3 : THE FIRST DESIGN VISUAL

    • Starting the design in Photoshop and GIMP 9.48
    • Designing the header and top navigation bar 13.22
    • Designing the heading, main image and body text in Photoshop 4.58
    • Designing the sidebar and footer in Photoshop 7.78
    • Final tweaks of the first design visual in Photoshop and GIMP 6.58
  • Chapter 4 : CLIENT FEEDBACK

    • Client feedback on the first web design visual 6.22
  • Chapter 5 : ACTIONING THE CLIENTS FEEDBACK

    • Actioning the client's feedback in Photoshop and Illustrator -- Part One 5.95
    • Actioning the client's feedback in Photoshop -- Part Two 6.28
  • Chapter 6 : PRESENTING THE VISUALS TO THE CLIENT

    • How to present a visual of the website design to the client in a browser window 7
    • Showing how the website responds to a tablet in Photoshop 7.47
    • Showing how the website responds to a smartphone in Photoshop 9.67
  • Chapter 7 : BONUS VIDEO!

    • More tips on designing web pages in Photoshop 9.13
  • Chapter 8 : CONCLUSION

    • Conclusion 4.32

Reviews

No reviews currently Be the First to Review

Discussions

8 Chapters

16 Video Lectures

Students Interested 1

Students Attending 0

₹ 3,913

Register

Have a Question? Enquire Now

Post your requirement and let us connect you with best possible matches for Photography Classes Post your requirement now
₹ 3,913 Register

Enquire

Submit your enquiry for Designing A Website in Photoshop, Illustrator (& GIMP)

Please enter valid question or comment

Please enter your name.

Please enter valid Phone Number

Please enter the Pin Code.

By submitting, you agree to our Terms of use and Privacy Policy

Connect With Robert

You have reached a limit!

We only allow 20 Tutor contacts under a category. Please send us an email at support@urbanpro.com for contacting more Tutors.

You Already have an UrbanPro Account

Please Login to continue

Please Enter valid Email or Phone Number

Please Enter your Password

Please Enter valid Password or OTP

Forgot Password? Resend OTP OTP Sent

Sorry, we were not able to find a user with that username and password.

We have sent you an OTP to your register email address and registered number. Please enter OTP as Password to continue

Further Information Received

Thank you for providing more information about your requirement. You will hear back soon from the trainer