Thought I'd experiment and get a little creative with the new PT4Life Facebook page. Apparently, aligning a logo profile picture with a cover photo to create a "seamless" appearance is a lot harder than I initially expected!
The size of the Facebook cover photo is 160px x 160px (which is what size I designed it at so it would "flow" with the background cover photo) but when uploading an image they won't allow any smaller than 180px x 180px - freakin' LAME! So yeah, they upscale, it gets messy and you basically just shed a tear and head back to the drawing board *facepalm*
Anyway, pleased with the end product and *hopefully* the client will like it too :)
11 months ago
Aligned beautifully! I know how you feel about this process believe me! Well done x
Thanks @Brian McGloughlin. I wasn't going to bother after the hassle I had with my last attempt but I got there eventually. 3 HOURS OF PAIN!!! Suppose choosing a stripe wasn't the smartest of moves haha
That's awesome, good work :)
Thanks @Conor McAfee! So glad for positive feedback after the effort put in. Makes it worthwhile :D
You didn't give up and that's the main thing! You got there in the end and at least you'll know what to do the next time! If there is a next time??? LOLS!
@Brian McGloughlin There will definitely be a next time! I'm going to suggest that some of our brands in work update their Facebook pages to look a little sexier (I can help of course) and when I get around to sorting my portfolio site I'll set up a Facebook page for my design work :) x
Sounds good to me! Will be great practice for you till you get around to perfecting your own one which I'm looking forward to seeing of course! :) x
Looks great, the only thing I would say needed tweaking is the positioning on the lady; a little be more to the right would work better so that her right arm wasn't in the profile image. The profile image looks weird when isolated from the cover image with that little bit of arm in the corner.
@Thomas Sturge I get that but I wasn't really aiming for the logo to look good on it's own. I suspect the creative will be updating every month or so and the pink stripe will remain as a constant :) I'll take on board your feedback for the next one :D
Works good, just need to be aware of how much Facebook de-grade the images, its such a shame.
@Alan Horne Thanks Alan. Yep, this was a great learning curve for me and I'm thinking of making a PSD template for creating seamleass logo / cover images. Still, Facebook could make our lives so much easier if they didn't request a BIGGER sized image for them to scale down :S
This is old.. but just to let you know.. there's a super easy way to design for the facebook stuff. Simply design it at 160x160.. then when you're ready to upload add 10 white pixels on the left & right. Facebook only requires that the Width is 180.. When it crops the avatar then it shows your whole 160x160 image and leaves out the white bars on the left & right sides.
Also, @Alan Horne They don't degrade nearly as bad, or even noticable if you upload PNG's instead of JPG's.
Edit: Here's one I've done so you can click on the avatar image and see what I'm talking about with the white borders. And check out the quality of the text in the cover photo.. Doesn't degrade nearly as bad using png's - https://www.facebook.com/PalmKia
8 months ago
@Kris Todd Best advice ever! Can't thank you enough for this!
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter