Customize Your Google+ Profile Photo Bar
Customize your Google+ Profile with photos that spill across the top bar.
Customize your Google+ Profile with photos!
You may have seen things like this done before on Facebook, and it is even easier with Google+
I have made a short video showing how to use photoshop to make your Google+ Profile photos spill across the top bar
- Step 1: Download the Google+ Profile Template
- Step 2: Watch the video below on how to use the Google+ Profile Template.
- Step 3: Share with your friends!
I made an easy to use Google+ Photoshop Template that uses layer slices and a clipping mask to easily see how it will turn out!
You can also download an editable text version of this template that I made for myself HERE (23mb).
Or you can follow the instructions below:
How to Customise Your Google+ Profile Page With Tiled Images
Step 1:
Download and unzip our Photoshop Template
Step 2:
Open up the template in Photoshop.
Next you’ll want to import the image (or images) that you want to use in your own profile.
To do this, select File > Place and select your image file.
Drag and resize it so its in the correct position, and hit enter to place it:
The image you’ve placed should be in its own layer above the the “▲Place Photos Above This Layer ▲″ layer.
Now you can move your image around under the template to see how it will look on your live profile. If you need to move or re-size your image again – select the layer and use Edit > Transform > Scale to get it in the right place.
Repeat the process for any other images you want to place to get the desired effect – if you want a design that spills over on to your main profile image in the top left – add another image that lines up here too.
Step 3:
Once you’ve got your Google+ profile design looking like you want it, you’ll need to export the images so you can upload them to your profile.
To do that, hit File > Save for Web and Devices and a new dialog box will open – select the file type (jpeg is usually best) and the image quality you want and hit save:
Now a new dialog box will open – navigate to the location that you want to save the images in (best to make a new folder somewhere for them so they don’t get lost). Importantly – make sure you select All User Slices in the Slices drop-down at the bottom.
Now hit save, and Photoshop will save all of the images ready to be uploaded to your Google+ Profile
Step 4:
OK – Now you’re ready to upload your images to your profile – so:
1. Log in to your Google+ account
2. Navigate to your Profile
3. Hit Edit Profile
4. Now click on the “Add Some Photos Here” box at the top (if you already have photos there, click on them to edit and delete them) – this should look like this:
5. Navigate to the folder where you saved your images, and select the images from “first.jpg” to “fifth” in order:
Repeat the process, selecting the images one by one from right to left until you have them all in a row and hit OK when you’re done.
Nice job! your tiles images looking super-cool on your profile page.
If your design also included a main profile image (top left), click on Change Photo under your profile image and upload this too.
When all is well – hit Finished Editing and your new profile is good to go:
Now you can go ahead and tell everyone about your amazing new Google+ Profile design!
Don’t forget – these images appear in the About page of your profile, so if you’re sending people the link, make sure it’s like this: https://plus.google.com/101585738013258748087/about
Happy Customizing! I look forward to seeing your designs!
Related:
do you know if this will work using gimp?
I don’t have gimp installed but I would assume its the same concept… can you open .psd’s in gimp? if you can the layer slices and stuff probably wont translate. I am downloading gimp now to test… will report back when I find a solution!
thanks
Use this tool! http://gplusbanner.com/
also, the link seems to be to an image of the template and not the psd file
Try this link? I just looked and the links should be right… what link are you clicking? http://www.mastermindesigns.com/psd/Google%2BTemplate-Small.psd
Your link was fine for me and the photos look better than when I was creating the individual images myself. Also, I’d never used to slices option. Thanks for taking the time to create the instructions and save the file!
Cool! Thanks! Glad you liked it!
thanks alot
For those who don’t have photoshop use this tool! http://gplusbanner.com/