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