Category: Tutorials

You learn something everyday if you pay attention

How to create an 80s VHS cover

Let’s roll back the years with this 80s cover art! Learn how to design a real 80s VHS cover in Adobe InDesign. This vibrant 80s cover art captures the bold, nostalgic aesthetic of the era. We’ll achieve an authentic retro look that feels like something that came straight out of a classic video store shelf.… Continue reading How to create an 80s VHS cover

Build a Bootstrap light/dark toggle switch component

Bootstrap, in the current latest version, v5.3.0, has started supporting color modes. This means that in your Bootstrap layouts you can choose from its default light or dark mode, or even create a new one.  In the Bootstrap docs, they have implemented a dropdown color mode toggle that can work as a starting point for… Continue reading Build a Bootstrap light/dark toggle switch component

Blender Cycles vs. Eevee: choosing the right renderer

Rendering is where the magic happens in 3D art! It’s the step that turns your models and scenes into jaw-dropping, share-worthy visuals. If you’ve dabbled in Blender, you’ve probably come across two big names: Cycles and Eevee. But what’s the difference? And how do you know which one to pick? In this article we’ll break… Continue reading Blender Cycles vs. Eevee: choosing the right renderer

Blender Cycles vs. Eevee: choosing the right renderer

Rendering is where the magic happens in 3D art! It’s the step that turns your models and scenes into jaw-dropping, share-worthy visuals. If you’ve dabbled in Blender, you’ve probably come across two big names: Cycles and Eevee. But what’s the difference? And how do you know which one to pick? In this article we’ll break… Continue reading Blender Cycles vs. Eevee: choosing the right renderer

How to create a “blob generator” tool in JavaScript (Canvas tutorial)

So what are we making?! This: We’ll be getting familiar with color pickers, the canvas elements, curves.. you name it. Building the interface Let’s start with a minimal interface consisting of: A preview area containing a canvas element to display the blob. A color picker element to change the blob’s color (we’ll… Continue reading How to create a “blob generator” tool in JavaScript (Canvas tutorial)

Published
Categorized as Tutorials

How to draw a Super Bowl player in Illustrator

Are you ready to create something fun and exciting? In this tutorial, we’ll dive into how to draw a Super Bowl player using Adobe Illustrator, step by step. Whether you’re a sports fan or simply love exploring character design, this guide will help you create a football vector hero with simple shapes and clean details.… Continue reading How to draw a Super Bowl player in Illustrator

How to make an animated text effect in After Effects

Do you want to take your text animations to the next level? Look no further! With its powerful tools, Adobe After Effects is a must-have for designers and beginners looking to add that extra flair to their projects. In this tutorial, we’ll walk you through step-by-step how to create an eye-catching animated text effect in… Continue reading How to make an animated text effect in After Effects

How to design a yearbook layout in InDesign

In this Adobe InDesign tutorial, you will learn how to create a yearbook layout using paragraph styles, InDesign’s parent pages, and how to build a simple photo grid for arranging multiple portraits. If you want a ready-made template instead of following this tutorial, check out this yearbook layout template available on Envato. What you’ll need… Continue reading How to design a yearbook layout in InDesign

Build a light/dark mode toggle switch component with CSS & JavaScript

In this new tutorial, we’ll use previous knowledge and learn how to build a light/dark mode toggle switch component. This is a handy feature available in many sites and apps nowadays because it can help reduce eye strain and therefore improves accessibility. MDN’s color modes Slack’s color modes It’s also worth noting that more and… Continue reading Build a light/dark mode toggle switch component with CSS & JavaScript

How to draw Jiji the cat (Kiki’s Delivery Service) in Illustrator

This tutorial is perfect for anyone who is a fan of Studio Ghibli or Hayao Miyazaki’s work and is looking to create adorable anime illustrations. We will be using essential tools and shapes, the Pathfinder panel, the Brushes panel, and various effects from Adobe Illustrator’s control panel to create a cute graphic of Kiki’s Delivery… Continue reading How to draw Jiji the cat (Kiki’s Delivery Service) in Illustrator

How to create an image compressor tool in JavaScript

Images can impact your website’s performance if they are not properly optimised. One of the ways to solve this issue is ensuring images are optimised by reducing their file size.  Properly optimized images load faster and also provide a better user experience. Building our own will also be a great exercise in learning JavaScript. So… Continue reading How to create an image compressor tool in JavaScript

How to skew text in Illustrator

In the following tutorial, you will use Adobe Illustrator to design a poster which includes experimental typographic techniques. Skewing text is an essential tool to learn that can add dimension and experimentation to your designs. Let’s get started! If you’re short on time, be sure to check out Envato for cool text effects for your… Continue reading How to skew text in Illustrator

How to use Substance 3D Viewer

Viewer is an incredible tool that brings your 3D projects to life! With its real-time rendering capabilities, you can preview your textures, materials, and models in realistic-looking environments and lighting, making it easier than ever to fine-tune your designs. Combine that with Photoshop, and you unlock a seamless workflow that blends 2D and 3D design!… Continue reading How to use Substance 3D Viewer

20 reasons why people still love WordPress

With all the drama surrounding WordPress (more specifically, Matt Mullenweg) this past year, you’d think there’d have been a mass migration from the world’s most popular content management system.  But that’s the interesting part. What this whole circus has shown us is that people don’t have a problem with WordPress. The issue is with Mullenweg,… Continue reading 20 reasons why people still love WordPress

How to draw winter flowers in Illustrator

In this tutorial, you’ll learn how to create a cozy winter flower image in Adobe Illustrator. Using different tools such as the warp tool and warp effect, we’ll create a unique design and bring the scene to life. Follow along step by step to design a charming winter flower drawing that’s perfect for any seasonal… Continue reading How to draw winter flowers in Illustrator

Typographic trends that pop: Techniques you need to know in 2025

Ready to level up your 2025 typography? From metallic retro font styles to liquid warped typography, these trending typography techniques are here to seriously liven up your designs in 2025.  Trending typography has never been more eye-catching and OTT than it will be in 2025, with a general move towards 1980s-inspired retro font styles, popping… Continue reading Typographic trends that pop: Techniques you need to know in 2025

How to create a fur brush in Procreate

Have you ever wished you could make your own custom fur brush in Procreate? Well, look no further! If learning how to make custom brushes in Procreate sounds daunting to you, follow along to discover just how easy it can be. In this tutorial, we’re going to look at how to create a fur brush… Continue reading How to create a fur brush in Procreate

How to create a Year of the Snake text effect

What You’ll Be Creating In the following tutorial, we will celebrate the start of 2025, Year of the Snake, by making a golden snake text effect in Adobe Illustrator. If you’re wondering what the Year of the Snake is, it’s the name given to the year 2025 in the Chinese zodiac. Besides 2025, years of… Continue reading How to create a Year of the Snake text effect

What to do when one of your WordPress plugins gets compromised

There are over a billion websites. It’s much easier for hackers to exploit a single vulnerable resource that connects to countless websites than to go after them one at a time. This is why WordPress plugins are a popular way in which hackers break into websites. So, let’s talk about what happens when one of… Continue reading What to do when one of your WordPress plugins gets compromised

Best low-poly 3D art in video games

Who says you need ultra-realistic graphics to make a game look amazing? Low-poly 3D art proves that sometimes, less is more. This style uses a minimal number of polygons to create bold, simple shapes, giving games a clean, geometric look that’s both charming and nostalgic.  What started as a technical limitation in the early days… Continue reading Best low-poly 3D art in video games

How to create a color gradient tool in JavaScript

A gradient is a blend of two or more colors that transition smoothly from one to another. Gradients add modern aesthetics to backgrounds, text, buttons, etc. In CSS, gradients are added as a value of the background property. For example, a simple gradient might look like this: 1 background: linear-gradient(to right, red, pink); Here, we… Continue reading How to create a color gradient tool in JavaScript