• Have any questions?
  • contact@thecreativehagja.com
the creative hagja logothe creative hagja logothe creative hagja logothe creative hagja logo
  • Tutorials
    • Affinity Designer
    • Affinity Photo
  • History & Facts
    • Graphic Design
    • Logos
    • Typography
  • Inspiration
  • Recommendations
    • Courses
    • Products
    • Books
  • Resources
  • About
  • Contact
✕
3d modeling and blender cover pic
Learn 3D Modeling & Blender with these Courses
December 13, 2019
android logo in affinity designer cover pic
How to Create the Android Logo in Affinity Designer
December 13, 2019

How to Create a Pop Out Effect in Affinity Photo

pop out effect in affinity photo cover pic
Tweet

In today’s tutorial, we will create a pop out effect in Affinity Photo. This effect creates an illusion where a person or an object is popping out of a photo.

Before you start, go to the following links and download the images.

Man

TV

Step 1

In Affinity Photo, go to File > Open and select the image of the man on a skateboard.

pop out effect in affinity photo step 1

Step 2

Next, grab the Selection Brush tool from the Tools Panel. Make sure you’re in the Add mode and that the Snap to Edges is checked.

pop out effect in affinity photo step 2

Step 3

Now, take the Selection Brush and select all of the man and the skateboard. Next, switch to the Subtract mode if you need to (if you happen to select more than just the man and the skateboard).

step 3

Step 4

Select Refine in the Context toolbar. Set the Output in the Refine Selection box to New Layer. Then, hit Apply.

step 4

Step 5

In the Layers Panel, name this new layer Man.

step 5

Step 6

Go to File > Open and select the TV image (this should open in another tab).

step 6

Step 7

On the TV image tab, grab the Rectangle tool from the Tools Panel. Draw a rectangle that covers the TV screen.

step 7

Step 8

Go to the Context toolbar and set the Corner to Rounded. Set the Corner percentage to 3%.

pop out effect in affinity photo step 8

Step 9

With the rectangle selected, go to the Color Panel and turn the white and black colors off.

pop out effect in affinity photo step 9

Step 10

Go back to the image with the man. In the Layers panel, turn the Man layer off and turn the Background layer on. Select the lock icon that’s on the Background layer to unlock it.

pop out effect in affinity photo step 10

Step 11

Grab the Inpainting Brush Tool from the Tools Panel. Make sure you have the Background layer selected.

step 11

Step 12

Now, take the brush and select the man and the skateboard. Keep selecting the man and the skateboard until they’ve been removed from the image.

step 12

Step 13

Right-click on the background image and select Copy. Go to the TV image. In the Layers Panel, select the rectangle. Go to the Toolbar and select Insert Inside the Selection.

step 13

Step 14

With the rectangle still selected, right-click on the TV screen and select Paste to paste the background image inside of the rectangle.

step 14

Step 15

Make sure the Background image is selected and arrange the image inside of the rectangle as you see below.

step 15

Step 16

Switch back to the tab with the man image. In the Layers Panel, right-click on the Man layer and select Copy.

Step 17

Go back to the TV image. Right-click on the image and select Paste.

Step 18

In the Layers Panel, make sure that the Man layer is on top and that you turn the layer back on. Arrange the man the way you see him in the picture.

step 18

Step 19

In the Layers Panel, select the Man layer. Go to the Layers Effect in the Layers Panel.

Step 20

Select the Outer Shadow effect and set it to the following properties. Opacity = 50% , Radius = 15 px , Offset = 14 px , and Intensity = 25%.

steps 19 through 20
completed image for tutorial

Congratulations! The pop out effect in Affinity Photo tutorial is complete! If you liked this tutorial, check out some more Affinity Photo tutorials.

Share
The Creative Hagja
The Creative Hagja

Related posts

travel app design
November 14, 2022

How to Create a Travel App in Affinity Designer


Read more

7 Comments

  1. kiet giang says:
    December 18, 2019 at 4:47 pm

    Hmm it looks like your site ate my first comment (it was super
    long) so I guess I’ll just sum it up what I had written and say, I’m thoroughly
    enjoying your blog. I as well am an aspiring blog writer but I’m still new to everything.
    Do you have any points for novice blog writers? I’d definitely appreciate it.

    Reply
    • The Creative Hagja says:
      December 18, 2019 at 5:03 pm

      Thank you so much! I’m trying to deliver the best content possible! This tutorial here really helped me as far as setting up a WordPress site & a blog since this is my first time doing this too https://www.youtube.com/watch?v=aNP27MRVXgI . Also, there’s a youtube channel called Create and Go that provides really good blogging tips. As for personal advice, I would just say to blog about something you’re both knowledgeable about and have a passion for. And to make sure that there is an audience for what it is you want to blog about. Hope that helps!

      Reply
    • The Creative Hagja says:
      December 18, 2019 at 5:18 pm

      I also forgot to mention that I took this blogging course on Udemy https://www.udemy.com/course/build-a-blog/ (I’m not an affiliate of it). And it really helped me in gaining the confidence & knowlege I needed to start blogging!

      Reply
  2. certainofuncertainty.tumblr.com says:
    December 19, 2019 at 6:39 am

    Just desire to say your article is as amazing. Thhe
    clarity in your post is simply nice and i could assume you’re
    an expert on this subject. Well with your permission allow me tto grab your
    feed to keep updated with forthccoming post. Thanks a million and please
    keep up the enjoyable work.

    Reply
    • The Creative Hagja says:
      December 19, 2019 at 5:52 pm

      Thank you, I’m glad you liked the article! There’s an opt-in mailing list you can sign up for in the in the footer section (at the bottom of the page) to stay up-to-date with all future posts.

      Reply
  3. d-e-l-p-h-i.tumblr.com says:
    December 19, 2019 at 8:19 am

    Hi! I knjow this is sort of off-topic but I needed to ask.
    Does building a well-established blog such as yours take a large amount of work?
    I am completely new to operating a blog but I do write in my diary everyday.
    I’d like to start a blog sso I can easily share my peersonal exxperience and thoughts online.

    Please let me know if you hzve any recommendations or tips foor new aspiring blog owners.
    Thankyou!

    Reply
    • The Creative Hagja says:
      December 19, 2019 at 5:49 pm

      Actually, starting this blog was all new to me too! It took me about 3 weeks before I actually made the site live, and even then I’m still seeing things I might want/need to change. As for blogging resources, there’s two great channels I used on YouTube to help me Create and Go was one of them. The other channel was Blog with Ben. And this is one of the tutorials I used in creating this blog https://www.youtube.com/watch?v=aNP27MRVXgI ! Hope this helps, and good luck to you on the start of your blog!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

7 + three =

Newsletter

Pages

  • About
  • Affiliate Disclaimer
  • Contact
  • Home
  • Privacy Policy
  • Resources
  • Terms of Use

Privacy Policy | Terms of Use| Affiliate Disclaimer

© 2023 The Creative Hagja. All Rights Reserved.