Design - Yarsa Labs DevBlog (Page 3)

Buttons in Figma: Part 2 - Auto Layout and Stylizing

Follow a step-by-step tutorial and make a button in Figma from scratch. Learn more about Frames, Auto Layout, and Stylization with Properties Panel in this button-making process.

Buttons in Figma: Part 1 - Basics, Types and States of Buttons

Learn what primary, secondary, text, and elevated buttons are, along with their different states and how they can elevate your design projects in this blog.

How to Create Audio Spectrum in After Effects?: A Step-by-Step Guide

Audio visualization adds a dynamic element to videos, music visualizers, or motion graphics projects. One popular technique is creating an audio spectrum, where sound frequencies are represented by visual bars that react to the audio.

3D Balloon Text with Blender - Part 2

Follow up my previous article where we modelled a bubbly 3D typography. Let's focus on rendering the final image in this article.

3D Balloon Text with Blender - Part 1

Want to play around and try a fun text effect on Blender? Learn to make bubbly balloon texts with the help of this article!

Essential Photoshop Shortcuts for Digital Artists: Part 2

Create your own shortcut keys or customize existing shortcuts to save time and enhance productivity by minimizing repetitive button clicks in Adobe Photoshop.

Essential Photoshop Shortcuts for Digital Artists: Part 1

When working on a time-sensitive project, every mouse click matters. The best thing you can do is learn to use shortcut keys to optimize your workflow and save time in Adobe Photoshop.

Beginner's Guide to Cloth Simulation in Blender

Want to play around with physics and simulations in Blender but don't know where to start? Dip into this basic and easy-to-follow tutorial and start with a cloth simulation.

Boost Your Blender Efficiency: 6 Tricks You Need to Know

Simplify complex tasks and increase workflow efficiency by following the Blender shortcuts mentioned in this article.

After Effects Copy Options: Which One to Use When?

After Effects allows us to copy and duplicate layers, and comps and use them statically or dynamically. The regular copy allows us to copy statically, while the other two: Copy with Property Links and Copy with Relative Property Links, allow us to copy dynamically.

Model 3D Cats in Blender

Considering to add a furry friend to your 3D game? Learn how to model 3D cats in Blender with the help of this article and bring them to life in your virtual world.

Creating Real-Time Magic Beams Visual Effects: Part 2

The beam part is created using a UV scrolling shader that is later modified in the particle system. The anticipation parts of the effect will be done in the unity particle system with the help of some textures created in GIMP and a simple mesh.

Destructive 3D Environment using Rigid Body - Part 1: Creating 3D Assets

Learn how to create destructive 3D assets in Blender, which can be implemented for creating a destructive environment in Unity Engine.

Create Localised Versions with CSV Files in After Effects

Creating multiple translated versions of the same media in different languages can become a tedious and disorganized process if done manually. However, you can automate this process effortlessly using CSV files in After Effects.

How to Draw a Realistic Nose

A step-by-step guide to drawing a realistic human nose.

Fake Ribbon Animation with Trim Paths in After Effects

A step-by-step tutorial on how to animate a fake 3D ribbon with the use of the Trim Paths feature in After Effects.

Logo Design: Real-World Process

Logo designing can be a stressful task if you lead yourself without any prior experience. Here are four simple steps to walk you through the logo design process; from idea to product.

Beginner's Guide to Pen Tool in Photoshop

I have explained different selection tools in my previous articles, but the Pen Tool can also be used to create complex selections easily.

Design Icons from Scratch

Icons are the little pictorial components of a GUI. In this article, you'll learn some tips on designing an icon set and steps to design icons in a Keyline Grid.

Creating Real-Time Magic Beams Visual Effects: Part 1

In this first part of the multi-part blog, we will create real-time magic beams visual effects using Blender and GIMP and try them out in different settings.

Fake 3D Isometric Text in Adobe Illustrator

In this article, we will create a fake 3D isometric text effect that uses a little bit of the 3D magic from Illustrator and a few gradient tricks to achieve a fake 3D effect.

Stylization Guide to Drawing Eyes

Most people consider the eyes to be one of the most difficult features to draw. However, today I will share some tips on how to draw eyes easily.

Creating a Sentry Gun: Part 7 Finalizing Animations

This is the final part of the sentry gun animation series, where we will learn how to set up key poses and use the interpolation method in smoothing our final animation.

Basics of Components in Figma

Using the same element over and over can be tiresome when designing. Today, we will learn about using Figma's components and instances to save on time and effort.

Figma Shortcuts For Designers

Shortcuts are a way to ease our hectic lives. As a UI UX designer, I will share some of the shortcuts I use to make my tasks easier in Figma.