Photoshop CC 2018 Graphic Web Design for Beginners by a Pro
- Descrição
- Currículo
- FAQ
- Revisões
SPECIAL UPDATE.
I’m new to Udemy and really want you to take my class. I spent hundreds of hours developing it and I’d like you to take my course. Therefore, for a limited time I’m reducing the price of my class from $99.99 to $19.99! Please take my class and ask me any questions you might have. I promise you that you will learn so much about design, photoshop and creativity. I’d like to hear from you!
About this course
This course is for Photoshop CC beginners that want to learn digital graphic design for responsive web sites, mobile, email, Facebook/Instagram ads and much more. This class is about much more than Photoshop. It’s about using Photoshop for graphic design, the creative process, UX/wireframing, how to use graphic design tools, presenting your designs, pro tips from professional graphic designer, working with clients and much more!
I will not only teach you about Photoshop but I will teach you the entire creative process that I’ve been using with clients for over 20 years. I’ve created an example real client, Lava Restaurant and Bar, that we’ll be working for. I’ll teach you how to work with a client and multiple ways you can present your designs. I’ll give you pro tips and insight into using photoshop as a design professional. I’ll show you how to UX (user experience)/wireframe like a pro then convert those wireframes into an amazing looking design. I’ll teach you why this part of the process is important and how it will save you time and make you a better designer and also make you more money. I’ll show you how to take the web site design then create not 1 but 3 Facebook ad designs for the client. I’ll teach you how to design an email and then create a 2nd option in minutes. Throughout every lesson I’ll show you the tools as we need them and how use them. Very importantly, I’ll show you how I use the most common tools for design everyday. As a professional designer, I work in Photoshop every day, all day, it’s what I do.
What makes me qualified to teach Photoshop?
I’ve been working in advertising in downtown Chicago for over 20 years. Sometimes I have only hours to design an email, a banner or even concepts for a web site. My job is demanding so I need to move fast and efficiently in a program that is known to be slow. I will show you how to move like a pro and create designs at blazingly fast speeds. As we say in advertising, everything is due yesterday because it is such demanding job. I’ve worked with some of the largest companies in the world such as McDonald’s, Purina, Nintendo, Milk campaign, Nestle, Harley Davidson motorcycles and many more. One of the greatest projects that I was the lead designer on was the web site for the famous movie Avatar. Yep, I designed and oversaw the entire web site but did so with a team of great creatives. The Avatar web site launched in over 20 languages and was the largest web site global marketing campaign ever launched in the world.
I wanted to bring all my years of experience, knowledge and hard work to you so you can see how someone who earns their living with Photoshop works. So, buckle up and prepare for an energy filled, pro tip packed, information loaded course from a 20 year pro who uses the exact same design approaches everyday to design for the top companies in the world.
My promise to you is that you will learn a ton about design, creativity, presenting, technical knowledge and most importantly you’ll feel like a pro and can in Photoshop by the time you complete my class. Thanks in advance. Reginald.
What am I going to get from this course?
-
You’ll learn all the essential tools needed for web design to create web sites, ads, emails and much more.
-
You’ll be able to navigate Photoshop, creating new projects, design you ideas, share with clients and export for online ads.
-
You’ll learn hundreds of PRO Tips that will save you thousands of hours in design.
-
You’ll learn how to move around Photoshop at blazingly fast speeds.
-
You’ll learn about the creative process.
-
You’ll learn how to manage layers and folders like a pro.
-
You’ll learn multiple techniques to mask photos quickly.
-
You’ll learn how to select and edit just parts of your image with a number of selection tools.
-
You’ll learn about smart objects and what makes them powerful in design
-
You’ll know how to use layer blending modes, layer styles, and blending modes to create cool effects in seconds
-
You’ll learn typography fundamentals of adding type, spacing and more.
-
You’ll learn how to save your Photoshop projects for web and deliver to clients
-
By the time you’re done with this class you’ll FEEL LIKE A PRO!
This course will get you started in Adobe Photoshop graphic design, including:
-
Getting started with Photoshop CC
-
Navigating and customizing the workspace like a pro
-
Tons of PRO TIPS from a 20 year seasoned advertising professional
-
Learn how to take your creative ideas and work as a freelance designer
-
Learn the creative process that I’ve been using for 20 years and professional agencies use
-
Learn the how to UX and Wireframe and why it’s important
-
Learn how to go from client request, to wireframe to design, to presentation like a PRO
-
Using the Photoshop layers panel to create, delete and organize layers
-
Placing photos into your designs and editing them like a pro
-
Masking like a pro with brush, selection and more
-
Using layers for photo effects
-
Learn how a professional designer places a photo
-
Creating shapes and applying effects
-
Creating smart objects and understanding their power
-
Adding and editing layer styles like gradients and drop shadows
-
Adding and editing text in layouts from web design to online ads
-
Learn multiple ways to export your designs to share with clients
Watch my video about the class and I think you’ll be excited to learn so much about graphic design for the web, mobile, email, ads and so much more! I hope to hear from you soon!
-
1Introduction, Welcome and what'll you'll learnVídeo Aula
-
2Overview of Photoshop and WorkspaceVídeo Aula
In this lesson we'll go over creating a Photoshop file, settings for working on digital files for the web, location of tools and panels in the workspace, menus and some very important settings you should have set to work efficiently and like a pro. This is a must watch even if you've used photoshop before. I have some pro tips in here about key Photoshop settings to help you work faster.
-
3Photoshop Core Tools OverviewVídeo Aula
In this lesson we'll briefly go over the tools in Photoshop with more emphasis on the tools that we'll be using throughout the course. We won't go in depth in lesson because we will cover tools as we use them from lesson to lesson and how to use them in different ways.
-
4The Creative Process I've used for yearsVídeo Aula
I spent many hours creating this lesson to show the creative process that I use every day and have been using for 20 years. If you follow this process you'll make more money, create better and look more professional to your clients. I really hope you enjoy it.
-
6Web site UX/Wireframe overviewVídeo Aula
This entire section should be watched and completed before proceeding. All the overviews to every section are really important to set the stage for what we'll do throughout the lessons. They are filled with tons of information and pro tips.
-
7Web site UX/Wireframe review completed fileVídeo Aula
Make sure you download the necessary files for the lesson. If this is new to you don't worry. It will all make sense the more you work with responsive grids.
-
8Web site UX/Wireframe create our fileVídeo Aula
It's important to setup your file right the first time then get to work. Especially with the complexities that go into responsive design.
-
9Let's start UX/Wireframing with the Header or Navigation (top of the web site)Vídeo Aula
It's important to take these lessons in order as we will work our way from the top of the web site down.
-
10UX/Wireframe the carousel area for photos - Referred to as the Hero areaVídeo Aula
So many web sites make use of a carousel to feature food, product and much more. Even Amazon.com uses a carousel. It's a great way to showcase products and services. Let's build it.
-
11Let's UX/Wireframe the Intro AreaVídeo Aula
-
12Let's UX/Wireframe the 3 Promotional Content AreasVídeo Aula
This section is important to understand how to work with the responsive grid.
-
13Let's UX/Wireframe the reservations areaVídeo Aula
This is an easy one but I'll show you how to work efficiently and quickly. Lots of tips inside.
-
14Let's complete our UX/Wireframe with the FooterVídeo Aula
-
15Let's create a presentation file for our web site wireframeVídeo Aula
There are many ways to export and present. We'll go over many of them.
-
16Mobile web site UX/Wireframe IntroductionVídeo Aula
All the intros to every section are really important to set the stage for what we'll do throughout the lessons. They are filled with tons of information and pro tips.
-
17Mobile web site UX/Wireframe File Overview and responsive thinkingVídeo Aula
-
18Let's UX/Wireframe the Header and Navigation area for the Mobile web siteVídeo Aula
It's important to watch these videos in order to see how to convert the web site to a mobile wireframe.
-
19Let's UX/Wireframe the Carousel/Hero Photo and Introduction areaVídeo Aula
-
20Let's UX/Wireframe the 3 Content Areas for the mobile web siteVídeo Aula
-
21Let's UX/Wireframe the make a reservation area for the mobile web siteVídeo Aula
-
22Let's UX/Wireframe the Footer and talk more about responsiveVídeo Aula
The footer on web sites house the logo, navigation and social links. It's become a very important part of web sites in recent years.
-
23Let's Export and present our Mobile web site UX/WireframeVídeo Aula
There are many ways to export and present. We'll go over many of them.
-
24Introduction and Overview - Responsive web site designVídeo Aula
All the intros to every section are really important to set the stage for what we'll do throughout the lessons. They are filled with tons of information and pro tips.
-
25Download and review files - Responsive web site designVídeo Aula
There's a lot of files for this lesson so please watch so we can look at them all. Also, we'll need to install a font.
-
26Background design for Responsive web site designVídeo Aula
You'll love this lesson as we'll look at masking, placing images and setting the stage for our design.
-
27Let's design the Header and Navigation area - Responsive web site designVídeo Aula
Many web site designs start from the top down. Designing where the logo sits and what the navigation area looks like is key to a good looking design.
-
28Let's design Carousel/Hero area for Photos Part 1 - Responsive web site designVídeo Aula
There's a lot to cover here so this was broken into 2 videos. Lots of pro tips and design thoughts.
-
29Let's design Carousel/Hero area for Photos Part 2 - Responsive web site designVídeo Aula
-
30Let's design the Introduction section - Responsive web site designVídeo Aula
-
31Let's design the Promotional Content Areas - Responsive web site designVídeo Aula
This lesson is so important to understanding about designing within a responsive grid (which every web site on the web now does and it's critical to know this). But we'll have some design fun with photos, colors and typography.
-
32Let's design the reservation area - Responsive web site designVídeo Aula
-
33Finally Let's design the Footer/Social Area - Responsive web site designVídeo Aula
-
34Congrats and web site design summaryVídeo Aula
-
35Export and Present the Responsive web site designVídeo Aula
-
36More pages! - Let's design a menu pageVídeo Aula
-
37More pages! - Let's design a contact, hours and map pageVídeo Aula
In this lesson we'll work within the responsive grid and use half (6 columns) to add a contact form and the other 6 columns for the hours and adding a google map image.
-
38Mobile web site design Introduction and OverviewVídeo Aula
Don't forget to download the resource files.
-
39Let's design the header/navigation for the mobile web siteVídeo Aula
We'll take our desktop design and convert to mobile. I do this with every web site design project I work on. I'll show you pro tips along the way.
-
40Let's design the hero/carousel area for the mobile web siteVídeo Aula
We'll convert our desktop carousel to mobile. We'll be scaling proportionately to keep our photo dimensions.
-
41Let's design the introduction area for the mobile web siteVídeo Aula
We'll adjust the font sizes here and convert this section quickly.
-
42Let's design the 3 Promotional content areas for the mobile web siteVídeo Aula
This lesson is loaded with info on converting a desktop design to mobile.
-
43Let's design the make a reservation area for the mobile web siteVídeo Aula
-
44Let's design the footer area for the mobile web siteVídeo Aula
We'll look at multiple ways the footer can be converted and look for mobile.
-
45Let's export and present our mobile web siteVídeo Aula
You should be a pro at this by now. Let's go through it again.
-
46Introduction and Overview for Email UX/WireframeVídeo Aula
Very important to watch first as it will cover everything we'll be doing as well as background on emails.
-
47Let's UX/Wireframe the EmailVídeo Aula
Download the files first. This is going to be fun and easy. You'll feel like an email pro.
-
48Let's Present the Email UX/WireframeVídeo Aula
Let's talk about ways to present again. You should already have this memorized by now. ;)
-
49Email Design Introduction and OverviewVídeo Aula
This section is going to be a blast. Watch this video first and prepare to work like a pro and have fun!
-
50Let's Design the Email and create a bonus 2nd designVídeo Aula
Download the files first. Time for some design fun!
-
51Let's Export and Present our Email DesignVídeo Aula
Super easy to present by now.
-
52Introduction to Facebook Ad DesignVídeo Aula
You're going to love this section and lessons. Ads are so much simpler than a web site design and you can be super creative and have fun. We'll design not 1, but 3 ads for Facebook Prepare to have some design fun!
-
53Let's design our 1st Facebook Ad Design - Interior AdVídeo Aula
Download the resource files first. Let's start designing!
-
54Let's design our 2nd Facebook Ad Design - Food ShowcaseVídeo Aula
You'll love this ad. We'll focus on how to mask an image quickly and easily.
-
55Let's design our 3rd Facebook Ad Design - Logo and BrandingVídeo Aula
This add we'll bring in some lava and I'll talk about many ways to mask in Photoshop. And the best way to do it like a Pro!
-
56Let's export and present our Facebook Ad designsVídeo Aula
I would watch as we have 3 designs we need to present now. I'll talk about even more ways to share your designs.
-
57Introduction to Instagram Ad DesignVídeo Aula
This section and these lessons will be easy for you by now. We're going to do something that I have to do every week in advertising. Convert ads from one size to another. This is key when being a designer. We're going to do this like a pro and I'll show you tons on tips and tricks along the way!
-
58Let's convert our 1st Ad for Interior to InstagramVídeo Aula
Download resource files first. Let's get to converting and designing!
-
59Let's convert our 2nd Ad for Food to InstagramVídeo Aula
Let's keep rolling. More tips inside.
-
60Let's convert our 3rd Ad for Logo and Branding to InstagramVídeo Aula
Last one. I'm sure you're moving like a pro now.
-
61Bonus Iphone Mockup Lesson and present our Instagram Ads!Vídeo Aula
Bonus inside! I'll go over Bonus lesson on iPhone mockup with our Instagram ad designs! As another way to present your designs.
