Introduction to Sketch
In this Sketch tutorial we'll learn the basics of Sketch 3 by designing the startup screen for a game app. Software required: Sketch 3.
What you'll learn
In this Sketch tutorial we'll learn the basics of Sketch 3 by designing the startup screen for a game app. We'll dive into this streamlined tool that's great for creating drawings and designing for the web and mobile apps. We'll learn how to draw with both geometric shapes and freehand vectors, and how to combine them in different ways. We'll also design with text, use layer styles, import photos, and export flat graphics. By the end of this Sketch training you'll have a solid foundation and be able to start applying new skills to your own projects. Software required: Sketch 3.
Table of contents
- Starting a Project and Exploring the UI 7m
- Creating Vector Shapes 8m
- Combining Vector Shapes 8m
- Using Colors, Fills and Borders 9m
- Adding Complexity with Layers and Groups 9m
- Applying Shape Transformations 8m
- Adding Depth with Transparency and Layer Masks 10m
- Drawing and Adjusting Vector Lines and Curves 10m
- Working with Complex Layer Groups 8m
- Importing Image Files and Creating a Background 8m
- Adding Movement with Gradients and Blurs 7m
- Using the Text Tool 7m
- Applying Advanced Text Styling 11m
- Using Layer Styles to Save Adjustments 8m
- Combining Techniques to Create and Style the Play Button 9m
- Exporting Graphics 8m
About the author
Jay Boucher is a freelance illustrator and interactive designer creating games and websites for young people. He strives to create work that is both entertaining and intuitive to use, a combination of visual fun and UI best practices. Jay spent much of the 2000s as Senior Designer for MTV.com, designing sites for shows like "Pimp My Ride" and "The Real World", as well as cable channels MTV2 and MTV Tr3s. He has worked with Hearst Digital, Condé Nast and Westwood One Radio Network and currently c... more