Introduction: Popup Facebook Picture

UPDATE:
Hey everyone! All the pictures in the comments look awesome, and I've seen all kinds of people use this (Freddie Wong for example... sweet!) but unfortunately, Facebook's been changed and this doesn't work at all anymore. There are ways to do something similar and I'm working on an all new Instructable, but until then, this instructable will serve as a memorial of the older more simple Facebook...

UPDATE UPDATE:
I've got some fun ideas to try out when the new Facebook "Timeline" profile hits... Whenever that is. Look out for a new Instructable whenever Facebook releases that.

This how to make your Facebook Profile Picture look like it's transparent, or popping out of the page! You can even do what I did and make it look like it's behind the page, poking out!

Step 1: What You Need

Here's what you need to make your pop-up picture!

-A Camera, or a picture that you want to use.

-Photoshop, or the GIMP, or even Paint will do.

-The attached picture. (right click and save as)

Step 2: Get the Picture

First, get your picture.

Try to pick one that would make an interesting pop-up. If you are going to be making it look like you are peeking out from behind the white part of the page, hold a big white piece of paper in front of you to make the next step easier.

Step 3: Make It Pop Up/Out/In

Now, using Photoshop, or the GIMP, or some other image editing program that supports layers, cut out your image and get rid of the background. If you don't know how to go that, Google it.

Then, after it's cut out, copy it and paste it onto the background image. (You'll have to right click and save that image) You'll probably have to resize your image because the background image is very small.

Keep in mind, if you want to the image to be taller, you can't add height to it. You need to make the bottom part, the white part, longer. If you resize the grey/blue part, the image won't line up.

Step 4: Upload It!

When you set the finished image as your profile picture, the line in Facebook's layout matches with the line in the picture, making a seamless transparent image.

If it doesn't line up, move the image up or down a few pixels and try again.

Also, keep in mind, Facebook changes its layout a lot, making the image not line up. When it does, I'll try to update this Instructable.


UPDATE: I've been told by people here and friends on Facebook that the image doesn't always line up. This could be for several reasons like different monitor resolutions or browser settings, etc. So keep that in mind.

UPDATE AGAIN: If you do it, make a screen capture and put it in a comment down below! You can censor your name, like I did, if you want, but I just want to see how these come out!

Comments

author
KrishnaA16 (author)2016-05-14

Wow, great tool. but i dont think this can be done on facebook's current page style.

Krishna Ahire

Founder

http://MyEarningSecrets.com

author
hackerscontent (author)2015-08-24

All Hacking Tools Free Download Click Here: http://goo.gl/fwTwxN

author
oliver1634 (author)2011-12-16

Can u make the post for the timeline please. I already have the timeline and i want to have time to make it cool before everyone one else gets switched to the timeline.

author

Don't you worry, I have some pretty neat ideas for the timeline. I just got it. LOTS of possibilities.

author
atomicbob (author)2010-12-02

The size of the blue at the top depends on the length of your current status. once i realized that, it was awesome!

keep it to one line and you're good to go. great instructable!

Untitled-15.jpg
author
jperric (author)2010-11-26

Thanks a lot! The height of the gray part had to be adjusted a little, but it really worked out well!

creeper.jpg
author
mayday295 (author)2010-04-19

 Sweet! I did it-- I had to adjust the top blue part of your file, in order to line it up properly.  

inside facebook 2.JPG
author
Hardikmessi (author)mayday2952010-10-11

Hello im hardik, plz plz plz help me how to make dat type f pro pic.i wait fr ur rep.

author
mayday295 (author)Hardikmessi2010-10-12

Well just follow the guide and post your picture so I can get a reference of where you are at... and if your picture is not lining up right, what I did was expand the length, or decrease it in order to fit.

( i ended up making 3 pictures, uploading all of them to my facebook, then changing them as the facebook layout changed, taller picture, smaller picture, etc. to line them up properly;

author
Foaly7 (author)2010-08-20

I posted the "cake is a lie" thing on my facebook, not remembering where I got it from. :P

author
itworks (author)2010-07-31

Thanks a lot, I had a lot of fun with this!

FBpic.jpg
author
polymeme (author)2010-06-12

Thank you for this. Now I can freak out all my friends!

screeny.jpg
author
polymeme (author)2010-06-12

Ok, I did it, didn't resize the background image at all, and it worked. Looked great. Then I posted something and suddenly it wasn't aligned anymore. Like 10-15 pixels lower than it was before. I don't get it.

author
artobot (author)2009-05-20

This was fun! Here's my shot at it.

facebook_xray.jpg
author
laxap (author)artobot2009-07-11

Awesome !

author
laxap (author)laxap2010-06-05

I made It! [tm]

(solving the pixel alignment issue)

pb.jpg
author
winterfresh (author)artobot2010-02-12

 3 X Awesome = Still awesome.


author
Brother_D (author)artobot2009-05-21

That's awesome!

author
mayday295 (author)2010-04-19

 Sweet! I did it-- I had to adjust the top blue part of your file, in order to line it up properly.  

inside facebook 2.JPG
author
plasticpopcorn4 (author)2010-03-23

This is awesome but i think FB changed the header size :(

anyone have the new dimensions?

author

errrr i dont know whats going on... the size keeps changing or it looks off then its fine then off again

author

 Watch your status update -- for me, it worked fine with a single-line status, but as soon as it went to 2 lines, the image was off.

I think FB's tweaked it's layout since this 'ible was posted.

author

AH
Thank You

author
JohnJY (author)2010-03-26

 Kilroy Was Here

author
Jakeg (author)2010-02-27

Honestly I couldn't find good instructions on using gimp for this...    could anyone help me please?  I just need some instructions for this in "The Gimp".

                                        -Jake

author
pie_lover123 (author)Jakeg2010-02-27

 use the lasso tool and click out the outline of you, then copy the image and paste it on your save pic, layer> anchor/merge.

author
corey_caffeine (author)2010-02-13

lets see how far this thread can go!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

1250240481060.jpg
author

Haha I like your profile picture. That's exactly what I did with mine! Sorta...

author
ItsTheHobbs (author)2010-02-25

Heres mine.

IMAGE.tiff
author
sam.walker06 (author)2010-02-16

Success! I had to fiddle with the size of the original image (I added more blue to the top bit by bit till I got it right). It's awesome!

facebook cap.jpg
author
r0cketman22 (author)2010-02-13

 

author
SkateboardingForLife (author)2010-02-13

 This is in "Tech", should it not be in "Photo"?

author
splinks (author)2010-02-13

Man you beat me to making this tutorial. I found out about this idea from this site.
http://www.allfacebook.com/2009/02/facebook-profile-photo-hacks/

author
anonymousrandomguy (author)2010-02-12

Shame the layout changed, this was awesome.

author
ModMischief (author)2010-02-12

Mine doesn't line up :(

I didn't resize the picture, what did I do wrong?


author
ModMischief (author)ModMischief2010-02-12

Nevermind, I managed to fix it with a bit of cropping.

author
Cakestripe (author)2010-01-29

Oh, this turned out so, so well! Now, Bobby Corwen will get the recognition he deserves.


:)
Really, this was cool - thanks so much for it!
~Laura

instructor.jpg
author
steveguitar44 (author)2010-01-23

 great 'ible!  just made one on Acorn, an image editing software for macs. thanks!

author
drummonkey92 (author)2010-01-13

had to change it a bit and shrank my original pic so its quite bad quality but here it is:

093055.jpg
author
Future filmaker (author)2009-12-23

I'm addicted, this is like my 5th one...

llll.jpg
author
wakeupsami (author)2009-11-30

 all lined up on the first try!


screengrab.jpg
author
Clayton H. (author)2009-10-29

I need some help with mine

fbook.jpg
author
J-Manoo7 (author)2009-10-27

nice ible! i had already made a profile pic similar to what you said but still thought it was awesome

author
QuiksilverRox (author)2009-10-14

can't you just have the entire background be transparent?

author

Nope. That makes the background black. Shame because it would be easier.

author
silverponds (author)2009-10-16

Had way too much fun doing this, thanks for the 'ible!

instructables.PNG
author
flipflopper (author)2009-10-12

tried it...took me a while. it's a "humpty dumpty inspired"

prof.jpg
author
kitjs (author)2009-09-13

my first attempt...took ages!

facebook123.jpeg
author
jongscx (author)2009-01-02

First off, this was a valid question, not an attack on you or your pet. Treat it as such and don't be so caustic.

Secondly, if you check the Terms of Use, under Eligibility:
"Membership in the Service is void where prohibited. This Site is intended solely for users who are thirteen (13) years of age or older, and users of the Site under 18 who are currently in high school or college. Any registration by, use of or access to the Site by anyone under 13, or by anyone who is under 18 and not in high school or college, is unauthorized, unlicensed and in violation of these Terms of Use. By using the Service or the Site, you represent and warrant that you are 13 or older and in high school or college, or else that you are 18 or older, and that you agree to and to abide by all of the terms and conditions of this Agreement."

The Average life expectancy of most medium-breed dogs is around 12 yrs, so the only way that your dog would be above 13 would be if he were a large dog (which few count as "cute") or if they are very old... which by your thumbnail he does not look.
Now, granted, you may count "dog years" in which case your dog is indeed above the age of 18 and NOT in high-school or college, but that's your prerogative.

Why do I care? Why do you care why I care? Maybe I just wanted to know. :-P

author
aglaranna (author)jongscx2009-01-02

good grief

About This Instructable

438,504views

274favorites

License:

Bio: Film maker, musician, tinkerer. Living in Philly.
More by Super Cameraman:Fix Nikon FG Blinking Light MeterAwesome Glowing Macbook Decal!Cool Exposed Retro Flip Clock
Add instructable to: