Hands-On Sketch Masterclass - Learn Web and Mobile Design

Learn practical Sketch techniques to create and copy shapes, apply masks, resize proportionally, and use boolean operations (union, subtract, intersect, difference) while managing layer order.

Explore how to design buttons with borders, gradients, and textures using shadows, blurs, inner shadows, and reference points; adjust opacity, dash patterns, and color with eyedropper to create depth.

Insert and manipulate text, adjust font, size, color, gradients, and align and space lines. Control character spacing and convert text to outlines; add new fonts from external sources.

Explore smart guides in Sketch to align elements with precision, using rulers, snapping to edges, and padding checks; learn fast duplication, text alignment, and guide management.

Export your designs to clients and developers by creating a custom artboard and exporting assets in pagg, jpg, or ptf, organized by icons, backgrounds, and active states.

Learn to use the magic mirror plugin to place an app screen mockup on a phone image, and manage plugins with sketch toolbox for easy client-ready exports.

Install and use the map generator plug-in in sketch to create road map, satellite, and hybrid views for cities like San Francisco and New York, adjusting zoom levels.

Explore the copy paste guides plugin for sketch to copy and paste smart guides between artboards, and quickly remove all guides with a keyboard shortcut.

Explore the Sketch plug-in Find and Replace to quickly search and swap text across all artboards, with options for scope, case, and bounding box considerations to preserve layout.

Distribute objects in Sketch using the distributor plugin to space items horizontally or vertically with a pixel gap, saving time and achieving pixel-perfect layouts for masthead and table of contents.

Explore the Sketchy pies plugin to turn ovals into pie charts in Sketch, set colors via hex codes or percentages, adjust distributions, and export ready visuals.

Brainstorm blue-themed magazine cover concepts, gather inspiration and fonts, create a low-fidelity wireframe, and then translate ideas into the full design in sketch.

Brainstorm a blue themed magazine cover by researching color symbolism, jotting ideas in notes, and choosing a theme such as skydiving and wind to convey health and calm.

Gather inspiration for the magazine cover by researching magazine layouts, article titles, typography, and bold fonts, then collect royalty-free outdoor images to inform your Sketch wireframe.

Explore magazine cover design in Sketch by building shapes, typography, and color, arranging article titles, a barcode, and a year/price, while refining layout with spacing, shadows, and layered organization.

Design a green-themed magazine cover by a 15-minute brainstorming session and gathering inspiration. Create a basic wireframe, apply fonts and colors, then export the sketch and share for feedback.

Design login screens with graphic backgrounds and scalable buttons using masks, layered shapes, borders, gradients, shadows, and precise text alignment to produce reusable, polished user interface components.

Design a login screen by creating a graphic background and button styles inspired by sites like Pinterest or Dribbble, then post your mockup to the Facebook group for feedback.

Design the create account screen in sketch with a starry background, rounded text fields, 25-pixel spacing, and envelope and lock icons from the noun project.

Design a Guardians of the Galaxy-themed user profile screen in Sketch, building a layered layout with a gradient background, profile oval, placeholder blocks, precise padding, guides, and subtle shadows.

Design a Hulu screen using simple shapes and custom icons in a hands-on sketch tutorial. Practice creating screens and complete a Hulu app screen challenge.

Design a Hulu tutorial screen using vector shapes, borders, and opacity, learning to group, align, and subtract paths to form rings and icons with precise duplication and centering.

Take on the Hulu home screen student challenge by recreating the background image, sketching the layout, and crafting bottom icons, then share results in the Facebook group.

Organize a movie ticket design by arranging icons, a barcode, and artwork using masks, smart guides, and layered shapes, then refine color, blur, and opacity for export.

Organize the movie ticket design by grouping elements, renaming layers, masking, and aligning text with Kill Bill artwork and barcode for a clean, developer-ready ticket layout.