Here’s a wakeup call for you: it’s almost the end of the decade! So if you’ve been planning to take your career further but keep putting it off, now’s the time to take action.
Whether you’re a graphic designer, an entrepreneur, a web designer or a developer, this post will give you some great ideas for taking your skills to the next level. We’ll go through some great courses and tutorials on graphic design, web design, coding, and more.
Many of these resources are free, and others are included in a subscription to Envato Elements. So there’s nothing stopping you from picking up a valuable new skill this month. Let’s get started…
Have you tried the latest hot drawing and painting app? Adobe Fresco made a big splash when it was launched recently, but how does it compare with the more established Procreate app? Discover the answer by watching this free video comparison.
Or why not learn After Effects with a comprehensive six-hour beginner’s course? It’s a perennially popular course that was recently rereleased with an extra two hours of brand new bonus lessons. Then you can put what you’ve learnt into practice with a hands-on project-based course, How to Make Liquid Animation Titles in Adobe After Effects. Learn how to make a fluid, organic text animation that will impress your viewers!
How would you like to make the text on your website more interactive, using just a few snippets of CSS? Learn how to do that in this tutorial, in which you’ll see how to make your text get circled, underlined, replaced with icons, and more. See the full instructions.
Exploring Hover Effects With SVG Animation ii by Envato Tuts+ (@tutsplus)
Photoshopping means so much more than just removing a few blemishes from a photo. You can create whole scenes, just by mixing and matching different photos and graphics. You’ll need to make some adjustments, though, so that the whole thing looks seamless. See how it’s done in this video.
If you want to get more Instagram followers, you’ll want to read this post, which summarises some of the key lessons from the newly launched School of Instagram. Find out how to write better captions, how to use the new Create Mode, and much more.
Subscriptions are becoming more popular across the web, and they’re a great way for you to attract long-term customers and build a predictable income stream. But how do you set up your website to offer subscriptions to a product or service? Find out in this tutorial.
Choosing the right typeface can make or break a design. But how do you know which one to pick? Many new designers just rely on gut instinct, but there’s a better way. Take this course to get clear on the different types of typefaces, the pros and cons of each, and when to use (or not use) each type.
With the techniques you’ll learn in this tutorial, you’ll be able to add a magical sparkle to any photo. You’ll see the steps involved in producing the effect in the image below in Photoshop, and then you’ll see how to use a simple Photoshop action to apply the effect to any image of your choosing. Read the tutorial.
If you often have to design company logos on short notice, you’ll want to watch this video. It shows you how to create professional logos quickly and easily by using three simple building blocks. Learn how to make great logos.
It’s World AIDS Day on 1 December, so why not mark the occasion with a video to raise awareness? It’s easier than you think—follow the steps in this tutorial to put together a quick, professional-looking video using some stock footage and motion graphics. See how it’s done.
Want to Learn More?
If these new courses and tutorials aren’t enough for you, check out the full Envato Tuts+ library of more than 1,250 courses and 28,000 free tutorials. There’s sure to be something there for you. Have a look at these recommendations from previous months to get some more inspiration.
This spooky text animation was created for Halloween, but the techniques you’ll learn in this course will prove useful all year round. Learn how to animate text in Adobe After Effects and then add fractal noise, use different camera angles, and much more. Take the course!
We all know about pixels, and if you use CSS regularly, you probably know about em and rem too. But what about some of the more esoteric units of measurement, like vh, vmax, or ch? Discover seven different CSS units of measurement and find out how they work and when they’d be useful in this excellent free tutorial.
We covered animating text earlier, but what about animating handwriting? You can do that too, just by watching this informative YouTube tutorial by Dave Bode. Set aside half an hour to watch this one and you’ll be amazed at how much you learn!
You can tell it was Halloween recently, can’t you? Here’s another spooky tutorial for you, this time using Photoshop to remove someone’s face and put worms in it. Again, the photo manipulation techniques are useful for all kinds of different projects, so this is a good one to try any day of the year. Level up your photo manipulation skills in this tutorial.
OK, time for something more upbeat! This incredibly comprehensive introduction to Adobe InDesign was first published back in April and has been hugely popular, with 167,000 views and counting. If you want to learn InDesign from the ground up, this is the only video you need to watch. Get started now.
Procreate is a wonderful app for drawing and illustrating on an iPad, and custom brushes let you take your work to another level. Join Daisy Ein in this tutorial to discover how to install and use Procreate brushes, with examples of the different effects you can achieve. Read the tutorial.
The WordPress Gutenberg editor caused howls of outrage from many quarters when it was launched this time last year, but people are now realising the huge potential it offers. For example, why not create your own custom blocks to make it easy to add pricing tables, tabbed content and toggle content in WordPress? See how it’s done in this short course.
As well as Halloween, we also marked a much more important day last month: Spirit Day, an anti-bullying campaign in support of LGBTQ+ youth. This T-shirt design is a lot of fun to create in Photoshop, so why not make it for Spirit Day 2020—or change the text to make your own message. Follow the step-by-step tutorial.
In case you Adobe Illustrator fans were feeling left out, here’s a course just for you. Learn how to create an isometric text effect—and the best part is that with the skills you’ll learn, you’ll be able to create a similar effect using the word and font of your choice! Take the course.
If you have half an hour to spare, why not spend it watching this amazing video tutorial on creating video openers? You’ll be using After Effects, but it’s OK if you’re a complete beginner—this technique uses ready-made templates and shows you how to customise them to get the effects you want. Simple! See how it’s done.
Sketch is a hugely popular design app that can now fully compete with the Adobe suite. Take this free course on YouTube to get a comprehensive, 2.5-hour rundown of all its essential features and how to use them. There’s so much information packed into this course—you really can go from Sketch novice to pro if you watch it from start to finish and practise the lessons learned as you go.
More on the web design side, Figma is also taking the design world by storm. Find out how to use Figma for things like UI design, UX design, app design, and even vector illustration in this newly released learning guide that connects you with a huge range of free tutorials and in-depth courses to learn more. Start learning Figma today. And you can also check out our new course, Advanced Typography Design in Figma.
Cookbooks are a lot of fun to create—all those enticing food pictures paired with mouth-watering recipes. The best part is that this tutorial not only teaches you how to make a cookbook in InDesign, but also shows you how to make it into a template that you can use over and over again. See how it’s done.
More essential software training here—this time, you’ll learn how to use the auto-animate feature of Adobe XD, which lets you link together artboards in a prototype with beautiful, authentic animation. Watch the free video.
WordPress has become so ubiquitous that many online tutorials and courses assume some prior knowledge. This one doesn’t. It’s a course for complete WordPress beginners—or for those who want to go back to basics and get a comprehensive refresher. If you want to get the most out of WordPress, take this course to learn everything you need to know.
How to Create a Stylish Pricing Table with a Sticky Header by Envato Tuts+ (@tutsplus)
If you’re offering online subscription plans, a pricing table is a great way of showing customers the options available to them. This tutorial shows you a clever way of creating a pricing table where the headers stay in place as you scroll down the page. Try it out above, and read the tutorial for full instructions on creating this eye-catching effect yourself.
Why wait for a post-apocalyptic dystopia when you can create it today? This wonderful little course shows you how to create a complex, believable scene in just 38 minutes of video instruction. You’ll see how to take disparate images and blend them together to create a cohesive, convincing scene. Take the course now.
There are so many reasons to display a calendar on your website. Maybe you want to show upcoming events, publicise classes, or show your availability. Calendars are useful for businesses, charities, clubs, personal websites, blogs, and more. In this quick tutorial, you’ll learn how to insert a calendar on your WordPress site using a simple plugin.
Continuing the food theme from earlier, why not learn how to design a restaurant menu? Even if you’re not planning to open up your own burger joint or fine-dining establishment just yet, it’s a great way to hone your InDesign skills and pick up some useful design techniques. Take this brand new restaurant design course!
I’ll be honest—I’d never heard of the Orton effect before coming across this tutorial. But now that I’ve seen it, I want to start using it to make my photos look as good as this one. This tutorial shows you exactly how it’s done, and how you can make it into a Photoshop action that you can use to give that dreamy glow to as many of your images as you want. Start enhancing your photos today!
The latest version of Affinity Designer comes with some great new features. Learn how to use one of the most useful—the new set of isometric drawing tools. Watch the free video to start creating your own isometric worlds with ease.
If you’ve thought about getting a tattoo but don’t like the idea of things like needles and pain, read this tutorial to discover a pain-free digital alternative. You’ll learn how to add a realistic-looking tattoo to any photo in Photoshop, using a simple tattoo font and some cool photo manipulation techniques. Find out how it’s done.
Sketch is rapidly becoming the go-to app that professionals use for UI and icon design. Do you know how to use it? If not, or if you know the basics but want to go deeper, this comprehensive course is for you. It’s been freshly updated this month, so it will teach you everything you need to know about the very latest features of this powerful design app. Watch the course now.
It sounds simple, and it’s a prerequisite of most video projects, but adding text to a video is sometimes not as easy as it should be. This free tutorial shows you how to add text to your videos in Final Cut Pro—plus it links to some useful resources for creating more advanced text effects. Read the tutorial.
Web design is not just about beautiful graphics and layouts. The best web designers are also experts in typography, understanding how to select and pair fonts, create proper text layouts and spacing, and much more. Get up to speed by watching this detailed and fascinating course on web typography in Figma.
Adobe After Effects is a powerful video editor and animation suite, but creating everything from scratch can be very time consuming. So why not save yourself some time by using elegant pre-made templates that you can customise to your heart’s content? Discover some wonderfully useful After Effects templates and see how you could use them in this video.
If you want to create amazing prototypes that include realistic animation, watch this short course to find out how to do just that. You’ll discover a little known but incredibly useful feature of Adobe XD called auto-animate. Watch the course to see how it works.
Everyone knows that WordPress is a great way to set up an online store, using the popular WooCommerce plugin. But how do you keep that site secure? How do you protect yourself against hackers and DDOS attacks? How do you optimise the site for speed and performance? These are complex tasks, but you can make them very simple by using the Kinsta managed WordPress hosting service. See how it’s done from start to finish in this in-depth tutorial on setting up a WooCommerce store using Kinsta.
Light leak effects used to be an annoying mistake with old film cameras, but now they’re a popular way of adding atmosphere and emotion to a digital photo. Discover how to create your own light leak effect from scratch.
Web developers, take note! Svelte is a whole new approach to building user interfaces. Traditional frameworks like React and Vue do the bulk of their work in the browser, but Svelte shifts that work to build-time and drastically improves the performance of your applications. Take this course to learn Svelte from top to bottom.
Software updates are great in theory: more features and improvements available instantly. But all too often, you’re not aware of the new features—or, worse, you struggle to find the features you used to love. If you’re an Affinity Designer user, watch this video to get fully up to speed with the latest changes. It’s also a good introduction for anyone thinking of making the switch from Adobe Illustrator.
Do you know your Slab Serif from your Neo-Grotesque? And, more importantly, do you know when and when not to use each of the main font types? Read this article to get a thorough guide that will help you choose the right font every time.
Animation sample – optimized by Envato Tuts+ (@tutsplus)
Animations are a great way to make your website look professional and to provide subtle cues that help users navigate it. But you don’t want to slow down your site—nobody has the patience to wait for an animation to load. So watch this course to get a clear idea of how to create smooth, high-performance animations using the latest technology.
This is one of those small but potentially annoying issues for anyone running a website. How do you display a PDF file on your site in a way that lets people read it easily? If you use WordPress, you’re in luck—this tutorial teaches you how to do it using a simple, free plugin.
Adobe Photoshop has ruled the roost for so long now that “photoshopping” has entered the language as a verb. But many people are switching to Affinity Photo, a viable competitor with some impressive features. Watch this video to discover eight features of Affinity Photo that might convince you to switch over from Photoshop.
This geometric Arabic pattern looks complicated, but it’s actually quite simple to construct, using some basic shapes and tools in Adobe Illustrator. Follow the full step-by-step instructions.
If you create WordPress themes, you want to make it easy for your end users to customise them. That used to involve a lot of coding separate menus, but it’s much easier these days thanks to the WordPress Customizer. Take this course to discover how to let your theme’s users edit the colour, layout and content of their site through the WordPress Customizer.
In this tutorial, you’ll learn how to create a simple herringbone line pattern in Illustrator. And the best part is that you get to choose between written instructions and a video tutorial. So just pick the learning method you like best, and get started!
Build a Full-Screen Background Hover Effect by Envato Tuts+ (@tutsplus)
This is such a useful little tutorial. It takes you through the process of creating a full-screen hover effect like the one shown above. Your website visitors can just hover over a link, and a full-screen image appears seamlessly, before disappearing as soon as they move the mouse elsewhere. Find out how it’s done!
Here’s one you won’t want to miss. This course takes you through the detailed process of creating a mesmerising pendulum animation in Cinema 4D. Watch a free preview to see how the animation works and what you’ll learn.
The new WordPress Gutenberg editor wasn’t universally popular when it was launched last year, but it does offer some huge potential for WordPress developers. Learn how to code your own custom blocks to offer your users new functionality in this newly updated course. Start here.
Getting professional-looking drone video is about much more than just your flying skills. This free YouTube video course shows you how to get the most out of your video with post-production techniques designed specifically for drone video. You can also try the companion video on drone video production.
Learn how a simple and free Sketch plugin can make it incredibly easy to make jaw-dropping prototypes for your web and mobile apps. Use ready-made UI kits to get you started. Read the tutorial to see how it works.
We often feature fun or inspiring designs here, but real-life graphic design work can sometimes be about creating something much more functional. This tutorial shows you how to create a simple but elegant take-out menu using Adobe InDesign. Learn how it’s done.
If you’ve spent hours trying to work out why the CSS on your website isn’t doing what you want it to, you’ll love this tutorial. It shows you how to use the latest features of Firefox DevTools to identify problems much more quickly. Find out how.
Too many magazine layouts end up looking the same. This course teaches you to break some of the “rules” and create attention-grabbing magazine layouts with a fresh, creative look. Take the course.
There are loads of plugins out there to help you make a WordPress form. But what are some of the best practices to follow if you want people to actually fill your form in? Read this article to discover some simple tricks for boosting your conversion rate.
Did you know that people who mentor others in the workplace enjoy a range of benefits? You can learn new skills, enhance your own career, and more. Discover how to be a mentor.
Component-oriented frameworks, such as Vue.js, have changed the way we think about and write web applications. In this course, instructor Jeremy McPeak will teach you some advanced Vue.js component concepts. Take this advanced course now.
The isometric style is perfect for making small, compact icons that are instantly recognisable. Learn how to use it to make these three cute food icons in Adobe Illustrator. Read the step-by-step instructions.
Showcasing your work online doesn’t have to involve lots of work or expense. This free YouTube course shows you how to get a WordPress portfolio site up and running in just an hour. To make your work look beautiful without a lot of hassle, watch the course now.
Crowdfunding is a great way to raise funds for a worthwhile project, and the stats show that including a video results in more pledges. Read this tutorial to get some tips on creating an engaging crowdfunding video. You’ll probably want to choose a more creative name than the one in the image too! Read the tutorial to find out more.
Graphic design doesn’t have to involve complex, artistic illustrations. Sometimes, the most effective approach is to use simple shapes to communicate a concept quickly. Follow this tutorial to learn how to make a couple of useful icons using basic shapes in Adobe Illustrator.
Table with pagination by Envato Tuts+ (@tutsplus)
Ah, HTML tables—the perfect way to create complex web layouts, right? Oh, wait, it’s 2019, not 1999. We have much better ways of creating page layouts now. But that doesn’t mean that HTML tables have no value. Watch this quick course to discover the right way to use HTML tables these days.
If you have a site with complex navigation, a simple one-line menu just isn’t enough. Enter the “mega menu”, a useful solution that lets your visitors find their way around all your categories and sub-categories quickly and easily. You can buy mega menu plugins, but this free mega menu tutorial shows you how to do it yourself. Or this one helps you do it with a free WordPress plugin.
Anyone can fly a drone, but it takes skill to produce beautiful, cinematic video that would belong in the opening scenes of a big-budget movie. This free course on drone video production shows you how to produce professional-looking drone videos without a Hollywood budget. Get started here.
Everyone needs flyers. This one was made for IDAHOBIT (International Day Against Homophobia, Biphobia, Intersexism and Transphobia), which has now passed, but you can use the skills to make any kind of flyer in InDesign. Or just get ahead for next year! Find out how it’s done.
Particle effects are everywhere, and for good reason. They are a great way of adding movement and dynamism to a website background or video transition. Read this article to find out how to create these effects and add them to your videos.
If you don’t have time to create the effect yourself, simply download one of our templates. Check out the top 10 particle effect templates for 2019 in the video below.
If you’ve built a product or service and want to find customers, you’ll need a marketing plan. This course shows you the nuts and bolts of putting together a professional marketing plan in PowerPoint. Market info, demographics, SWOT analysis—it’s all here. Take the course!
Let’s start with the biggest, most comprehensive course we’ve published recently. This course is four and a half hours of in-depth video instruction with video expert Dave Bode. In it, you’ll learn After Effects from the ground up, beginning with the interface and moving on to tools, workflow, keyframing, comps and precomping, shapes, masks, and so much more! You’ll then move on and practice your new skills by building a lower third from scratch. Take the course today!
If learning After Effects seems like too much of a commitment, then try this quick tutorial, in which you’ll learn to make an effective Facebook video slideshow without needing any special software or video skills. See how it works.
Winter is coming… Why not celebrate the return of Game of Thrones by creating a terrifying frozen winter portrait? It’s not as hard as it looks—Marko Kožokar takes you through the whole process step by step in this tutorial.
Here’s another comprehensive video course to get you started with some essential design software—but this time it’s Adobe InDesign, and this time it’s free on YouTube! This is a beginner’s course that will take you through the software and show you how to use it while designing an elegant four-page brochure. Watch the whole course free on YouTube.
CSS Doodle Demo #3 by Envato Tuts+ (@tutsplus)
The list of things you can do with CSS seems to be growing all the time. Check out this tutorial to see how to create amazing patterns with CSS Doodle. These would be ideal for website backgrounds or other uses.
This amazing photo manipulation tutorial by Jenny Le shows you how to make a portrait in which the subject is melting away like a candle. It’s an eye-catching effect, and the tutorial will teach you loads of useful Photoshop and photo manipulation skills at the same time. Get the full instructions.
We’ve all seen them, haven’t we? Those “pay walls” that appear to section off particularly valuable content on a website and make you pay to access it. In this tutorial, you’ll learn how to create a paid section in your own site, using a free WordPress membership plugin. Find out how.
If you’re a freelance writer looking for new assignments, you need a portfolio website to attract clients and show them what you can do. Read the tutorial to find out how to set up the perfect writer’s portfolio website.
Text masking demo #4 by Envato Tuts+ (@tutsplus)
Text masking (also known as “knockout text”) is a technique that allows you to display images, gradients, patterns, and even videos inside the shape of a piece of text. There are a few ways of achieving this effect, and in this short course you’ll learn five of them. Get started.
Even in this high-tech age, you often need a good, old-fashioned flyer to print and hand out to people to publicise your latest event. This free video teaches you to create one in Photoshop. Plus you can use it in digital form too. Take the course now.
Sometimes the simplest things get overlooked. You can find loads of advice online about creating mega menus, burger menus, sticky menus and so on. But what about a simple WordPress dropdown menu? Many themes will come with their own dropdown menus, of course, but sometimes you’ll need to code your own. Learn how to do it in this tutorial.
If you’ve written a book, you know that the hard work isn’t over when you finish the manuscript. Getting the word out and finding readers is just as hard, and a good promo video can help to build the buzz. You’ll learn how to make one in this tutorial—and you don’t need complicated software or video editing skills to make something professional. Click through to see the cool video you’ll be creating using a simple online video maker.
OK, after three very practical tutorials, it’s time for some fun! This giant dog causing havoc in a Venetian canal is a breeze to create in Photoshop. Well, it’s a breeze when you have an expert telling you exactly what to do step by step, which is exactly the case here. Get the instructions.
The cinema has its own instantly recognisable style of text animation: big, bold and shiny. Learn how to create those awesome moving titles with the light glinting off them in this free YouTube video course.
Bootstrap 4 Static Landing Page by Envato Tuts+ (@tutsplus)
Landing pages are all about conversions: persuading your visitors to do what you want, whether that’s buying your product or signing up to your email list or something else. To create a successful landing page with a high conversion rate, you’ll need a professional design. Fortunately, Bootstrap makes it easy to create one, and in this tutorial you’ll learn how to make a beautiful landing page in the latest version, Bootstrap 4. Get started here.
This roundup is mostly about the latest releases, but sometimes an older course makes a comeback. This 2017 course on video editing in Adobe Premiere Pro was one of the most popular courses on Envato Tuts+ last month, and it’s easy to see why: it’s basically everything you need to know about Adobe Premiere Pro, with 3+ hours of detailed video instruction from industry expert Dave Bode. Click here to join in and watch.
Whether you’re a restaurateur looking to design your own menu or a graphic designer who’s been hired to create one, this tutorial has you covered. It takes you through the full process of creating not just a professional-looking menu, but an InDesign menu template that you can adapt to use again and again. Find out how it’s done.
This is another older course, but it’s been hugely popular this month—again because it’s incredibly comprehensive, teaching you everything you need to know about Photoshop from start to finish. From the basics of working with layers through to more complex topics like Smart Objects and applying warp effects, this course will get you fully set up to get the most out of Photoshop. Take the course.
Let’s get back to WordPress basics again with the simple tutorial that teaches you how to make a contact form using a free WordPress plugin. You’ll see how to set up the options you need and then display your form on your site. And you’ll also get recommendations for more advanced plugins if you need something specialised. Read the free tutorial.
If you want to make a solid first impression and spread your professional network, business cards are a great way to do that. And sure, you could use a template or get someone to design them for you, but why not get creative and make your own, from scratch. Watch this free video for full instructions on making your business cards in Adobe Photoshop.
Animated Beating SVG ❤️ Using animateTransform (properly) by Envato Tuts+ (@tutsplus)
This was a Valentine’s Day special, but love never goes out of style, does it? In this free tutorial, you’ll learn how to create an animated SVG beating heart to woo your loved one on the digital platform of your choice, and you’ll get the full code to do it yourself. Find out how it’s done.
Have you ever wanted to be on the cover of Time magazine? Well, instead of spending years working away at achieving something newsworthy enough to be featured, why not take a shortcut and make it yourself in Photoshop? Or, if narcissism isn’t your thing, it could be a great way to make a fun gift for someone special in your life who you think deserves to be given the star treatment. Get the full instructions here.
If you want to create complex layouts in CSS, you’re probably familiar with floats, Flexbox, or even CSS Grid Layout. But not many people know about a very powerful option called “multi-column”. Learn why you should use it and how to use it in this short but information-packed course.
Sticky menus are everywhere, from Apple’s website to those of IBM and Ted Baker. They’re usually small, one-line menus that stay visible as you scroll down the page, helping users navigate the site while staying quite unobtrusive. Learn how to make one for your WordPress site in this tutorial.
Adobe Illustrator is a great vector design package, but it’s not the only game in town. In recent years, new competitors have emerged that have a lot to offer. So why not explore some of the other options out there by watching the video above.
It’s International Women’s day on 8 March, so why not support the event by creating a visual campaign to support this year’s theme of “BalanceforBetter? Read this tutorial for tips on creating a successful campaign.
Some things sound so simple, don’t they? What could possibly go wrong when moving a WordPress site from a local development machine to a live server? Plenty, actually. Take this course to let Rachel McCollin guide you around the pitfalls and follow the right process.
Lots of people have business ideas, but sadly, many of those ideas come to nothing. Often, that’s because although people have talent and ambition, they focus more on what they’d like to do instead of getting clear on the business model, i.e. exactly how they’re going to make money. Read this tutorial for a guide to choosing a business model and a look at 15 different models to pick from.
More animation for you, this time in Adobe After Effects. Take this course to learn how to create a translucent ice animation that you can use for your animation and design projects, without needing any plugins.
WordPress launched its new Gutenberg editor just a couple of months ago, but there are already some useful plugins that take advantage of Gutenberg’s capabilities to offer more than the standard WordPress installation. Take this course to discover how to use plugins to manipulate images, create testimonials, and more.
This tutorial not only has a beautiful, elegant end result to aim for, but it also teaches you a whole lot about using Adobe Illustrator’s brushes—and even creating your own custom brushes. Learn more.
There are loads of good reasons to add captions to your social media videos. The most important, of course, is accessibility—you want to be able to reach the millions of people out there with hearing difficulties. But there are other reasons, too, which this article explains, before explaining how you go about adding those captions. Read about it here.
React is a wonderful front-end framework for building dynamic single-page applications quickly and easily. This course teaches you how to use it while putting together a hangman app from scratch. You’ll learn how to create a new app project, build out all the components, handle states and styles, and work with web and lifecycle events. Take the course!
If you’re creating a website design in 2019, clients will definitely want to know what the site looks like on different devices and screen sizes. A responsive design mockup is a great way to illustrate that, and you can learn how to create one in this free YouTube course.
WordPress has its own default media player these days, so why bother with a music player plugin? What do they give you that the standard WordPress option doesn’t? And what about directly embedding audio players from other sites? This article runs you through all the options, clearly explaining the pros and cons of each. Find out more.
You could be the most talented web designer in the world, but if you can’t manage a project, you won’t be very successful. Web design projects can be large and complex, involving many tasks and sometimes many different team members. This tutorial shows you how to use Paymo to manage even the most complex project with ease.
Yep, it’s awards season again. Will Black Panther beat Bohemian Rhapsody? If you’re creating video content to tie in with the Oscars, you’ll love this course on creating a cinematic text animation. Whether you’re creating a movie trailer, an animated sequence or another type of video, it’ll help you create titles that belong on the big screen. Take the full course.
Have you ever wondered what you’d look like as a deer? No, me neither. But you will after you follow this amazing photo manipulation tutorial. It shows you how to use Photoshop to combine photos to create this stunning deer effect. Why not try it with your own photo? Find out how it’s done.
Popups can often be annoying, but if done the right way, they can be hugely beneficial for your site while also respecting the needs of your users. This tutorial shows you how to add popups to your WordPress site the right way, using some of the brand new features of the popular Elementor page builder. Start creating great WordPress popups now.
WordPress made a huge change a few weeks ago with the launch of its new editor, Gutenberg. If you want to get the most out of it, check out David Gwyer’s two-part tutorial on customising block styles. Up your Gutenberg game today. And if you want to find themes that are already optimised for Gutenberg, you can do that here.
If you want to get creative in your website designs, you need to know about CSS Grid Layout. It’s the most powerful layout system available, and in this comprehensive YouTube video, Adi Purdila teaches you how to use it. It’s called “A Quick Introduction to CSS Grid Layout”, but I think that’s under-selling it! Watch the hour-long video here.
Calendars usually all look the same, but this one really stands out with its bold, colourful, wheel-based design. So why not learn how to make it in Adobe InDesign? The skills you learn will help you create other diagrams and infographics as well. Read the full instructions here.
No, I’m not talking about annoying auto-playing background music. Don’t ever do that. This quick tutorial covers some of the most useful ways to include audio in your websites and apps. These tips will help you enhance the user experience and give useful feedback, rather than imposing your random musical tastes on every visitor. Get the tips here.
OK, a name like Hapi.js just begs for puns, but I’ll leave it there. Express has long been the leading HTTP server framework for Node.js applications, but Hapi.js is probably the most popular alternative, with many devoted followers. Learn about it here—you’ll be Hapi you did (sorry, couldn’t resist!).
Colour grading sounds like a dull, technical topic, but it can make a huge difference to how your videos look and how your viewers respond to them. So settle in for an hour and a quarter with Dave Bode and learn all the ins and outs of colour grading. Watch the free course on YouTube.
If you’ve had enough of all the cute, cheerful holiday-season fare, why not go dark and design a gritty, post-apocalyptic movie poster? It looks complicated, but with the step-by-step instructions in this tutorial, you’ll be able to create it all in Photoshop. See how it’s done.
New Year, new projects. Maybe you’re pitching an idea for a creative project, or maybe you’re after something more corporate. In either case, this half-hour course is just the ticket. You’ll come away from it knowing how to create a PowerPoint pitch deck that will convince more or less anyone to do more or less anything. Use this knowledge wisely.
Hey, we all want to do it, right? Take that blog or website and turn it into a money-making machine that will let us do what we really want to in 2019. Well, I can’t promise that this tutorial will get you there, but it’ll certainly give you some useful ideas. Get all 12 money-making ideas here.
When you’re putting together a proposal, the design really matters. Your prospective client will probably have dozens of other proposals to look through, and grabbing their attention with a clean, elegant design will give you a crucial advantage. This course teaches you how to stand out from the crowd by putting together a great proposal in InDesign.
Who uses Flash these days? CSS3 gives you so many great animations while providing a seamless experience for users. This free video course lets you build your CSS animation skills by completing six small but useful projects that use CSS animations. Take the free course now.
If you don’t know code, you can still build your own website easily. Just use WordPress and a special builder plugin like Elementor. In this tutorial, Adi Purdila walks you through how to get set up, so you can quickly go from zero to a functioning website—with no coding skills required. Get started here.
When Adobe comes out with a new app, it’s worth paying attention. While the company isn’t flawless, it does have a great track record at producing software that becomes the new industry standard. So take the time to have a look at Adobe’s new video editing app, Adobe Rush. Follow this tutorial to see how it works and get up and running quickly.
Maps are everywhere on the web, but how many interactive ones do you see? Learn how to make your maps stand out with interactive features in this fascinating course by Craig Campbell. You’ll use the powerful Leaflet framework to create a map and add a range of shapes, markers, click events, and more. Take the course.
If you’re anything like me, you take one look at an image like this and think, “I could never draw that!” But Monika Zagrobelna’s instructions are so detailed and simple that you may just have a chance of reproducing it—or at least getting close. See how it’s done.
MongoDB Stitch is a powerful serverless platform that can meet all your back-end requirements. This tutorial takes you through every step required to use the platform in an Android app. Read the tutorial to find out how it works.
We all know about animated GIFs, but did you know that animated SVGs are a great alternative? You can even use them for things other than cute cat memes. Find out how to animate SVGs in this amazing tutorial by Adi Purdila.
WordPress has so much flexibility built in, but many people never use it. For example, most people stick with the default post type, but you can create your own custom post types to include data that’s useful for your own website, saving you a lot of time. See how to use WordPress custom post types.
OK, this last one is not a skill, exactly, but if you want to be a designer, it’s essential to keep up to date with trends in the industry. This article takes a peek into 2019 to predict what’s coming for designers. Read Grace Fussell’s predictions for 2019 design trends and see if you agree.
Isn’t this a striking poster? I love the combination of shapes and colours, and the way the image in the center is split into full-colour and black-and-white segments. It looks complex, but in this free tutorial, Laura Keung teaches you to create this poster step by step in Photoshop. Read the instructions.
Time for a free YouTube course now. That’s right, you can find a lot more on YouTube than cute cat videos. This comprehensive three-hour video takes you through the nuts and bolts of editing video in Adobe Premiere Pro. It starts with the basics of getting set up and importing your footage, and then it takes you through the whole editing process, right through to the final stage of exporting your finished video. Set aside some time to watch the video, or bookmark it to watch later.
Figma is an incredibly versatile app for designing user interfaces, and it’s quickly becoming a favorite tool for UI and UX designers worldwide. This course helps you learn some of the more advanced aspects of working with it, such as styles and team libraries. So watch Beyond the Basics: Figma to get up to speed. Or try A Guide to Prototyping in Figma for a practical guide to using the software for prototyping.
Here’s the problem: most web interfaces are designed with mouse cursors and touch interaction in mind, but many users rely on the keyboard to navigate. This tutorial teaches you the important skill of designing for keyboard accessibility. You’ll learn some great techniques for assisting keyboard users and making your sites accessible to a broader audience. Read the full tutorial here.
With the terrifying trailer for the new horror movie The Curse of La Llorona generating quite a bit of buzz, why not take inspiration from the movie—and the original Mexican folk tale—by creating a “La Llorona” illustration of your own? The best part is that it’s easy to do in Photoshop, thanks to this free step-by-step tutorial by Abbey Esparza. Learn to create the image here. They should definitely have used this for the movie poster!
You know those features on sites like Medium.com that let you recognise a post by clicking the “applause” icon and seeing the number of claps increase in real time? With this tutorial, you can create that feature for your own app, using Angular and Pusher. Get the instructions and source code here.
Here’s another comprehensive YouTube course for you. This one is 2 hours 45 minutes long, and it takes you through using the Affinity Designer app in all the detail you could possibly need. If you want to get started with this popular alternative to Adobe Illustrator, all you need to do is watch this video.
Yes, another accessibility post! Why? Because it’s an important subject that’s been neglected for too long. Envato Tuts+ Web Design just devoted a whole week to it—read more here. This post is about testing your site, and what better way to do that than by discovering how we actually do it an Envato? Get the inside scoop from Envato developer Luke Jones.
Forms are not the most exciting aspect of a website, but they’re one of the most important. They let visitors contact you, give feedback, and interact with the site in lots of other ways. This course shows you how to create functional forms in PHP. As a bonus, you’ll get to learn and practise some useful PHP skills too! Take the course!
We cover a lot of technology topics on Envato Tuts+, so let’s finish with something more old school. You may not need to write many formal letters these days, but you’ll have to do it at some point. And chances are that when you do need to write a letter, it will be important to get it right. Think about a cover letter for an important proposal or an invitation to a prestigious event. Getting the details right is very important, so get the full lowdown here.
Affinity Publisher is still in beta testing before its official launch, but it promises to be a fabulous alternative to Adobe InDesign. So why not take it for a test drive by downloading a free trial version and following the steps in this tutorial to create a stylish magazine layout. Get started now!
Are you tired of your job? Looking for a new challenge? If you want to start 2019 in a more rewarding role, you’ll need to start the process now. This free video course takes you through the process of creating a professional resume to kick-start your job hunt in just ten minutes. Just watch the video above, or check it out on YouTube.
If you need to design an eCommerce site, this tutorial will teach you everything you need to know to get started with an effective prototype in Adobe XD. You’ll get full instructions on how to create the prototype and how to master some key features of the software. Learn more here.
If you’re still using floats or Flexbox to create grid layouts in your web design projects, there’s a better way. It’s called CSS Grid Layout, and you can learn all about it in this one-hour course. Take the course to master the most powerful layout system currently available.
This tutorial is two for the price of one. You get to learn some amazing hand lettering techniques, and you also learn to create a striking T-shirt design in Photoshop, complete with a realistic mockup. Oh, and the tutorial is free, so it’s really two for the price of none. But that doesn’t sound so good… Anyway, start learning here!
Do you know how to use the power of the “Magic Move” feature in Apple’s Keynote presentation software? It’s a great way to give your presentations a distinctive, professional look by incorporating some slick animated transitions. Learn how it works in this quick video tutorial.
Email templates aren’t easy to create because they often rely on complex table-based structures. In this course, you’ll learn an easy way to create a beautiful email template by customizing a premade starter template from Envato Elements. Find out how it’s done.
We’ve covered a lot of design topics, so here’s one for the developers out there. In this tutorial, you’ll see how to monitor the performance of your web apps, identify problem areas, and figure out solutions. It’s all done using the Raygun APM dashboard, and you can get the details in the full tutorial.
This course is a comprehensive guide for complete beginners to Adobe Illustrator. It starts with zero assumed knowledge and in over three hours of video lessons, it takes you up to the point where you can create finished illustrations using the Pen Tool, the Curvature Tool, brushes, and more. Take the course to go from zero to competent illustrator in a few hours!
Since it’s back to school time, let’s start by creating a simple icon to mark the event. Do kids still use rulers and calculators these days, or are they doing everything on their smart watches? In any case, the symbols are very recognisable, and you’ll also learn a lot about creating any type of icon in Affinity Designer. Take the free tutorial to get started.
When you need to design a corporate website, there’s no sense starting from scratch. Instead, you can give yourself a solid head start by using a UI kit. This in-depth course will teach you what a UI kit is and how to use one to design a corporate website using Sketch. Find out more.
Users now expect the same real-time experience across web and mobile apps. Delivering that just got a whole lot easier thanks to this comprehensive series of free tutorials on Pusher and its Channels platform, which allows you to give your users a seamless real-time experience across multiple channels. Browse through the series to get up to speed with this powerful technology.
Can you believe that this stunning portrait was created on an iPad? And can you imagine creating it yourself with step-by-step instructions? That’s exactly what you’ll get in this tutorial. So view the instructions and start using your iPad for something other than Netflix!
Sketch and Adobe XD are both useful programs for web designers, but which is better? What are the pros and cons of each, and how can you decide which one to use? Find out in this video.
Frankly, the scariest part of this tutorial for me was its claim that Halloween is already approaching. Can’t we stay at the beach a little longer? But I have to admit that some of the photo effects you learn how to create in this tutorial are very creepy and impressive. So if you want to get spook-ready well in advance, follow this tutorial.
Ah, that’s more like it! A summer music festival, beaches and palm trees… You can really feel the summer vibe in this flyer design. So if you’re not ready for creepy Halloween cats just yet, stave off autumn with this fun flyer design project in Photoshop. As usual, you’ll learn loads of useful skills along the way. So sign up for the course now!
Swift is well known as the programming language you use to develop apps for the iPhone and other Apple devices. But did you know that it’s now a server language too? In this tutorial, you’ll learn what server-side Swift is and why you would want to have Swift on your back end. You’ll also see how to get started with the Kitura, Vapor, and Perfect frameworks. Get started with server-side Swift!
People used to dream of having their book published one day. Now, with services like Amazon and CreateSpace, it’s easy to skip the dreaming and go straight to the publishing. But as you’ll see if you browse any online bookstore, getting the cover right is easier said than done. So take this book cover design course to learn how to create a professional-looking book cover that will entice new readers to buy and read your book.
In web design as in other creative endeavours, getting started is often the hardest part. How do you find inspiration to get beyond that blank page? This video tutorial introduces an interesting concept: using an image as the base for a web design project. It shows you how to pick a good image, pull it into Adobe XD, and use it to create your colour scheme. From there, you can build out the whole site much more easily than you would have been able to with nothing but white space to look at. Watch the video to see how it works.
Envato just launched a new partnership with Placeit, which makes it easy to create photo-realistic mockups with no design skills at all. But if you want to create a mockup the old-school way, with smart objects and smart filters in Photoshop, then read this tutorial for the full lowdown on how to do it.
Often, the best way to learn something new is by rolling up your sleeves and doing it. And if you have the right guide, you can even get the practical experience without having to waste time on missteps. That’s what this course offers: you get to create a series of practical call-to-action WordPress plugins, with expert guidance to help you through the whole process from start to finish. Take the course to get started right away.
Making it big in China is every website owner’s dream. But making it happen is more complicated than you might think. The SEO practices that you’ve followed with Google in mind just won’t cut it in China. Read this in-depth China SEO guide to learn about everything from on-page optimisation to business licenses.
No, I’m not talking about unplugging and going to the beach (although that’s not a bad idea). I’m talking about making your website available even when people have bad internet connections. An offline website? How is that even possible? With the magic of service workers. Learn about them in our new short course, or read an in-depth eBook if you prefer.
I included this course not just for its pun potential, but also because it’s a really useful guide to getting the most out of Photoshop brushes. If you do any kind of art, design or other creative work in Photoshop, you need to watch this video. Oh, did I mention it’s a free course? That’s another good reason to watch it.
This amazing sci-fi scene looks impossible to create, but this tutorial makes it easy. All you need to do is download some images and textures, and then follow the step-by-step instructions on how to put them all together and make the necessary adjustments. Find out how it’s done.
If you need to get a landing page up and running quickly and easily, there’s no need to reinvent the wheel. Just pick a professionally designed landing page template, customise it to meet your needs, and focus your time and energy on the important part: making the page successfully convert. Take this short course to find out how to go from zero to a professional landing page in no time.
Even if you don’t know what kinetic typography is, I bet you’ve seen it. Think about those slick text effects you see on presentations or videos, where text comes together in smooth animations. Well, instead of reading my description, it’s probably better just to watch the video. It only takes 60 seconds, and you’ll not only see what kinetic typography is, but learn how to create it too!
Webinars are a great way to build your audience by giving people valuable information. Do it right, and you can convert casual visitors into engaged followers and future customers. But first, you have to get people to sign up. This article gives some great tips on creating an effective registration page that will give you a full set of attendees every time, and it links to some useful resources for building the page. Read the article to find out how.
Do you like bold colours and playful design elements? Then you’ll love the Memphis Style, created in the 1980s and now back in vogue. From three of our recent tutorials, you can learn what the Memphis Style is, and then make a text effect and a poster in Memphis Style.
If you do any work with web typography, you need to learn about variable fonts. They’re a fantastic new development that lets you get much more creative with typography than you ever could before—while also reducing your font load time. Get up and running with variable fonts in our comprehensive new course.
We’ve all seen them, haven’t we? Those WordPress theme authors who rake in thousands of dollars from a single popular theme. How do they do it? You’ll get some great tips in this tutorial. Generally, articles only tackle one aspect of theme development: business strategy, technical quality, or marketing. This one covers all three. Read the tutorial to help you create the next hit WordPress theme.
Logo stings are those cool animated logo effects that you often see at the start of videos. They’re a great way to communicate your brand in a stylish way that even jaded YouTube viewers will remember. In this course, you’ll learn to create a complex logo sting the easy way, by downloading an awesome template and customising it. For a limited time, the Projection Mapping logo sting template is available for free for you to follow this course and learn. Simply create an account on Elements and then download it for free.
I’ve been a freelancer for over a decade now, so I know the importance of getting paid on time. Even if you do all the creative stuff well, you still need to handle the invoicing properly so that your clients pay you before your bills are due. This quick, ten-minute course will help you create a professional invoice in either Microsoft Word or Adobe Photoshop. Watch the course now.
If you work with WordPress, you probably know that a major overhaul of the classic post and page editor is coming soon. Although many articles present it as a problem (how do you get ready for it, how do you make sure your themes are compatible, etc.), it’s actually a great opportunity to offer a whole range of new functions to your theme and plugin users. Read this tutorial in our Gutenberg series to learn about extending custom Gutenberg blocks. Or take our new in-depth course, Coding Blocks for WordPress Gutenberg.
Smartphones are great for casual photography, but can they really compete with digital SLR cameras for shooting landscapes? The answer, as you’ll see in this tutorial, is a resounding yes. You’ll learn some tips and tricks that will take your landscape photography to the next level, with nothing more than the phone in your pocket (although a tripod and access to Photoshop will also help!). Get started here.
We ran various tutorials to celebrate Pride Month in June, including this great little piece on creating a rainbow text effect. It doesn’t matter that June has now ended—any time of year is a great time to show your pride or solidarity. Plus you’ll pick up some great Adobe InDesign skills if you follow along. Get the step-by-step instructions.
Live streaming can be a great way to boost your online profile, connect with your fans and followers, and reach out to a new audience. But it can also be completely terrifying. In this tutorial, you’ll learn why you should do live streaming or screencasting, and you’ll pick up some great tips on how to do it, from the tools and equipment you need to the techniques that will help it go smoothly. Find out more.
If you use WordPress, you’ve probably heard all about Gutenberg, an entirely new editing experience coming to WordPress later this year. Most of the articles so far have focused on adapting to it and dealing with issues, but what I like about this tutorial is that it focuses on the opportunities Gutenberg offers. Specifically, it shows you how to create your own custom version of a block—the drag-and-drop unit that Gutenberg is built around. With custom blocks, you can offer truly unique experiences in your themes and plugins. Find out how.
We often focus on new technologies in these posts, but sometimes it’s good to get a refresher on something that’s been around a long time. This comprehensive three-hour video-based course treats Photoshop as if it’s a new piece of software, introducing it to you from start to finish, with no prior knowledge assumed. This is a perfect way for beginners to master Photoshop, whether you’re a designer, photographer, marketer, or hobbyist. Take the course to learn about layers, adjustments, masking, Smart Objects, and a whole lot more.
If you’re creating a mobile app, you’ll probably need to load images at some point. This tutorial teaches you how to do it quickly and easily with Picasso, a popular open-source Android library for loading both local and remote images. It gives you an introduction to what Picasso is and why you should use it, and then it takes you step by step through the process of using it to create an image gallery app. Get the full instructions and source code here.
If you’re a small business owner or freelancer who wants to set up a professional-looking website quickly and easily, this short course is perfect. You get to see the full process of creating a site using a premium WordPress theme. You’ll install and activate the theme, configure the options, and then create the home page, menu and hours page, contact page, and so on. Take the course to get started.
When you hear the phrase “design thinking”, what comes to mind? Maybe putting good design and aesthetics at the centre of whatever you’re working on? That’s not a bad definition, but this tutorial argues for something different. Design thinking is about seeing everything from the customer’s point of view and designing everything with a view to what the customer needs and wants. Read the full tutorial to learn more about how it works and what the implications are for designers.
The most exciting tutorials are usually the ones where you build something. This isn’t one of those. There isn’t even a good preview image to show. It’s very much about the nuts and bolts of code, and yet those nuts and bolts are very useful indeed. With regular expressions, you can manipulate strings of data in pretty much any way you want, allowing you to find matches, replace parts of the string, and much more. Read this beginner’s guide to get an idea of what’s possible.
Are you a designer? Do you want to make some extra money? If you answered “Yes” to both those questions, then this tutorial is for you. In it, you’ll learn about ten different ways of using your talent to bring in income from side gigs. Teaching, writing, consulting, merchandising, and more—these ideas will get you thinking about new possibilities for your design career. Read about all ten side gigs here.
We couldn’t let May the 4th go by without a Star Wars tutorial, could we? And what better choice this year than those cute, fluffy porgs? This is actually a two-part tutorial. First, you can learn how to draw a porg by slowly adding simple shapes and then shading. Then you can take that drawing and create a beautiful vector illustration in Affinity Designer.
Traditional grid-based layouts have a lot of advantages, but you also end up with a lot of websites that look pretty reminiscent of other websites. If you want to make an impression, try breaking the grid. This course shows you exactly how to do it using the CSS Grid Layout model. Learn the full process with video instructions here.
Boom! The explosion effect above looks complicated to create, but it’s actually quite simple to build it using the Toon Boom software. You’ll get the step-by-step instructions in this tutorial, and you can use the skills you develop to build all kinds of different animations. Read the tutorial to get started.
If you use WordPress to create or update websites, you’ve probably heard about a massive change that’s coming soon. The update, codenamed Gutenberg, will change the way you create and edit posts and pages—probably for the better, but with some major adjustment required. Take the course to see how it will work.
Also check out these helpful Gutenberg articles:
- What Is WordPress Gutenberg?
- How to Prepare Your Plugins for WordPress Gutenberg
- WordPress Gutenberg Block API: An Introduction
Who doesn’t love puppies? Just look at how cute and chubby that little guy is. But seriously, there’s more reason to take this tutorial than just the cuteness factor. You’ll also see how to break down a fairly complex thing like a puppy into simple ovals and lines so that you can draw it easily. Read the instructions here.
Double exposure effects, where multiple images are blended together, can be very visually powerful. But there’s more to creating them than simply slapping one photo on top of another. This course takes you through three separate examples to give you a comprehensive understanding of the dos and don’ts of double exposures. Take the course to discover how it’s done.
Accessibility is crucial when designing WordPress themes in 2018. But how do you ensure your theme is fully accessible to everyone? This tutorial guides you through the essential steps, from using semantic HTML to checking for color contrast and avoiding repetitive link text and more. Read the tutorial to get up to speed.
Bootstrap is an incredibly popular framework for building websites, and the new version 4 comes with a lot of changes. One of the biggest is a complete revamp of the grid system. Take the course to learn all about the changes and practise using the new system.
No matter what industry you’re in, knowing what your customers want is a pretty essential part of staying in business. You’ve probably heard of focus groups and how big companies use them to decide which variant of a product will work better. But did you know that small firms can use them to? Do you know how to set one up and use it effectively? If not, read the tutorial to find out.
Sometimes, having the right piece of gear can make a real difference to the quality of the images you produce. But with such a wide array of cameras and lenses out there, it can be tough to know where to start. This video tutorial breaks it all down for you, showing you the benefits of a medium telephoto lens and how to get the most out of it. Watch the video to get clued in.
The technology updates seem to be coming thick and fast. Along with Gutenberg and Bootstrap 4, there’s also Java 8 to look out for. Although Java 8 has actually been around for a few years now, Android app developers couldn’t use it until recently. However, in version 3.0, Android Studio started supporting Java 8, and this short course shows you how to add Java 8 to your Android Studio projects and upgrade your code to take advantage of all its new features. Take the course to prepare for the upgrade.
No drawing skills required! You can construct this cute illustration using simple shapes and tools in Adobe Illustrator. Get the full step-by-step instructions to see how it’s done.
Creating an engaging user experience (UX) is hard enough anyway, and it gets even tougher when you have to consider the different cultural contexts of people around the world. This short tutorial introduces you to some important best practices. It’s also worth reading up on what dark UI patterns are and why you should avoid them.
Fruit? Really? Yes—there’s a good reason why painters have honed their skills for centuries on this classic still life subject. Fruit gives you a variety of colours and textures to work with, and its various surfaces reflect light in different ways. This tutorial takes you through the whole process in detail, using techniques from 3D modelling to make the end result look incredibly realistic. By the end, you’ll be ready to use the same techniques to paint any subject you want. Follow all the steps here.
If you’re a small business owner or freelancer who wants to create professional branding materials quickly and efficiently, this quick ten-minute course is for you. You’ll learn how to select appropriate templates from Envato Elements and bring them together to form a cohesive brand identity that instantly builds customer trust. Take the course now.
Does this sound familiar? You buy a phone or tablet, it comes with a ridiculous amount of storage that you’re sure you’ll never end up using. Then, within no time, you get messages popping up saying the device is full. This tutorial takes you through some useful steps to avoid that problem for iOS devices by freeing up space and using storage more efficiently for common problem areas like photos and music. Learn those iOS storage secrets here.
For me, the attraction of WordPress is that it lets you build sophisticated websites without having to understand PHP, the underlying programming language it’s built with. You can bolt together themes and plugins, tinker around with a few settings, and you’re good to go! But, of course, if you want to go to a deeper level of customization or become a WordPress developer, you will need to learn PHP eventually. This course is a great introduction, letting you take your first steps with PHP in the familiar environment of WordPress. No more flaking out and using the Customizer—go ahead and take the red pill to see what’s really happening under the hood.
Often, the best way to learn something is to get your hands dirty with a practical example. In this course, you’ll be building a trip-planning app for the Finnish public transport system. Along the way, you’ll learn how to seamlessly retrieve and integrate live server data into your app, while structuring your queries, accessing real-time data, and handling errors. You’ll also get to know the quickest route from Mäkkylä to Espoonlahti. Take the course to start building and learning today.
A shatter effect is a powerful visual metaphor that you can use in a range of designs to illustrate progress, change, or breaking through boundaries. This tutorial shows you how to create the effect easily in Photoshop, starting with a stock image and creating a special “shatter brush” to let you apply the effect, before making all the necessary adjustments so that it looks realistic. Get the full instructions here.
Cloud Firestore is an easy, secure way to store your Android app’s data in the cloud. This tutorial shows you how to use it to create a simple weight tracker app. You’ll learn how to set up user authentication and a basic user interface to make a fully functioning app in a surprisingly short amount of time. See how it’s done.
The simple, fluid “rubber hose” style of animation is a great way to learn the basics of animation without worrying about the detailed anatomy of your characters. And although the characters are often simple, their movements can look very realistic. This course shows you how to animate a rubber hose character in Cinema 4D, giving you a perfect introduction to 3D animation along the way. Take the course now.
Too often, things like this get published around Halloween, but I think we should be able to scare the bejesus out of each other all year round. As well as being nightmare-inducing, this photo manipulation project is a great way to learn about techniques like using colour grading to add atmosphere and mood to a scene. Read the tutorial to start assembling this scene step by step.
A portfolio website is a must for people in all kinds of different industries. It lets you pull together your work and show it off in a visually engaging way. This course shows you how to create a portfolio site the easy way, using WordPress and a pre-designed portfolio theme. Take the course to build a great-looking site in just an hour.
Some designs are so striking that you just think, “Wow, I could never create that.” Well, I do, anyway. But this tutorial breaks the whole process down into easily manageable steps. If you’ve got a copy of Photoshop and some time available, you can work your way through this and create a stunning photo manipulation with a stitching effect. Get the full set of instructions.
Are you up for a challenge? This post sets you the challenge of building a React component for displaying a Twitter avatar, and then you can either work on it by yourself or watch the video to see how it’s done. Take the challenge here.
Adobe Illustrator is one of those programs that you can use for years without discovering all its features. This course takes you through 10 essential design tips to help you get the most out of Illustrator and bring your creative ideas to life. Take the course to discover all 10 tips.
Search Engine Optimisation (SEO) is one of those subjects that changes all the time. That’s why Envato Tuts+ publishes annual reports on The State of SEO. Check out the latest SEO report for 2018 to discover the ins and outs of AJAX crawling, artificial intelligence and more.
If you want to set up an online store or monetise an existing site, Shopify is a popular solution. This course makes it easy for you to get up and running with your own online store. Take the course to watch 12 detailed video lessons that will take you from zero to a functioning store in no time. Bonus: the sample store you’ll be creating is a pet store, so plenty of scope for cute dog photos!
Haven’t we all dreamed of leaving the laptop behind and going for the simplicity and comfort of an iPad? For “power users” like professional graphic designers and coders, this may not be practical, but for many of us, an iPad can now handle most if not all of the tasks we use our computers for. So if you’re ready to slim down, read this article for details of how to make the switch successfully.
Take a close look at the image above. The left half is how the photo originally looked, and the right half has had the Dehaze tool applied to it in Adobe Lightroom CC. As you can see, it’s a powerful tool, and this tutorial teaches you exactly how to use it. Read the tutorial to get up to speed.
What I like about this tutorial is that it goes beyond the technical aspects of building a website to deal with the whole process, from defining your target audience through the design of the site and then marketing and content creation. While some of the tips are specific to restaurant websites, others could be applied to a range of other business websites. Read the article here.
If we’re putting something out into the world in the year 2018, it really should be accessible to everyone. What I like about this tutorial is that it explains in lots of scientific detail what colour blindness is and how things look to people with different kinds of colour blindness, and then it goes on to give tips on what you can do to make your designs easier for everyone to view. Read the tutorial to learn how to tell protanopia from deuteranomaly and cater for people with either of them.
Icon fonts are popular among web designers, and for good reason. But did you know that SVG can sometimes be a better choice for handling icons? Take the course to find out why you should consider using SVG for icons and to learn the practical steps for switching from icon fonts to SVG.
A well-designed landing page can make a huge difference to your website, enabling you to steer visitors clearly towards the action you want them to take, whether that’s signing up for your mailing list or buying your latest product. Luckily, Unbounce makes it easy to create the landing page you want, and this tutorial shows you exactly how to do it. Start creating your landing page now.
Feeling creative? This next tutorial is perfect for anyone who wants to experiment with new artistic techniques while picking up some tips on Adobe Photoshop and Lightroom too. Juxtapose jarring images and symbols, mix in some bright colours, and create a striking result. Get the step-by-step instructions here.
Or for a very different kind of creativity, why not learn to build your very own content management system? This is a really comprehensive course that includes 23 video lessons with a total viewing time of over four hours. It’s recently been updated with brand new lessons to take advantage of the latest features in Laravel 5, so why not take this comprehensive course and learn pretty much everything there is to know about creating a CMS with Laravel.
Don’t you just hate it when you shoot video that looks perfect in every way—except that the colour balance is off? Problems with tone, white balance and other colour settings are common when shooting video, and they can ruin the end result. So watch this free video to get instructions on salvaging your work by adjusting the colour in Adobe Premiere.
Remember that earlier I was extolling the virtues of SVG for fonts? Well, it turns out that you can create some pretty amazing text effects with it too. Bubble bevel, anyone? Chunky metal? Or how about a neon light effect? Take the course to complete five practical projects that will teach you a whole lot about using SVG to manipulate text.
The holiday season may be over, but hopefully there’ll still be plenty of reasons to celebrate in the year to come. So why not celebrate with this elegant champagne illustration? What I like about it is that it’s built using just basic shapes, tools and effects in Adobe Illustrator—no drawing skills required! Find out how to do it.
Sometimes, the best way to learn is by getting your hands dirty and doing something. Flask is a popular microframework for creating web apps in the Python language, and this course teaches you how to use it to build your very own file-based wiki app. Watch the free preview to find out more.
Whether you see yourself pacing around the stage at TED or simply want to deliver a compelling speech at work or school, this tutorial is packed with tips to help you put together a killer motivational speech. Read the tutorial to learn not only how to engage your audience, but how to inspire them.
The great thing about photo manipulation is that if, like me, you can’t draw to save your life, you can still create some amazing scenes like the one above, just by merging photos together and applying some effects. There’s a bit more to it than that, of course, but this tutorial breaks it all down into easy steps. So why not learn photo manipulation today?
Along with making New Year’s resolutions, another popular activity at this time of year is making a new career move. If you need to update your resume to propel you towards that dream job in 2018, this short course is for you. Building on a professional template from Envato Elements, you’ll learn how to create a resume that is clean, targeted, and highlights your skills and abilities. Take the course to give your career a boost this month.
Machine learning is a hot topic right now, and it’s only going to get more important as time goes on and the possibilities and capabilities of the technology multiply. This tutorial will help you surf the crest of the wave by introducing you to natural language processing, a key element of machine learning. Essentially, it’s the means by which computers understand human speech—not just grasping the basic meaning, but doing complex things like analysing sentiment and pulling out key information. Read the tutorial to find out more about how it works and to get some practice using it in iOS 11.
We’ve all seen great photos ruined by the sun being in the wrong place—usually right behind our beautiful subject, making it into a silhouette shorn of all its details. Of course, the sun is never really in the “wrong place” at all. It moves predictably around the sky, and there will be a time of day—or a different season—in which you can get the shot you want. Read the tutorial to find out how you can use a simple web app to plan your photography shoots with the sun in mind.
Sketch is a powerful digital design application, and it’s perfectly suited to those who design user interfaces for web or mobile apps. In this course, you’ll learn how to create a mobile UI design in Sketch, working from an initial wireframe all the way through to a completed design.
Here’s an idea for the New Year: do something to help future generations have a habitable planet on which to make and break their own resolutions. An infographic is a great way to communicate complex information and statistics in an engaging way, and this tutorial teaches you how to create one in Adobe InDesign. Find out how it’s done.
Branding is a powerful tool for building a company’s reputation—some of the major world brands are worth billions of dollars. Having a consistent and professional branding package across print and web can really help set a business apart from its competitors. This course teaches you how to create this package on a budget by using Envato Elements and Affinity Designer. You’ll produce a logo, branding colors, a customized website, a business card, a Facebook cover design, and more. Get started here.
Anko is a Kotlin library that makes it easier to build Android apps. What better way to learn it than by getting your hands dirty building a music player app that can automatically pick and play random songs from the user’s device? It’s quite a complex app, but the tutorial makes it easy to understand. Get the full instructions and code.
If you have a website or do any kind of design work for the web, you should be conscious of how to design sites that everyone can view easily—including the millions of people with color blindness, low vision, blindness, or other visual impairments. If you’re not, or if you need a refresher, then read this accessibility tutorial to make sure you’re not inadvertently excluding potential visitors and customers through simple but common design flaws.
In case you haven’t heard the news yet, color fonts are shaping up to be one of the hottest design trends of 2018. This tutorial teaches you how to create your very own color font using the latest version of Adobe Illustrator and the powerful Fontself extension. So why not learn this important new design skill?
Speaking of new skills, have you tried Gravit Designer yet? It’s a completely free vector application that was launched earlier this year. It’s available in the browser as well as on Linux, Mac, ChromeOS and Windows, making it arguably the most accessible application of its type in the world. Learn how to use it in this thorough introductory course.
If you do any kind of online collaboration, you’ve probably come across Slack. It’s used by over 50,000 companies—and yep, Envato is one of those. This tutorial shows you the code and takes you through all the steps to build your own unique integration with Slack, using Python for the logic. Learn the steps here.
We all know that a presentation looks smarter and more coherent when we use a well-designed template, don’t we? But getting the most out of a PowerPoint template is another story. This in-depth video course shows you how to create a polished presentation from start to finish, using the popular X Note template as an example. So take the course and move your presentations to the next level.
More new design software for you to learn. Studio is a free online UI design tool, ideal for web designers or anyone else designing for digital products. Watch the video to get up to speed with Studio quickly and easily.
Have you ever taken some great video footage, only to find that it is too shaky to be usable? Unless you use a tripod or have the steady hands of a neurosurgeon, the answer is probably yes. Luckily, Apple’s Final Cut Pro X has stabilization processing built in. Find out how to stabilise your video footage in this video tutorial.
Any designer will tell you that typography is crucial to good design. From company brands to newspaper headlines to advertisements to websites, you can see the power of typography in action everywhere. But, like any specialised field, typography has its own vocabulary, which can be confusing for beginners. Watch this 60-second typography video to learn how to tell your counters from your spines and your stems from your shoulders.
If you often switch between different languages (or if you just enjoy using words like “smörgåsbord”), you’ve probably encountered the annoying situation of taking ages to type a letter with an accent that’s not included on your standard keyboard. On a Mac, of course, you can hold down the key and see a range of common accents, but that can still take a while. There’s a better way, involving automation apps. Learn the shortcuts here.
In the wake of Black Friday, Cyber Monday and all of the associated consumer frenzy, you may well be sick of 2 for 1 deals. But this course offers genuine value, by allowing you both to brush up your icon design skills and to learn Adobe XD at the same time. Take the course to get instructions on using Adobe XD to design a range of useful icons.
If you want to create apps for Apple devices from watches to iPhones, Swift is the programming language to use. With version 4 only released a few months ago, now is the perfect time to get up to speed with secure coding in Swift 4. Read the in-depth tutorial to learn about concurrency, race conditions, Grand Central Dispatch, and more.
Take a look at your favourite website. There’s a good chance that it was built with PHP. This powerful programming language created a big proportion of the web, and it’s easy to learn and easy to use for writing web applications. In this comprehensive, seven-hour video course, you’ll learn all the fundamentals of PHP, from the basics of using variables and writing loops and functions up to coding classes for simple object-oriented programming (OOP). Along the way, you’ll learn all the most important skills for writing apps for the web. Take the course to get started building your own web applications.
You’ve probably seen them before—those grids of beautiful photos, often accompanied by an inspirational message. This tutorial shows you how to create them yourself, either in Photoshop or with a simple grid-building app. It’s quite easy, and the results can be impressive. So why not give it a try?
This tutorial hits the trifecta—you can learn a new skill, explore your creativity, and relax at the same time! What’s not to like? Drawing a mandala can be very therapeutic, and although it looks complex, it’s actually quite simple to do. So learn all the steps and start sharpening your drawing skills while relaxing your mind.
I love old movie posters from the 1950s and 60s. The tools available to designers back then were so much simpler, but there were no limits to their creativity, and some of the results were just fantastic. In this tutorial, you’ll learn how to create a movie poster paying tribute to the classic Vertigo poster designed by Saul Bass. You’ll learn a lot about Adobe InDesign along the way, while also doing some Photoshop and Illustrator work. So get started on this wonderful project, and upload your own version in the comments for others to take a look at.
If you use a Mac, you’ve probably come across the “Terminal” icon, and if you’re like me, you’ve probably ignored it. But the Terminal gives you unfettered access to the deeper reaches of your Mac via the command line (if you remember MS-DOS, think of that classic C:> prompt and the commands you used to enter). You can do some pretty useful things that just aren’t possible with the usual graphic interface (such as “caffeinating” your Mac). So take this beginners’ tutorial to discover some nifty examples and get started using the command line.
It’s still quite early days for Adobe XD, Adobe’s user experience design software, which only came out of beta a few weeks ago. So why not be one of the early adopters? This course shows you how to use Adobe XD to wireframe and design a landing page from start to finish. Take the course and build your skills in this useful application.
Envato Tuts+ ran quite a few tutorials and articles last month to mark Spirit Day. Although the day has now passed, this tutorial will still teach you some useful skills for creating text effects in Adobe Illustrator. Plus you’ll be prepared for next year’s event, which will probably come around again sooner than you expect! Find out how to create the effect.
Those newspaper stories about kids running up huge credit-card bills on their parents’ iPads are fun, aren’t they? But they’re probably not so much fun for the parents involved. If you have kids or know someone who has kids, there’s a high chance that your beloved iPad will fall into their hands one day. So take this tutorial and find out how to protect your iPad from damage (both internal and external), as well as protecting kids from coming across bad stuff on the internet.
Kotlin is a new programming language for coding Android apps, and it’s way more concise and secure than traditional languages like Java. This course teaches you everything you need to know to get started coding in Kotlin, from the basics of getting set up and writing your first code right through to advanced features like lambdas, higher-order functions, and using Java and Kotlin together in the same app. Take the course and add a powerful new language to your toolkit.
Think of creative designs, and maybe you think of a creative use of images, shapes, and colour. But you can do a lot with plain old letters, and this course shows you how. You get to play with typography and develop your creativity as you create a concept-driven typographic artwork. Take the course to give your creativity a boost this month.
Yes, Halloween is coming around again, and that can mean only one thing: it’s time to turn your cat into a zombie. In fact, this tutorial shows you how to turn any portrait, whether human or animal, into a terrifying, dead-eyed, blood-spattered zombie. Even if you hate Halloween as much as I do, you’ll still pick up some useful Photoshop techniques in this one. So take the zombie-making tutorial and see how it’s done.
If, like me, you run a WordPress site, you probably alternate between feeling good about the number of websites that use your chosen platform (currently 28% of the web and rising) and feeling worried about the constant security threats. Take this short course to learn the key steps you should take to make your WordPress site much more secure.
OK, the simple app created here doesn’t look as good as the zombie cat, does it? Fair enough. But once you’ve learned the skill of incorporating image recognition into an Android app, there are so many possibilities for more complex apps. This tutorial shows you how to use machine learning to recognize the content of images with the IBM Watson Visual Recognition service. Get the step-by-step instructions and code samples here.
Drawing tutorials can be frustrating—they sometimes seem to be written for people who already know how to draw. But this tutorial is truly for beginners, and it breaks the whole process down into simple shapes like ovals, curves, and crosses. It’s a great way of learning to draw, and it may just help you see the structures behind objects so that you can draw things other than monkeys. Read the full instructions.
Google’s AMP is awesome! It’s a great way of optimizing your website with simple plug-and-play code. Why would you want to optimize a site without it? Well, actually there are several reasons, and you’ll learn more about them in this course. You’ll also learn exactly how to convert an existing AMP-based site to use non-AMP equivalents, helping you to make your site blazing fast while keeping total control. Take the course to find out more.
Lots of people just use generic business cards, but if you really want to make an impression, it’s much better to do it yourself. You get a chance to showcase your creativity while ensuring your business card sticks out from the crowd. It doesn’t have to be complicated either—this tutorial shows you how to create a great-looking business card from scratch in Adobe InDesign in just ten steps. Find out how.
A job board is a great type of website to build for any industry or niche—it allows you to provide really useful information (everybody likes to be able to find job opportunities), and your traffic and referrals can grow fast. This tutorial shows you how to create one using a WordPress theme and some simple customisation, with no coding skills required. Start creating your job board website here.
In the world of coding, design patterns are incredibly useful ways of solving common problems that arise in development. But they can be abstract and hard to grasp for beginners, and you can end up struggling to tell your factory from your facade. This comprehensive, 24-video, 3.5-hour course will set it all straight, with detailed explanations and examples of how each pattern can be used in the Swift programming language. Take the course here.
Wait, doesn’t that style look a bit dated? More 2007 than 2017? Yes, well spotted! This last tutorial is a bit of a nostalgia trip. Tuts+ turned 10 years old in September, and to celebrate, we decided to recreate the very first tutorial on the site, by Envato founder Collis Ta’eed, but this time using up-to-date techniques in the latest version of Adobe Creative Suite. So step back in time with us, and start making plastic jelly like it’s 2007!
If you’re not up to speed with Android’s new Instant Apps feature yet, this tutorial is ideal for you. Instant Apps let people load entire sections of your app on demand, just by tapping a URL and without having to download the full app. This gives you a great opportunity to get your app in front of as many new users as possible. Learn how to create an Android instant app feature here.
Yes, we do live in a world of social media and online connections, but a good printed business card is still as important to today’s freelancer or business owner as it was to Don Draper in Mad Men. Learn how to create your own professional business card design in this step-by-step Photoshop tutorial.
If you’re a web designer, your choices are not limited to macOS or Windows. You can also work very effectively in Linux, and in fact there are some real advantages to doing so. Take the course to find out all about using Linux for web design.
No matter what kind of work you do, I’m willing to bet that you send emails, and that you want people to open them. This tutorial shows you 10 simple steps you can take to improve your email open rates. Who knew that the way you capitalise your subject line can make more people open the email? I didn’t, but the data suggests it’s true. Read the tutorial to discover all 10 email tips.
Artificial intelligence is here—and I’m not talking about those dumb social media algorithms that collect masses of data on you and yet still can’t arrange your feed in the right order. I’m talking about chatbots that can hold increasingly realistic conversations with us. In this tutorial, you’ll learn how to create a simple conversational chatbot using the IBM Watson Conversation service. The best part, for me, is the way it serves up inspirational quotes. Get the step-by-step instructions here.
Sometimes you just don’t have a lot of time to spend learning something new. But everyone can spare a minute, can’t they? That’s the idea behind the Tuts+ 60-second videos—you learn a new skill or technique in just one minute. In this one, you’ll get an introduction to HDR photography. Watch the 60-second video here.
What do you get if you take a photo of the sky, put it in Photoshop, and add photos of a cat, a wall, some trees and a bunch of fish on top? The result, for most of us, will be an amateurish mess. But with the techniques covered in this tutorial, you’ll get the bizarre, impossible and yet weirdly realistic scene shown above. Click here to learn how it’s done.
React is one of the most popular web frameworks, and if you want to learn to use it, what better way than through some practical examples? In this course, you’ll build a digital clock, an Ajax-powered navbar and more, and in the process you’ll learn all the basics of coding React components from JSX and managing state right through to higher-order components and lifecycle methods. Sign up for the course.
If you’ve been working with WordPress for any length of time, you’ve probably heard about the Loop. But do you really understand what it is and how to use it? This short, ten-minute Coffee Break Course will get you fully up to speed. Start learning about the WordPress Loop.
It’s great to learn new technologies and computer skills, but it’s no use having these skills if you’re too unproductive to use them. In a busy work day, it’s easy to get derailed by stress and its close companion, procrastination. So read this quick productivity tip to learn how to take a step back into the stress cave and take some simple steps to help you see the right way forward.
Photo manipulation is a wonderful way to create whole new worlds from your imagination, without needing to draw or paint anything yourself. In this tutorial, you learn how to take seven different photos and blend them together into one weirdly haunting scene. Get the step-by-step instructions here.
Sometimes good design is eye-catching, but other times it’s almost unnoticeable. A well-designed icon may not win any great plaudits, but it’s one of the little details that adds up to a better user experience for your website, app, game, presentation, etc. So why not take things to the next level by adding animation. Take the short video-based course for full instructions on creating icons in Adobe Illustrator and then animating them in After Effects.
Did you know that the average human head has about 100,000 individual hairs? What that means is that if you want to draw someone’s hair, you can’t draw separate lines for each strand—you need to learn some tricks to create the illusion of 100,000 hairs while using far fewer lines. Take this drawing tutorial to see how it’s done.
Most of these design tutorials and courses use Adobe software because it’s so popular and offers so many features. But Adobe is not the only game in town. Take this comprehensive, 17-part video course to get up and running with Sketch, a powerful digital design application that’s great for icon design, web design, and more.
Have you ever had one of those annoying clients who demands double the work in half the time? Of course you have. Here’s a trick for icon designers: have a few flexible logo kits ready to customise so that you can meet even the tightest deadline. Take this short course to learn how to create the three building blocks of a successful logo kit.
OK, I’ll be honest—I’m mostly just including this one because I love the end result. But it does also teach some really useful digital painting skills. Look at the dramatic lighting and the realistic textures of each hand; those are some techniques you could use in a wide variety of projects. See how to create this painting from scratch.
Whether you love them or hate them, animated GIFs are all over the web. This tutorial shows you an easy method of putting together an animated GIF in Adobe Photoshop. The example is of a wolf’s glowing eyes, but feel free to use the same techniques for laughing dogs, weird celebrity mashups, or whatever your heart desires. Start animating your GIFs here.
The 1990s are popular again! Who knew? As far as I remember, the 1990s weren’t even popular in the 1990s. But if those headache-inducing colours and shouting fonts give you a flood of happy nostalgia, this is your chance to step back in time to the days of oversized cargo pants, overused fluorescent colours, and Hootie & the Blowfish. (Oh, and you can also learn some useful flyer design skills in Adobe InDesign.) Enter the time machine here.
Well, no—don’t actually send a ransom note, OK? That would be creepy. But this tutorial does teach some useful skills to help you manipulate fonts and work with shapes and textures in Photoshop to create a realistic text effect. Take the tutorial to learn how it works.
If you’ve ever worked in product or packaging design, you know the importance of a good mockup. Clients often struggle to see the potential of a design until you show them how it will look in the real world. This final tutorial in our list teaches you to create your own wine-bottle mockup from scratch in Photoshop. Along the way, you’ll learn how to manipulate photos, create realistic shadows and reflections, add lighting, and more. Ready to get started? Click here for the full instructions.
OK, it’s true that Facebook’s “Instant Articles” feature has been controversial, and you may not love the idea of having your content living on Facebook’s platform instead of your own. But the advantage is that readers get to access your articles at a lightning-fast speed, and your content fits in seamlessly with the Facebook app, making for a great user experience. And whereas at first it was only for large publishers, now it’s available for all of us. Get a step-by-step guide to publishing Instant Articles in this tutorial.
Just when Adobe seemed to have the vector design market locked down, along came Affinity Designer a couple of years ago, winning a whole host of new admirers among web designers and graphic designers. If you haven’t tried it yet, this course is a perfect way to find out what all the fuss is about. You’ll learn Affinity Designer from the ground up—and the course was recently updated to cover new features like artboards, constraints, symbols, and some powerful new typography tools.
Keeping your skills current is not just about learning new technologies. It’s also about important concepts like accessibility. Making your sites accessible to as many people as possible is not just the right thing to do; it also makes business sense. You work hard to attract visitors, so why turn some of them away because you’ve failed to make the simple changes that would allow them to view your site? I like this quick tutorial because it shows you how to create a style guide for accessibility, while also introducing you to some important accessibility concepts and techniques along the way.
Logo design is one of those things that may well be handled by a specialist graphic designer, but it’s always a useful skill for a web designer to possess. You’ll also get a useful rundown of the major tools, panels and features in Adobe Illustrator, which will be useful for other design tasks beyond logos.
It’s good to learn new skills, but it’s even better to build something useful. This screencast ticks both of those boxes. Take a look at the demo—a neat little tool that lets you select a starting color and have a tasteful color scheme generated for you. You’ll learn how to create that yourself, using the Chroma.js library.
Flexbox is a relatively new layout mode in CSS3, and as the name suggests, it can give you some wonderful flexibility in your page layouts. This popular course lets you get your hands dirty by tackling six projects designed to help you learn Flexbox thoroughly. And now it’s been updated with two more bonus projects on modals and sliders, so it’s an even better way of getting up to speed.
No matter how well you know the ins and outs of CSS, the reality of working as a web designer is that you’ll have to deal with other human beings at some point, and that’s when things can get so complicated that you end up yearning for the comfort of your code editor. This tutorial looks at some useful ways to get the content of a website prioritized among multiple members of a team with the least fuss.
Yes, I know. Forms are not the most exciting topic in the world, are they? But the attraction of this tutorial is not the forms, but the way you create them—using the CSS Grid Layout Module, another quite recent addition to the web designer’s arsenal. It shows you how to create a form the “traditional” way, using floats, and then how to achieve the same end result using CSS Grid.
With so much new stuff to learn, sometimes it’s valuable to go back to basics and make sure you’ve still got a solid grasp of the essentials. Or maybe you’re just getting started and want to avoid some of the most common mistakes. Either way, these 10 simple design pointers from Tuts+ Web Design Editor Ian Yates will help you make sure you’re on the right track.
Have you ever taken your Mac to an Apple store and seen the “genius” running a diagnostic test on your computer? This post shows you how to run that test yourself and interpret the results, as well as checking the health of your hard drive—all without the help of a lanyard-wearing hipster genius.
Here in the northern hemisphere, summer is just around the corner, and festival season will soon be in full swing. I love the summer colours and the vintage VW campervan in this design—but more importantly, the tutorial teaches you some great skills in Adobe InDesign, Photoshop and Illustrator. If you’re shivering in the southern hemisphere right now, just think of this one as forward planning.
Some Tuts+ courses are several hours long and cover lots of ground, but this one is very short (just six minutes) and very simple. It teaches you something that sounds straightforward but can cause headaches if it’s not done right—how to add a MailChimp signup form to your WordPress site. In six minutes, you can get your site fully set up to start gathering email subscribers. Not bad, huh?
I love watching aerial video footage. There’s something so calming and majestic about seeing the world from the perspective of a bird. In this video tutorial, you can learn about the best times of day to fly your drone for filming purposes (and in a companion tutorial, you can learn about the pros and cons of different weather conditions). I’m sure it’s all useful information, but I like the tutorials purely for the eye candy.
Have you noticed that explainer videos are everywhere? And they all have the same annoyingly cheery music? In this tutorial, you’ll learn how to put together a good explainer video for your company or personal site. My one gripe is that it’s a written tutorial—being a fan of recursion, I’d have preferred an explainer video on how to make explainer videos. But it’s still a good post. Check it out.
Charcoal drawings look amazing, but creating them involves both getting your hands dirty and spending years on the painstaking and often frustrating process of learning to draw. This video shows you how to skip both of these steps and just create a cool charcoal drawing from any photo with a simple Photoshop action.
I love the split-screen effect here—as you drag your mouse across an image, a line splits the screen and it changes from colour to duotone. Try the demo at the top of the tutorial to see how it works! Then you can learn the process of creating it, with both a screencast and written instructions to make it easy to understand.
The thing about what video-game designers call “UI assets” (and the rest of us call “buttons, icons and stuff”) is that, if they’re designed well, you probably don’t even notice them. But if they look clunky, they can ruin the gaming experience. This course teaches you how to design them well. Plus the aesthetic reminds me of playing The Secret of Monkey Island as a child. Remember Guybrush Threepwood, anyone?
Want to be the next Lana Del Rey or Justin Bieber? Or maybe you even have some more up-to-date cultural references. In any case, this tutorial will teach you everything you need to know to record professional vocals using just your computer and some simple equipment. Then you’ll be well on your way to YouTube stardom—all you need to do next is….
Even with the most professionally recorded vocals, some of your potential fans may be put off if your YouTube banner looks as if it was designed by a hyperactive child with unsupervised access to Microsoft Paint. This tutorial teaches you to put together a simple banner for a YouTube channel using stock images and basic tools in Adobe Photoshop.
Macabre? Perhaps. But what I like about this tutorial is that you can produce a great end result even if you have zero drawing skill (yes, that would be me!). Monika Zagrobelna breaks the whole process down into such simple steps that you really can’t go wrong. If you can draw lines and circles and have access to a pencil, you can draw a convincing human skull.
If you’ve even dabbled in web design, you’ve probably come across the “em” and “rem” units of measurement. But what are they? What’s the difference, and when might you want to use each one? This one-hour course will get you crystal clear.
Stumped by a ClassCastException? Tearing your hair out over a missing R.l