Search Results For: tutorial

Graphics / 24 Jun 2021

An Introduction to Custom Cursors in Web Design: Tips, Ideas + Tutorials

One of the biggest trends in web design these days is custom cursors. At first glance, a custom website cursor may look like just another stylistic element. But there’s much more to this design concept.

When viewing a website from a desktop device, the cursor is the main component that bridges the gap between the user and the website. If you’re creative enough, you can actually use this cursor to your advantage to boost website interaction and engagement rates like never before.

In this guide, we take a closer look at what custom cursors are all about, why you should use them, and offer you a few tutorials for designing your own custom cursors.

Let’s get started.

Sketch Templates / 29 Sep 2020

15+ Best Sketch Tutorials (Sketch App for Beginners)

If you have been waiting to experiment with Sketch, there’s never a better time to dive in than right now. The Mac-based vector graphics editing tool for user interface and experience design has become a go-to tool for many designers and developers.

If you haven’t started using it yet, or already downloaded the software and are feeling a little overwhelmed, then you are in the right place.

Here, we’re going to look at some of the best Sketch tutorials to help you jumpstart your familiarity and skill level with the software, whether you’re completely new, or looking to level up your skillset.

Figma Templates / 20 Apr 2020

20+ Best Figma Tutorials for Beginners

Figma is one of the hot interface design application tools out there. It’s made for collaboration and working with others on digital-based projects. You can design and illustrate (it has vector tools!), prototype, and generate code.

Plus, you can work seamlessly with others and participate in fully integrated design collaboration.

If you haven’t started to use Figma yet, it can be a little intimidating. You can of course learn more about the tool direct from Figma, but there’s lots more to explore as well.

To make it easier we’ve gathered twenty Figma tutorials for beginners to make learning this tool a breeze!

Premiere Pro Templates / 15 Aug 2019

How to Use Premiere Pro: 10 Beginner Guides + Tutorials

Adobe Premiere Pro is one of the most powerful video editing tools professionals can’t live without. Whether you’re making films or editing YouTube videos, this app can do wonders to help advance your career.

Getting access to technology and software used by Hollywood movies used to be a dream for most filmmakers and video editors. Today, you get to use that same software for a very low price.

Films such as Avatar, Deadpool, Gone Girl, and many more were made using Premiere Pro. If you’re interested in using this incredible software and learning how to make the most of the app, we made a round-up of some useful guides and tutorials to help you get a head start.

Inspiration / 15 May 2019

19 Best Photoshop Tutorials for Designing Posters + Flyers

What makes a great poster design? It’s often a mix of creativity and design elements that have a certain panache.

Poster and flyer design can be a lot of fun because you can often stretch your design muscles and try things you wouldn’t for other projects. It’s an opportunity to do something attention-grabbing and unique!

With that idea in mind, here are twenty different poster/flyer tutorials that you can try out. Plus, you’ll get a chance to try out some new design techniques along the way!

CSS / 28 Sep 2011

CSS Button Tutorial: How to Code Buttons in 5 Simple Steps

Here at Design Shack we like to feature a full range of tutorials, from expert PHP projects to very simple CSS tips. Today’s tutorial is targeted at those still in the beginner stages of CSS.

One of the most frequent questions I get from CSS beginners is, “How do I create a button?” It’s a simple question with a complicated answer. There are quite a few ways to go about it and unfortunately there are also quite a few ways to go wrong. When I first started out in CSS, figuring out all the button syntax was one of the most persistent troubles I faced, it seemed like I was always doing it wrong. Today we’re going to walk through a very simple and flexible process that you can apply to any button you create. More important than the end result is the in-depth explanation at each point outlining why we do it that way.

HTML / 23 Aug 2011

Mastering Markdown: 30 Resources, Apps and Tutorials to Get You Started

If you’re like me, learning Markdown has been on your todo list for months. I finally took the plunge and instantly became addicted to sorting through the wealth of resources, apps and other Markdown related materials available.

The following is a collection of the best Markdown resources that I’ve found. Whether you’re a complete Markdown newbie looking to learn the syntax or a seasoned expert in the market for a new iPad app, you’ll find something here that’s perfect for your needs.

Software / 18 Jan 2008

CSSEdit Tutorial: The Basics

CSSEdit is, as the name implies, a CSS editor for the Mac. It has come on leaps and bounds in the latest version and is now one of the best apps available on the Mac for designers. CSSEdit is created by the great delopers over at MacRabbit, who are also responsible for DeskShade.

One of the strongest features of CSSEdit is the simple, easy to navigate and beautiful interface. Even people who have no experience in styling web pages can find their way around this amazing app and create some stunning web pages. In this tutorial we’re going to be looking at the interface and how to get the most out of it.

Font Collections / 15 Jun 2026

20+ Cool Hybrid Fonts for Modern Branding

Modern branding often needs fonts that can adapt to diverse visual contexts, and hybrid typefaces do just that.

This roundup highlights hybrid fonts created to support both expressive headlines and structured body copy with seamless cohesion.

Each typeface mixes design traits in ways that feel intentional and stylish. Some fonts balance >serif and sans-serif traits for a refined yet contemporary feel. Others introduce unique shaping or subtle contrast to add character while maintaining usability across platforms.

Perfect for brand guides, packaging, web interfaces, and print materials, these fonts help unify varied design elements into a cohesive visual language.

When paired with thoughtful typography hierarchy and thoughtful spacing, they elevate every touchpoint in your brand system.

Font Collections / 15 Jun 2026

20+ Cool Action Fonts for Exciting Typography Designs

If your design needs to feel fast, bold, and full of energy, action fonts are the perfect choice.

These fonts are crafted with expressive shapes and dynamic styling that give text a sense of movement.

Many action-style typefaces draw inspiration from film titles, comic books, and gaming culture, where typography plays a big role in building excitement and intensity.

Instead of subtlety, action fonts focus on impact. Thick strokes, angled forms, and dramatic details work together to create text that instantly stands out and feels powerful.

Below, you’ll discover a curated collection of the best action fonts. These fonts will help you create eye-catching titles that feel energetic, engaging, and impossible to ignore.

Logo Templates / 15 Jun 2026

160 Awesome Logo Mockup Templates (PSD & Vector) 2026

Logo design plays a crucial role when it comes to the success of a business. And great logo mockup templates not only help you better present your logo design but can also make your logo design process more streamlined and efficient.

In order to help you present a logo design to your client in a super-polished way, we’ve gathered the best logo mockup templates from across the web.

All of these logo mockups are easy to use and can present your logo beautifully. Some are free, while others cost a few dollars.

Are you in the middle of a logo design project? Don’t forget to check out our in-depth guide on how to design a logo!

Inspiration / 14 Jun 2026

35+ Handpicked DaVinci Resolve Lower Thirds Templates 2026

Designing modern and professional-looking lower thirds in DaVinci Resolve is about to get much easier.

In this collection, we bring you some of the best DaVinci Resolve lower thirds templates with premium-quality designs for making lower thirds for all kinds of videos.

There are many different styles of lower thirds templates in our collection. Whether it’s a YouTube vlog, documentary video, news clip, or social media promo, there are lower thirds templates for all kinds of videos. The best part is you can download them all with an Envato Elements subscription.

However, if you’re low on budget, we included a few free lower thirds templates in this post as well. They are great for your personal projects. Check them all out below.