Digital Design Masterclass for Graphic Designers
Offered By: Skillshare
Course Description
Overview
The future of design is digital. This course was designed to get graphic designers up to speed on the latest and greatest digitally focused projects so they can expand their skillset and offer more services.
This course is massive covering so many Digital design projects from social media, icon design, web design and more.
SOCIAL MEDIA DESIGN (Youtube, Facebook and Instagram)
ANIMATED GIFS
DIGITIZING SKETCHES
CREATING DIGITAL BRAND ASSETS
ICON SET DESIGN
APPLE APP STORE ICON DESIGN
E-BOOK COVERS
WEB DESIGN USING WORDPRESS
LANDING PAGE DESIGN USING ADOBE XD
We first cover Digital Design theory and talk about how to craft compelling social media posts, web layouts and more.
Next, we conquer several popular digital design projects including creating several YouTube thumbnails that drive users to click through. We even create an entire social media campaign and talk about how to design for facebook, instagram. We even talk about creating display ads for websites so you can feel comfortable expanding your skillset to all types of digital ad creation.
Need to know how to create animated gifs using Photoshops Timeline feature? We will create an animated display ad from our previous campaign and add movement and animation. We will also learn how to create GIFS from imported video clips.
Have you wanted to know how to create a compelling e-book cover? We will do just that and learn how to design for e-book covers. We talk about sizing, exporting and how to create a design that grabs the viewers attention. We will go over how to take hand written type and bring that into photoshop to use on our e-book and also learn how to work with other sketching apps to bring in hand written assets. We also create our own mock-up to display our final design.
A newly added project goes into more detail about how to create hand drawn assets in procreate or other sketching apps and how to bring them into Photoshop to create modern, dynamic campaigns that have style and a unique flair.
Do you like to sketch or illustrate? I even created a step by step project where we take a pencil sketch and digitize it using Adobe Illustrators Pen Tool. Knowing how to digitize sketches is a big part of expanding your skillset to the digital arena.
Icon design is at the center of any digital design projects. Icons can be used on websites, mobile apps, applications and more. Using a handy provided template we will create an entire cohesive icon set. We will learn how to use grids to create a thematic set and even learn how to add color and how to export our icons in all the right sizes for use everywhere.
After creating a simple, basic icon set we go even deeper to create a highly detailed Apple store App icon from scratch. We learn lots of tools, like how to use gradients to create a dimensional effect as well as the pattern tool and many more. We will learn how to export these files as well for use on the apple store as well as how to present our icon in a professional way.
It is hard to teach digital design for graphic designers without including a few sections that focus on web design. We will learn what our role is as graphic designers in this space as well as how to prepare and export files for web design projects.
We will learn from scratch Adobe Xd in a quick crash course. We will learn many aspects of strong web design and layout by creating a landing page together, step by step. We will even learn how to link our various pages to create a working prototype and learn some ways of how to export our files to the web developer.
Finally, we will conquer a basic front page website design for a travel company using Wordpress. We will learn the very basic of Wordpress and learn the very popular page building plug-in for Wordpress called Elementor to build out our webpage using video backgrounds, parallax images, icons, columns animated text and more! We use only the free version of Elementor so not purchases are bestiary to work through this course
Lastly, there are tons of downloadable resources in this class including pre-made templates for most of the projects. This includes Photoshop e-book, YouTube and social media templates and an icon set and app store icon template in Adobe Illustrator.
This course is not for those students who have never been in Adobe Photoshop and Illustrator before but this class is general enough for most beginner level graphic designers who are interested in adding to their skillset. For those who have never opened the Adobe software before I suggest taking the Graphic Design Masterclass to get a leg up on the basic tools.
This course assumes you have very basic working knowledge of Adobe Photoshop and illustrator and tools like Wordpress, Adobe Xd, Elementor page builder and more are taught from scratch so no prior experience is necessary.
So are you ready to up your design game and add a whole new skillset to your offerings? Are you ready to explore this essential side of design? See you in the first lesson!
Syllabus
- Course Preview - NEW
- The Course Guide IMPORTANT!!!!
- Introduction to Design for Digital
- Design Theory for Social Media
- Design Theory for the Web
- Design for Accessibility
- Effective Digital Layout Theory
- YouTube Thumbnail Project
- YouTube Thumbnail Project - 2
- YouTube Thumbnail Project - 3
- YouTube Thumbnail Project - Double Exposure
- Social Media Campaign Project
- Social Media Campaign Project - 2
- Social Media Campaign Project - 3
- Social Media Campaign Project - 4
- Social Media Campaign Project - Instagram
- Social Media Campaign Project - Instagram 2
- Social Media Campaign Project - Display Ads
- Tips for Growing Your Following on Instagram
- STUDENT DESIGN CHALLENGE
- Animated Gifs in Photoshop
- Animated Gifs in Photoshop - Photos
- Animated Gifs in Photoshop - Exporting GIFS
- BONUS - Making GIFS from Videos
- E-Book Cover Project
- E-Book Cover Project - Shadows
- Hand and Procreate Lettering
- E-Book Cover Project - Exporting
- Creating Hand Drawn Digital Assets in Procreate
- Creating Hand Drawn Digital Assets in Procreate 2
- Using Our Hand Drawn Assets for A Social Media Project
- Using Our Hand Drawn Assets for A Social Media Project - 2
- Digitizing Sketches - Setup
- Digitizing Sketches - Pen Tool Tracing
- Digitizing Sketches - Coloring
- BONUS - Puppet Warp Tool
- Icon Set Design Project - Grids and Setup
- Icon Set Design Project - Getting Started
- Icon Set Design Project - 3
- Icon Set Design Project - 4
- Icon Set Design Project - 5
- Icon Set Design Project - 6
- Icon Set Design Project - Adding Color
- BONUS - User Testing with a 5 year old!
- App Store Icon - Getting Started
- App Store Icon - Gold Bar Effects
- App Store Icon - Gold Dials
- App Store Icon - Exporting
- Website Landing Page in Adobe Xd - Getting Started
- Website Landing Page in Adobe Xd - Illustrations
- Adobe Xd - Crash Course
- Website Landing Page in Adobe Xd - Getting Started
- Website Landing Page in Adobe Xd - Photos
- Website Landing Page in Adobe Xd - Landing Page Details
- Website Landing Page in Adobe Xd - Pop up
- Website Landing Page in Adobe Xd - Prototype mode
- BONUS: Global Styles
- Exporting Assets from Adobe Xd
- Introduction To Building A Wordpress Website
- Wordpress Crash Lesson
- Getting Started with Elementor Plug-in
- Wordpress Website - Header Video
- Wordpress Website - Creating other sections
- Wordpress Website - Creating Our Instagram Feature
- Wordpress Website - 3 Column Layout
- Wordpress Website - Responsive Design
Taught by
Lindsay Marsh
Related Courses
Make Your Own AppTechnische Universität München (Technical University of Munich) via edX Build a Full Website using WordPress
Coursera Project Network via Coursera Build an e-portfolio using google sites
Coursera Project Network via Coursera Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera Build a Website Map with Jumpchart
Coursera Project Network via Coursera