background preloader

How To Recreate That Facebook Profile Picture Hack

How To Recreate That Facebook Profile Picture Hack
Since French artist Alexandre Oudin took advantage of the new Facebook design to express himself, we’ve been seeing some creative ways to mess with your (and your friends’) profile pictures. As we predicted, Oudin’s hack has inspired other users to play around with their profile to pretty interesting effect. And for those of you that don’t want to trial and error around with the 532 px by 180 px and 97 by 68 px image limitations, photographer Florian Stravock has made the above Photoshop tutorial to help you perfectly execute on your super profile pic. 1) Take a screenshot of your current Facebook page. 2) Create a new Photoshop doc. 3) Grab the Slice tool (same family as the Crop tool) and select around the pictures. 4) With the Marquee tool, select around the sliced areas. 5) Bring the image that you want on Facebook into Photoshop and position it roughly the way you want it. 6) Drag the image layer under the Facebook layer and refine your positioning.

Futuristic, Grungy Metal Text Effect in Photoshop In today’s quick tip tutorial, we will demonstrate how to create a futuristic, grungy, text effect with lots of scratches and fancy neon lights. Let’s get started! Step 1 Create a new document with any desired size, in this case I made the document 1920px wide and 1080px high at a resolution of 300ppi. Step 2 To get the scratched concrete look, I used a set of scratch brushes found here. Step 3 Let's get started with the text. Step 4 Next, apply these layer styles. Step 5 Now we add the scratches on the metal. Create a new layer and call it "Metal Scratches". After you've done that, keep the layer selected and Cmd/Ctrl + Click the Text layer to place a marquee around it. Step 6 After you’ve created the metal scratches and are satisfied with the overall look, let's start with the removal of the excess scratches. Tip: Make sure you only Touch the highlights, as we still want a little of the scratches to show in those areas. Step 7 Add the following layer styles to one of the shapes. Step 8 Step 9

Design and Code an Integrated Facebook App: HTML + CSS Welcome back! In this part of the tutorial we're going to be coding our design into HTML and illustrating some of Facebook's CSS style properties that will give it that native feel. So stick with me, make yourself a cup of tea and happy coding! Introduction Welcome to part 2 of our design and code a native Facebook app. In the last article we looked behind the scenes at some of the thought processes involved with creating a native look and feel Facebook app. What We'll be Creating In this part of the tutorial we're going to be coding that design into HTML and illustrating some of Facebook's CSS style properties that will give it that native feel. Step 1: Failing to Prepare is Preparing to Fail It's always a good idea to begin with a bit of forward planning. Sometimes I also like to print out my wireframe and mark the dimensions on them with a pen. Step 2: App Structure cssjsimagesindex.html Step 3: HTML Markup Setting Up our Includes Setting Up Our Page Step 4: Main Content Step 9: Tab Headers

Dark and Futuristic Photoshop Effects Do you like exploding planets, energy spheres, ruined cities, telepathic warriors, gloomy nebulas, and light-rays? Well, you’ve come to the right place. In today’s round up we’ve put together a list of some of the coolest dark and futuristic Photoshop effects that we could find. This post was originally published on Psdtuts in August 2008. 1. Top quality tutorial that teaches you how to create a flashy eclipse. 2. Create a half-man half-robot diving machine. 3. Learn how to create a realistic space scene. 4. Create a laptop ad with a modern and futuristic look. 5. Learn how to make the cool futuristic text from the Transformer text. 6. Add a Matrix-style feel to your text with this tutorial. 7. Probably your only chance to blow up a planet outside a video game/nuclear warfare. 8. Get some top notch advice on blending photos into a realistic surreal image. 9. Another high quality tutorial on creating a sci-fi style facial effect. 10. Add a simple alien type effect to your text. 11. 12. 13. 14.

Mark Zuckerberg Named Time Magazine’s 2010 Person Of The Year Facebook CEO and founder Mark Zuckerberg has been named Time Magazine’s person of the year. He will, of course, grace the magazine’s cover for the special edition, as the individual who has done the most to influence the events within a year. Zuckerberg isn’t a surprising pick, considering the huge year Facebook has seen in terms of massive user growth, controversy surrounding privacy issues, and the release of new products. Here’s what the publication had to say about why they chose Zuck: “For connecting more than half a billion people and mapping the social relations among them; for creating a new system of exchanging information; and for changing how we all live our lives, Mark Elliot Zuckerberg is TIME’s 2010 Person of the Year. Zuck will join a host of Presidents who have received the honor including Presidents Barack Obama and Bill Clinton.

Create Super Glossy 3D Type In today’s tutorial we will demonstrate how to create super glossy 3D typography using Illustrator and Photoshop. Let’s get started! Open Illustrator and create a new RGB document, 1000px by 800px, 72 DPI, and write your text in a nice big font. I've used Marketing Script size 234pt. Next, with you text selected, go to Object > Expand, and hit ok on the pop up window. Our text is no longer editable as text, instead it's a series of paths that we can edit with the direct selection tool. Currently, our letters are separate objects grouped together, we want them to be one single compound path. With the Pen Tool (P) selected, draw a new path starting from the last flick of the last letter s, and swirling its way down underneath our type. Change the Stroke Weight of our new path to a size that matches the width of the text path that it will be joining. Duplicate this path by dragging the Group's thumbnail (in the layers palette) to the New Layer button. You should now have six groups -

JavaScript SDK - Développeurs Facebook All Docs Web SDKs Docs/Web SDKs/JavaScript SDK/ On This Page Facebook SDK for JavaScript A rich set of client-side functionality for adding Social Plugins, Facebook Login and Graph API calls. Guides Frameworks Termination of SHA-1 Support The World’s Facebook Relationships Visualized [PIC] Click the image for the full-sized version. This is what the world looks like, according to the Facebook social graph. Facebook intern Paul Butler was interested in the locations of friendships, so he decided to create a visualization of Facebook connections around the globe. How local are our friends? Butler started by using a sample of 10 million friend pairs, correlated them with their current cities and then mapped that data using the longitude and latitude of each city. That was the easy part. "I began exploring it in R, an open-source statistics environment. With a few more tweaks, he eventually came up with the amazing visualization you see here. What do you think of the visualization?

TV Adobe Photoshop Create powerful images with the professional standard. To view this content, you need the latest version of the Flash Player. Gain unprecedented creative control with new expressive features and visual performance improvements in Adobe Flash Player 10.2. Flash Player is a cross-platform browser plug-in that delivers breakthrough Web experiences to over 99% of Internet users. Featured Episode Perspective Warp Show: Learn Photoshop CC Senior Digital Imaging Evangelist, Photoshop & Lightroom Worldwide Creative Suite Design Evangelist Senior Creative Director at Adobe Principal Worldwide Evangelist, Video & Audio Tools Worldwide Design Evangelist Featured Created over a year ago [x] Episodes Linked Smart Objects Using Smart Objects in your images is a great way to work non-destructively. Perspective Warp Photoshop CC Overview January 2014 Photoshop Product Manager, Stephen Nielson, demonstrates how you can use new linked Smart Objects to improve collaboration and work more efficiently. Dr.

Related: