Blog

Within the earlier Affinity Designer tutorial, we discovered how one can use the Creative Textual content Device. We’re near the tip, however first, let’s uncover how one can add a masks in Affinity Designer.

It’s also possible to study all of the fundamentals of this software program in our final Affinity Designer tutorial for inexperienced persons. Right here, we’re going into full element.

Should you’re extra of a video tutorial type of particular person, try the free course beneath from the Tuts+ YouTube channel.

Watch the lesson: How one can add a masks in Affinity Designer

Let’s add a masks to our Affinity Designer venture. To do this, take the textual content and drop it on the layer’s thumbnail. 

Now, we’re utilizing the textual content as a masks. We are able to have a number of masks on a single picture. 

Now, duplicate the picture from the Layers panel by choosing it and hitting Command-J. Increase the duplicated picture layer and delete the masks. Deliver that layer again behind the textual content layer.

We’ll use a Mix Mode trick to create the impact of the picture bleeding out of the masks. So choose the picture, go to Mix Mode, and select Divide from the dropdown menu.

Mix modes require some kind of shade behind the article in an effort to mix. We’ll observe some steps to realize that.

Let’s go forward and switch this into an artboard. We’ll go to the Artboard Device, click on Insert Artboard, and provides it a fill shade from our shade panel. 

Apply any shade by dragging the sliders. Darken the background for higher visibility of the picture. Notice that it is beginning to bleed in some spots.

Now that we have accomplished that, let’s convey “Futura” again. It is arduous to see the phrase, so we’ll create a rectangle to border it. Choose the Rectangle Device and drag the form out.

It does not matter what dimension it’s. Later I will present you a helpful trick to make it precisely the scale of our textual content in simply a few clicks.

Choose the Rectangle Device

Choose the rectangle. Use the colour picker to make it the identical purple because the one within the unique picture. Eliminate the stroke. Return to the fill and alter the colour of “Futura” to white.

It is nonetheless arduous to learn, so convey the rectangle up above every little thing else. Now, we’ll be sure the rectangle is sized precisely to our textual content.

No matter we choose first goes to be the factor that every little thing else will get scaled to. If we choose the textual content first, meaning the rectangle will probably be scaled to the textual content dimension, not the opposite approach round.

So choose the textual content first. Maintain Shift, after which choose the rectangle. Go as much as the Align panel, centering it vertically and to Choice Bounds. 

Under you may see the Make Identical possibility. Because the title suggests, this helps you make the form the identical width and top. Lastly, simply click on Apply. 

Use the Contour Device so as to add a little bit of padding. Let’s additionally make the corners sharp.

For the final half, let’s give the rectangle some texture. Go as much as the Fill. Within the Gradient tab, choose the purple shade and add a little bit of noise.

Use the colour picker, choose a shade from the rectangle, and apply it. It does not actually matter if it is the identical—we simply wish to add a little bit of texture right here.

Excellent! We have our noise utilized, and we’re prepared to maneuver on.

Discover our greatest Affinity Designer tutorials

You are now one step nearer to changing into an Affinity Designer guru. There’s nonetheless a lot extra you may study from our Envato Tuts+ and Envato Weblog tutorials.

And for those who do not feel like ranging from scratch, go get a professionally designed template from the Envato library. A subscription will provide you with entry to hundreds of thousands of artistic sources!

Try extra of our greatest Affinity Designer tutorials: