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.
Beautiful web design begins with a practical knowledge of the tools and features of Adobe Photoshop. This course, intended for beginners and experienced designers alike, will show you how to use Photoshop to design web pages, custom graphics and more that excite end users and impress clients.
Prepare Yourself for a Career in Web Design by Learning the Foundations of Photoshop and the Ins-and-Outs of the Design Industry
·Master the principles of web design & typography.
·Learn to design custom graphics and beautiful icons.
·Gain access to premium psd files and templates to inspire your own projects.
·Discover how to work with clients and how to remain competitive in a cutting-edge industry.
Create Websites that Win Clients and Enhance Your Portfolio
Professional web design is in high demand, with every type of business from large corporations to small boutiques looking for web designers who can improve their online presence and build their brand. This course will teach you the skills you need to create stunning website designs using Photoshop so that you can turn your clients’ visions into reality. You will also learn how to speak with clients, decode their requests, and meet their demands.
Contents and Overview
Whether you’re a beginner or an advanced web designer, you will find this course beneficial in how it blends clear, concise instruction with real world examples and hands-on exercises.
·Photoshop & Web Design from A to Z: Following the course’s simple step-by-step process, you will learn the web design principles and Photoshop skills necessary to create vivid web pages and graphics, starting with fundamental topics such as comparing different versions of Photoshop and selecting a monitor, before advancing to spacing, typography, logo design, layout, and more.
·Client Case Studies: You will gain a better understanding of the realities of web design by examining real-life case studies that demonstrate what to do and what not to do when working with clients.
·Interactive Demos: You will watch the creation of two websites from start to finish to gain a better understanding of the design process.
·Free Templates & Resources: You will gain access to an exclusive selection of psd files, a cheat sheet hotkey guide, plus lots of website templates that you can use for your own projects.
After completing this course, you will have a solid understanding of the principles of web design and the foundations of Photoshop necessary to create cutting-edge web pages and graphics. You will also be familiar with the web design industry and the professional strategies necessary to build a client base.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introduction - My Story|
Introduction - My StoryPreview
This course vs "Learn Photoshop, Web Design & Profitable Freelancing"Preview
|Section 2: The basics|
System requirements & best settings
|Quiz 1||3 questions|
Take 2 minutes to answer these questions to make sure you understood everything
Photoshop version comparison
Piracy & stealing
Monitors: best panel types, resolution, brand, size
Web design just in Photoshop, no codingPreview
What you need to know about Photoshop
How to monetize the skills you are about to learn
Grid system quiz
Setting up your workspace
Topics I won't cover in depth
|Section 3: The Principles|
Communicate effectively quiz
A website must tell a story and create an atmosphere
Simply & clean or highly detailed?
How to understand the clients' needsPreview
All about inspiration
Hands on: How I get my inspiration
Step by step approach
Hands-on: Using the step by step approach to create an icon
All about wireframes
All about wireframes quiz
The role of imagery, stock photos and free photos
Hands-on: Creating custom graphics
Symmetry, proper spacing and white space
Working with a briefPreview
|Section 4: The Principles II|
Working on a ‘small project’
What ‘simple, modern, clean’ & other client terms actually mean
Using layer styles the right way
The pitfalls of your imagination
Using freebies & the meaning of being a designer
Optimizing your layers panel
Hands on: How to organize a messy project
The importance of speed
Choosing the right projects
Pricing guide for your work
How to constantly get better
|Section 5: Typography tips, tricks and techniques|
Best sources for fonts
The Character Panel
How to identify a fontPreview
Typography tips, tricks and techniques
|Section 6: The project|
Introduction & project description
Setting the layout
Putting in content
Creating the header
Creating the hero area
Creating the content area
Creating the testimonial and footer areas
|Section 7: Flat design project|
Flat design: definition, examples, flat animations, history, skeuomorphism
Avoid these flat design mistakes
Building a flat website - Introduction
Building a flat website – Creating the header
Building a flat website – Creating the central point
Building a flat website – Testimonials and CTAs
Building a flat website – Finishing up with the footer
|Section 8: Final conclusions|
|Section 9: Download all resources here|
Download all resources here
Preview the resourcesPreview
|Section 10: New 2016! Organic website design project|
About this update
About organic websites and our first case study
Analyzing organic websites
The need for thematic designs
The downside of organic website designs
Presenting the project
Setting up the layout
Researching assets, our mood board, and setting our style
Finding more resources and setting the header
Creating a detailed hero area
Creating the content area with realistic category images
Designing the footer and adding a bit of magic to the site
|Section 11: Updates|
Introduction to this sectionPreview
Character & Paragraph Styles
Smart Objects explained
How to use a Smart Object
How to create a realistic mockup with Smart Objects
How to use Adobe Generator
Cristian Doru Barin, been in the web design business for 5+ years. I started out by making complete websites (meaning I designed and coded them as well), but then I found out about other ways I could earn a living through web design.
From that point, I started learning Photoshop so I could focus only on the design aspect and I left the difficult part (the coding) to other people who specialize in that area. Despite what you might initially think, it is much more profitable and less stressful. How much did I study? A lot. I mean a lot!
Then I practiced and found out what were the best ways of achieving certain effects. I would usually make 5-7 homepage designs per day in around 12-14 hours. That's a lot of work by any standards.
Now things have changed. I am fast, efficient and know the best ways of creating stunning website designs in no time. I choose how much money I want to make by selecting more or less projects to work on.
I am also an entrepreneur: I started my first business at 18 and quickly expanded it. I have multiple online businesses: an online shop, a web design business, app creation studio for Android devices; plus more in the making.
Having all these, I still made over $50,000 by working mostly part time in Photoshop. Learn from my experience and cut down the time it takes to start earning a living from Photoshop.
Do you have any questions? Contact me and ask away!