
Explore digital design theory and hands-on projects—from social media campaigns and YouTube thumbnails to icon sets, e-book covers, and web design using WordPress and Elementor.
Access downloadable resources including templates, images, videos, and assets to support your projects, plus a student project guide and a Word document with external resource links for Photoshop and Illustrator.
Master designing for digital spaces across mobile, tablets, desktops, and billboards by mastering pixel sizing, branding consistency, and concise messaging for icons, thumbnails, app icons, and social media campaigns.
Explore social media design theory by targeting audiences, using authentic imagery, and applying contrast, cropping, and color edits to craft effective ads with strong calls to action.
Explore how graphic design, ux, and developer collaboration creates high-converting, visually cohesive web experiences through typography, hierarchy, responsive design, and clean layout.
Design for accessibility in web and mobile by considering colorblind users, contrast, and alt text; add indicators beyond color, ensure keyboard navigation and captions, and involve developers early.
Develop a deep understanding of digital layout theory across social media, email campaigns, digital billboards, and e-book covers, emphasizing readability, simplicity, grids, typography, branding consistency, and responsive design.
Design a high-contrast YouTube thumbnail in Photoshop by blending two images with bold typography, using smart objects for non-destructive edits, and leveraging templates and resources.
Master stacked typography and contrast-driven headlines by arranging type, using color and alignment, layering text with photos, and applying blending modes, masks, and styles to speed up design workflows.
Apply drop shadows with global light, test readability at 50% and 25% to simulate YouTube thumbnail sizes, and create two artboards for split testing thumbnail versions to boost conversion.
Create a YouTube thumbnail using a double exposure effect by overlaying a girl and a hot air balloon with blending modes, smart objects, content aware fill, masking, and precise typography.
Plan and execute a Facebook campaign for Travel Loop, creating digital display ads, branded logos, and color swatches with library workflows across Illustrator and Photoshop.
Design a Facebook cover photo by choosing a wide image, centering the logo, and using smart objects, containers, and brand elements for scalable crops.
Learn to design effective Facebook ads by starting with a compelling photo, crafting bold typography and headlines, balancing elements with margins, logos, and a clear call to action.
Craft cohesive facebook ad visuals by cropping for a figure, maintaining consistent headline and brand colors, and highlighting a 20 percent off bookings offer through contrast and non-destructive photoshop edits.
Compare Instagram with Facebook, craft authentic, photo-heavy posts, and boost engagement by prompting comments like 'What is your favorite travel moment in 2020,' using a strong call to action.
Design Instagram story highlight assets by exporting square art as a circle cropped image and creating a paid 20 percent off all bookings promo within a scalable template.
Design cohesive display ads across common sizes (320x50 mobile leaderboard, 200x300 square, 300x600 skyscraper) using high-contrast call-to-action buttons and a consistent brand for social campaigns.
Create a cohesive social media campaign with at least two digital ads across platforms such as Facebook, Instagram, an Instagram story, and a YouTube video thumbnail over several weeks.
Learn to create animated GIFs and display ads in Photoshop. Turn a 300 by 600 skyscraper ad into a looping graphic using a template and key frame opacity and position.
Learn to create animated gifs in Photoshop by converting photos to smart objects, keyframing transforms, and layering typography for smooth fades, zooms, and looping exports.
Learn how to export animated gifs in Photoshop with save for web legacy, using the timeline and keyframes to optimize file size, colors, and browser preview.
Learn to import video frames to layers in Photoshop, crop a loop, and export a looping gif for the web, then add type overlays and animate them with keyframes.
Combine multiple photos to craft a high-contrast e-book cover, featuring a cottage among skyscrapers, and blend typography with hand lettering in Photoshop.
Add depth to digital designs by hand-drawing shadows, using blending modes and layering masks, and integrating handwritten typography with bold drop shadows for a playful, cinematic backdrop.
Explore hand lettering workflows in Procreate and Photoshop, from brush textures and transparency to exporting PNGs, then refine typography with serif choices, kerning, and color contrast.
Explore typography and exporting for ebook covers, balancing cottage emphasis with grid-aligned typography, smart layers, and high-quality JPEG exports across sizes.
Learn to create a realistic e-book cover mockup in Photoshop by placing your cover into a Kindle template, then apply perspective warp, shadows, glare, and iris blur.
learn to sketch organic hand-drawn assets in procreate, including hand lettering and arrows, with multiple brushes, then export on separate layers as a transparent PNG for Photoshop or Illustrator.
Export Procreate assets with a transparent background, build a grid-aligned alphabet and brush assets, and export as Photoshop files to fuel a branded campaign.
Assemble a dynamic social post by arranging layered assets and the 'no way' headline with a '20 percent off' call-to-action; apply color overlays and shadows for an Instagram campaign.
Create a dynamic social media post by arranging photos, typography, and branded assets; use layering masks, color overlays, and blending modes to achieve a modern high-fashion look.
Turn a hand pencil drawing into a full color vector illustration in Adobe Illustrator by scanning, brightening in Photoshop, then tracing with the pen tool and refining curves.
Master pen tool tracing to outline shapes, adjust strokes with the width tool and curvature tool, and add shadows and highlights for vector illustrations.
Color a vector illustration by adjusting stroke thickness, simplifying details, and applying fills, then add highlights and shadows with eyedropper, shape builder, and pen tools.
Explore the puppet tool in Adobe Illustrator, a 2019 feature, and learn to place pin points to manipulate and animate a character, including adding or deleting points and bending parts.
Design a cohesive icon set in Illustrator by leveraging Fibonacci-based grids, maintaining consistent stroke weights, and preparing scalable icons from 16x16 to 128x128 for web and apps.
Enable snap to grid and smart guides to align strokes and spacing, then build icon set designs with pen, ellipse, and rectangle tools for clean, scalable results.
Design and refine a cohesive icon set by turning strokes into outlines, simplifying mic, moon, and battery icons, and using grids, curvature tools, and snapping for consistency.
Develop and refine icon sets by designing tags, currency symbols, a play icon, and utility icons using shape builder, stroke, and grid alignment, then test margin by zooming out.
Create an icon set in Illustrator by building and merging shapes, refining strokes, and exporting 16–256 pixel versions of bubbles, magnifier, house, paper plane, map pin, and browser icons.
Export and color basic icons in Illustrator, outline strokes, and group assets. Use asset export to produce 16 icons across sizes and in svg vector format with gradients.
Create a high-resolution presentation by designing a vibrant gradient background using the freeform gradient tool, refining icons with outlines, color fills, and subtle drop shadows, and exporting assets.
Test icon usability with a five-year-old to see how they interpret common icons such as envelope, clock, microphone, battery, play, magnifying glass, and tools, guiding simplified icon design.
Design a polished Apple App Store icon for an iPhone app using gold gradients, radial lighting, and layered textures in Illustrator, tested for dark and light modes across sizes.
Explore creating a realistic gold bar interface element by applying layered drop shadows, bevel effects, and textured patterns; learn pattern creation, gradients, and precise spacing for depth.
Design a gold dial icon by layering gradients, strokes, and drop shadows to achieve a beveled, 3D look, then align with a grid, test cropping, and add texture and highlights.
Export app icons by testing across backgrounds, adjusting borders and cropping, and adapting to smaller sizes with snap to grid before exporting PNGs for the App Store.
JUST ADDED! The 35 Page Pdf Resource - The Guide to Digital Design! The Social Media Edition!
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 skill-set 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 skill-set 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 skill-set to your offerings? Are you ready to explore this essential side of design? See you in the first lesson!