<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Design Shack &#187; photo</title>
	<atom:link href="http://designshack.net/tag/photo/feed" rel="self" type="application/rss+xml" />
	<link>http://designshack.net</link>
	<description>Inspiration, CSS Gallery &#38; Community News</description>
	<lastBuildDate>Thu, 09 Feb 2012 06:00:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How to Create a Facebook Timeline Cover Photo: Examples and Best Practices</title>
		<link>http://designshack.net/articles/layouts/how-to-create-a-facebook-timeline-cover-photo-examples-and-best-practices/</link>
		<comments>http://designshack.net/articles/layouts/how-to-create-a-facebook-timeline-cover-photo-examples-and-best-practices/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 06:00:48 +0000</pubDate>
		<dc:creator>Carrie Cousins</dc:creator>
				<category><![CDATA[Layouts]]></category>
		<category><![CDATA[cover]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[timeline]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://designshack.net/?p=28967</guid>
		<description><![CDATA[Facebook announced Jan. 24 that it will be moving all users to the timeline format in the next few weeks. Although the change will be mandatory soon, you can make it early as some users have been doing since it was launched in September. Timeline is the new Facebook “wall” and highlights your personal information [...]]]></description>
			<content:encoded><![CDATA[<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/FBbeach.jpg" alt="screenshot" width="510" /></div>
<p>Facebook announced Jan. 24 that it will be moving all users to the timeline format in the next few weeks. Although the change will be mandatory soon, you can <a href="https://www.facebook.com/about/timeline">make it early</a> as some users have been doing since it was launched in September. Timeline is the new Facebook “wall” and highlights your personal information based on when it happened.</p>
<p>The biggest visual change included in Facebook timeline is creation of a cover photo. When someone lands on your page they not only see a small square profile image but also a large photo that you have selected for the top of your page. The shape can a little intimidating and includes a hole where the profile image rests. But you can crop or create your own timeline cover photo in just a few minutes. Follow along as we take a look at some great examples and advice for creating the perfect cover photo.</p>
<p><span id="more-28967"></span><br />
<em>Like the article? Be sure to subscribe to our <a>RSS feed</a> and follow us on <a href="http://twitter.com/designshack" target="_blank">Twitter</a> to stay up on recent content.</em></p>
<h2>Select a Cover Image</h2>
<h3>Technical Specs</h3>
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/FBblank.jpg" alt="screenshot" width="510" /></div>
<p>The cover photo covers the width of the timeline but does not change size based on browser width. It remains 720 pixels wide. The photo is 265 pixels deep, but gains a little added depth with the addition of the profile photo box. Because of the size requirement, Facebook recommends uploading a high resolution photo for the cover image and acknowledges that all photos, especially those will low resolutions, can be used as a cover photo.</p>
<p>But those numbers might be a little hard to work with. A standard photo print is 6 inches wide by 4 inches high. For comparison, the Facebook timeline cover image aspect ratio is about 4 inches wide and 1.5 inches high. For your cover photo you will crop nearly half of the vertical space out of the image.</p>
<p>You do not have to have a pre-cropped image available in Facebook to create the cover photo. As long as any photo is wide enough to cover the space, Facebook will let you drag the photo within the cover image box for use. But just any old picture is not going to make a striking cover image. For a timeline cover with pop, you need to take the extreme horizontal aspect ratio into consideration.</p>
<h3>Crop a Photo</h3>
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/fullbeach.jpg" alt="screenshot" width="510" /></div>
<p>Sort through your digital images to find something that you think represents you well. It can be a large headshot, you and a group of friends or a photo from your travels. When looking at photos, keep that super-horizontal shape in mind and remember that part of the bottom left of the photo will be covered.</p>
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/workingbeach.jpg" alt="screenshot" width="510" /></div>
<p>Open the image in photo editing software such as Adobe Photoshop and set cropping constraints. With the Constrained Crop Tool, you can see exactly what your photo will look like before cropping. Many find it easier to work using the proper aspect ratio in inches. Select the crop tool and then select 4 inches for the width and 1.5 inches for the height. (You will shave a sliver off the top or bottom of the photo using this method.) Crop using full resolution. </p>
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/croppedbeach.jpg" alt="screenshot" width="510" /></div>
<p>Save your and upload to Facebook. You do not have to shrink the image to 720 pixels before uploading and remember to upload using high resolution. When adding a cover photo for the first time, click “Add a Cover” on your timeline; to change an existing cover photo, select “Change Cover” in the bottom right corner of the cover photo.</p>
<h3>Create an Image</h3>
<p><a href="https://www.facebook.com/chaxelos">
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/chaxelos.jpg" alt="screenshot" width="510" /></div>
<p></a></p>
<p>You can also create an image for your cover in the same way you would crop. Start with a blank canvas that is about 4 inches wide by 1.5 inches high at a high resolution (300 dpi or higher).</p>
<p>Remember to leave space for the profile photo. It is positioned in the bottom left corner of the cover image and sits near the left corner and mortises into the image.</p>
<p>If you create your own image, you may consider adding a watermark or digital signature, such as a website address somewhere on the image. That way others are less likely to steal your work if you do not intend for it to be available for public distribution and if it is stolen, you will still get credit for the design.</p>
<h3>Download an Image</h3>
<p>A variety of websites are beginning to post Facebook timeline photos for download.<br />
<a href="https://www.facebook.com/photo.php?fbid=10150580943435530&amp;set=a.266157300529.188905.13642915529&amp;type=1&amp;theater">
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/freep.jpg" alt="screenshot" width="510" /></div>
<p></a></p>
<p>The Detroit Free Press posted one just for Lions fans on their Facebook page. Designers at the newspaper created the timeline image with fans in mind. Using your profile photo you are almost inserted into the cover photo. They also used it as an opportunity to push branding as well, incorporating their logo into the image.</p>
<p>Several other websites, such as <a href="http://whatatimeline.com/">WhataTimeline.com</a> and <a href="http://fbprofilecovers.com/">fbProfileCovers.com</a> have a variety of premade, pre-cropped cover images available for free download.</p>
<h2>What Works Well</h2>
<p><a href="https://www.facebook.com/zuck">
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/zuckerberg.jpg" alt="screenshot" width="510" /></div>
<p></a></p>
<p><a href="https://www.facebook.com/TimTebow">
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/tebow.jpg" alt="screenshot" width="510" /></div>
<p></a></p>
<p>Look for images that are sharp and crisp when selecting a cover photo. Remember this picture is going to be large and details will show. Facebook founder Mark Zuckerberg uses a tight crop of a dog; Denver Broncos quarterback Tim Tebow uses a photo from a game. </p>
<p><a href="https://www.facebook.com/DaneCook">
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/danecook.jpg" alt="screenshot" width="510" /></div>
<p></a></p>
<p>Pick something unique. Although there are a lot of ways to grab timeline cover images, they will not really reflect what you do. If you are not comfortable with a giant photo of yourself, showcase some of your work or create an image just for Facebook. Comedian Dan Cook uses his image to promote his work.</p>
<p><a href="https://www.facebook.com/XOXOTYTY">
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/Tyra.jpg" alt="screenshot" width="510" /></div>
<p></a></p>
<p>Remember the placement of your profile photo. Select a cover image that uses space well. Opt for something that has the “meat” of the picture to the right or top of the photo so that the square cutout does not cover the image being showcased. TV personality and former model Tyra Banks’ page uses the space well with her face positioned in one side of the cover photo.</p>
<p><a href="https://www.facebook.com/enrique.pedernera">
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/enri.jpg" alt="screenshot" width="510" /></div>
<p></a></p>
<p><a href="https://www.facebook.com/mr.5416">
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/azzam.jpg" alt="screenshot" width="510" /></div>
<p></a></p>
<p>For a twist on the cover photo and profile photo combination, try to merge the images in a unique way. Facebook user Enri Pedernera created an image where he was part of the popular game Angry Birds and Mohammad L. Azzam created another fun image linking his profile and cover photos.</p>
<h2>A Few Things to Avoid</h2>
<p><a href="https://www.facebook.com/michaelstrahan92?sk=wall">
<div class="tutorialimage"><img class="alignNone size-full wp-image-1611" src="http://designshack.net/wp-content/uploads/strahan.jpg" alt="screenshot" width="510" /></div>
<p></a></p>
<p>Avoid images that are pixelated, such as the cover photo from former NFL player and current Fox analyst Michael Strahan. The placement of the cover photo is also distracting and the profile photo ends up in a quite unfortunate part of the cover photo. Strahan’s image is in the top left above this profile picture and the part of the image where the eye is drawn contains no visual information that would suggest the photo is of him. </p>
<p>Stay away from images that might be offensive or showcase you or your work in a negative light. Also, avoid images that are widely distributed such as those shared on current Facebook walls or in mass emails. The profile image is visible to the public, according to Facebook, as are profile images or past profile and cover photos.</p>
<h2>Conclusion</h2>
<p>Facebook’s new timeline feature is about a lot more than just photos and while the reviews are mixed, you can get ahead of the curve by hopping on board with an impressive image. It only takes a few minutes and a little photo editing.</p>
<p>Remember that the image you choose is a representation of your digital self and should be considered carefully. Even though most of your profile may be limited to friends, the cover image is not. Take a peek at what your friends and groups you like are doing with their cover photos to help spark a little imagination.</p>
<p>Facebook is giving users seven days to preview their own timelines before they go public. So take a couple days to experiment with different photos and find something that works best for you. </p>
]]></content:encoded>
			<wfw:commentRss>http://designshack.net/articles/layouts/how-to-create-a-facebook-timeline-cover-photo-examples-and-best-practices/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Integrating Flickr With WordPress</title>
		<link>http://designshack.net/articles/integrating-flickr-with-wordpress/</link>
		<comments>http://designshack.net/articles/integrating-flickr-with-wordpress/#comments</comments>
		<pubDate>Tue, 22 Jul 2008 11:30:01 +0000</pubDate>
		<dc:creator>David Appleyard</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[integrate]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://localhost:8888/?p=147</guid>
		<description><![CDATA[WordPress is undoubtedly one of the most popular blogging platforms, so it&#8217;s no surprise that there are a huge variety of different plugins to allow you to integrate Flickr with your blog posts. This article does include a sponsored review of iFlickr, but we&#8217;ll also be looking at other plugins available to mix these two [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designshack.net/postimages/flickr-wordpress.gif" alt="Flickr and WordPress Plugins" class="right" />WordPress is undoubtedly one of the most popular blogging platforms, so it&#8217;s no surprise that there are a huge variety of different plugins to allow you to integrate Flickr with your blog posts.  This article does include a sponsored review of <a href="http://www.photopreneur.com/iflickr/">iFlickr</a>, but we&#8217;ll also be looking at other plugins available to mix these two online platforms together.</p>
<h2>iFlickr Review</h2>
<p>By way of a basic introduction, iFlickr is a WordPress plugin that allows you to easily find free images on Flickr and insert them into your blog post while automatically putting the attribution link underneath. It can save you quite a bit of time when looking for related images to your blog post, but doesn&#8217;t satisfy the requirement you may have for putting your own personal images on your blog (we&#8217;ll cover some methods for doing this later on).</p>
<p>Here are some of the various bits we liked and didn&#8217;t like so much about iFlickr:</p>
<h2>The Good</h2>
<ul class="bullets">
<li>iFlickr makes it very easy to search for images as you&#8217;re writing</li>
<li>It gives you more flexibility and precision than other plugins which attempt to automatically find related images</li>
<li>It&#8217;s a very simple way to add some graphical content to a news article or blog post</li>
<li>It&#8217;s fairly easy to use CSS to customize the way the image appears
<li>It&#8217;s completely free!</li>
</ul>
<h2>The Annoying</h2>
<ul class="bullets">
<li>iFlickr only works with PHP5. This may be fine, but not all servers come with this by default</li>
<li>You can&#8217;t choose to only show your own images</li>
<li>It can be a bit tricky to get working correctly (it took us a while)</li>
</ul>
<p>If you&#8217;re looking to use an appropriate Flickr photo with your blog posts on a regular basis, iFlickr is definitely a good way to go. However, if you&#8217;d like to mix things up in a different way, trying one of the following might be a better option:</p>
<h2>Other Flickr/WordPress Plugins</h2>
<ul>
<li><a href="http://wordpress.org/extend/plugins/wordpress-flickr-manager/">WordPress Flickr Manager</a> &#8211; This is a very fully fledged offering, which lets you search for both personal and public photos and insert them into your posts. It&#8217;s not as simple as iFlickr, but you might appreciate the bigger set of features.</li>
<li><a href="http://tantannoodles.com/toolkit/photo-album/">Flickr Photo Album</a> &#8211; This plugin allows you to add a set of photos to your site as an album. Rather than picking one or two images, you are able to display a whole collection. Great for showcasing screenshots, or your holiday pictures!</li>
<li><a href="http://eightface.com/wordpress/flickrrss/">FlickrRSS</a> &#8211; This lets you display a selection of your Flickr images as a sidebar widget. There are some useful advanced options for customising the display exactly as you want it.</li>
</ul>
<p>We&#8217;d be really interested to hear about any other plugins which you find useful for integrating Flickr with your blog &#8211; drop us a line below!</p>
]]></content:encoded>
			<wfw:commentRss>http://designshack.net/articles/integrating-flickr-with-wordpress/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Interview With John Griffin of Cutcaster</title>
		<link>http://designshack.net/articles/interview-with-john-griffin-of-cutcaster/</link>
		<comments>http://designshack.net/articles/interview-with-john-griffin-of-cutcaster/#comments</comments>
		<pubDate>Tue, 15 Jul 2008 11:32:21 +0000</pubDate>
		<dc:creator>David Appleyard</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Interviews]]></category>
		<category><![CDATA[cutcaster]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[interview]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[stock]]></category>

		<guid isPermaLink="false">http://localhost:8888/?p=153</guid>
		<description><![CDATA[This is a short interview with one of the minds behind the new stock photography startup &#8211; Cutcaster. It&#8217;s a great insight into some of the thinking behind a site such as this, as both a business concept and a well designed web application. What exactly does Cutcaster offer, and why are you unique? Cutcaster [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designshack.net/postimages/cutcaster.jpg" alt="Cutcaster Interview" class="right" />This is a short interview with one of the minds behind the new stock photography startup &#8211; <a href="http://www.cutcaster.com/">Cutcaster</a>. It&#8217;s a great insight into some of the thinking behind a site such as this, as both a business concept and a well designed web application.</p>
<h2>What exactly does Cutcaster offer, and why are you unique?</h2>
<p><a href="http://www.cutcaster.com/">Cutcaster</a> offers unique royalty free images, stock photos, stock footage and stock photography for advertising, publishing or web design.  We have combined a Flickr-type community with a Getty-type licensing model but turned the old licensing model on its head. In my old job trading stock on Wall st. I saw what electronic markets and cutting out the middleman did to our markets and I applied those efficient market elements to what I saw as an outdated licensing model.</p>
<p>We are the first licensing platform to let people set their prices for a high resolution file, use a patent pending algorithm to help them find the correct market price or let buyers buy ala carte, on demand or bid on content they want so they can name their price or licensing terms directly with a seller.  That seller has the option to accept, reject or re-submit a new offer back to that interested buyer. We also offer buyers a way to request custom content from the community of Cutcaster members through our ProjectRequest area. Cutcaster is an open platform and anyone can join, learn and participate in the community and marketplace. </p>
<h2>For how long have you offered the service?</h2>
<p>The site has been researched and developed over the last 3 years but we launched our Cutcaster beta site in April of this year.  We are a very new service but have been growing extremely fast. I left my trading job on Wall st. in January of this year to focus on Cutcaster full-time as the demand and time commitment became too much to try to do with two jobs.</p>
<h2>Which two design features of the site are you proudest of, and why?</h2>
<p>I am proud of how easy our site is to use but I am very proud of our negotiation platform called My Marketplace, which allows buyers and sellers to seamlessly negotiate on pricing and licensing terms much like a stock exchange.  Sellers can now get hard data on how to price their content and where demand lies for their work.  Buyers can directly buy or bid for content which allows them to name their price or buy extended rights like exclusivity over a certain time period or geographic region. The platform is simple to understand, easy to use and the negotiations happen very quickly between buyers and sellers. </p>
<p>I also really like the layout of our media details page which clearly lays out the details surrounding any media file uploaded to the site and is set up to allow users to easily interact with the different features of the site like immediately buying, bidding for content, adding content to lightboxes (we call them clipfolders at Cutcaster), reporting copyright infringements, downloading comps to show clients, requesting different file sizes and the ability to virally send your work to multiple networks to get more traffic and sales.  Here is an example of one of the media detail pages, <a href="http://www.cutcaster.com/viewmedia/view/100027215/Photo">http://www.cutcaster.com/viewmedia/view/100027215/Photo</a>. </p>
<h2>Could you give an overview of the technology used to power the site?</h2>
<p>Cutcaster is written/coded in PHP using a web application framework called CodeIgniter. Other scripting codes used would include Javascript and AJAX. It uses the world&#8217;s most popular open source database, MySQL to store data and other information. The site utilizes Amazon&#8217;s web services such as Amazon Elastic Compute Cloud (Amazon EC2) for web-scale computing and Amazon Simple Storage Service (Amazon S3) for storage of files.</p>
]]></content:encoded>
			<wfw:commentRss>http://designshack.net/articles/interview-with-john-griffin-of-cutcaster/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Object Caching 321/335 objects using disk: basic

Served from: designshack.net @ 2012-02-09 16:14:00 -->
