<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Buckle Up Studios Blog</title>
	
	<link>http://buckleupstudios.com/blog</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Tue, 22 May 2012 17:54:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/BuckleUpStudiosBlog" /><feedburner:info uri="buckleupstudiosblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Open link in new window using WordPress menu editor</title>
		<link>http://feedproxy.google.com/~r/BuckleUpStudiosBlog/~3/gUQfkzByFKI/</link>
		<comments>http://buckleupstudios.com/blog/open-link-in-new-window-using-wordpress-menu-editor/#comments</comments>
		<pubDate>Tue, 22 May 2012 05:10:54 +0000</pubDate>
		<dc:creator>Keith</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.buckleupstudios.com/?p=1186</guid>
		<description><![CDATA[This is a simple little tip to give a link in a WordPress menu a &#8220;target&#8221; element in the WordPress menu editor. First, click the Screen Options button at the top right of the WordPress admin section. Click the Link Target checkbox. Now you can set the &#8220;target&#8221; element in the dropdown for the menu <a class="moretag" href="http://buckleupstudios.com/blog/open-link-in-new-window-using-wordpress-menu-editor/">Read the full article &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>This is a simple little tip to give a link in a WordPress menu a &#8220;target&#8221; element in the WordPress menu editor.</p>
<p>First, click the <strong>Screen Options</strong> button at the top right of the WordPress admin section.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/11.png"><img class="aligncenter  wp-image-1194" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/11.png" alt="Screen Options" width="261" height="34" /></a></p>
<p>Click the <strong>Link Target</strong> checkbox.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/2.png"><img class="aligncenter  wp-image-1191" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/2-300x57.png" alt="Link Target" width="300" height="57" /></a></p>
<p>Now you can set the &#8220;target&#8221; element in the dropdown for the menu item.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/3.png"><img class="aligncenter size-medium wp-image-1192" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/3-300x175.png" alt="Open in new window or tab" width="300" height="175" /></a></p>
<p>See, I told you it was easy!</p>
]]></content:encoded>
			<wfw:commentRss>http://buckleupstudios.com/blog/open-link-in-new-window-using-wordpress-menu-editor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://buckleupstudios.com/blog/open-link-in-new-window-using-wordpress-menu-editor/</feedburner:origLink></item>
		<item>
		<title>Why it is important for GPS to Correct Google Maps and Driving Directions as a Local Search Ranking Factor?</title>
		<link>http://feedproxy.google.com/~r/BuckleUpStudiosBlog/~3/BOtM5vHzb4E/</link>
		<comments>http://buckleupstudios.com/blog/why-it-is-important-for-gps-to-correct-google-maps-and-driving-directions-as-a-local-search-ranking-factor/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 09:00:22 +0000</pubDate>
		<dc:creator>Keith</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>

		<guid isPermaLink="false">http://blog.buckleupstudios.com/?p=1304</guid>
		<description><![CDATA[Local search is more or less similar to web search. Google&#8217;s Street View cars follow somewhat similar technology that is followed by web crawler Googlebot. Google Maps collect addresses for associating destinations with government offices, parks, landmark buildings and businesses. Signals for local search ranking Google has disclosed that it uses three types of signals <a class="moretag" href="http://buckleupstudios.com/blog/why-it-is-important-for-gps-to-correct-google-maps-and-driving-directions-as-a-local-search-ranking-factor/">Read the full article &#187;</a>]]></description>
			<content:encoded><![CDATA[<p align="justify"><span style="font-family: Arial;">Local search is more or less similar to web search. Google&#8217;s Street View cars follow somewhat similar technology that is followed by web crawler Googlebot. Google Maps collect addresses for associating destinations with government offices, parks, landmark buildings and businesses. </span></p>
<h3 align="justify"><strong><span style="font-family: Arial;">Signals for local search ranking</span><br />
</strong></h3>
<p align="justify"><span style="font-family: Arial;">Google has disclosed that it uses three types of signals for local search rankings. These are relevance, prominence and distance. Relevance refers to the keyword matching of a business with the query of a user. Prominence is composed of signals that Google uses to evaluate overall popularity of your company in comparison to similar businesses. Distance is one of the prime local ranking signals for Google Maps. Businesses that are located close to city centers have major advantage over the businesses located further from city. </span></p>
<h3 align="justify"><strong><span style="font-family: Arial;">Need for correction </span><br />
</strong></h3>
<p align="justify"><span style="font-family: Arial;">There are several areas where Google Maps are prohibited from mapping. These areas include private roads, military areas and sensitive areas. There are countries like China that prohibits use of longitude and latitude coordinates within their country for mapping. Driving directions from local search of Street view may begin with instruction like “go east”. Most of us, who are unlikely to carry a compass while driving in a city, may feel confused with such instruction. If you need to rely heavily on Google Maps while driving then you need to consider these factors. </span></p>
<p align="justify"><span style="font-family: Arial;">Updating or correcting Google maps is crucial. There are some businesses that are closed or have shifted locations since last update. If these locations feature in the maps while driving then they are likely to misguide the users. Any user facing such problems wasn’t sure how to report it to concerned authority. </span></p>
<h3 align="justify"><strong><span style="font-family: Arial;">GPS Solution</span><br />
</strong></h3>
<p align="justify"><span style="font-family: Arial;">Google came up with a solution for reporting incorrect addresses that uses Social Networking and GPS. Sending observers for updating locations and places is a clumsy and time consuming process. However, this has been simplified with portable navigation system and online mapping services. Many online mapping services provide options for individual users to make suggestions for corrections of maps. These submissions are reviewed and approved by an expert before getting incorporated. Submissions of users who have a history of correct reporting and gained substantial credibility with the mapping service may be approved without review. </span></p>
<h3 align="justify"><strong><span style="font-family: Arial;">Driving directions as ranking signal </span><br />
</strong></h3>
<p align="justify"><span style="font-family: Arial;">In rhythm with such developments there is a growing possibility for including requests of driving directions as ranking signal for some businesses. This is proposed to be done with the help of a framework that takes into account location of a user along with collection of nearby places as arguments for producing ranking of desired places. The framework generates a range of direction queries that are exploited for ranking. This is followed by an algorithm and accompanying data structures that are able to rank places in response to hyper-local web queries. An empirical study is done with very large directions query logs after this. This gives an insight into the potential of direction queries for ranking of places and proposes the algorithm suitable for real web search engines. </span></p>
<h3 align="justify"><strong><span style="font-family: Arial;">Conclusion</span> </strong></h3>
<p align="justify"><span style="font-family: Arial;">Position of a business plays a crucial role in local search ranking. Google Maps have several challenges regarding updating. Social networking and GPS is playing important roles in updating locations. There has been a growing possibility for considering requests of driving directions as one of the ranking signal.   </span></p>
<p align="justify"><span style="font-family: Arial;"><strong>About the Author:</strong></span></p>
<p align="justify"><span style="font-family: Arial;"><em>Roxanne P. is a Freelance and Staff writer who writes informative &amp; creative articles on Technology for various technology company. Her expertise are in writing articles related to internet providers, <a href="http://www.broadbandexpert.com/" target="_blank"><strong>broadband</strong></a> , Social media etc.</em></span></p>
]]></content:encoded>
			<wfw:commentRss>http://buckleupstudios.com/blog/why-it-is-important-for-gps-to-correct-google-maps-and-driving-directions-as-a-local-search-ranking-factor/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://buckleupstudios.com/blog/why-it-is-important-for-gps-to-correct-google-maps-and-driving-directions-as-a-local-search-ranking-factor/</feedburner:origLink></item>
		<item>
		<title>How to Use Social Networks for Rankings in a Roundabout Way</title>
		<link>http://feedproxy.google.com/~r/BuckleUpStudiosBlog/~3/xnpH9HqNJHc/</link>
		<comments>http://buckleupstudios.com/blog/how-to-use-social-networks-for-rankings-in-a-roundabout-way/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 19:14:53 +0000</pubDate>
		<dc:creator>Keith</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>

		<guid isPermaLink="false">http://blog.buckleupstudios.com/?p=1291</guid>
		<description><![CDATA[Social media optimisation is never straightforward. That’s the whole point. You are trying to get your core audience to do your ranking work for you – rather than paying link farms to stuff your site full of inbound links from heaven knows where, you get genuine, solid referrals from actual humans, plus loads of chatter <a class="moretag" href="http://buckleupstudios.com/blog/how-to-use-social-networks-for-rankings-in-a-roundabout-way/">Read the full article &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>Social media optimisation is never straightforward. That’s the  whole point. You are trying to get your core audience to do your ranking  work for you – rather than paying link farms to stuff your site full of  inbound links from heaven knows where, you get genuine, solid referrals  from actual humans, plus loads of chatter in the social media streams.</p>
<p>The rules haven’t changed – the more content you  have out there the more you get indexed; and the more you get indexed  the more frequently you hit those coveted top spots. No, it’s the method  by which we get there that has altered so drastically. So here’s my  short crib guide to getting ahead in social networking:</p>
<h3><strong>1: Who Let the Blogs Out?</strong></h3>
<p>Blogging  is the core content in social media streams. A blog is where you get to  express yourself, provide links of your own to other interesting  content and deliver information that enhances your customer’s experience  of the products you sell and the services you provide. Tweets are great  for analysis but unless they go viral they aren’t so great for raising  your profile in the right social spheres.</p>
<p>The key thing to remember about blogging is this:  people don’t really like it when companies or corporations blog at them.  For a while there, we were all convinced that simply entering the  blogosphere as “OurCompany” and spamming everyone with a load of  corporate sales messages would be good enough. And we found out that it  wasn’t.</p>
<p>Quite right too. If we’re going to work the social  circles to get more exposure for our brands, let’s at least realise that  we have some proper work to do before we get our rewards. The social  stream is not like the internet we used to know. It requires genuine  engagement, action, reaction and interaction. Otherwise we fail.</p>
<h3><strong>2: Give it Away Now </strong></h3>
<p>Businesses  have to learn to give stuff away for free if they want to get ahead in  the social media universe. The internet is all about free stuff – so if  you’re not prepared to toe the line then be prepared to get out of the  kitchen. Give away resources, links, mentions of other people and thanks  to members of your social circle. The more generous you are with other  people’s reputations, the better you will be received. An example: I  have recently been blogging on behalf of a building company that got  such glowing mentions for its work in the social stream of a heated  skirting board manufacturer, that it switched all of its supply to the  skirting boards in question.</p>
<h3><strong>3: Keep an Open Door </strong></h3>
<p>Social  media is about exclusivity, sure, but it is also about openness. If you  are not open to receiving connection from other people in your social  circle, then you will rapidly fall out of the picture. You can see this  simply by looking at someone’s Facebook activity. A person who uses  Facebook every day is bombarded with conversations and links. A person  who does not, isn’t – even though they are in the same social circle.</p>
<h3><strong>4: Make a Comment Every Day </strong></h3>
<p>And  that’s a bare minimum. Comments are your calling cards, the things you  leave behind to remind everyone else in your social network that you are  around. The more positive, relevant and engaging your comments are the  better. Do not use comments to plug your brand or product. Someone  else’s conversation is their own. You comment to support them and add  something valuable to the discourse. Plugging yourself in someone else’s  conversation or in a comment is like responding to an update that your  best friend is getting married, by inviting everyone to your birthday  party. Unforgivable, in other words – and be advised, the social media  stream doesn’t forget half as easily as your best friend.</p>
<p>Social media is a whole new world for rankings. You  need to unlearn half of what you know and keep hold of the rest – but  use it in a different fashion. At least it’s intuitive! And if you do it  regularly and well, it is extremely fruitful.</p>
<h3><strong>About the Author:</strong></h3>
<p><em>Roxanne P. is a Freelance and Staff writer who writes informative &amp; creative articles on SEO and Social Media for various <a href="http://www.seopositiveltd.com/" target="_blank"><strong>UK SEO Companies</strong></a></em><em>. Her expertises are in writing articles related to on page and off page SEO, social media activities etc.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://buckleupstudios.com/blog/how-to-use-social-networks-for-rankings-in-a-roundabout-way/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://buckleupstudios.com/blog/how-to-use-social-networks-for-rankings-in-a-roundabout-way/</feedburner:origLink></item>
		<item>
		<title>Why Apple decided to unveil the e-book creation tools?</title>
		<link>http://feedproxy.google.com/~r/BuckleUpStudiosBlog/~3/2L98rlFSG2k/</link>
		<comments>http://buckleupstudios.com/blog/why-apple-decided-to-unveil-the-e-book-creation-tools/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 19:59:58 +0000</pubDate>
		<dc:creator>Keith</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>

		<guid isPermaLink="false">http://blog.buckleupstudios.com/?p=1286</guid>
		<description><![CDATA[Apple Inc has sent out invites to media outlets last week and asked them to join for an education announcement in the Big Apple on Thursday, 19 January 2012. While Apple did not disclose the details of the subject, sources close to Apple believe that the company is going to unveil new tools that can <a class="moretag" href="http://buckleupstudios.com/blog/why-apple-decided-to-unveil-the-e-book-creation-tools/">Read the full article &#187;</a>]]></description>
			<content:encoded><![CDATA[<p><span style="font-family: Arial;">Apple Inc has sent out  invites to media outlets last week and asked them to join for an education  announcement in the Big Apple on Thursday, 19 January 2012. While Apple  did not disclose the details of the subject, sources close to Apple  believe that the company is going to unveil new tools that can be described  as “GarageBand for e-books”. The new toolsets are expected to simplify  the creation of e-books and based on now defunct iWeb software. According  to speculations in media, Apple may also unveil new textbooks that are  optimized for iPad in this event. While speculations and expectations  keep growing, you may wonder why Apple is so keen about e books! </span></p>
<h3><strong><span style="font-family: Arial;">The background</span><br />
</strong></h3>
<p><span style="font-family: Arial;">According to the information  available from recently published Steve Job’s biography by Walter  Isaacson, this was the pet project of Job. He set his eyes on e books  because he felt that the $8-billion dollar business of Apple was ripe  to become stagnant. He believed that expanding the app base and simplification  of e book creation would give a new impetus to the company. While Apple  would not likely foray into content creation but it would strive to  bring more textbooks for its users and inspire their creativity. </span></p>
<h3><strong><span style="font-family: Arial;">Rationale for the tools</span><br />
</strong></h3>
<p><span style="font-family: Arial;">Apple has so far used  ePub2 standard for its iBooks. It added a large number of HTML5 based  extension to this standard for inclusion of audio video and limited  interaction. Recently updated ePub 3 standard calls for extensions because  in most cases the iBook formatted e books are incompatible on other  e reader platforms. </span></p>
<p><span style="font-family: Arial;">Digital books are believed  to boost social learning and enable interaction among textbook users.  Digital texts would allow students to interact with information in visual  ways like graphs, videos and 3D model. It would also allow users to  create links to audio, video and additional text and share them with  peers. Obviously, there is a huge market of such potential users. Apple  is unlikely to miss this opportunity and decided to unveil e book creation  tools. </span></p>
<h3><strong><span style="font-family: Arial;">Concept of “GarageBand  for e books”</span><br />
</strong></h3>
<p><span style="font-family: Arial;">Creating standards compliant  e books is not as simple as creating a Word document. The current state  of software tools are complicated and continue to irritate the authors  and publishers. Several of them have expressed their frustration and  are searching for a simple app. They are expecting an app that can simplify  the e book creation and make it as easy as creating a song in “GarageBand”  app of Apple. </span></p>
<p><span style="font-family: Arial;">Professionals and experts  in the e book industry believe that such a move is very much in synergy  with the business plan of Apple. The company has already sold thousands  of iPads to several institutions. However, these iPads don’t have  much content to offer and currently not in a position to replace the  textbooks. Although, Apple is not likely to provide content directly,  it is expected to create a user friendly platform to create and publish  them. </span></p>
<h3><strong><span style="font-family: Arial;">Conclusion</span><br />
</strong></h3>
<p><span style="font-family: Arial;">Apple has been providing  industry leading tools like Final Cut Pro and Logic, for creating content.  The company has also offered tools like GarageBand and iMovie that simplified  creation of music and movies. With a growing competition from Samsung  in the business of tablets and smartphones, it has become necessary  for Apple to come up with some unique offers. The new set of e book  creation tools may be a turning point in the industry. </span></p>
<p><span style="font-family: Arial;"><strong>About the Author:</strong></span></p>
<p><span style="font-family: Arial;"><em>Roxanne  P. is a Freelance and Staff writer who writes informative &amp;  creative articles on Television and Technology for various technology  related companies including broadband expert. Her expertises are in  writing articles related to internet providers, <a href="http://www.broadband-expert.co.uk/" target="_blank"><strong>broadband</strong></a> connections, social media etc.</em></span></p>
]]></content:encoded>
			<wfw:commentRss>http://buckleupstudios.com/blog/why-apple-decided-to-unveil-the-e-book-creation-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://buckleupstudios.com/blog/why-apple-decided-to-unveil-the-e-book-creation-tools/</feedburner:origLink></item>
		<item>
		<title>Top 5 Awesome Browser Based Games with Great Graphics</title>
		<link>http://feedproxy.google.com/~r/BuckleUpStudiosBlog/~3/QxsftKg9JKE/</link>
		<comments>http://buckleupstudios.com/blog/top-5-awesome-browser-based-games-with-great-graphics/#comments</comments>
		<pubDate>Tue, 13 Dec 2011 09:00:30 +0000</pubDate>
		<dc:creator>Keith</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>

		<guid isPermaLink="false">http://blog.buckleupstudios.com/?p=1273</guid>
		<description><![CDATA[Editor’s note: This is a guest post from Ruben Corbo of broadbandexpert.com. With today&#8217;s high-speed broadband Internet providers, browser games have evolved from simple text-based affairs to fully graphical games that can rival even the most sophisticated downloaded games. The real benefit of these games is that because all of the player information is stored <a class="moretag" href="http://buckleupstudios.com/blog/top-5-awesome-browser-based-games-with-great-graphics/">Read the full article &#187;</a>]]></description>
			<content:encoded><![CDATA[<p><em>Editor’s note: This is a guest post from </em><em>Ruben Corbo</em><em> of </em><a href="http://www.broadbandexpert.com/" target="_blank">broadbandexpert.com</a>.</p>
<p>With today&#8217;s high-speed broadband Internet providers, browser games have evolved from simple text-based affairs to fully graphical games that can rival even the most sophisticated downloaded games. The real benefit of these games is that because all of the player information is stored online, they can be played from almost anywhere. In fact, if you have a WiFi connection available for your phone or your tablet, they can be played on the go. Check out these top five browser games to see some of the best browser games available.</p>
<h3 style="text-align: left;"><strong>1. A Mystical Land</strong></h3>
<p style="text-align: center;"><a href="http://buckleupstudios.com/blog/wp-content/uploads/2011/12/rpg.png"><img class="aligncenter size-medium wp-image-1274" title="rpg" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/12/rpg-300x169.png" alt="" width="300" height="169" /></a><span style="font-size: x-small;"><em>(Picture courtesy of </em><a href="http://www.onrpg.com/MMO/A-Mystical-Land/popupscreenshots#3" target="_blank"><em>OnRPG</em></a><em>)</em></span></p>
<p style="text-align: left;">A Mystical Land is a fully 3D MMORPG contained within the browser. Facebook is needed to access the game since it runs on the Facebook apps platform, but the variety of activities that are possible makes this game one of the best to check out for those who want to play something unique. Several different professions are available, including cooking, tailoring and blacksmithing.</p>
<p>The standard fighting monsters and raising skills are available, so those who are familiar with larger MMORPG games such as World of Warcraft or Aion will feel right at home with character creation within Mystical Land. You can interact with thousands of people within the world and even share your accomplishments on Facebook to encourage your friends to play with you. Mystical Land is free-to-play and is one of the best 3D MMORPGs available for browsers.</p>
<h3 style="text-align: left;"><strong>2. Minecraft</strong></h3>
<p><strong><a href="http://buckleupstudios.com/blog/wp-content/uploads/2011/12/minecraft.png"><img class="aligncenter size-medium wp-image-1275" title="minecraft" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/12/minecraft-300x184.png" alt="" width="300" height="184" /></a></strong></p>
<p style="text-align: center;"><span style="font-size: x-small;"><em>(Picture courtesy of </em><a href="http://www.flickr.com/photos/kenming_wang/5702068334/sizes/z/in/photostream/" target="_blank"><em>kenming_wang</em></a><em>)</em></span></p>
<p>Minecraft is a run-away hit indie game with over 4 million players. The game has simple 16-bit graphics but features unlimited worlds for you to eplore and survive within. Often described as virtual legos, players can build houses and cities, spelunk into deep caves to find treasure and even manage livestock and crops. The game can be played directly within the browser or it can be downloaded for even more fun with texture packs and mod support from the community.</p>
<p>The game recently released after having been developed first in a public alpha and then a public beta. The main appeal of the game is the survival mode, where players can build and explore during the day, but when night sets in monsters will spawn and try to invade. Creative mode is also available, which is an unlimited building mode. Instead of gathering resources for projects, creative mode gives you instant access to everything available within the game.</p>
<h3><strong>3. Battlestar Galactica Online</strong></h3>
<p style="text-align: center;"><strong><a href="http://buckleupstudios.com/blog/wp-content/uploads/2011/12/battlestar-galactica-online.png"><img class="aligncenter size-medium wp-image-1276" title="battlestar-galactica-online" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/12/battlestar-galactica-online-300x214.png" alt="" width="300" height="214" /></a></strong><span style="font-size: x-small;"><em>(Picture courtesy of </em><a href="http://www.flickr.com/photos/popculturegeek/4719173949/sizes/l/in/photostream/" target="_blank"><em>PopCultureGeek.com</em></a><em>)</em><em> </em></span></p>
<p>The Battlestar Galactica Online MMORPG is based on the Battlestar Galactica series and remains true to the series as much as possible. There are numerous ships and customization options you can apply to your character with massive battles for resources spread out through the galaxy. The story of the game takes place within the show&#8217;s second season and explores an untold branch of the story in which the Cylon and Colonial fleets are both stranded.</p>
<p>Players can join either faction in an effort to claim resources in uncharted areas of space in order to help their chosen fleet gain an edge over the competition and prevail once and for all. The game is managed by Bigpoint games and features astounding graphics for a browser game, but players will need fast broadband Internet providers in order to play since the game relies heavily on player versus player combat.</p>
<h3><strong>4. Lord of Ultima</strong></h3>
<p style="text-align: center;"><a href="http://buckleupstudios.com/blog/wp-content/uploads/2011/12/lord-of-ultima.png"><img class="aligncenter size-medium wp-image-1277" title="lord-of-ultima" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/12/lord-of-ultima-300x242.png" alt="" width="300" height="242" /></a><span style="font-size: x-small;"><em>(Picture courtesy of </em><a href="http://www.flickr.com/photos/60033506@N04/6156702315/sizes/z/in/photostream/" target="_blank"><em>UO Journal</em></a><em>)</em></span></p>
<p>Lord of Ultima is a 2D city-builder strategy game that is based on the still running Ultima Online world. Players are given control of a civilization and must gather resources, complete quests and conquer their neighbors in order to progress. The game is only won by players in alliances that achieve 8 simultaneous goals, so friends in Lord of Ultima is a must. The player community is rather large since it is an EA-backed game. It is based entirely in Java as well, which makes it playable with a mobile browser.</p>
<h3><strong>5. Dead Frontier</strong></h3>
<p style="text-align: center;"><a href="http://buckleupstudios.com/blog/wp-content/uploads/2011/12/dead-frontier.png"><img class="aligncenter size-medium wp-image-1278" title="dead-frontier" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/12/dead-frontier-300x300.png" alt="" width="300" height="300" /></a><span style="font-size: x-small;"><em>(Picture courtesy of </em><a href="http://www.wikipedia.org/" target="_blank"><em>Wikipedia</em></a><em>)</em></span></p>
<p>Dead Frontier is a top-down 3D zombie shooter with co-op elements. Players must survive in a post-apocalyptic world infested with zombies. There are safe zones where players can trade and form groups, though traveling through the streets of the city is dangerous. There are numerous classes for players to choose from that are based on real life jobs, such as police officer, fireman, Army officer and doctor. Each of these professions imparts different skill bonuses.</p>
<p>Overall, the types of games that you can experience are varied. RPG and RTS games are definitely the most popular when it comes to browser-based strategy games, but action games like Dead Frontier are becoming more popular. As technology improves, so will the graphics and mechanics used in browser based games. <strong> </strong></p>
<p>&nbsp;</p>
<p><em>This is a guest article by Ruben Corbo, a writer for the website Broadband Expert where you can find </em><a href="http://www.broadbandexpert.com/" target="_blank"><em>broadband internet providers</em></a><em> in your area and compare prices on different deals for your mobile broadband needs.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://buckleupstudios.com/blog/top-5-awesome-browser-based-games-with-great-graphics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://buckleupstudios.com/blog/top-5-awesome-browser-based-games-with-great-graphics/</feedburner:origLink></item>
		<item>
		<title>Video Photoshop Tutorial: Wrap a string of X-Mas lights around an object</title>
		<link>http://feedproxy.google.com/~r/BuckleUpStudiosBlog/~3/XNJMNn71EQQ/</link>
		<comments>http://buckleupstudios.com/blog/video-photoshop-tutorial-wrap-a-string-of-x-mas-lights-around-an-object/#comments</comments>
		<pubDate>Mon, 05 Dec 2011 20:55:08 +0000</pubDate>
		<dc:creator>Keith</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://blog.buckleupstudios.com/?p=1269</guid>
		<description><![CDATA[This post is a video tutorial that will show you how to wrap Christmas light bulbs around something in Photoshop. This video tutorial goes along with with my previous text-based Photoshop tutorial: How to create Christmas text wrapped in a string of light bulbs in Photoshop]]></description>
			<content:encoded><![CDATA[<p>This post is a video tutorial that will show you how to wrap Christmas light bulbs around something in Photoshop. This video tutorial goes along with with my previous  text-based Photoshop tutorial: <a href="http://blog.buckleupstudios.com/how-to-create-christmas-text-wrapped-in-a-string-of-light-bulbs-in-photoshop">How to create Christmas text wrapped in a string of light bulbs in Photoshop</a></p>
<p><iframe width="480" height="360" src="http://www.youtube.com/embed/zbMkFT3zllc" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://buckleupstudios.com/blog/video-photoshop-tutorial-wrap-a-string-of-x-mas-lights-around-an-object/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://buckleupstudios.com/blog/video-photoshop-tutorial-wrap-a-string-of-x-mas-lights-around-an-object/</feedburner:origLink></item>
		<item>
		<title>Video Photoshop Tutorial: Make a X-Mas Light Bulb</title>
		<link>http://feedproxy.google.com/~r/BuckleUpStudiosBlog/~3/8t5iT4OuvKY/</link>
		<comments>http://buckleupstudios.com/blog/video-photoshop-tutorial-make-a-x-mas-light-bulb/#comments</comments>
		<pubDate>Tue, 22 Nov 2011 21:12:49 +0000</pubDate>
		<dc:creator>Keith</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://blog.buckleupstudios.com/?p=1265</guid>
		<description><![CDATA[Below is a video that will show you how to create a X-Mas Light Bulb in Photoshop. This video tutorial goes along with with my previous text-based Photoshop tutorial: Christmas Lights Photoshop Tutorial.]]></description>
			<content:encoded><![CDATA[<p>Below is a video that will show you how to create a X-Mas Light Bulb in Photoshop. This video tutorial goes along with with my previous text-based Photoshop tutorial: <a href="http://blog.buckleupstudios.com/christmas-lights-photoshop-tutorial">Christmas Lights Photoshop Tutorial</a>.</p>
<p><iframe width="480" height="360" src="http://www.youtube.com/embed/A4etpIAE3j8" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://buckleupstudios.com/blog/video-photoshop-tutorial-make-a-x-mas-light-bulb/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://buckleupstudios.com/blog/video-photoshop-tutorial-make-a-x-mas-light-bulb/</feedburner:origLink></item>
		<item>
		<title>How to create Christmas text wrapped in a string of light bulbs in Photoshop</title>
		<link>http://feedproxy.google.com/~r/BuckleUpStudiosBlog/~3/Fuc3Ob6vvfA/</link>
		<comments>http://buckleupstudios.com/blog/how-to-create-christmas-text-wrapped-in-a-string-of-light-bulbs-in-photoshop/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 09:24:32 +0000</pubDate>
		<dc:creator>Keith</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://blog.buckleupstudios.com/?p=1196</guid>
		<description><![CDATA[This tutorial is going to stem off of my last Christmas Photoshop tutorial which showed you how to create a light bulb in photoshop. My main focus for making this tutorial was to show you how to wrap an object with Christmas bulbs, but while I was thinking of a object to wrap the lights <a class="moretag" href="http://buckleupstudios.com/blog/how-to-create-christmas-text-wrapped-in-a-string-of-light-bulbs-in-photoshop/">Read the full article &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>This tutorial is going to stem off of my last Christmas Photoshop tutorial which showed you how to <a href="http://blog.buckleupstudios.com/christmas-lights-photoshop-tutorial">create a light bulb in photoshop</a>. My main focus for making this tutorial was to show you how to wrap an object with Christmas bulbs, but while I was thinking of a object to wrap the lights in, I just decided to create some Christmas text and combine it in this tutorial. Feel free to replace the text with your own object, it could be an image, your logo, or just text that you came up with.</p>
<p>There is also a <a href="http://blog.buckleupstudios.com/video-photoshop-tutorial-wrap-a-string-of-x-mas-lights-around-an-object">video tutorial</a> that goes along with this article so that you can follow along visually.</p>
<p>Here is our final product which we will be making in this tutorial</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-33.png"><img class="aligncenter size-full wp-image-1199" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-33.png" alt="final-file" width="561" height="281" /></a></p>
<h3><strong>Step I: Create the 3d Text<br />
</strong></h3>
<p>Create a new document in Photoshop (<strong>Ctrl</strong><strong> + N</strong>) with a width of <strong>800px</strong> and a height of <strong>400px</strong>, and a resolution of<strong> 300 pixels/inch</strong>.</p>
<h3><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/picture-1.png"><img class="aligncenter size-medium wp-image-1205" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/picture-1-300x170.png" alt="new document" width="300" height="170" /></a></h3>
<p>Using the <strong>gradient tool</strong>, fill the background with white.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-81.png"><img class="aligncenter size-medium wp-image-1248" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-81-300x142.png" alt="white canvas" width="300" height="142" /></a></p>
<p>Using the<strong> text too</strong>l, write the word “Christmas” in all capital letters. I used the typeface Helvetica. If you don’t have Helvetica on your computer, you can use Arial or any other typeface that you would like. Make the type <strong>bold</strong>, <strong>24pt</strong>, and change the color to green (#33cc45). <em>Note: you can adjust the spacing between the letters by holding alt+left/right arrow keys.</em></p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-9.png"><img class="aligncenter size-medium wp-image-1249" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-9-300x140.png" alt="green christmas text" width="300" height="140" /></a></p>
<p>Now create the letters “merr” in a different text layer using the <strong>text tool</strong>. (The “Y” will be created separately).  Give the “merr” a red color (#cc3333), font size of<strong> 36pt</strong>, typeface: <strong>Helvetica</strong>, font-weight: <strong>bold</strong>. Position the “merr” just like the image below.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-10.png"><img class="aligncenter size-medium wp-image-1250" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-10-300x141.png" alt="merr christmas text" width="300" height="141" /></a></p>
<p>Finish up the text by adding the “y”. Use Helvetica <strong>bold</strong>, the same red color (#cc3333), and a font size of <strong>52pt</strong>. Position the “y” like in the image below.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-11.png"><img class="aligncenter size-medium wp-image-1251" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-11-300x164.png" alt="merry christmas text" width="300" height="164" /></a></p>
<p>Now we are going to make the text 3D. Duplicate the green “CHRISTMAS” text layer by right clicking the layer in the <strong>layers panel</strong> and selecting <strong>duplicate layer</strong>. Change the color of the duplicate layer to a darker green (#009908). Using the <strong>move tool</strong>, move the new duplicate layer down and to the left. Then bring the darker green image layer below the lighter one on the<strong> layers panel</strong>.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-6-e1320871507208.png"><img class="aligncenter size-medium wp-image-1211" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-6-e1320871507208-300x144.png" alt="Duplicate and move layer" width="300" height="144" /></a></p>
<p>Repeat the same process for the “merr” and “y” layers. Make the color a darker red (#990003).</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-8.png"><img class="aligncenter size-medium wp-image-1213" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-8-300x164.png" alt="Duplicate and move text" width="300" height="164" /></a></p>
<p>Create a new layer in between the two green “CHIRSTMAS” layers. Grab the <strong>polygonal lasso tool</strong> and select the <strong>add to selection</strong> button on the top of the screen (see image below). This will make it so that each selection with the lasso tool will be on the same layer.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-9.jpg"><img class="aligncenter size-medium wp-image-1214" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-9-300x24.jpg" alt="Lasso Tool Settings" width="300" height="24" /></a></p>
<p>Zoom in with the <strong>zoom tool </strong>and connect the corners of the two C&#8217;s in the “CHRISTMAS” layers like the image below. (Click on the image to enlarge it).</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-10.jpg"><img class="aligncenter size-medium wp-image-1215" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-10-300x182.jpg" alt="Fill inbetween layers" width="300" height="182" /></a></p>
<p>Once the selection is made, use the <strong>paint bucket tool</strong> and fill the dotted lines with the darker green color (#009908).</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-11.jpg"><img class="aligncenter size-medium wp-image-1216" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-11-300x183.jpg" alt="Paint Bucket Fill In" width="300" height="183" /></a></p>
<p>Now the “C” looks like it is 3D. Continue this process for the rest of the letters in “CHRISTMAS”</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-13.png"><img class="size-medium wp-image-1218" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-13-300x60.png" alt="Completed Christmas Text" width="300" height="60" /></a></p>
<p>Repeat the same process for “merr” and “y”. Fill the selections with the same dark red color (#990003)</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-14.png"><img class="aligncenter size-medium wp-image-1219" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-14-300x100.png" alt="Completed 3D Text" width="300" height="100" /></a></p>
<p>Now our text is all set and we can move on to wrapping it in Christmas Lights.</p>
<h3><strong>Step II: Wraping the text in Christmas Lights</strong></h3>
<p>Select the <strong>pen tool</strong> and in the top options bar, select the <strong>Paths</strong> option. (See image below).</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-15.jpg"><img class="aligncenter size-medium wp-image-1221" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-15-300x18.jpg" alt="Pen Tool Settings" width="300" height="18" /></a></p>
<p>Using the <strong>pen tool</strong>, make a path like below</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-17.png"><img class="aligncenter size-medium wp-image-1222" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-17-300x106.png" alt="Make a path" width="300" height="106" /></a></p>
<p>Now we are going to fill in the pen path we just created. In the color swatch box pick a dark green (#006b00). Select the <strong>brush tool</strong> and set the brush to a <strong>4px hard </strong>brush. Then create a <strong>new layer</strong> above the rest of the text layers. Select the <strong>pen tool </strong>again, right click on the path that you previously created, and select stroke path.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-18.jpg"><img class="aligncenter size-medium wp-image-1223" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-18-300x179.jpg" alt="right click on path" width="300" height="179" /></a></p>
<p>Click<strong> OK</strong> in the Brush Stroke box that pops up.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-19.png"><img class="aligncenter size-medium wp-image-1225" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-19-300x66.png" alt="Brush Stroke Dialog Box" width="300" height="66" /></a></p>
<p>Now we have the string for our lights.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-20.png"><img class="aligncenter size-medium wp-image-1226" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-20-300x110.png" alt="String for lights" width="300" height="110" /></a></p>
<p>With the string layer selected, click the <strong>Add layer mask</strong> button on the bottom of the layers panel.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-22.jpg"><img class="aligncenter size-full wp-image-1227" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-22.jpg" alt="Add a layer mask" width="239" height="32" /></a></p>
<p>Grab the <strong>brush tool</strong> and press “x” on your keyboard so that you have a black brush color.</p>
<p>With your layer mask selected, use the black brush to go over the line and mask parts of it to look like the line is wrapping around the text</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-a.png"><img class="aligncenter size-medium wp-image-1228" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-a-300x115.png" alt="Masking string" width="300" height="115" /></a></p>
<p>Next we are going to add some Christmas bulbs. To make the bulb see my last tutorial: How to make a <a href="http://blog.buckleupstudios.com/christmas-lights-photoshop-tutorial">Christmas Light Bulb in Photoshop</a>. If you want to skip ahead, you can grab the PSD at the bottom of <a href="http://blog.buckleupstudios.com/christmas-lights-photoshop-tutorial">the tutorial</a>.</p>
<p>Pull the light bulb into the “Merry Christmas” document.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-23.png"><img class="aligncenter size-medium wp-image-1229" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-23-300x138.png" alt="new light bulb" width="300" height="138" /></a></p>
<p>Resize the bulb and rotate it (by hitting<strong> </strong><strong>Ctrl</strong><strong>+T </strong>on the keyboard) and place it on the green string line. Hit enter to accept the changes.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-25.png"><img class="aligncenter size-medium wp-image-1230" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-25-281x300.png" alt="Resized and Repositioned light bulb" width="281" height="300" /></a></p>
<p>Select the bulb layers, and with the <strong>move tool</strong> selected, hold down <strong>alt/option</strong> on your keyboard and move the duplicated bulb to another spot on the string.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-26.png"><img class="aligncenter size-full wp-image-1231" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-26.png" alt="Duplicating the light bulb" width="165" height="209" /></a></p>
<p>Use <strong>Ctrl+T</strong> to rotate the bulb.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-27.png"><img class="aligncenter size-medium wp-image-1232" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-27-300x210.png" alt="Rotating the light bulb" width="300" height="210" /></a></p>
<p>We are now going to change the color of the second bulb. If you are using or have created a bulb using my <a href="http://blog.buckleupstudios.com/christmas-lights-photoshop-tutorial">previous post</a>, select the folder named <strong>glow</strong> and the <strong>bulb </strong>layer beneath it from the layers panel and merge them by right clicking and then selecting <strong>Merge Layers</strong> . This will allow us to add an adjustment layer.</p>
<p>To add an adjustment layer, select the new, freshly merged layer, then go to <strong>Layer</strong> -&gt; <strong>New Adjustment Layer</strong> -&gt; <strong>Hue / Saturation</strong>. When the dialog box pops up, select the <strong>Use Previous Layer to Create Clipping Mask</strong> checkbox.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-28.png"><img class="aligncenter size-medium wp-image-1233" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-28-300x94.png" alt="New adjustment layer" width="300" height="94" /></a></p>
<p>Slide the <strong>Hue</strong> slider until it turns to a color that you like, then hit <strong>OK</strong>.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-30.png"><img class="aligncenter size-medium wp-image-1234" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-30-300x177.png" alt="Changing the color of the lightbulb" width="300" height="177" /></a></p>
<p>Select the second bulb and repeat the duplication/color changing process until the whole string is filled up. Be sure to put some lights behind the text by dragging the bulb layer underneath the text layers.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-31.png"><img class="aligncenter size-medium wp-image-1235" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-31-300x113.png" alt="All lights on string" width="300" height="113" /></a></p>
<h3><strong>Step III: Adding shadows</strong></h3>
<p>The final step will be to add some shadows under the lights to give them some depth. Create a new layer directly under the green string layer. Grab a <strong>soft</strong>, <strong>9px black </strong>brush and paint shadows under the lights that are on top of the text. Set the opacity for the shadow layer to <strong>30%</strong>.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-32.jpg"><img class="aligncenter size-medium wp-image-1236" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-32-300x169.jpg" alt="Giving a shadow to the light bulbs" width="300" height="169" /></a></p>
<p>Then, on the same layer and grab a <strong>4px soft</strong>, <strong>black </strong>brush, and paint a shadow for the green string.</p>
<h3 style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-331.png"><img class="aligncenter size-medium wp-image-1237" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-331-300x150.png" alt="String with shadow" width="300" height="150" /></a><strong>Finished Product</strong></h3>
<p>There you have it, the finished product</p>
<h3 style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-331.png"><img class="aligncenter size-full wp-image-1237" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2012/11/Picture-331.png" alt="String with shadow" width="561" height="281" /></a>Conclusion</h3>
<p>There you have it – how to wrap something in Christmas Lights! Be sure to <a href="http://blog.buckleupstudios.com/video-photoshop-tutorial-wrap-a-string-of-x-mas-lights-around-an-object">check out the video tutorial</a>!</p>
<p>&nbsp;</p>
<p><strong>Download the finished PSD here:</strong></p>
<p><table style="border: 1px solid #CCC;" cellpadding="3" width="100%">
  <tr>
    <td width="35">
    <a href="http://buckleupstudios.com/blog/?file_id=3"> <img src="http://buckleupstudios.com/blog/wp-content/plugins/downloads-manager/img/icons/default.gif" alt="http://buckleupstudios.com/blog/wp-content/plugins/downloads-manager/img/icons/default.gif"></a>
    </td>
    <td>
      <b><a href="http://buckleupstudios.com/blog/?file_id=3" style = 'text-decoration: underline;'>Download:</a></b> <a href="http://buckleupstudios.com/blog/?file_id=3" style = 'text-decoration: underline;'>Merry Christmas PSD</a> <small>(879.43KB)</small><br />
      <b>Description:</b> Download the Photoshop file that goes with this tutorial <br />
    </td>
  </tr>
</table></p>
]]></content:encoded>
			<wfw:commentRss>http://buckleupstudios.com/blog/how-to-create-christmas-text-wrapped-in-a-string-of-light-bulbs-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://buckleupstudios.com/blog/how-to-create-christmas-text-wrapped-in-a-string-of-light-bulbs-in-photoshop/</feedburner:origLink></item>
		<item>
		<title>Christmas Lights Photoshop Tutorial</title>
		<link>http://feedproxy.google.com/~r/BuckleUpStudiosBlog/~3/fIcR2PmeZXg/</link>
		<comments>http://buckleupstudios.com/blog/christmas-lights-photoshop-tutorial/#comments</comments>
		<pubDate>Wed, 09 Nov 2011 09:44:58 +0000</pubDate>
		<dc:creator>Keith</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://blog.buckleupstudios.com/?p=1120</guid>
		<description><![CDATA[I am going to show you how to create some Christmas lights in Photoshop in this free tutorial. You can use this design to make a Christmas card, holiday wallpaper, or use it to make something unique of your own. Check out the video tutorial if you get stuck or would like to follow along. <a class="moretag" href="http://buckleupstudios.com/blog/christmas-lights-photoshop-tutorial/">Read the full article &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>I am going to show you how to create some Christmas lights in Photoshop in this free tutorial. You can use this design to make a Christmas card, holiday wallpaper, or use it to make something unique of your own. <a href="http://blog.buckleupstudios.com/video-photoshop-tutorial-make-a-x-mas-light-bulb">Check out the video tutorial if you get stuck or would like to follow along</a>.</p>
<h3>Final Image Preview</h3>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/10/final-preview.png"><img class="aligncenter size-full wp-image-1121" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/10/final-preview.png" alt="final-photoshop-xmas-lights" width="603" height="262" /></a></p>
<h3 style="text-align: left;">Step 1: Creating the Bulb</h3>
<p style="text-align: left;">Start working by creating a new document (<strong>Ctrl+N</strong>) in <strong>Adobe Photoshop</strong> with a size of <strong>300px</strong> wide by <strong>500px</strong> high (in <strong>RGB</strong> color mode).</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/new-document.png"><img class="aligncenter size-medium wp-image-1128" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/new-document-300x169.png" alt="new-document" width="300" height="169" /></a></p>
<p>Fill the document with a black background using the <strong>Fill Tool</strong></p>
<p style="text-align: center;"><strong><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/fill-black-background.jpg"><img class="size-medium wp-image-1130" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/fill-black-background-215x300.jpg" alt="fill-black-background" width="215" height="300" /></a></strong></p>
<p>Create a circle in the middle of the document by using the <strong>Ellipse Tool</strong>. Don’t worry about the color for now since we will be changing it shortly. Make sure to hold down <strong>shift</strong> to make a perfect circle.</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/first-ellipse.jpg"><img class="aligncenter size-medium wp-image-1131" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/first-ellipse-214x300.jpg" alt="first-ellipse" width="214" height="300" /></a></p>
<p>Grab the <strong>Direct Selection Tool</strong> (located under the “Path Selection Tool”) and then click at the very top of the circle to show the very top anchor point.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/anchor-point-top-of-circle1.jpg"><img class="aligncenter size-medium wp-image-1137" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/anchor-point-top-of-circle1-215x300.jpg" alt="anchor-point-top-of-circle" width="215" height="300" /></a></p>
<p>After clicking on the top of the circle with the <strong>Direct Selection Tool</strong>, hold <strong>shift</strong> and pull the top up to make the bulb shape.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/make-bulb-shape.png"><img class="aligncenter size-medium wp-image-1135" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/make-bulb-shape-216x300.png" alt="make-bulb-shape" width="216" height="300" /></a></p>
<p>Now we want to give the bulb some color and glow. In this tutorial we are going to start off making a blue bulb, and once the bulb is finished, I will show you how to change the color. In order to give the bulb some color we are going to change some blending options for the layer.</p>
<p>Click on <strong>Add a layer style</strong> icon for the bulb layer from the bottom part of the <strong>Layers panel</strong> and click <strong>Gradient Overlay</strong>:</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/gradient-overlay.png"><img class="aligncenter size-medium wp-image-1139" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/gradient-overlay-300x228.png" alt="gradient-overlay" width="300" height="228" /></a>Click in the <strong>color bar</strong> to open the <strong>Gradient Editor</strong> and set the <strong>color stops</strong> as shown. Click <strong>OK</strong> to close the <strong>Gradient Editor</strong> dialog box.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/gradient-overlay-options.jpg"><img class="aligncenter size-medium wp-image-1143" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/gradient-overlay-options-284x300.jpg" alt="gradient-overlay-options" width="284" height="300" /></a></p>
<p style="text-align: left;">Then add an <strong>Outer Glow </strong>with the following settings:</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/outer-glow.jpg"><img class="aligncenter size-medium wp-image-1141" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/outer-glow-300x228.jpg" alt="outer-glow" width="300" height="228" /></a>Finally add an <strong>Inner Glow</strong> with the following settings:</p>
<p style="text-align: left;"><strong><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/inner-glow.jpg"><img class="aligncenter size-medium wp-image-1142" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/inner-glow-300x228.jpg" alt="inner-glow" width="300" height="228" /></a></strong></p>
<p>We are going to add a little more glow to the center of the bulb. Create a new layer (<strong>Ctrl + Shift + N)</strong> and name it “Center Glow”. Choose a <strong>150px soft brush</strong>. Make sure to have the color <strong>white</strong> selected. Set the opacity of the brush to <strong>20%</strong>. Then click in the center of the bulb 2 or 3 times with the brush. Don’t go over board with this, too little is better than too much.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/center-glow.jpg"><img class="size-medium wp-image-1145" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/center-glow-215x300.jpg" alt="center-glow" width="215" height="300" /></a></p>
<p>We are going to add some shine to the bulb using the <strong>pen tool</strong>. Create the shapes that I did below and then set their layers to <strong>30% opacity</strong>. (Note: the pen tool can be tricky for some beginners, if you are having trouble, check out the <a href="http://blog.buckleupstudios.com/video-photoshop-tutorial-make-a-x-mas-light-bulb" target="_blank">video tutorial</a>).</p>
<p style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/pen-tool-shine.jpg"><img class="aligncenter size-medium wp-image-1146" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/pen-tool-shine-257x300.jpg" alt="pen-tool-shine" width="257" height="300" /></a>The bulb is finished for right now, let&#8217;s move on to the base.</p>
<h3 style="text-align: left;">Step 2: Making the base</h3>
<p>Start off by making a green rectangle like below using the <strong>Rectangle Tool</strong>. Don’t get too hung up on the color since we will be changing it in a minute.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/top-base-rectangle.png"><img class="size-medium wp-image-1148" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/top-base-rectangle-181x300.png" alt="top-base-rectangle" width="181" height="300" /></a></p>
<p>Now take the <strong>Add Anchor Point Tool</strong> (located under the Pen Tool) and add two new anchor points to the rectangle. One in the middle of the top line, and one in the middle of the bottom line.</p>
<p style="text-align: left;"><strong> </strong></p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/anchor-points-top-of-base1.jpg"><img class="aligncenter size-medium wp-image-1162" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/anchor-points-top-of-base1-300x287.jpg" alt="anchor-points-top-of-base" width="300" height="287" /></a></p>
<p>When you have added the two new anchor points, grab the <strong>Direct Selection Tool</strong>, and click the <strong>top new anchor point</strong>, hold <strong>shift</strong>, and then <strong>click the bottom anchor point</strong>. This will select both of the anchor points together. Keep holding shift and drag the point up just slightly to give the rectangle a curve.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/move-top-base-anchors.jpg"><img class="aligncenter size-medium wp-image-1161" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/move-top-base-anchors-300x286.jpg" alt="move-top-base-anchors" width="300" height="286" /></a></p>
<p>Next we want to add an ellipse to fill out the bottom. Select the <strong>Ellipse Tool</strong> and a slightly darker green (I used <strong>#009b0f</strong>) and draw an ellipse beneath the previous rectangle. Once the ellipse is drawn make sure to move the ellipse layer under the rectangle layer.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/finish-top-of-base.jpg"><img class="aligncenter size-medium wp-image-1156" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/finish-top-of-base-300x39.jpg" alt="finish-top-of-base" width="300" height="39" /></a></p>
<p>Next is the second half of our base. The process is the same as the top rectangle, just start out by making a taller and slightly thinner rectangle.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/finished-bottom-of-base.png"><img class="aligncenter size-medium wp-image-1158" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/finished-bottom-of-base-184x300.png" alt="" width="184" height="300" /></a></p>
<p>Next, lets add a little depth to the base with a gradient overlay. Select the first, smaller rectangle and click on the <strong>Add a layer style</strong> icon from bottom part of the <strong>Layers panel</strong> and select <strong>Gradient Overlay</strong>. Use the following settings:</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/gradient-overlay-2.png"><img class="aligncenter size-medium wp-image-1160" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/gradient-overlay-2-300x229.png" alt="gradient-overlay-2" width="300" height="229" /></a></p>
<p>Click in the <strong>color bar</strong> to open the <strong>Gradient Editor</strong> and set the <strong>color stops</strong> as shown. Click <strong>OK</strong> to close the <strong>Gradient Editor</strong> dialog box.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/gradient-overlay-2-settings.jpg"><img class="aligncenter size-medium wp-image-1159" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/gradient-overlay-2-settings-284x300.jpg" alt="gradient-overlay-2-settings" width="284" height="300" /></a></p>
<p>Add the same layer styles to the second, longer rectangle. Your base should now look like this:</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/finished-base.png"><img class="aligncenter size-medium wp-image-1157" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/finished-base-225x300.png" alt="finished-base" width="225" height="300" /></a></p>
<h3><strong>Step 3: Adding Streaks of Light</strong></h3>
<p>The last thing to do is to add one more light layer on top of all of the other layers.</p>
<p>Select the <strong>Polygon Tool</strong> and give it 15 sides. (To add sides see the toolbar at the top of the screen) Draw a small, white polygon in the center of the bulb. (It will look like a circle since the size is so small.)</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/polygon1.png"><img class="aligncenter size-medium wp-image-1171" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/polygon1-226x300.png" alt="polygon" width="226" height="300" /></a></p>
<p>Using the <strong>Direct Selection Tool</strong> again, click on the new white circle and pull out four points in different directions.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/pull-out-polygon1.jpg"><img class="aligncenter size-medium wp-image-1172" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/pull-out-polygon1-227x300.jpg" alt="pull-out-polygon" width="227" height="300" /></a></p>
<p>When the four points are pulled out, your result should look similar to this:</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/finished-polygon.png"><img class="aligncenter size-medium wp-image-1166" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/finished-polygon-228x300.png" alt="finished-polygon" width="228" height="300" /></a></p>
<p>Apply a <strong>Gaussian Blur</strong> (Filter &gt; Blur &gt;Gaussian Blur) with a radius of <strong>1.5 px</strong>.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/polygon-blur.jpg"><img class="aligncenter size-medium wp-image-1168" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/polygon-blur-300x246.jpg" alt="polygon-blur" width="300" height="246" /></a></p>
<p>Then set the opacity of the layer to <strong>30%</strong>.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/finishedBulb.png"><img class="aligncenter size-medium wp-image-1167" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/finishedBulb-182x300.png" alt="finishedBulb" width="182" height="300" /></a></p>
<p>There you have it a finished light bulb and base!</p>
<h3>Step 4:<strong> Changing the color of the bulb</strong></h3>
<p>Changing the color of the bulb is simple using Adjustment Layers. <strong>Merge</strong> the bulb layer with the 2 pen shine layers. Add a <strong>Hue/Saturation layer</strong> (Layer -&gt; New Adjustment Layer -&gt; Hue/Saturation) make sure the “Use Previous Layer to Create Clipping Mask” checkbox is checked.</p>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/hue-saturation-layer.png"><img class="aligncenter size-medium wp-image-1175" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/hue-saturation-layer-300x92.png" alt="hue-saturation-layer" width="300" height="92" /></a></p>
<p>Now slide the Hue bar to change the color of the bulb.</p>
<h3 style="text-align: left;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/hue-saturation-layer-options.jpg"><img class="aligncenter size-medium wp-image-1174" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/11/hue-saturation-layer-options-300x216.jpg" alt="hue-saturation-layer-options" width="300" height="216" /></a>Finished Product</h3>
<p style="text-align: center;"><a class="thickbox" href="http://buckleupstudios.com/blog/wp-content/uploads/2011/10/final-preview.png"><img class="aligncenter size-full wp-image-1121" title="Click to Enlarge" src="http://buckleupstudios.com/blog/wp-content/uploads/2011/10/final-preview.png" alt="final-photoshop-xmas-lights" width="603" height="262" /></a></p>
<p style="text-align: left;">There you have it, finished multicolored Christmas lights from scratch in Photoshop. Be sure to check out the <a href="http://blog.buckleupstudios.com/video-photoshop-tutorial-make-a-x-mas-light-bulb">video tutorial</a> if you get stuck or confused. Also check out part two of this tutorial where I show you how to <a href="http://blog.buckleupstudios.com/how-to-create-christmas-text-wrapped-in-a-string-of-light-bulbs-in-photoshop">use a light bulb to make a string of lights</a>.</p>
<p style="text-align: left;">&nbsp;</p>
<p style="text-align: left;"><strong>Download the finished PSD here:</strong></p>
<p style="text-align: left;"><table style="border: 1px solid #CCC;" cellpadding="3" width="100%">
  <tr>
    <td width="35">
    <a href="http://buckleupstudios.com/blog/?file_id=2"> <img src="http://buckleupstudios.com/blog/wp-content/plugins/downloads-manager/img/icons/default.gif" alt="http://buckleupstudios.com/blog/wp-content/plugins/downloads-manager/img/icons/default.gif"></a>
    </td>
    <td>
      <b><a href="http://buckleupstudios.com/blog/?file_id=2" style = 'text-decoration: underline;'>Download:</a></b> <a href="http://buckleupstudios.com/blog/?file_id=2" style = 'text-decoration: underline;'>Light Bulb PSD</a> <small>(161.19KB)</small><br />
      <b>Description:</b> Click to download the accompanying Photoshop file. <br />
    </td>
  </tr>
</table></p>
]]></content:encoded>
			<wfw:commentRss>http://buckleupstudios.com/blog/christmas-lights-photoshop-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://buckleupstudios.com/blog/christmas-lights-photoshop-tutorial/</feedburner:origLink></item>
		<item>
		<title>Auto-Resize WordPress Featured Image and Crop if Necessary</title>
		<link>http://feedproxy.google.com/~r/BuckleUpStudiosBlog/~3/pOAAXCSXWvs/</link>
		<comments>http://buckleupstudios.com/blog/auto-resize-wordpress-featured-image-and-crop-if-necessary/#comments</comments>
		<pubDate>Tue, 01 Nov 2011 09:48:01 +0000</pubDate>
		<dc:creator>Keith</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.buckleupstudios.com/?p=1104</guid>
		<description><![CDATA[If you are creating a WordPress site for a user, you want to make sure everything is as easy as possible for them. One trick that can make things easier is to have images automatically resize when they are used for a featured image in WordPress. Resizing images may be easy for developers and graphic <a class="moretag" href="http://buckleupstudios.com/blog/auto-resize-wordpress-featured-image-and-crop-if-necessary/">Read the full article &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>If you are creating a WordPress site for a user, you want to make sure everything is as easy as possible for them. One trick that can make things easier is to have images automatically resize when they are used for a featured image in WordPress. Resizing images may be easy for developers and graphic designers, but some end-users don&#8217;t have the skills or time to resize an image to fit perfectly in your design. Luckily, this is simple to set up.</p>
<h3>The Process</h3>
<ol>
<li>The first step is to put the following line of code in the WordPress theme&#8217;s functions.php file. If you do not know how to access the functions.php file, see my post on <a href="http://blog.buckleupstudios.com/how-to-access-key-wordpress-theme-files">how to access key WordPress theme files</a>.

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">add_image_size<span style="color: #009900;">&#40;</span><span style="color: #000088;">$name</span><span style="color: #339933;">,</span> <span style="color: #000088;">$width</span><span style="color: #339933;">,</span> <span style="color: #000088;">$height</span><span style="color: #339933;">,</span> <span style="color: #000088;">$cropBoolean</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>The add_image_size(); function has 4 parameters. $name is the name that you want to call your image with. $width is the width you want the image to crop to in pixels. $height is the height you want the image to crop to in pixels. $cropBoolean is a true or false parameter. If set to true the image will crop itself automatically.</p>
<p>In the example below, the name I use to call the cropped image is &#8220;featuredImageCropped&#8221;. The height and width are 250px and 200px respectively, and the image is set to crop.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">add_image_size<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'featuredImageCropped'</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">250</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">200</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

</li>
<li> The next step is to reference the new image size in your theme. Place the following code wherever you would like to see your cropped image:

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> the_post_thumbnail<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'featuredImageCropped'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

</li>
</ol>
<h3>Conclusion</h3>
<p>There you have it. Now when you add a featured image to a post, the image will not need to be resized or cropped beforehand. WordPress will do it for you!</p>
]]></content:encoded>
			<wfw:commentRss>http://buckleupstudios.com/blog/auto-resize-wordpress-featured-image-and-crop-if-necessary/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://buckleupstudios.com/blog/auto-resize-wordpress-featured-image-and-crop-if-necessary/</feedburner:origLink></item>
	</channel>
</rss>

