How to Create a Shadow Text Effect in Affinity Photo

Posted on:  


![Final product image](https://image-control-storage.s3.amazonaws.com/2023/01/12182224/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_10_final_image_min-1-2.jpg)
What You’ll Be Creating

If you want to learn how to create more Affinity Photo text effects, then this tutorial is for you. This simple yet cool text effect is based on a bold font and a shadow layer effect with a few minor adjustments. In just a few steps, you will learn how to create it, and then you will be able to apply this technique to make other cool Affinity text effects. Let’s start!

What You Will Learn in This Affinity Photo Text Effect Tutorial

Tutorial Assets

You will need the following font in order to complete this Affinity Photo text effect:

1. How to Open a New Document in Affinity Photo

Launch Affinity Photo and go to File > New to open the New Document window. Type the dimensions of the new document and use the settings shown below; then hit Create.

![how to open new document in affinity photo for shadow text effect](https://image-control-storage.s3.amazonaws.com/2023/01/12182226/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_1_open_new_document_for_shadows_text_effect_min-1.jpg)

2. How to Create the Affinity Photo Text Effect Background

The background plays an important role in this shadow text effect as this has a black and white look, but it can also look great using two other high-contrast colors.

Grab the Rectangle Tool (U) and draw a shape the same size as your artboard, which is 1920 x 1080 px. Color it with black or a very dark shade.

![how to create background in affinity photo for shadow text effect](https://image-control-storage.s3.amazonaws.com/2023/01/12182227/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_2_color_the_background_of_shadows_text_effect_min-1.jpg)

3. How to Create a Shadow Text Effect in Affinity Photo

Step 1

Let’s start by using the Affinity Photo Text tool (T) to write the text, and then we’ll make a few adjustments to it. Write “OMBRES” (which means shadows) on the center of your artboard using the Hartone Font, with a size of 550 pt. The fill color is white.

![how to write text with text tool in affinity photo for shadow text effect](https://image-control-storage.s3.amazonaws.com/2023/01/12182228/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_3_type_text_in_Affinity_photo_for_shadows_text_effect_min-1.jpg)

Step 2

With the text still selected, go to the Character panel (View > Studio > Character) and increase the Tracking from 0% to -100% in order to reduce the space between the letters. The goal is to have no space between the letters so that they start to overlap.

Reposition the text in the center of the artboard by pressing Align Center and Align Middle in the Alignment panel at the top of the application.

![how to adjust text for shadow affinity photo text effect](https://image-control-storage.s3.amazonaws.com/2023/01/12182229/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_4_adjust_text_in_Affinity_photo_for_shadows_text_effect_min-1.jpg)

Step 3

While the text is still selected, go to Layer > Convert to Curves (Control-Return) followed by Arrange > Ungroup (Control-Shift-G), and you will get the individual letters.

![how to convert to curves in affinity photo for shadow text effect](https://image-control-storage.s3.amazonaws.com/2023/01/12182230/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_5_convert_text_to_curbes_in_Affinity_photo_for_shadows_text_effect_min-1.jpg)

Step 4

Before you continue, you need to change the layer order, meaning that the letter “O” should be the first layer at the top of the Layers panel and the letter “S” should be the last one. Select each letter and drag it upwards to reverse the order. We do this so the shadow will fall correctly on the letters.

![how to reorder layers for affinity photo drop shadow text effect](https://image-control-storage.s3.amazonaws.com/2023/01/12182231/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_6_reorder_text_in_Affinity_photo_for_shadows_text_effect_min-1.jpg)

Step 5

In Affinity Photo, add a shadow by choosing between Outer Shadow, Inner Shadow, and Outer Glow in some cases, depending on the graphics and the settings used. Let’s see how to add a shadow to text in this case.

While all the letters stay selected, go to the Effects panel (View > Studio > Effects) and make sure to check the box in front of the Outer Shadow effect to activate it. Next, click on the settings wheel on the right side to open the entire Layer Effects window.

![how to add shadow affinity photo text effect](https://image-control-storage.s3.amazonaws.com/2023/01/12182232/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_7_apply_outer_shadow_in_Affinity_photo_for_shadows_text_effect_min-1.jpg)

Step 6

You need to change the default settings shown above to obtain shadows that work best for the look we are trying to achieve, a quite strong shadow that falls on the right side of each letter. In the image below, you can see the settings used:

![affinity photo drop shadow settings for shadow text effect](https://image-control-storage.s3.amazonaws.com/2023/01/12182233/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_8_outer_shadow_settings_in_Affinity_photo_for_shadows_text_effect_min-1.jpg)

Step 7

Here is an extra adjustment that you can make to this Affinity Photo drop shadow text effect. Select all the letters and drag the right side of the bounding box inwards with the Move Tool (V). This will make the letters overlap even more, and the shadow effect will be a bit more intense.

![how to adjust shadow affinity photo text effect](https://image-control-storage.s3.amazonaws.com/2023/01/12182234/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_9_final_adjustments_in_Affinity_photo_for_shadows_text_effect_min-1.jpg)

Congratulations! You’re Done!

Here is how your shadow text effect should look. I hope you’ve enjoyed this tutorial and will create more Affinity text effects in the future.

Feel free to adjust the final shadow look of the letters and make it your own. Also try other colors and make it your own unique design. You can find some great sources of inspiration at Envato Elements, with interesting solutions to stylize any text effect.

![how to create shadow text effect in affinity photo final image](https://image-control-storage.s3.amazonaws.com/2023/01/12182236/How_to_create_a_shadow_text_effect_Affinity_Photo_tutorial_image_10_final_image_min-1-3.jpg)



Code


Art


Design


UI/UX


Video


Projects


Social