Affinity Photo - Realistic Image on a Screen

Key Takeaways

today I'm going to show you how to put a picture into a laptop screen hello my friends and let's get started so this is the laptop and this is the picture that we are going to put into the laptop screen the first thing you need to do is go up here to view go to snapping manager and this deselect this option so the snapping is disabled the next thing we're going to do is select our lair of the picture we want to put into the screen and reduce the opacity so you can see comfortably onto the background of the picture and where the laptop is okay the next thing we're going to do is zoom into the picture a little bit so we have better detail to work better with the perspective tool and now we are going to select the perspective tool there we go there we have it and we can use these little corners here to move the picture around and put it into the corners of the screen and you have these white lines which are a little bit distracting but you can hide them when you press the spacebar which is also the way to move the picture around when you click this is why you have this little hand here so this will help us and one tip I want to give you is to put the picture a little bit outside of the actual screen border so it's a little bit bigger than it should be otherwise you might have screen sticking out on the back okay let's go down here and put this down here let's see a little bit bigger there we go okay that looks good let's move over here push this up here a little bit bigger there we go that also looks good move up here a little bit bigger again and that looks pretty good okay let's click on apply and let's see what we've got set the opacity back to 100% and there we go this is the first step we have to do some more adjustments we're not done yet the next thing that I like to do is go down here to adjustments and create color balance and the color balance will help us to create a little bit of an ambient light feel because when you have a picture on a laptop screen of course the screen is hit by the light from the surrounding room so it looks a little bit different and also the screen makes the picture in the colors a little bit different so use these faders to move it a little bit around until you feel it looks like it's actually on the screen and it's actually in the room in the picture and this is pretty pretty subtle adjustment as you can see so this is without the adjustment and this is with the adjustment it's a very slight kind of thing to do but it really changes the feel that you really feel the pictures now inside of this scenery and on the laptop screen but we are not done yet you can't stop at this point but I like to add a reflection in or on the screen so it looks more realistic so what we're going to do is we click on the picture layer and right click and create a group which for now just holds the picture layer the next thing we're going to do is pull our color balance adjustment inside of the group and then you're going to click on the picture layer again and hold ctrl and click so it makes this kind of selection frame and click down here onto the mask layer there we go it creates a mask for us and we will pull this mask on top of the other layers inside of the group then you can click ctrl D or hold ctrl D on your keyboard to deselect your selection and the reason why we need the mask is because now we are going to create some shapes so we take the rectangle tool and we will draw a huge white shape to start with so this is black let's set the fill color to white and then we make another one and this one is going to be black in color there we go and we make a third one which comes in from the left better say the right side and connects to the black layer there we go very nice so we have these three shapes and we will select all of these three layers and with control Chi like green control Chi we will create them into a group and then pull the group into the group that we created before but below the mask layer and you can see everything outside is hidden so we can use this to now rotate the group so it feels like this could be a reflection of a window that's opposite of the screen of the laptop the next thing that we need to do is we will set the black layers to multiply here we go multiply and the white layer we will set to screen there we go and then you can click on the group again for our black and white shapes and you can reduce the opacity until you feel it has reached a level of reflection that looks good to you maybe like this and another thing that you can do because the reflection is getting blurry the more distance you have to the picture you can go to effects and click here on blur and then adjust the blur to your taste you can make it really blurry or just a little bit blurry so this is really up to you and how it feels better or right to you there we go and of course because we have the group in here and the mask on top of it you can still rotate this around so it feels right to you and everything is in the position where you want it to have and another thing you can do of course before we adjust the opacity for all the layers because we are just a group opacity but if you say the white here from the window is a little bit too bright for me you can still click of course on the individual layers and adjust the opacity in addition I see so this is very nice ok this was the tutorial for date for today and to put a picture into a laptop screen thank you for watching if you like my videos consider subscribing I do a new video every two or three days and if you want to support me in my channel head over to patreon where you get some additional benefits like my original files with all the layers you can send me pictures and I give you feedback and we can even live chat thank you very much and see you in the next episode bye