Advertisements

How to put together Facebook Cover photo and Profile image in one picture.

The cover represents for Facebook the one stop picture about you, and right below a thumbnail that interferes with it. What if you can put them together to create a unified photo effect like this one?

Image

It might sound simple, but it’s not like that. Actually, we need to make several measurements to adapt both images together and crop them at millimeter. In order to follow this tutorial you will need just three things; a picture wider than 850 and higher than 340 pixels, a layer-capable editor application like Pixelmator, Gimp, Photoshop (others like Paint and Preview are not useful since they do work with one image per time) and discrete skills with them. For this time, we’re going to use Pixelmator but process is the same for any other app.

1) First the cover photo has to be exactly resized to be 850 pixels wide and 100px/inch resolution. Once done, start uploading it and align its top edge to the top of the cover canvas size (in other words, pull it completely down). Note: height must be higher or equal than 340 pixels in order to have a successful result.

Image

2) At this time, you should have the cover picture resized and ready for the next step; finding the profile picture size.

To do so, take a screenshot like the one above and open it in a new document wide enough to contain it with 100px/inch resolution. Now, drag the cover picture in Pixelmator to create a new layer above the screenshot. You will see that wideness of both covers appearing are exactly the same. Next, we need to overlap them; to be more precise use arrow keys and reduce the layer opacity to 20% until they look like one single image.

Facebook Cover photo

3) Now, focus on the profile picture box (ignore the white border); in my case, I’ve deleted it and put a white square with black edges to highlight it. Zoom in and crop the profile box. Delete the layer containing the cover screenshot taken in step 2 and bring the cover image back at maximum opacity. Result will look like this;

Facebook cover photo (cropped)

Now export it as .jpg file and save it somewhere on your computer, ready to be uploaded on Facebook in perfect size!

In Italiano

La copertina rappresenta per Facebook l’immagine di maggiore importanza del profilo; tuttavia la foto sottostante ne rovina alquanto la visibilità. Che ne pensate di metterle insieme per creare l’effetto di una foto unificata come questa?

Potrebbe sembrare semplice, ma non lo è. Si devono prendere numerose misure e adattare entrambe le immagini al millimetro. Per poter seguire questo tutorial vi serviranno solo tre cose; una immagine più larga di 850px e più alta di 340px, un programma di editing fotografico che supporti i livelli come Pixelmator, Gimp, Photoshop (altri come Paint e Anteprima non sono adatti perché lavorano con una immagine alla volta) e discreta dimestichezza con essi. In questo tutorial useremo Pixelmator, ma il procedimento sarà lo stesso per qualsiasi altra applicazione.

1) Per prima cosa la foto per la copertina deve essere ridimensionata per avere una larghezza di 850px e 100px/inch di risoluzione, la cui altezza deve essere maggiore di 340px per portare a compimento il tutorial. Iniziate quindi con il caricarla e allineatene il bordo superiore con il limite superiore dello spazio per la copertina (in altre parole, spostatela completamente giù).

2) A questo punto, dovreste avere l’immagine ridimensionata e pronta al prossimo passaggio: localizzare la parte dell’immagine che dovrà andare come foto del profilo. Prendete una istantanea dello schermo inquadrando un’area simile a quella d’esempio. Aprite Pixelmator (o un programma a vostra scelta) e create un nuovo documento sufficientemente grande da contenerla di risoluzione 100px/inch. Trascinate su un livello superiore ad essa l’immagine di copertina caricata e allineatela il più possibile; per essere più precisi è consigliabile ridurne l’opacità a circa il 20%. Se avete eseguito tutti i passaggi correttamente, noterete che la larghezza risulterà esattamente uguale.

3) Ora, concentratevi sulla foto del profilo ignorando i bordi bianchi. Nel mio caso, l’ho eliminata sostituendola con un quadrato dal bordo nero sottile per evidenziarne il limite. Zoomate e, con lo strumento Taglio, tagliate un quadrato corrispondente di dimensioni alla zona in cui andrà la foto del profilo. Eliminate il livello contenente l’istantanea della copertina presa nel passaggio 2 e riportate l’opacità dell’immagine di copertina al massimo.

Infine, esportatela in .jpeg e caricatela come foto del profilo per vedere il risultato finale!

Advertisements

Tags: , , , , ,

One response to “How to put together Facebook Cover photo and Profile image in one picture.”

  1. click here says :

    Woah this web site is excellent i enjoy researching your content. Maintain the truly amazing works of art! You understand, a lot of people are looking all around for this facts, you can make them significantly.

%d bloggers like this: