Top 60 Design, Web Design, Photo & Video Courses

Have a spare hour? Discover 60 Envato Tuts creative courses and tutorials your can do to boost your skillset.

Portrait for EnvatoBy Envato  |  Updated October 13, 2020

Quench your thirst for knowledge with how-to tutorials and courses on Envato Tuts+! There are over 990 courses available on design and illustration, coding, web design, music and audio, business and more to expand your mind and enhance your skill set.

Clock with broken hands

Learn how to build an app, create a website, design new in trend graphics, launch your business and bring your story to life. Because in the wise words of Einstein… 

Quote by Albert Einstein

Here are 60 things you can learn in 60 minutes or less:

Design and Illustration Courses

1. Mastering Script Lettering (55 minutes)

Mastering Script Lettering

This course covers the ins and outs of script lettering, from the basics to advanced techniques. You will learn about angle, speed, weight, contrast, kerning, flourishing, vectoring, and more. Whether you’re looking to learn from the ground up or trying to perfect your existing process, this provides all the information you need to become a master of script lettering.

Digital Inking in Adobe Illustrator

Learn how to create beautiful, expressive line art in Adobe Illustrator. This course covers everything you need to know about digital inking, brush use, and adding colors to your design with some easy-to-learn tips and tricks.

Using Light and Shadow in Photo Manipulation

One of the most difficult tasks in any photo manipulation project is getting the lighting and shadows to agree. This can be particularly difficult if you are working with several photos, each taken in an entirely different lighting. If you have ever struggled with this, then you know first-hand the frustration of trying to align light sources from different photos into a single scene. In this course, Kirk Nelson will teach you the techniques to composite multiple photos into a single scene with believable lighting and shadows.

The Basics of Coloring and Shading Line Art in Adobe Photoshop

In this short course, Monika Zagrobelna will teach you all the basics of coloring and shading, so that you can enter the world of digital painting. If you don’t have a graphics tablet, you’ll also learn techniques that can make the work easier for you. You’ll start with some theory, and then you’ll use it to color and shade a dragon in flight.

An Introduction to Vector Line Art

In this short course, Sharon Milne, our Design & Illustration Editor, will introduce you to the basic tools and processes of creating vector line art in Adobe Illustrator. You’ll learn how to create a stylish ’80s portrait based on a stock image and how to apply the many different line art techniques in this project.

From Sketch to Vector Art in Adobe Illustrator

In this short course, instructor Simona Pfreundner will show you how to transform an idea into a sketch and then turn it into a finished vector illustration. You’ll learn how to prepare your sketch, create the main shapes of your illustration, add color and gradients, and then add some finishing touches. By the end of this course, you’ll be able to take your sketches to the next level!

How to Create Vector Art from Doodles

In this course, Yulia Sokolova will guide you through the detailed process of creating doodles with traditional artistic media and then digitizing them. You will discover several ways of turning your doodles into clean, scalable vectors, coloring them and combining separate elements into well-balanced compositions. You will learn to create a custom banner or a template from your vectorized elements, and by the end of this course you’ll be able to give a new life to your paper doodles, making fancy images that can be used in graphic design for commercial or personal projects.

How to Digitally Paint Lighting Scenes

Paying attention to the interplay of light and shadow in real life can provide great inspiration and insight into ways to make our digital paintings look more life-like. In this course, digital artist Char Reed will discuss how light can make or break your digital paintings. You’ll then get practical and learn how to digitally paint lighting on various objects and scenes, all within Adobe Photoshop.

How to Draw Animals in Perspective

This course will teach you all about perspective. You will learn how to convey depth and draw realistic animals in a 3D space.

How to Shade Animals in Perspective

To paint realistic, 3D looking forms, you need to understand how various shades create the illusion of depth. In this course, you’ll learn what rules you can use to predict shading accurately, and how to simplify them to shade animals quickly and intuitively.

Creating Male Cartoon Characters in Adobe Illustrator

Designing characters is not only interesting, but it’s also fun and easy! In this course you’ll create a ‘hipster character’, drawing his body parts step by step. You’ll start with a rough sketch, then sculpt the main shapes, color them and finish by adding minor details to your image. By the end of this course, you’ll be able to create a fancy unique character, using new techniques, and make the illustration versatile and flexible, so that it can be easily adjusted and recolored.

Designing a Sci-Fi Galaxy for Film

In this short course, digital artist Brian Lee will walk you through how you can create a sci-fi scene that can be used for film or games. With Adobe Photoshop as your main tool, you’ll learn how to combine textures, use digital painting techniques, and use Photoshop’s layer effects to create a believable sci-fi galaxy landscape.

How to Create Armor for Concept Art

In this course, digital artist Robert Marzullo will show you the step-by-step process of digitally painting armor for concept art using Adobe Photoshop. You will learn how to use a variety of custom brush settings to apply shadows and textures to your concept art and how to use selections and layers to refine your artwork. To finish things off, you will be shown how to use the Dodge and Burn Tool with custom brushes to add more lighting effects.

How to Create Weapons for Concept Art in Photoshop

In this course, digital artist Robert Marzullo will show you the step-by-step process of creating conceptual elements in Adobe Photoshop. You’ll learn how to create basic line work using various brush settings, separate areas of the painting, and apply color and effects with layers and blending modes. You’ll also learn how to add the finishing touches and make quick changes to the end result.

How to Create Retro Elements in Adobe Illustrator

The main goal of this short course is to share what makes a design retro. The course covers everything from color and shapes to typography and texture, and runs through three projects that touch upon different elements of retro design theory. The first project is a set of retro electronics created from basic shapes. The second project is the creation of ribbons and banners, and the third project is a couple of fun retro-styled badge designs, perfect for labels or packaging. In the end, you’ll have the tools and techniques needed to create more complex, retro-inspired illustrations and designs.

How to Design Flat Icons in Affinity Designer

This course will show you how to create flat vector icons in Affinity Designer. You will learn useful tips and tricks to work with basic geometric shapes, modify them, and use various operations to combine the shapes. You’ll also discover how to align and arrange the objects to make various icons.

Landscape Concept Art for Films and Games

In this short course, Brain Lee will dive into the amazing world of landscape concepts for film and games. He will walk you through his process of developing several designs as he would in a real production environment. This course is an advanced course and moves very quickly from one concept to the next, covering advanced concepts such as color, atmosphere, and composition.

Code Courses

18. Start Here: Learn HTML Basics (48 minutes)

Start Here: Learn HTML Basics

The most critical first step to becoming a web designer is learning how to code HTML. By the end of this short course you’ll know what HTML is, how it works, and how to use its most common elements. You’ll go from a blank slate to having your first fully functioning, basic hand-coded page. This will give you the fundamental foundation on which all your future designs can be built!

Create a New JavaScript Framework

In this short course, Daily Mail developer Jason Green will tell you all about Milojs: the Daily Mail’s homegrown JavaScript framework that powers their high-volume news site. He’ll share the reasons the Daily Mail team decided to roll their own framework and introduce some of the features that set Milo apart from other existing frameworks. He’ll also show you how to implement a fully functional Slack-like chat application with very little server code.

Create a Custom Front Page with a WordPress Theme Template and ThemeForest have hundreds of great custom themes that you can use to create a beautiful site, but sometimes you need to customize the front page. In this course, instructor Rachel McCollin will show you how to go from a plain homepage using the WordPress 2016 theme to a custom page with a slideshow, static content, a widget area, and custom loops. By the time you finish, you’ll be able to create your own custom front page with WordPress template files!

21. What’s New in iOS 10 (38 minutes)

What's New in iOS 10

With every new version of iOS, Apple introduces a bunch of new features and enhancements to the developer experience that create new possibilities for the kinds of apps you can code for your users. In this course, Envato Tuts+ instructor Markus Mühlberger will show you some of the coolest new features for developers in iOS 10. You’ll learn how to make a sticker pack, create a custom extension, provide haptic feedback, and even have a conversation with your users with SiriKit.

Pokemon GO Style Augmented Reality: Markers

This year, Pokémon Go took the world by storm. One of the most interesting and engaging parts of this game is the use of augmented reality, or AR. AR is not a new idea, but Pokémon Go is one of the first apps to really connect it with a mainstream audience.

While AR can get very deep and complicated, the basic concepts are quite simple. In this course, Envato Tuts+ instructor Derek Jensen will teach you how to use one of the most fundamental of these concepts, markers. A marker is an image or object in the real world that the AR app projects virtual content onto. Follow along and you’ll learn how to create a virtual birthday cake that will be projected onto a real plate!

Take Pictures with Your Android App

In this course, Envato Tuts+ instructor Ashraff Hathibelagal will show you how to create an Android app that allows users to take photos and apply image filters to them. You’ll use the Camera2 API, introduced in Android Lollipop, to create a live camera preview and capture high-resolution still pictures.

Migrate an Android App to Material Design

In this course, Envato Tuts+ instructor Ashraff Hathibelagal will show you how to migrate an old-fashioned app to Material Design. You’ll learn how to use the themes, widgets, and gestures available in the Android Support libraries to convert an app that was built for Android Gingerbread into a modern app whose look and feel matches that of Android Lollipop and Marshmallow.

25. What’s New in PHP7 and 7.1 (46 minutes)

What's New in PHP7 and 7.1

In this course, Jeremy McPeak will take you through each of the new language features in PHP 7 and 7.1. Jeremy will get you up to speed with the latest and greatest for the PHP language, with practical examples of each new feature.

Code a Side-Scrolling Game with Swift 3 and Sprite Kit

In this course, Derek Jensen shares the secrets of SpriteKit and the world of infinite runner style games. If you are just starting to code games for iOS, it may seem like a lot to learn. But with a few basic skills, some math, and some determination, you can begin to create games—whether just for you or for sharing with everyone on the App Store.

27. Rethinking APIs with Falcor (59 minutes)

Rethinking APIs with Falcor

In this course, you’ll dive into this new framework and see how you can incorporate it into your current applications. You’ll learn how to set up a Falcor model, get and update data, work with a JSON Graph, and more.

28. Create a REST API with Django (60 minutes)

Create a REST API with Django

In this course, you will learn about the power of the Python language and the Django REST API framework so that you can build a simple web service that will be able to provide data and functionality to many different platforms and types of applications. You’ll build an invoicing API, with endpoints for viewing, creating and deleting invoices. All in an hour!

29. Code a Universal React App (46 minutes)

Code a Universal React App

In this course, Envato Tuts+ instructor Jeremy McPeak will show you how to write a universal React app—one that can render on the server or the client. This will let you reuse the same code on the server and client, and it will make it easier for search engines to index your app. Follow along as Jeremy builds a simple app in React with React Router and then upgrades it with server-side routing.

30. Build a Modular App in Rails 5 (47 minutes)

Build a Modular App in Rails 5

In this course, Envato Tuts+ instructor Markus Mühlberger will show you how to get started with modular app development in Ruby on Rails. Follow along with Markus as he builds a complete app solution, integrating several independent modular engines.

3D in the Browser with Three.js

Three.js is a popular JavaScript library for creating 3D graphics on the web. Its goal is to simplify the complicated WebGL API. In this course, Envato Tuts+ instructor Stuart Memo will cover everything you need to get up and running with Three.js. You’ll see how to set up the boilerplate for a Three.js project, and you’ll get to build a simple project—a rolling dice animation.

Simulate a Server with Ember CLI Mirage

In this course, Envato Tuts+ instructor Markus Mühlberger will show you the different possibilities Ember CLI Mirage offers for easily simulating a back-end server in development and testing. You’ll see how a back-end can be simulated for a real-life project, and you’ll learn how to tailor this simulation for easy testing.

Real-Time Apps With Rails 5 Action Cable

Users have come to expect real-time communication in modern web applications—data should be updated seamlessly in the browser when it is changed anywhere. Action Cable is a new part of Rails 5 that allows you to create real-time communication between the browser and the server.

In this course, Envato Tuts+ instructor Markus Mühlberger will show you how to get started with Action Cable in Rails 5. You’ll see how to build a complete real-time app with back-end Ruby on Rails and front-end CoffeeScript with jQuery: a scoreboard for baseball games. You’ll get some pointers on creating efficient communication to the server, and you’ll see how to deploy a real-time app to Heroku.

Create a Portfolio Site with Angular 2

Angular 2 is the latest version of the incredibly popular Angular framework, rewritten from the ground up to take advantage of all the latest technologies and ideas in front-end web development. In this course, Envato Tuts+ instructor Reggie Dawson will show you how to create a personal project portfolio with Angular 2. Follow along and you’ll learn how to build a portfolio app in Angular 2 and TypeScript. You’ll get a chance to use all the fundamentals of an Angular 2 app: routing, templates, components, and custom services. You’ll see how to set up and use a solid Angular 2 starter project with SystemJS.

35. Angular 2 Routing  (40 minutes)

Angular 2 Routing

In this course, Envato Tuts+ instructor Reggie Dawson will teach you how to use the new Angular 2 Router in your apps. You’ll see how to configure basic routing to static pages, how to extract parameters from the route path, and how to make your routing modular. You’ll also see how user access control can be implemented with the Angular 2 router.

Web Design Courses

36. This Is Adobe XD (59 minutes)

This Is Adobe XD

Adobe XD (also known as “Experience Design”) is fast becoming the web designer’s graphic tool of choice. It allows for designing, prototyping, and collaborating with others, all from within one application. In this course you’ll learn about all of the essential tools you’ll need to start designing and prototyping with Adobe XD.

37. Becoming a UX Developer  (27 minutes)

Becoming a UX Developer

In this course, Paul Boag encourages you to embrace your role as a user experience developer. He shows you how much you influence the experience of users, suggests some places where you could make improvements, and reveals ways to become more influential in shaping the experience of users.

Becoming a UX Developer

If you’re a budding web designer and you’re ready to learn CSS, then start here! If there’s one kind of styling which is arguably more important than any other in web design, it’s typography. Ideally, your sites should begin with solid typography, and the rest of the design should be built around that. For this reason, it’s important to understand the typographic portion of the design process first.

Start Here Learn CSS Layout

Now that you’ve learned the essentials of typography, you’re ready to move on to the next fundamental element of web design: layout. In this course you’ll learn everything you need to know to create the most common types of layouts in web design.

Start Here: Learn CSS Colors and Backgrounds

In this course you’ll learn all about the visual techniques that make sites stand out from one another, and bring the “design” into web design.

A Visual Guide to CSS Animation

It’s now possible to create awesome animation effects using pure CSS, without a scrap of JavaScript in sight. In this course you’ll learn how to create CSS animations powered by the transition and transform properties.

Create Content in WordPress with Posts and Pages

In this course, Envato Tuts+ instructor Rachel McCollin will teach you how to create content for your site in WordPress. You’ll learn about posts and pages, the basic building blocks of WordPress content management. You’ll learn how to structure your posts and pages as well as how to add text, media, and links. You’ll also see how to organize WordPress content with categories, tags, and menus. Along the way, Rachel will show you some inspiring examples of how posts and pages are used on other WordPress pages.

Adobe Dreamweaver: A Fresh Perspective

If you are using Adobe’s Creative Cloud but aren’t using Dreamweaver as your code editor, then this course is for you. This fresh look at the package is aimed at anyone who is comfortable with HTML and CSS, from beginners to more seasoned developers, and anyone else who has decided that Dreamweaver is not the tool for them. This short course takes a new look, dispels some long-held myths, and uncovers the useful tools and time-saving tricks that Dreamweaver offers to help you with your professional coding adventures.

44. Introduction to Sequence.js (27 minutes)

Introduction to Sequence.js

Sequence.js is a CSS animation framework which you can use to create sliders, presentations, and other step-based applications. It has all the necessary functionality built in; all you have to do is add your content and styling. This short course will teach you the basics of using Sequence.js and lay the foundation for further exploration of all its options and features.

Enhancing Animation with jQuery UI

jQuery UI is an extension of jQuery that makes it easy to create clean user interface elements for your websites. It also provides functionality that extends jQuery’s ability to animate content. In this short course, you will learn how to enhance your jQuery animations using these features.

46. Navigation with jQuery UI (42 minutes)

Navigation with jQuery UI

jQuery UI is an extension of jQuery that makes it easy to create clean user interface elements for your websites. In this short course, you will learn how to use this framework to create some useful navigational elements for your website.

47. Up and Running with AMP (60 minutes)

Up and Running with AMP

The Accelerated Mobile Pages (AMP) Project is a plug-and-play package of website optimization techniques created by Google to help speed up the web. In this course, you’ll learn how to create an AMP-powered page from scratch. You’ll learn the AMP way of doing all the most commonly required tasks, including coding HTML, writing CSS, adding images, integrating web fonts, embedding YouTube videos, using iframes, displaying image galleries, embedding tweets, and generating carousels. Once you’ve completed this course, you’ll be equipped to make AMP versions of just about any web page.

Getting Started with ScrollMagic

The proliferation of JavaScript front-end libraries has made many tasks simpler for web designers and developers. In this short course, you will be introduced to one such library called ScrollMagic. This library simplifies the process of creating scrollbar-driven events and animations in JavaScript.

Everything You Need to Learn About Customer Journey Mapping

Customer journey mapping is a popular tool among digital professionals. It’s a tool that helps them better understand the needs of users and improve the digital services they build. But what exactly is a customer journey map, why is it useful, and how do you go about creating one? In this short course, you’ll learn all you need know to start mapping the user’s journey.

Up and Running with Craft CMS

Craft CMS is a system which is rapidly becoming the “go to” for web professionals. With it, you can create robust, flexible and customizable websites that are secure and simple for clients to use. In this course you’ll learn all the most important fundamentals for working with Craft CMS, from installation to customizing the back end and the essentials of templating.

Photo & Video Courses

Cinemagraphics in Adobe Photoshop

Cinemagraphs are a fascinating blend of still photos and video. Normally these pieces are created by isolating a small portion of movement from a video clip and surrounding it with corresponding still imagery. In this course you will learn how to take those same concepts and apply them to a more involved piece of creative digital artwork. You’ll composite multiple images together and use several moving pieces from separate video clips to form a single, animated, fantasy landscape.

52. How to Make a Business Profile Video  Video (41 minutes)

How to Make a Business Profile Video

Every business should have a profile video that gives potential clients a sneak peek at what they do and why they love doing it. This short course will walk you through the steps of creating a business profile video. You’ll learn how to plan for the shoot, what shots to capture, who to interview, and how to structure the story.

Give Your Digital Images a Black and White Film Look

In this course you’ll learn how to emulate the look of black and white film with digital processing. By the end of this course, you’ll have a hybrid black and white workflow that looks great and is highly flexible.

The Photography Experience: How to Keep Your Clients Happy and Coming Back

This course is meant most for consumer-services businesses, like portrait and wedding photographers, but will benefit anyone who wants to provide better customer service. The lessons are broken down into three main areas: before, during, and after a shoot. By the end of this course, you’ll know how to give your clients a good experience every time, and keep them coming back for more.

How to Plan and Storyboard a Photo Illustration Project

Have you ever had an idea for photo illustration, but didn’t know where to start? The most successful photo illustration projects use custom photography. This puts control firmly in the hands of their artist: the project is only limited by their imagination and skill. A photo shoot takes planning and preparation, though, in order to create the necessary elements. A storyboard is the key. In this course, you will learn how develop an illustration idea and create a storyboard for your own photo illustration shoot.

How to Organize Your Images with Adobe Lightroom

Adobe Lightroom is a powerful, easy-to-use image management tool, and in this course you’ll learn how to use it to get your images organized. You’ll learn how to organize your images into folders, consistently and in a way that makes sense. Then, you’ll learn the skills in Lightroom that will allow you to divide and conquer your image collection. This course covers skills such as keywording, image rating, filtering, and much more.

How to Color Correct Video with Adobe Premiere

In this short course, you will learn the basics of color correction for video. You will learn about what footage works best and what doesn’t, what sorts of effects are used to adjust footage, and the steps of the process. You’ll also see a few demos of color correction in action! By the end of this course, you will be able to adjust exposure, fix white balance, and fix color cast issues.

Essential Video Effects in Avid Media Composer

Avid Media Composer is professional-grade video editing software with a high learning curve. While many people choose to go outside of the software to create effects, a high number of professional-quality effects can be done right in Avid Media Composer. In this course you will learn the essential effects you need and get comfortable with working with effects inside Media Composer.

Video Editing with Sony Vegas Pro

In this course you will learn how to edit video with Sony Vegas Pro. There are many non-linear editing systems for video, and a select number of industry standard programs. Now in its 13th incarnation, Sony Vegas is rapidly catching up to more established editors. The software runs on Windows and has found particular favour with those new to professional editing systems.

Improve Your On-Camera Performance

Want to host a webinar? Star in your own web show? Do video interviews to promote a product? This course will get you camera-ready in no time! Through expert instruction from a former TV news anchor, you’ll learn what to wear (and what to avoid) on camera, the basics of body language and professional delivery, how to craft your message, and technical tips to ensure you look and sound your best.

Related Articles