Illustrator - Yarsa Labs DevBlog

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.

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.

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.

Creating WordArt Style Text in Illustrator

Do you remember the fancy WordArt styles of Microsoft Word? Here is how you can create similar text effects in Adobe Illustrator.

My Vector Illustration Process

In this blog, I will go over my process of creating an illustration from the ideation stage to the final product!

Adobe Illustrator Clipping and Opacity Mask Bootcamp

In this boot camp tutorial, I will show you how to effectively use Clipping and Opacity masks in Illustrator to get your desired results.

Useful Workflow Shortcuts, Tips and Tricks in Adobe Illustrator

Using Illustrator can be tedious. Here's how you can increase your workflow by learning these 9 useful Adobe Illustrator shortcuts.

Creating Custom Pattern Swatches in Illustrator

Adobe Illustrator is great for creating custom pattern swatches. You can create simple illustrations and turn them into seamless patterns by following these simple steps.

Glass Button Design in Adobe Illustrator

This is a process of creating a glass effect on a button using Adobe illustrator. The button is planned in several layers which will make it easier to make changes according to the different colors and effects when it needs to be changed in the future.

Using Live Paint in Illustrator

Coloring in illustrator can be very tricky. If it's a basic shape or object, you simply add the fill and stroke and voila it's done. This is where the live painting tool comes in handy to save your time and frustrations. The live painting tool can be found in the toolbar panel in illustrator.

Design Ludo 3D Dice in Adobe illustrator

There are multiple ways to make realistic looking dice on Adobe illustrator; one of the methods is using the classic 3D bevel effect where you can assign artworks and symbols on each side of the dice. This method helps you create a real looking cube with perspective.

9-Slice Scaling in Adobe Illustrator

9 slice scaling in Adobe Illustrator is an image resizing technique that proportionally scales an image by splitting it into nine sections. In this way for example a rounded corner is preserved and are not stretched.

Grids in Adobe Illustrator

We start off by creating a line of a certain length on Illustrator and change the values of Position according to the desired square dimension you want for each box; in this case, the horizontal value will be 0 and the vertical value will be set to 80.

Alignment Tools and Distribution Bootcamp - Adobe Illustrator

Alignment tools are the basis of visual placements and aligning objects on the art-board. Distribution on the other hand means the technique of spacing the objects.

Morphing a Textured Design to a Curved Shape in Adobe Illustrator

Using the custom artwork brush in Illustrator, a simple shape can be morphed to any given curve.