need help on matching profile pic to merge with the background

[Teletha]

Hello, so i've managed to change the lockscreen image but im trying to fit my profile image to merge with the background making it look like i don't have a picture there since it's kinda ruining the background but im having really hard time trying to go by eye and cutting out squares in paint -.- 

I've managed to get it really near but it's still off if you're eyeballing it.. i kinda want a standard measure like say i have a 4k picture as background then i know it's 3840 x 2160 so i then know exactly at what height and width i should grab the square from i.e start the square at 1965x849 and drag it down to the right 2633x1381 which then would from a square (maybe not on these exact measures but u guys get what im getting at) so i then would have a formula to use for every pic if i want to change it in the future though it will be hard if a pic has higher res than 4k but i can always downscale or upscale if it's to low since i don't know if i could calculate on how to do it on other sizes. So im asking if any1 know any smart way to do this maybe some skillz in photoshop?

[vanished]

If you know the position and diameter of that circle/square, and your screen resolution it should be easy.  If you have those numbers and the files, I can give it a try

[Teletha]

8 minutes ago, Ryan_Vickers said:

If you know the position and diameter of that circle/square, and your screen resolution it should be easy.  If you have those numbers and the files, I can give it a try

i've been trying to find the profile pic but they are in a weird format i can't convert them to jpg =/ 

 

this is what they are named the pic above is when i tried changing it to jpg

[vanished]

2 minutes ago, RaW D Coy said:

i've been trying to find the profile pic but they are in a weird format i can't convert them to jpg =/ 

ah, typical windows treachery... I'll see what I can do

[vanished]

15 minutes ago, RaW D Coy said:

i've been trying to find the profile pic but they are in a weird format i can't convert them to jpg =/ 

 

this is what they are named the pic above is when i tried changing it to jpg

solved it.  If you upload the image I can extract it for you

 

Procedure:

• Open the file in a hex editor
• Scan for the first 2 bytes of a jpg header (FF D8).  There might be a few so find the last one that's still near the top of the file
• delete everything from the start of the file up to but not including these bytes.  save and rename to end in .jpg

[Teletha]

1 minute ago, Ryan_Vickers said:

solved it.  If you upload the image I can extract it for you

https://dl.dropboxusercontent.com/u/99391039/b795eea74c3311c8.accountpicture-ms

[vanished]

1 minute ago, RaW D Coy said:

https://dl.dropboxusercontent.com/u/99391039/b795eea74c3311c8.accountpicture-ms

 

[vanished]

2 minutes ago, RaW D Coy said:

https://dl.dropboxusercontent.com/u/99391039/b795eea74c3311c8.accountpicture-ms

or the small form (the file actually contains it at 2 sizes)

[Teletha]

2 minutes ago, Ryan_Vickers said:

 

nice well at least now i know how big the square should be now i have to figure out where to cut the square out from on the picture 

[vanished]

1 minute ago, RaW D Coy said:

nice well at least now i know how big the square should be not i have to figure out where to cut the square out from on the picture 

We just need to know the position that the user pic appears on the lock screen.  Like pixels from the top left corner in x and y.  If we knew this, it would be easy

[Teletha]

1 minute ago, Ryan_Vickers said:

We just need to know the position that the user pic appears on the lock screen.  Like pixels from the top left corner in x and y.  If we knew this, it would be easy

ye thats the golden value

[vanished]

2 minutes ago, RaW D Coy said:

ye thats the golden value

I think its 738 px from the top and 1777 px from the side, in a 4K screen

[Teletha]

1 minute ago, Ryan_Vickers said:

I think its 738 px from the top and 1777 px from the side, in a 4K screen

hm i'll check

 

[vanished]

6 minutes ago, RaW D Coy said:

hm i'll check

 

should be, give or take a few.  And the disk itself looks like it's 288 px square.  You'll need that info too, since knowing the size it stores it at is one thing but knowing what size it displays it at is another

[Teletha]

a 448x448 square at    738 px from the top and 1777 px from the side, didn't go so well

[vanished]

1 minute ago, RaW D Coy said:

a 448x448 square at    738 px from the top and 1777 px from the side, didn't go so well

yeah that's too big   I measured it at 288 px, so try that

[Teletha]

1 minute ago, Ryan_Vickers said:

yeah that's too big   I measured it at 288 px, so try that

what do you mean? if i take 288x288 profile pic then it would lower the quality of it since the max res on the profile pic is 448x448

[vanished]

Just now, RaW D Coy said:

what do you mean? if i take 288x288 profile pic then it would lower the quality of it since the max res on the profile pic is 448x448

but it has to be the right size.  You know it's going to display at size "X" (288 if I'm right).  so the area you crop has to cover that size, or proportionally more or less if your background image is not 4K (since all this is based on 4k)

[vanished]

Try these.  If my numbers are right, and if I did this correctly, it will work, but I can't promise anything  

 

(If your screen is not 4K I think this will probably be off)

[Teletha]

6 minutes ago, Ryan_Vickers said:

Try these.  If my numbers are right, and if I did this correctly, it will work, but I can't promise anything  

 

(If your screen is not 4K I think this will probably be off)

my screen is 1440p but the position u gave me should be pretty exact http://imgur.com/8BGhV6j with the 288x288

 

[vanished]

Just now, RaW D Coy said:

my screen is 1440p but the position u gave me should be pretty exact http://imgur.com/8BGhV6j

 

yeah looks good to me   And after some further thought, I think the above images should work for any size.  Basically the procedure is to find a screenshot at the resolution you want, measure it, and then cut the stuff out of the picture you want.

[Teletha]

4 minutes ago, Ryan_Vickers said:

yeah looks good to me   And after some further thought, I think the above images should work for any size.  Basically the procedure is to find a screenshot at the resolution you want, measure it, and then cut the stuff out of the picture you want.

but won't the position of   1777x738 px be off with different res other than 4k? well no matter i'll just scale them to 4k since it wont really change the quality anyway

[vanished]

1 minute ago, RaW D Coy said:

but won't the position of   1777x738 px be off with different res other than 4k? 

Yes, those numbers (and the 288) are proportional to the screen size, so divide by the numbers for 4k (3840 and 2160) and then multiply by your res to convert it if you can't find a picture to measure precisely, but the pictures I posted should work for anyone since that stuff will just happen automatically when applying them.  You only need to know the math when making a new image

[Teletha]

3 minutes ago, Ryan_Vickers said:

Yes, those numbers (and the 288) are proportional to the screen size, so divide by the numbers for 4k (3840 and 2160) and then multiply by your res to convert it if you can't find a picture to measure precisely, but the pictures I posted should work for anyone since that stuff will just happen automatically when applying them.  You only need to know the math when making a new image

i suck at math  any chance you could whip up a formula example

[vanished]

7 minutes ago, RaW D Coy said:

i suck at math  any chance you could whip up a formula example

If I'm correct, these will all be true: (though it is possible I've made a mistake somewhere OR that the user pic circle is not in fact proportional to resolution)

• Distance in from the side = 1777 * [your X res] / 3840
• Distance from the top = 738 * [your Y res] / 2160
• Size of cutout = 288 * [your X res] / 3840

for 1080p, your X res = 1920 and Y res = 1080,

for 1440p, your X res = 2560 and Y res = 1440, etc.

 

Hope this helps

 

Another way to do it is just to do it in 4K, even if that's not your res.  Like I said, if the user pic circle is proportional to screen size, just use these numbers and everything will scale up or down to fit anyway.  Though it's possible that the circle is actually different apparent sizes on different resolutions.  Plus scaling could potentially affect it I suppose...