<p>Are you a web designer or a web developer? <strong>Are you blogging yet</strong>?</p> <p>There are several thousands of web designers and web developers actively seeking new opportunities online. A lot of them are excellent at what they do, but among those many excellent designers and developers only a hundred will actually be known on the internet.</p> <p>It is depressing to know that you probably won’t get noticed.</p> <p>What if I told you that you can change the course of your life simply by blogging?</p> <p><span id="more-71682"></span></p> <h2>Why Should Web Designers and Web Developers Blog?</h2> <p>You are probably very limited to what you are currently doing. 9-5 job as a web designer/developer, and the people who will be awestruck by your work won’t probably even know your name.</p> <p>If you are a freelancer, then it’s a bigger problem if you don’t have a blog. Admit it, you want to be famous someday in your field, but how?</p> <p>Why not start a blog? A blog can act as three things, as a repository of your daily life, both work and personal, as an archive of ideas that you’d want to realize in the future, and a place where you can teach your trade to people.</p> <h2>Question: Should I Blog?</h2> <p>Being a web designer/developer means working alone most of the time, even if you are on a team. You have your own ideas, own methods, and own preferences of how things should go, and being limited by rules is everyone’s nightmare. Now, where does blogging enter?</p> <p>I have a friend who is a great web developer who works with a team, and frequently he would tell me his ideas of how he could have done their project faster and better, or in many cases how he felt utterly confused trying to read someone else’s code to integrate their modules. I was, to say the least, his “blog” where he shared his thoughts and ideas.</p> <p>I am pretty sure you have similar feelings. You have friends around you that you can speak to anytime about your work, and about the future you want for it. That’s just one or a couple of people, but with blogging you can reach hundreds, even thousands.</p> <p>By nature, web designers and web developers are creators. You create things. But you cannot create when limitations are set. With blogging, there is no limit to where you can go and what you can do. It is a stimulant, which can help you think of more bright ideas that could lead to your big break!</p> <h3>Advantages of Blogging:</h3> <h4><strong>1. You’ll get noticed</strong></h4> <p>Blogging is one of the best ways to establish your online presence. It is not enough that you have a good portfolio, you also need to tell others that you are good at what you do and that you exist!</p> <p>Google your name right now and tell us what the results are. Facebook? Google+? Twitter? Wouldn’t it be cool to have your name point to your own blog? Because if people are serious about commissioning you for opportunities, then they will first do a background check. It is always a plus to have a blog where you can freely talk about your life or the things you know.</p> <h4><strong>2. You get to mentor others</strong></h4> <p>So, you have great skills, that’s a given, but what are you doing about it aside from work? Why not share part of your knowledge to thousands of people out there?</p> <p>As our favorite spider once said, “with great power comes great responsibility” which is not too different with your skills that you have acquired through years of experience. You have a responsibility to help and educate those who are dreaming of becoming the same as you.</p> <p>I am neither a web designer nor a web developer by trade, just a hobbyist, but in my line of work as a writer I can’t help but share useful tips with everyone!</p> <p>The main idea here is if you can alleviate others’ hardships, they’ll remember you and talk about you to other, and besides, blogging won’t take more then an hour of your day. Seriously! You get to exercise your writing skills too, which is very important.</p> <h4><strong>3. You’ll have a personal, yet public, place</strong></h4> <p>Below you will see blogs of established developers and designers where they speak their minds about their daily lives and work life.</p> <p><strong>A blog can act as:</strong></p> <ul> <li>your personal stress reliever</li> <li>a place where you can ask your followers for ideas</li> </ul> <p>If you haven’t started blogging yet, you will find sooner or later that it will be a necessary aspect of your life.</p> <h4><strong>4. Extra source of income</strong></h4> <p>Blogging is actually a good way to help you transition from being a full-time web designer/developer to being a freelancer, or full-time blogger. Websites like 1stwebdesigner  are usually created by web designers and web developers who have that passion inside of them to teach. Instead of designing and developing websites and applications, they have set their goals to teaching, which is a very noble act. Trust me, if 1WD isn’t here along with similar websites, where will you get your new techniques easily?</p> <p>But the point is, you can actually make a living from blogging about your field!</p> <h2>Top Designers and Developers’ Blogs</h2> <p><strong>Ryan Carson, Treehouse CEO and Founder</strong></p> <p><img alt="" class="alignnone size-full wp-image-71691" height="332" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/ryan-carson.png" title="ryan-carson" width="550" /></p> <p><a href="http://ryancarson.com/about">Ryan Carson</a> is the CEO and Founder of <a href="http://teamtreehouse.com">Treehouse</a>, an online school that teaches people how to code for the web, make iPhone/iPad and Android apps, and how to leverage those to make a business.</p> <p><strong>Matt Mullenweg, WordPress co-founder</strong></p> <p><img alt="" class="alignnone size-full wp-image-71686" height="455" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/matt-mullenweg.png" title="matt-mullenweg" width="550" /></p> <p><a href="http://ma.tt/about/">Matt Mullenweg</a> regularly blogs about almost anything WordPress related down to comments that have amused him. He left WordPress in 2005 to start Automattic, the company behind the great successes <a href="http://wordpress.com/">WordPress.com</a>, <a href="http://akismet.com/">Akismet</a>, <a href="http://gravatar.com/">Gravatar</a>, <a href="http://vaultpress.com/">VaultPress</a>, <a href="http://intensedebate.com/">IntenseDebate</a>, <a href="http://polldaddy.com/">Polldaddy</a>, and <a href="http://automattic.com/">more</a>.</p> <p><strong>Dan Cederholm, Dribbble co-founder</strong></p> <p><img alt="" class="alignnone size-full wp-image-71688" height="364" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/dan-in-studio.jpg" title="dan-in-studio" width="550" /></p> <p><a href="http://simplebits.com/about/">Dan Cederholm</a>‘s blog is not updated regularly, but he understands the importance of having a personal blog where he can post about the important stuffs. He’s a designer, author and speaker, and his blog acts as his portfolio.</p> <p><strong>Chris Coyier, founder of CSS-tricks.com, worked at Wuffoo/Survey Monkey</strong></p> <p><img alt="" class="alignnone size-full wp-image-71685" height="154" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/chris-coyier.png" title="chris-coyier" width="550" /></p> <p><a href="http://chriscoyier.net/blog/">Chris Coyier</a> updates a lot about his work and personal life, which can easily be an inspiration if you want to start your own blog now. He has a huge fan-base, which is important in the online world, especially if you want to be competitive. It’s all about how many people follow you, and how many good connections you have.</p> <p><strong>Patrick McNeil, author and developer, featured on .NET Magazine</strong></p> <p><img alt="" class="alignnone size-full wp-image-71687" height="390" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patrick-mcneil.png" title="patrick-mcneil" width="550" /></p> <p><a href="http://pmcneil.com/about-me/">Patrick McNeil</a> is a developer, author, teacher, and speaker. He was featured in .net Magazine. You might know him from his blog Design Meltdown and his book series The Web Designer’s Idea Book.</p> <h2>Will You Start A Blog?</h2> <p>All the established web designers and developers have their own blogs, why shouldn’t you? Don’t wait before you get yourself featured in a magazine, start your own blog now and share your thoughts there. Say, update it at least four times a month or even more. What’s important is that you are then already anchoring your roots in the ground!</p> <p><strong>Already have one? Share it below!</strong></p> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=t75j-i1zmMI:bgPqHc7FFZ8:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=t75j-i1zmMI:bgPqHc7FFZ8:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=t75j-i1zmMI:bgPqHc7FFZ8:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=t75j-i1zmMI:bgPqHc7FFZ8:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/t75j-i1zmMI" width="1" />

<p>Patterns are everywhere around us. In art, patterns are an important medium of expression. Is a pattern worth more than a thousand words? We can leave that discussion for later, but it’s certain that patterns do liven up everything they’re applied to. Patterns can be used for nearly everything from website backgrounds to your phone case, for example. For this roundup we’ve prepared 40 fresh, colorful and jovial patterns from this year that’ll conjure up the mood of summer.<span id="more-71372"></span></p> <h3>1. <a href="http://pixelsdaily.com/resources/photoshop/patterns/25-seamless-pixel-patterns-for-photoshop/">25 Seamless Pixel Patterns for Photoshop</a></h3> <p><a href="http://pixelsdaily.com/resources/photoshop/patterns/25-seamless-pixel-patterns-for-photoshop/"><img alt="Seamless-pixel-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/seamless-pixel-free-photoshop-patterns.jpg" /></a></p> <p>25 incredibly versatile, easy to use patterns that make a brilliant addition to a plain background.</p> <h3>2. <a href="http://graphicclouds.com/morning-coffee-pattern/">Morning Coffee Pattern</a></h3> <p><a href="http://graphicclouds.com/morning-coffee-pattern/"><img alt="Morning-coffee-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/morning-coffee-free-photoshop-patterns.jpg" /></a></p> <p>A retro and coffee-flavored pattern in vector and Photoshop (.pat) format.</p> <h3>3. <a href="http://www.premiumpixels.com/freebies/11-light-subtle-patterns-pat/">11 Light Subtle Patterns</a></h3> <p><a href="http://www.premiumpixels.com/freebies/11-light-subtle-patterns-pat/"><img alt="Light-subtle-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/light-subtle-free-photoshop-patterns.jpg" /></a></p> <p>A super-handy set of subtle patterns – great for giving backgrounds a little edge. The download includes the .pat file along with jpgs for quick and dirty use.</p> <h3>4. <a href="http://designmoo.com/24279/geometric-patterns-png-and-pat/">Geometric Patterns</a></h3> <p><a href="http://designmoo.com/24279/geometric-patterns-png-and-pat/"><img alt="Geometric-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/geometric-free-photoshop-patterns.jpg" /></a></p> <p>A set of Subtle Seamless Geometric Pattern for you to download for free in .PNG and .PAT file format.</p> <h3>5. <a href="http://designmoo.com/22321/jeans-pattern/">Jeans Pattern</a></h3> <p><a href="http://designmoo.com/22321/jeans-pattern/"><img alt="Jeans-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/jeans-free-photoshop-patterns.jpg" /></a></p> <p>Simple, easy to use jeans pattern (.pat).</p> <h3>6. <a href="http://subtlepatterns.com/?p=1293">Dark Wall</a></h3> <p><a href="http://subtlepatterns.com/?p=1293"><img alt="Dark-wall-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/dark-wall-free-photoshop-patterns.jpg" /></a></p> <p>Simple dark wall pattern from SutblePatterns.</p> <h3>7. <a href="http://subtlepatterns.com/?p=1257">Escheresque</a></h3> <p><a href="http://subtlepatterns.com/?p=1257"><img alt="Escheresque-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/escheresque-free-photoshop-patterns.jpg" /></a></p> <p>Cubes as far as your eyes can see. You know, because they tile.</p> <h3>8. <a href="http://pattern8.com/free-repeat-patterns/plaid-pastel">Plaid Pastel</a></h3> <p><a href="http://pattern8.com/free-repeat-patterns/plaid-pastel"><img alt="Plaid-pastel-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/plaid-pastel-free-photoshop-patterns.jpg" /></a></p> <p>Free seamless pattern with a tartan look.</p> <h3>9. <a href="http://www.backgroundlabs.com/detail/link-486.html">Playing Cards Symbols Pattern</a></h3> <p><a href="http://www.backgroundlabs.com/detail/link-486.html"><img alt="Playing-cards-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/playing-cards-free-photoshop-patterns.jpg" /></a></p> <p>Attractive playing card pattern (.gif and .pat).</p> <h3>10. <a href="http://www.backgroundlabs.com/detail/link-478.html">Plaid Pattern</a></h3> <p><a href="http://www.backgroundlabs.com/detail/link-478.html"><img alt="Plaid-floral-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/plaid-floral-free-photoshop-patterns.jpg" /></a></p> <p>Plaid floral pattern in honour of summer. .gif and .pat.</p> <h3>11. <a class="broken_link" href="http://www.pixeden.com/graphic-web-backgrounds/subtle-light-tile-pattern-vol1">Subtle Light Tile Pattern</a></h3> <p><a class="broken_link" href="http://www.pixeden.com/graphic-web-backgrounds/subtle-light-tile-pattern-vol1"><img alt="Subtle-light-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/subtle-light-free-photoshop-patterns.jpg" /></a></p> <p>These subtle light texture patterns are comprised of 4 light tile patterns ideal to create a subtle and original light web background for your next project.</p> <h3>12. <a href="http://pattern8.com/free-repeat-patterns/blue-geo">Blue Geo</a></h3> <p><a href="http://pattern8.com/free-repeat-patterns/blue-geo"><img alt="Blue-geo-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/blue-geo-free-photoshop-patterns.jpg" /></a></p> <p>Free repeat pattern with a blue geometric theme.</p> <h3>13. <a href="http://www.patterncooler.com/editor/?M=2&P=877492E3E4CE_210">Leaf Curls</a></h3> <p><a href="http://www.patterncooler.com/editor/?M=2&P=877492E3E4CE_210"><img alt="Leaf-curls-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/leaf-curls-free-photoshop-patterns.jpg" /></a></p> <p>Seamless leaf curl pattern. You can modify the colors, scaling and design.</p> <h3>14. <a href="http://www.patterncooler.com/editor/?M=2&P=E27A6FFFFFE5862E53_202">Daisy Chain</a></h3> <p><a href="http://www.patterncooler.com/editor/?M=2&P=E27A6FFFFFE5862E53_202"><img alt="Daisy-chain-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/daisy-chain-free-photoshop-patterns.jpg" /></a></p> <p>Seamless flower pattern. You can modify the colors, scaling and design.</p> <h3>15. <a href="http://www.patterncooler.com/editor/?M=2&P=FFFFFF909839FFFFFF000000909839_169">Sine Wave Tartan</a></h3> <p><a href="http://www.patterncooler.com/editor/?M=2&P=FFFFFF909839FFFFFF000000909839_169"><img alt="Wave-tartan-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/wave-tartan-free-photoshop-patterns.jpg" /></a></p> <p>Seamless wave tartan pattern. You can modify the colors, scaling and design.</p> <h3>16. <a href="http://www.webtexture.net/photoshop-resources/patterns/6-seamless-grungy-beige-patterns/">Seamless Grungy Beige Patterns</a></h3> <p><a href="http://www.webtexture.net/photoshop-resources/patterns/6-seamless-grungy-beige-patterns/"><img alt="Grungy-beige-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/grungy-beige-free-photoshop-patterns.jpg" /></a></p> <p>6 seamless grungy beige patterns. It comes with a .pat file that you can easily generate any size pattern you want.</p> <h3>17. <a href="http://www.webtexture.net/photoshop-resources/patterns/8-seamless-grungy-heart-and-flower-textures/">Seamless Grungy Heart And Flower Textures</a></h3> <p><a href="http://www.webtexture.net/photoshop-resources/patterns/8-seamless-grungy-heart-and-flower-textures/"><img alt="Grungy-heart-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/grungy-heart-free-photoshop-patterns.jpg" /></a></p> <p>8 grungy heart and flower textures that come with several colour schemes and are totally repeatable.</p> <h3>18. <a href="http://allvectorart.com/heart-pattern-background-vector/">Heart Pattern</a></h3> <p><a href="http://allvectorart.com/heart-pattern-background-vector/"><img alt="Heart-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/heart-free-photoshop-patterns.jpg" /></a></p> <p>Heart pattern background is available in vector (.eps) and .jpeg format.</p> <h3>19. <a href="http://www.hires-wallpaper.com/background-patterns-and-background-wallpaper-page-4/victorian4321111/">Victorian Wallpaper</a></h3> <p><a href="http://www.hires-wallpaper.com/background-patterns-and-background-wallpaper-page-4/victorian4321111/"><img alt="Victorian-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/victorian-free-photoshop-patterns.jpg" /></a></p> <p>Interesting pattern for various artwork since it’s a low-quality photograph.</p> <h3>20. <a href="http://covermyfb.com/covers/19544/hearts+and+peace">Hearts and Peace</a></h3> <p><a href="http://covermyfb.com/covers/19544/hearts+and+peace"><img alt="Hearts-peace-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/hearts-peace-free-photoshop-patterns.jpg" /></a></p> <p>Abstract and striking. Perfect for madly creative ideas.</p> <h3>21. <a href="http://covermyfb.com/covers/17672/swirls">Swirls</a></h3> <p><a href="http://covermyfb.com/covers/17672/swirls"><img alt="Swirls-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/swirls-free-photoshop-patterns.jpg" /></a></p> <p>This is intentionally created for Facebook covers but there’s no limits in using such a great pattern.</p> <h3>22. <a href="http://covermyfb.com/covers/17096/diamonds">Diamonds</a></h3> <p><a href="http://covermyfb.com/covers/17096/diamonds"><img alt="Diamonds-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/diamonds-free-photoshop-patterns.jpg" /></a></p> <p>Diamonds. Pure diamonds.</p> <h3>23. <a href="http://covermyfb.com/covers/12688/rose+pattern">Rose Pattern</a></h3> <p><a href="http://covermyfb.com/covers/12688/rose+pattern"><img alt="Rose-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/rose-free-photoshop-patterns.jpg" /></a></p> <h3>24. <a href="http://www.firstcovers.com/covers/530/pattern.html">Pattern</a></h3> <p><a href="http://www.firstcovers.com/covers/530/pattern.html"><img alt="Ornament-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/ornament-free-photoshop-patterns.jpg" /></a></p> <h3>25. <a href="http://99covers.com/black-and-white-floral-facebook-covers/2546/">Black and White Floral</a></h3> <p><a href="http://99covers.com/black-and-white-floral-facebook-covers/2546/"><img alt="Bw-floral-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/bw-floral-free-photoshop-patterns.jpg" /></a></p> <h3>26. <a href="http://99covers.com/plus-circle-light-green-facebook-covers/2585/">Light Green</a></h3> <p><a href="http://99covers.com/plus-circle-light-green-facebook-covers/2585/"><img alt="Light-green-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/light-green-free-photoshop-patterns.jpg" /></a></p> <h3>27. <a href="http://www.colourlovers.com/pattern/2531046/%E2%9D%A4Hibiscus_Stripe">Hibiscus Stripe</a></h3> <p><a href="http://www.colourlovers.com/pattern/2531046/%E2%9D%A4Hibiscus_Stripe"><img alt="Hibiscus-stripe-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/hibiscus-stripe-free-photoshop-patterns.jpg" /></a></p> <h3>28. <a href="http://www.colourlovers.com/pattern/2388654/x">X</a></h3> <p><a href="http://www.colourlovers.com/pattern/2388654/x"><img alt="X-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/x-free-photoshop-patterns.jpg" /></a></p> <h3>29. <a href="http://www.colourlovers.com/pattern/2434012/L_o_v_e_S_o_n_g_*">Lovesong</a></h3> <p><a href="http://www.colourlovers.com/pattern/2434012/L_o_v_e_S_o_n_g_*"><img alt="Lovesong-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/lovesong-free-photoshop-patterns.jpg" /></a></p> <h3>30. <a href="http://www.colourlovers.com/pattern/2490358/Warm_Day">Warm Day</a></h3> <p><a href="http://www.colourlovers.com/pattern/2490358/Warm_Day"><img alt="Warm-day-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/warm-day-free-photoshop-patterns.jpg" /></a></p> <h3>31. <a href="http://www.colourlovers.com/pattern/2384692/%E2%99%A5">?</a></h3> <p><a href="http://www.colourlovers.com/pattern/2384692/%E2%99%A5"><img alt="Heart-doodle-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/heart-doodle-free-photoshop-patterns.jpg" /></a></p> <h3>32. <a href="http://www.colourlovers.com/pattern/2516302/For_xxLynxx">For xxLynxx</a></h3> <p><a href="http://www.colourlovers.com/pattern/2516302/For_xxLynxx"><img alt="Xxlynxx-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/xxlynxx-free-photoshop-patterns.jpg" /></a></p> <h3>33. <a href="http://www.colourlovers.com/pattern/2578377/lonely_as_a_cloud">lonely as a cloud</a></h3> <p><a href="http://www.colourlovers.com/pattern/2578377/lonely_as_a_cloud"><img alt="Lonely-cloud-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/lonely-cloud-free-photoshop-patterns.jpg" /></a></p> <h3>34. <a href="http://www.colourlovers.com/pattern/2182392/jacked_up_rainbow">jacked up rainbow</a></h3> <p><a href="http://www.colourlovers.com/pattern/2182392/jacked_up_rainbow"><img alt="Rainbow-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/rainbow-free-photoshop-patterns.jpg" /></a></p> <h3>35. <a href="http://123freevectors.com/free-damask-seamless-pattern/">Damask seamless pattern</a></h3> <p><a href="http://123freevectors.com/free-damask-seamless-pattern/"><img alt="Damask-seamless-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/damask-seamless-free-photoshop-patterns.jpg" /></a></p> <p>Vector damask seamless pattern (.eps).</p> <h3>36. <a href="http://123freevectors.com/blume-pattern-free-vector/">Flower pattern</a></h3> <p><a href="http://123freevectors.com/blume-pattern-free-vector/"><img alt="Flower-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/flower-free-photoshop-patterns.jpg" /></a></p> <h3>37. <a href="http://patterns.ava7.com/pattern-1699.php">1699</a></h3> <p><a href="http://patterns.ava7.com/pattern-1699.php"><img alt="1699-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/1699-free-photoshop-patterns.jpg" /></a></p> <h3>38. <a href="http://illustratorcs6.com/pattern-pack-flowers/">Flower patterns</a></h3> <p><a href="http://illustratorcs6.com/pattern-pack-flowers/"><img alt="Flower-pack-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/flower-pack-free-photoshop-patterns.jpg" /></a></p> <p>Pack of 14 flower Photoshop patterns looks like tapesery.</p> <h3>39. <a href="http://www.colourlovers.com/pattern/2531288/SockHop">SockHop</a></h3> <p><a href="http://www.colourlovers.com/pattern/2531288/SockHop"><img alt="Sockhop-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/sockhop-free-photoshop-patterns.jpg" /></a></p> <h3>40. <a href="http://www.colourlovers.com/pattern/2513049/S_u_t_r_a_*_0_1">Sutra</a></h3> <p><a href="http://www.colourlovers.com/pattern/2513049/S_u_t_r_a_*_0_1"><img alt="Sutra-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/sutra-free-photoshop-patterns.jpg" /></a></p> <h3>Want more?</h3> <h3><a href="http://www.colourlovers.com/">Colourlovers</a></h3> <p><a href="http://www.colourlovers.com/"><img alt="Colourlovers-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/colourlovers-free-photoshop-patterns.jpg" /></a></p> <p>You’ll find over 2 million user-created seamless patterns to use in your creative projects here. Absolutely best resource for free patterns.</p> <h3><a href="http://printpattern.blogspot.com/">print & pattern</a></h3> <p><a href="http://printpattern.blogspot.com/"><img alt="Print-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/print-free-photoshop-patterns.jpg" /></a></p> <p>This is a website that celebrates the world of surface pattern design. A lot of artwork is showcased here.</p> <h3><a href="http://www.patternpeople.com/">PatternPeople</a></h3> <p><a href="http://www.patternpeople.com/"><img alt="People-free-photoshop-patterns" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/patterns/people-free-photoshop-patterns.jpg" /></a></p> <p>Pattern People is a surface design studio founded by designers Claudia Brown and Jessie Whipple Vickery who came together with a mutual appreciation of patterns and a shared vision. Collectively they bring their illustrations to all types of surfaces from fashion to interiors. They have a regulary updated blog which offers a lot of inspiration.</p> <p>What do you think of these patterns and designs? Got any that we missed? Share with us in comments!</p> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=IF_OQgFde-g:pE2CWlH0Qy0:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=IF_OQgFde-g:pE2CWlH0Qy0:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=IF_OQgFde-g:pE2CWlH0Qy0:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=IF_OQgFde-g:pE2CWlH0Qy0:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/IF_OQgFde-g" width="1" />

<p>With so many apps being released in such a short period of time, designers need to really create apps that stand out. In this roundup we’re sharing 40 beautifuld mobile app designs with excellent UI experience in mind. Also at the end of the post you’ll find some more resources to follow top mobile app design trends.</p> <p>Mobile apps are even changing the way we design anything nowadays! Everybody is pushing to higher resolution with new retina displays (ipad3) and I believe whole web will get super beautiful and sleek soon enough!</p> <p><span id="more-71469"></span></p> <p>But before it happens we can inspire from these high quality inspirational mobile app designs! It doesn’t matter for which platform you create design, you can transfer experience from mobile to web, from web to tablets!  As you can see even print and web is not so different now! Big typography, textures, images are used everywhere!</p> <p>Only one big difference in my opinion is touch screens - for mobile and tablets you need to put big attention in UX, usability. Make sure buttons are easy to click, you effectively use touch controls to swipe, expand, minimize with your fingers.</p> <p>If you are designing mobile apps yourself I would strongly encourage to download a lot of these apps on your mobile, tablet and play with them! Even if you are just designer not developer you need to plan whole experience with your design! Ok, now off to the inspirational part - enjoy this roundup we put together for you!</p> <p>Which is your favorite mobile app by design and usability? Leave your feedback in comments!</p> <h3>1. <a href="http://www.codegoo.com/">Camera Genius</a></h3> <p><img alt="Camera-genius-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/camera-genius-mobile-app-designs.jpg" /></p> <p>Camera Genius is a camera application that significantly increases standard functionality. It has separate focus and exposure areas, picture editing tools and effects, social network sharing features and more. Great idea to blend SLR with phone and the UI design is nice and clean.</p> <h3>2. <a href="http://deteristid.nu/">Istid</a></h3> <p><img alt="Istid-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/istid-mobile-app-designs.jpg" /></p> <p>Overview of the shops selling good quality ice cream. The usability and typography are great.</p> <h3>3. <a href="http://www.getjauntly.com/">Jauntly</a></h3> <p><img alt="Jauntly-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/jauntly-mobile-app-designs.jpg" /></p> <p>Mobile website of Jauntly - a simple goal setting web application. Simple design with a beautiful color scheme.</p> <h3>4. <a href="http://www.meer.li/designs/chownow-tip">ChowNow Tip</a></h3> <p><img alt="Chownow-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/chownow-mobile-app-designs.jpg" /></p> <p>Tip screen for the forthcoming <a href="http://www.chownow.com/">ChowNow</a> mobile ordering platform. Crisp design with a gentle touch of texture.</p> <h3>5. <a href="http://blog.wkstudio.com/">Wieden + Kennedy BlackBook</a></h3> <p><img alt="Blackbook-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/blackbook-mobile-app-designs.jpg" /></p> <p>Browse employees alphabetically. Awesome contact list.</p> <h3>6. <a href="http://www.meer.li/designs/nike-fuel-plus-app-concept">Nike Fuel+ App Concept</a></h3> <p><img alt="Nike-fuel-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/nike-fuel-mobile-app-designs.jpg" /></p> <p>A new concept for Nike Fuel+ app. Fine contrast and vibrant colors.</p> <h3>7. <a href="http://www.behance.net/gallery/Moodswings-iPhone/3627631">Moodswings</a></h3> <p><img alt="Moodswings-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/moodswings-mobile-app-designs.jpg" /></p> <p>Moodswings helps you add and track your daily mood through time and location. Check how people in your neighborhood are feeling and understand the reasons behind your mood swings. Good concept brought to life with a beautiful design.</p> <h3>8. <a href="http://itunes.apple.com/us/app/memocards/id515767040">MemoCards</a></h3> <p><img alt="Memocards-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/memocards-mobile-app-designs.jpg" /></p> <p>MemoCards is the ultimate flashcard app for language learners. Excellent design that combines both usability and creativity.</p> <h3>9. <a href="http://itunes.apple.com/de/app/einkaufsliste-px/id516515371">Grocery List</a></h3> <p><img alt="Grocery-list-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/grocery-list-mobile-app-designs.jpg" /></p> <p>Make shopping easier with ordered lists.</p> <h3>10. <a href="http://itunes.apple.com/us/app/quote-roller/id477972467">Quote Roller</a></h3> <p><img alt="Quoteroller-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/quoteroller-mobile-app-designs.jpg" /></p> <p>Quote Roller for iPhone lets you access your QuoteRoller account from wherever you are. Lucid and neat web app’s transfer to mobile.</p> <h3>11. <a href="http://itunes.apple.com/us/app/aircassette/id445325105">AirCasette</a></h3> <p><img alt="Aircasette-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/aircasette-mobile-app-designs.jpg" /></p> <p>AirCassette is a unique cassette player application for iPhone and iPod Touch. Creative design but the functionality lacks a bit.</p> <h3>12. <a href="http://itunes.apple.com/us/app/meernotes/id447450957">Meernotes</a></h3> <p><img alt="Meernotes-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/meernotes-mobile-app-designs.jpg" /></p> <p>Another to-do list app yet this one really feels like a notebook in your pocket.</p> <h3>13. <a href="http://itunes.apple.com/us/app/mingle!/id443064933">Mingle</a></h3> <p><img alt="Mingle-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/mingle-mobile-app-designs.jpg" /></p> <p>Mingle is the new, fun way for professionals to network anywhere they are. Modern and glossy interface which might not go with the app’s goals.</p> <h3>14. <a href="http://itunes.apple.com/us/app/id426472181">Sudoku</a></h3> <p><img alt="Sudoku-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/sudoku-mobile-app-designs.jpg" /></p> <p>The best sudoko app for iPhone. Tough game but at least you have a beautiful interface.</p> <h3>15. <a href="http://itunes.apple.com/app/i-do-lists/id431752820">I Do Lists</a></h3> <p><img alt="Lists-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/lists-mobile-app-designs.jpg" /></p> <p>I Do Lists is a list creating app. But it’s for lists of things that “I do” rather than things “to do”. It combines good graphic design with ease of use.</p> <h3>16. <a href="http://itunes.apple.com/us/app/racesplitter/id414675226">RaceSplitter</a></h3> <p><img alt="Racesplitter-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/racesplitter-mobile-app-designs.jpg" /></p> <p>RaceSplitter is an easy-to-use, yet powerful race timer, that allows you to time a race or training session, and get splits and relative standings while out on the course. Clean interface and great functionality.</p> <h3>17. <a href="http://itunes.apple.com/us/app/billings-touch/id343938310">Billings Touch</a></h3> <p><img alt="Billings-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/billings-mobile-app-designs.jpg" /></p> <p>Billings Touch is a part of a unique time tracking and invoicing solution called Billings Pro. Clean and crisp design makes it easy to keep an eye on your money and projects.</p> <h3>18. <a href="http://itunes.apple.com/au/app/ogorod-stuff/id515907498">Ogorod Stuff</a></h3> <p><img alt="Ogorod-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/ogorod-mobile-app-designs.jpg" /></p> <p>Ogorod Stuff is a great way to share pictures of your clothes, gadgets, vehicles and all the other stuff that you use everyday. I don’t see the point of this app but you got to admit that the design is neat and refined.</p> <h3>19. <a href="http://www.meer.li/designs/tv-app-2">TV App</a></h3> <p><img alt="Tv-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/tv-mobile-app-designs.jpg" /></p> <p>TV Show tracker app idea with glazed and pixel-perfect interface.</p> <h3>20. <a href="http://www.wooobee.com/">WoooBee</a></h3> <p><img alt="Wooobee-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/wooobee-mobile-app-designs.jpg" /></p> <p>WoooBee is a location based service, where you can share the hottest spots in town with your friends and receive discounts. Beautiful color scheme with pixel-perfect elements, yet it looks like the functionality of the app won’t be that great.</p> <h3>21. <a href="http://www.meer.li/designs/probki-dot-tv">Probki.tv</a></h3> <p><img alt="Probki-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/probki-mobile-app-designs.jpg" /></p> <p>Blogging app for those who are unlucky enough to spend their lives in traffic jams. Clean interface with a touch of retro.</p> <h3>22. <a href="http://itunes.apple.com/se/app/arla-kokets-kokbok/id293130272">Arla Köket</a></h3> <p><img alt="Arlakoket-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/arlakoket-mobile-app-designs.jpg" /></p> <p>A cooking app with trendy design and great color accents.</p> <h3>23. <a href="http://avatron.com/apps/air-dictate">Air Dictate</a></h3> <p><img alt="Airdictate-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/airdictate-mobile-app-designs.jpg" /></p> <p>An iPhone app that uses Siri’s speech to text to dictate text to your Mac. Luxurious look with a nice touch of texture.</p> <h3>24. <a href="http://www.meer.li/designs/iphone-restaurant-app">iPhone Restaurant App</a></h3> <p><img alt="Restaurant-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/restaurant-mobile-app-designs.jpg" /></p> <p>A restaurant app concept with a warm and cozy look.</p> <h3>25. <a href="http://www.jetlagapp.com/">Jet Lag</a></h3> <p><img alt="Jetlag-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/jetlag-mobile-app-designs.jpg" /></p> <p>Suffering from jet lag? Flying between timezones may cause your biological clock to run amok making you feel tired and disoriented. Jetlag App helps combat these feelings so you can enjoy your trip and be alert all day long. Minimal design with a nice color scheme.</p> <h3>26. <a href="http://itunes.apple.com/it/app/italian-challenge-voi-la-sfida!/id453708847">Italian Challenge</a></h3> <p><img alt="Italian-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/italian-mobile-app-designs.jpg" /></p> <p>Deepen your knowledge of Italy by answering more than 1000 questions that this app offers. Attractive design with cool illustrations.</p> <h3>27. <a href="http://itunes.apple.com/us/app/un-news-reader/id496893005">UN News App</a></h3> <p><img alt="News-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/news-mobile-app-designs.jpg" /></p> <p>The UN News Reader is a free mobile news application for quick and easy access to all stories from the UN News Centre. Perfectly aligned elements and plain design.</p> <h3>28. <a href="http://redpepperland.com/">redpepper</a></h3> <p><img alt="Redpepper-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/redpepper-mobile-app-designs.jpg" /></p> <p>Mobile website of an advertising <a href="http://redpepperland.com/">agency</a>. Bold and engaging design, a great transfer from web version.</p> <h3>29. <a href="http://www.bosquetapp.com/">Bosquet</a></h3> <p><img alt="Bosquet-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/bosquet-mobile-app-designs.jpg" /></p> <p>Your new favorite <a href="http://forrst.com/">Forrst</a> app? The appealing design might help make it.</p> <h3>30. <a href="http://dribbble.com/shots/397841-My-Seeen-Screen-2">My Seeen</a></h3> <p><img alt="Seeen-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/seeen-mobile-app-designs.jpg" /></p> <p>A movie app concept with clean, pixel-perfect, detailed design.</p> <h3>31. <a href="http://wallet.tmn.pt/">tmn wallet</a></h3> <p><img alt="Wallet-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/wallet-mobile-app-designs.jpg" /></p> <p>With this service customers can purchase products in vending machines, catering spaces and custom food delivery services using just their mobile phones. Clear and bold.</p> <h3>32. <a href="http://itunes.apple.com/us/app/mountain-high/id490451490">Mountain High</a></h3> <p><img alt="Mountain-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/mountain-mobile-app-designs.jpg" /></p> <p>The official Mountain High app for your next ski and snowboard experience. Bright and rich interface with bold accents.</p> <h3>33. <a href="http://itunes.apple.com/gb/app/readability/id460156587">Readability</a></h3> <p><img alt="Readability-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/readability-mobile-app-designs.jpg" /></p> <p>Readability turns any web page into a clean view for reading now or later on your computer, iPhone or iPad. It’s all about simplicity and the reading experience.</p> <h3>34. <a href="http://itunes.apple.com/us/app/red-stamp/id414561551">Red Stamp</a></h3> <p><img alt="Redstamp-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/redstamp-mobile-app-designs.jpg" /></p> <p>Email, text, tweet, facebook, and paper mail personalized photo cards, notes, invitations + announcements right from your iPhone, iPad<br /> or iPod Touch. The app itself is very simple but those photo card designs are awesome.</p> <h3>35. <a href="http://itunes.apple.com/us/app/snapguide/id421477397">Snapguide</a></h3> <p><img alt="Snapguide-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/snapguide-mobile-app-designs.jpg" /></p> <p>Snapguide is a simple, beautiful way to share and view step-by-step how to guides. The good looking design and usability makes creating a guide fun.</p> <h3>36. <a href="http://itunes.apple.com/app/crouwelclock/id432110530">crouwelclock</a></h3> <p><img alt="Crouwelclock-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/crouwelclock-mobile-app-designs.jpg" /></p> <p>Clock made from kick-ass typography.</p> <h3>37. <a href="http://mysterioustrousers.com/calvetica">Calvetica</a></h3> <p><img alt="Calvetica-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/calvetica-mobile-app-designs.jpg" /></p> <p>A super simple calendar app using helvetica typography that looks worlds better than inbuilt.</p> <h3>38. <a href="http://itunes.apple.com/app/robick/id417016186">robick</a></h3> <p><img alt="Robick-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/robick-mobile-app-designs.jpg" /></p> <p>Robick is an audio player for listening to music deeply. change and visualize the way you listen to music.</p> <h3>39. <a href="http://itunes.apple.com/us/app/eboy-fixpix/id371977953">eBoy FixPix</a></h3> <p><img alt="Fixpix-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/fixpix-mobile-app-designs.jpg" /></p> <p>Tilt your iPhone to explore eBoy’s mind-boggling art and find the right angle to solve the puzzle. Graphics by the <a href="http://hello.eboy.com/eboy/">Eboy</a> artists.</p> <h3>40. <a href="http://itunes.apple.com/us/app/sktch/id369434236">SKTCH</a></h3> <p><img alt="Sktch-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/sktch-mobile-app-designs.jpg" /></p> <p>SKTCH is a generative drawing application for the iPhone and iPod Touch. Instead of adopting traditional “brush” based drawing, SKTCH is about presets, created by a number of digital artists around the globe. In this app you’re the designer.</p> <h2>Want more?</h2> <h3><a href="http://mobile-patterns.com/">Mobile UI Patterns</a></h3> <p><img alt="Ui-patterns-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/ui-patterns-mobile-app-designs.jpg" /></p> <p>Website showcasing various mobile UI design elements.</p> <h3><a href="http://app.itize.us/">app.itize.us</a></h3> <p><img alt="Appitize-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/appitize-mobile-app-designs.jpg" /></p> <p>app.itize.us is a painstakingly curated presentation of the best produced and designed iPhone and iPad applications available for download via the App Store.</p> <h3><a href="http://theymakeapps.com/">They Make Apps</a></h3> <p><img alt="Theymakeapps-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/theymakeapps-mobile-app-designs.jpg" /></p> <p>Home of the finest mobile app makers.</p> <h3><a href="http://www.meer.li/">Meer.li</a></h3> <p><img alt="Meerli-mobile-app-designs" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/mobile-apps/meerli-mobile-app-designs.jpg" /></p> <p>Meer.li is a place where exceptional mobile designers connect, show off their designs and promote themselves.</p> <p>Aware of some more awesome mobile apps? Share with us in the comments!</p> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=Y7NsfUszzYQ:GNYQhNdh0C0:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=Y7NsfUszzYQ:GNYQhNdh0C0:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=Y7NsfUszzYQ:GNYQhNdh0C0:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=Y7NsfUszzYQ:GNYQhNdh0C0:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/Y7NsfUszzYQ" width="1" />

<p>Pagination is a technique used to break large data sets into small blocks in order to reduce the server load. We used to create pagination buttons with page numbers and next/previous links. Now pagination has gained a new perspective with infinite scrolling.</p> <p><span id="more-71187"></span></p> <p>Are you new to infinite scrolling? Then take a quick look at the demo before we start.</p> <div class="note"> <p><strong><a href="http://www.innovativephp.com/demo/infinitescroll/" target="_blank">Demo</a> | </strong><a href="http://dl.dropbox.com/u/35995890/infinite-scrolling.zip">Download</a></p> </div> <h2>What is Infinite Scrolling</h2> <p>Infinite scrolling is where you can keep scrolling and data will keep coming until all the data is displayed. In this technique, the first set of data will be displayed initially. Once you scroll to the end of the window the next page of data will be generated and so on. No pagination buttons are required and you get the data on demand. Let’s see how we can create infinite scrolling.</p> <h2>What are we going to do?</h2> <p>We are going to create an infinite scrolling page with images, similar to Pinterest. These are the requirements needed before we start coding.</p> <p><img alt="Infinite Scrolling Page" height="229" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/Infinite-Scrolling-Page.png" title="Infinite Scrolling Page" width="570" /></p> <ul> <li>Initial data set should be loaded on page load.</li> <li>Once the scrollbar reaches the end of the window the next page of data should be displayed.</li> <li>When we are close to the end of a page, message should be displayed mentioning “Loading More Content”.</li> <li>Once all the data is generated, message should be displayed as “No More Content”.</li> </ul> <h2>Generating the Initial Data Set</h2> <p>When the page is loaded we have to get the data from the database and display the initial result. I have stored the names of the images in a database table. I have simplified the code using basic syntax so that beginners can go through the tutorial without any problems.</p> <pre class="brush: php; title: ; notranslate"> <!--?php $con = mysql_connect("localhost", "username", "password"); mysql_select_db("database_name"); $result = mysql_query("select SQL_CALC_FOUND_ROWS * from scroll_images order by id asc limit 12"); $row_object = mysql_query("Select Found_Rows() as rowcount"); $row_object = mysql_fetch_object($row_object); $actual_row_count = $row_object--->rowcount; ?> </pre> <p>The result will be broken into pages of 12 images. So the above code generates the first 12 results from the database table. Also keep in mind that $actual_row_count variable will hold the total number of images available in the table.</p> <p>So lets move onto creating the initial version of our HTML document.</p> <pre class="brush: xml; title: ; notranslate"> Infinite Scroll <script type="text/javascript" src="jquery-1.7.2.js"></script></pre> <div id="more">Loading More Content</div> <pre> </pre> <div id="no-more">No More Content</div> <pre> </pre> <div id="result"></div> <pre> "; } ?> </pre> <p>I have included jQuery and some sample CSS code to style our page at the top. In the body section you can see 2 div elements called more and no-more. These are used to show the status when we keep scrolling and position of these divs are made fixed. Next we are going to display the images inside the PHP code using the results we generated earlier. So the initial data set is displayed now and we have to create the scrolling part. </p> <h2>Paginating Data Using Scrolling</h2> <p>Let’s add the jQuery scrolling event to our page. jQuery provides a built-in function called scroll as shown in the code below.</p> <pre class="brush: jscript; title: ; notranslate"> $(window).scroll(function () { }); </pre> <p>Whenever you scroll to the top or bottom, the code inside this function will be executed. <strong>Identify end of the Page</strong> We are loading the next set of data, once the scroll reaches the end of the page. So first we have to identify the end of the page. Now I’ll show you a simple technique for that. <img alt="" class="alignnone size-full wp-image-71765" height="297" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/is.jpg" title="is" width="570" /></p> <pre class="brush: jscript; title: ; notranslate"> if($(window).scrollTop() + $(window).height() == $(document).height()) { } </pre> <p>jQuery scrollTop function will return the area hidden on the top of your page. $(window).height() gives the height of the browser viewport. So addition of both values will be equal to the page height, when scroll reaches the bottom. Pretty simple isn’t it? Now we got the basics covered and we can move onto the full script code as shown below.</p> <pre class="brush: jscript; title: ; notranslate"> <script type="text/javascript">// <![CDATA[ var page = 1; $(window).scroll(function () { $('#more').hide(); $('#no-more').hide(); if($(window).scrollTop() + $(window).height() > $(document).height() - 200) { $('#more').css("top","400"); $('#more').show(); } if($(window).scrollTop() + $(window).height() == $(document).height()) { $('#more').hide(); $('#no-more').hide(); page++; var data = { page_num: page }; var actual_count = "<?php echo $actual_row_count; ?>"; if((page-1)* 12 > actual_count){ $('#no-more').css("top","400"); $('#no-more').show(); }else{ } } }); // ]]></script> </pre> <p><strong>Code Explanation</strong></p> <ul> <li>First we define the variable to hold the current page number. Initially it will be 1.</li> <li>Message boxes are made hidden at the beginning of scroll.</li> <li>Next you can see the if statement which I didn’t explain earlier. We have to show the message “Loading More Content” just before the scroll reaches end. I have defined it to be displayed 200px before the end of document.</li> <li>Then inside the if statement used to identify bottom of page, page number is increased by one and the total data count is stored.</li> <li>Then simple calculation is done to check whether total results are displayed. If so we show the message “No More Content”.</li> <li>Now it’s time to generate the next page, which I will be explaining in the next section.</li> </ul> <p><strong>Requesting Data for Next Page</strong></p> <p>We have to use an Ajax call to request the next page from server as shown below. This code should be inside the else part we left empty in the earlier code.</p> <pre class="brush: jscript; title: ; notranslate"> $.ajax({ type: "POST", url: "data.php", data:data, success: function(res) { $("#result").append(res); } }); </pre> <p><strong>Creating Page for Data Generation</strong></p> <p>We need a separate PHP file to request the Ajax request data. I have created a file called data.php to generate results as shown below.</p> <pre class="brush: php; title: ; notranslate"> <!--?php <br ?-->$requested_page = $_POST['page_num']; $set_limit = (($requested_page - 1) * 12) . ",12"; $con = mysql_connect("localhost", "username", "password"); mysql_select_db("database_name"); $result = mysql_query("select * from scroll_images order by id asc limit $set_limit"); $html = ''; while ($row = mysql_fetch_array($result)) { $html .= "</pre> <div><img src="images/&quot; . $row[" alt="" name="" /></div> <pre> "; } echo $html; exit; ?> </pre> <p>We are done with creating the infinite scrolling pagination. Let’s have a look at how it is used in popular websites.</p> <h2>Inspirational uses of Infinite Scrolling</h2> <p><strong>1. Google Reader</strong></p> <p>Google Reader uses this technique to generate feed items. You can see a 3 colored circles at the end of the page while more data is loaded.</p> <p><img alt="Google Reader Infinite Scrolling" class="aligncenter" height="226" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/Screenshot-65.png" title="Google Reader Infinite Scrolling" width="570" /><br /> <strong>2. Facebook Wall</strong></p> <p>Facebook uses infinite scrolling to display the posts in the wall.</p> <p><img alt="Facebook Wall Infinite Scrolling" class="aligncenter" height="281" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/Screenshot-70.png" title="Facebook Wall Infinite Scrolling" width="570" /></p> <p><strong>3. Pinterest</strong></p> <p>Pins are generated on demand as you keep scrolling.</p> <p><img alt="Pinterest Infinite Scrolling" class="aligncenter" height="260" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/Screenshot-69.png" title="Pinterest Infinite Scrolling" width="570" /></p> <p><strong>4. Twitter</strong></p> <p>Twitter tweet stream is generated using the infinite scrolling technique.</p> <p><img alt="Twitter Infinite Scrolling" class="aligncenter" height="372" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/Screenshot-72.png" title="Twitter Infinite Scrolling" width="570" /></p> <p>We have learned how to create an infinite scrolling page and various kind of practical uses of this techniques using most popular sites in the world. Now it’s your chance to make a move and create something new with infinite scrolling.</p> <p>How are you going to use this technique? Feel free to share your comments.</p> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=fhOXSTD8zHc:TujTCX2zHr4:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=fhOXSTD8zHc:TujTCX2zHr4:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=fhOXSTD8zHc:TujTCX2zHr4:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=fhOXSTD8zHc:TujTCX2zHr4:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/fhOXSTD8zHc" width="1" />

<p>Trends come and go, minimalism stays. Icons bring designs and interfaces alive, they engage people and help them interact. Minimal, glyph-type icons are still the most used ones around. Simplicity of them is also their advantage. In this roundup we have prepared 26 clean and minimal icon designs to brighten up your designs. All of the sets are fresh (except for one, couple of weeks till 2012, sorry), there are also some premium (really stunning) sets included. Be sure to check licenses before using any of them.</p> <p><span id="more-71377"></span></p> <h3>1. <a href="http://goo.gl/cIoHI">Premium Pixels Icon Set</a></h3> <p><img alt="Pixel-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/pixel-free-minimal-clean-icons.jpg" /></p> <p>The icon set contains 58 pixel-perfect icons which you are free to use in personal and commercial projects. The download includes the PSD, the CSH file for the shapes, and PNGs.</p> <h3>2. <a href="http://www.premiumpixels.com/freebies/pixicus-icon-set-106-pixel-perfect-icons/">Pixicus Icon Set</a></h3> <p><img alt="Pixicus-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/pixicus-free-minimal-clean-icons.jpg" /></p> <p>A set of 106 pixel perfect icons by Fabio Basile <a href="https://twitter.com/#%21/fffabs">(@fffabs)</a>.</p> <h3>3. <a class="broken_link" href="http://www.pixeden.com/media-icons/soft-media-icons-set-vol-2">Soft Media Icons Set Vol 2</a></h3> <p><img alt="Soft-media-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/soft-media-free-minimal-clean-icons.jpg" /></p> <p>A set of 32 icons in 32x32px with subtle and useful icons including e-commerce icons such as shopping basket, price tag, delivery box and more.</p> <h3>4. <a href="http://glyphicons.com/">Glyphicons</a></h3> <p><img alt="Glyphicons-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/glyphicons-free-minimal-clean-icons.jpg" /></p> <p>GLYPHICONS is a library of precisely prepared monochromatic icons and symbols, created with an emphasis on simplicity and easy orientation. You get 400 small PNGs for free.</p> <h3>5. <a href="http://www.designdeck.co.uk/a/1276">Clean Icon Set</a></h3> <p><img alt="Set-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/set-free-minimal-clean-icons.jpg" /></p> <p>A set of 20 clean action icons at 32px x 32px in size and in PNG format, the original PSD is also included. Free for personal and commercial use.</p> <h3>6. <a href="http://salleedesign.com/resources/mimi-glyphs/">MimiGlyphs</a></h3> <p><img alt="Mimiglyphs-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/mimiglyphs-free-minimal-clean-icons.jpg" /></p> <p>Hand crafted, infinitely scalable icons for user interface designers. 80 icons, 16 by 16px. Photoshop file, CSH file & PNG. Free for personal and commercial use.</p> <h3>7. <a href="http://www.icondeposit.com/theicondeposit:27">Micro Icon Set</a></h3> <p><img alt="Micro-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/micro-free-minimal-clean-icons.jpg" /></p> <p>A set of 110 icons at 16x16px. Vector and fully scalable. A backlink is required if you use them.</p> <h3>8. <a href="http://www.icondeposit.com/theicondeposit:24">Glyph UI Icon Set</a></h3> <p><img alt="Glyph-ui-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/glyph-ui-free-minimal-clean-icons.jpg" /></p> <p>Hand crafted set of 48 icons at 16x16px. PNG, PSD, CSH (custom vector shape). A backlink is required if you use them.</p> <h3>9. <a href="http://dribbble.com/shots/462398-Minicons-">Minicons.</a></h3> <p><img alt="Miniicons-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/miniicons-free-minimal-clean-icons.jpg" /></p> <p>A set of 30 minimal icons at 16x16px. You can also purchase the full version with 110 icons at <a href="http://graphicriver.net/item/110-mini-icons-web/1856318?ref=1stwebdesigner">GraphicRiver</a>.</p> <h3>10. <a href="http://dribbble.com/shots/587469-Free-16px-Broccolidryiconsaniconsetitisfullof-icons">Broccolidryiconsaniconset</a></h3> <p><img alt="Dry-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/dry-free-minimal-clean-icons.jpg" /></p> <p>A set of 108 at 32x32px. Comes as PSD.</p> <h3>11. <a href="http://dribbble.com/shots/436701-Slowly-But-Surely-UPDATE-Free-Download">Geomicons</a></h3> <p><img alt="Geomicons-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/geomicons-free-minimal-clean-icons.jpg" /></p> <p>A set of 32 icons. .EPS Licensed under Creative Commons 3.0</p> <h3>12. <a href="http://vicbell.co.uk/shop/tinycons-freebie-pack/">Tinycons</a></h3> <p><img alt="Tinycons-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/tinycons-free-minimal-clean-icons.jpg" /></p> <p>A free preview of 310 carefully crafted interface icons. Unfortunately the checkout process is quite time-consuming and you’ll have to leave your email at yet another website. But you can purchase the full set <a href="http://vicbell.co.uk/shop/tinycons/">here</a> which will be more useful.</p> <h3>13. <a href="http://icondevs.com/">Delicious Berries</a></h3> <p><img alt="Delicious-berries-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/delicious-berries-free-minimal-clean-icons.jpg" /></p> <p>Delicious Berries Icons is a premium icon set containing 560 vector Photoshop shapes, perfect for apps or projects of any kind. You can download a preview of 50 icons for free.</p> <h3>14. <a href="http://brankic1979.com/icons/">350 Pixel Perfect Icons</a></h3> <p><img alt="Vector-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/vector-free-minimal-clean-icons.jpg" /></p> <p>A set of 350 pixel perfect glyphs icons, perfect for apps, websites or just about anything you can think of. You may use this icon set for both personal and commercial use, which means this resource can be used in any project without worrying about licensing.</p> <h3>15. <a href="http://dribbble.com/shots/385189-Freecns-FREE-UI-Icons">Freecns</a></h3> <p><img alt="Freecns-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/freecns-free-minimal-clean-icons.jpg" /></p> <p>A set of 218 UI icons (16px) for free download.</p> <h3>16. <a href="http://pixiconz.janjan.in/">pixiconz</a></h3> <p><img alt="Pixiconz-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/pixiconz-free-minimal-clean-icons.jpg" /></p> <p>A set of 285 hand drawn 12/12 pixel icons for designers, in a single PSD file. A pack of 33 icons can be downloaded for free.</p> <h3>17. <a href="http://pixeds.com/">Pixeds</a></h3> <p><img alt="Pixeds-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/pixeds-free-minimal-clean-icons.jpg" /></p> <p>Set of 209 perfect pixel icons made in16x16 for your projects in a single .psd file. The free pack includes only 20 icons but the price is just too good to not to buy the full set.</p> <h3>18. <a href="http://dribbble.com/shots/487497-Jigsoar-icons-60-free-creative-commons-icons">Jigsoar icons</a></h3> <p><img alt="Jigsoar-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/jigsoar-free-minimal-clean-icons.jpg" /></p> <p>A free, creative commons licensed custom designed icon set with 60 vector shapes, perfect for the web.</p> <h3>19. <a href="http://designmodo.com/impressionist-free/">Impressionist UI</a></h3> <p><img alt="Impressionist-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/impressionist-free-minimal-clean-icons.jpg" /></p> <p>Impressionist is a kit of UI design elements. It also includes an icon set designed by Sergey Shmidt. You can find all icons in the paid version.</p> <h3>20. <a href="http://www.designdeck.co.uk/a/1252">Pace Social Icon Set</a></h3> <p><img alt="Pace-social-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/pace-social-free-minimal-clean-icons.jpg" /></p> <p>24 social icons in JPG, PNG & PSD format. 21.</p> <h3>21. <a href="http://freebie.secretpixels.com/icon/">Vector Icon Set</a></h3> <p><img alt="Vector-pixels-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/vector-pixels-free-minimal-clean-icons.jpg" /></p> <p>A set of 35 crisp minimal vector icons.</p> <h3>22. <a href="http://graphicriver.net/item/northwood-icons-volume-4/1723791?ref=1stwebdesigner">Northwood Icons </a>(premium – $9)</h3> <p><img alt="Northwood-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/northwood-free-minimal-clean-icons.jpg" /></p> <p>The set includes 150 icons (vector shapes) available in formats .csh and .psd.</p> <h3>23. <a href="http://graphicriver.net/item/aircons-241-glyphs-in-psdcsh-and-more/2390462?ref=1stwebdesigner">Aircons (premium – $9)</a></h3> <p><img alt="Aircons-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/aircons-free-minimal-clean-icons.jpg" /></p> <p>241 icons glyphs in PNG and PDF – 16×16 px. A CSH to import the vector shapes to Photoshop.</p> <h3>24. <a href="http://pixelsdaily.com/resources/icons-resources/70-simple-css3-icons/">70+ Simple CSS3 Icons</a> (premium – $6)</h3> <p><img alt="Css3-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/css3-free-minimal-clean-icons.jpg" /></p> <p>This is a very high quality icon set made that can be used anywhere and for any purpose. These icons are not limited for a particular use and hence, you can combine the techniques used here to create new icons or use these techniques in your designs in any way.</p> <h3>25. <a href="http://pixelsdaily.com/resources/icons-resources/metro-vector-icons/">Metro Vector Icons</a> (premium – $4)</h3> <p><img alt="Metro-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/metro-free-minimal-clean-icons.jpg" /></p> <p>This awesome set of vector icons contains 28 different elements, in the style of the Windows 7 “Metro” interface. They’re bold and simple, with plenty of impact. The icons are provided as an Ai & EPS file, and are fully editable vectors.</p> <h3>26. <a href="http://medialoot.com/item/free-mini-vector-app-icons/">Free Mini Vector App Icons</a></h3> <p><img alt="Mini-free-minimal-clean-icons" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/06/minimal-icons/mini-free-minimal-clean-icons.jpg" /></p> <p>A collection of 150 pixel-perfect, mini vector icons. Each one has been optimized for display at sizes as small as 16 x 16 pixels, and they are all infinitely scalable for larger sizes. Multiple formats are included for easy customization, including PSD, EPS, AI, and the original Fireworks source file.</p> <h3></h3> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=nC_FV-SPw8Y:cn4k6nLEK-o:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=nC_FV-SPw8Y:cn4k6nLEK-o:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=nC_FV-SPw8Y:cn4k6nLEK-o:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=nC_FV-SPw8Y:cn4k6nLEK-o:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/nC_FV-SPw8Y" width="1" />

<p>So you wrote a lot of great posts over the past few years which still receive a lot of traffic from search engines, but you’re always wondering how long it will last. Or maybe you were affected by the latest Google Panda or Penguin changes and lost some traffic to that old content?</p> <p>Perhaps you have noticed that you have been affected by these issues, perhaps not.</p> <p><strong>Whether you are affected or not, one question remains:</strong>  how do I clean up and optimize my existing blog posts?</p> <p><span id="more-71142"></span></p> <p>While there are many aspects related to your website’s backend — site speed, ads, past link building — there is <strong>one more very important aspect to deal with</strong>: see that your articles are getting updated! Ever heard of the concept “evergreen content”? It’s best to write content which never becomes outdated, but in reality it is nearly impossible. Things change so fast now, new technologies are released, programming languages are changing, everything is changing every day! You need to keep up with that! And while you can write more new articles, it is much harder to get good rankings to new pages than it is to just update your old ones! Makes sense?</p> <p>But how do you do that? What tools can you use to make post editing and optimizing easier and faster?</p> <p>You cannot automate processes where you need to rewrite tips and techniques because of changing technologies. We’ll get to that, but updating some tips just to make sure the content is still appropriate is not that time-consuming and hard!</p> <p>Ok, let me point out some of the most common issues with old posts:</p> <ul> <li>Some tips and techniques aren’t relevant anymore</li> <li>You have broken links in your posts, where sources you linked to aren’t there anymore</li> <li>Even with anti-spam plugins, you have some bad comments on your old posts</li> <li>SEO in posts do not exist, or is bad or average, but definitely could be improved</li> </ul> <h2><strong>How do you find content worth updating?</strong></h2> <p>If you don’t have that many posts, it may not be an issue for you, but in case you have written 100, 200, 1000 posts in the past, it quickly can start to become one. If you have a few number of posts, you should update all of them as soon as you can, because it won’t take too much time.</p> <p>However if you want to save some time or it’s not realistic to update all your articles, you should take a look at your Google Analytics (or any other tool you are using to monitor your traffic) and check which of your posts receive the most traffic. With Google Analytics you can easily export this data to an XLS or PDF document so you have something to refer to.</p> <p>Here are some easy steps to get your information from Google Analytics:</p> <ol> <li>Sign in to Google Analytics, pick a range of one to three months</li> <li>Browse through Content/Site Content/Landing Pages</li> <li>Check show rows (50, 100, 200 - your pick) on the bottom of landing page list</li> <li>Export document and you have your list!</li> </ol> <p><img alt="Landing pages google analytics" border="0" height="449" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/landing-pages-google-analytics.jpg" title="landing-pages-google-analytics.jpg" width="500" /></p> <p>Since those pages drive the most traffic to your website (and usually those aren’t the newest pages), it makes sense to update those posts to let them perform even better and to improve your visitors experience!</p> <p>At least in 1WD analytics, we have the most traffic coming from Google, where people’s attention span is really short. Either they find what they are looking for or they go back on Google to keep browsing. Your goal is to provide visitors with up-to-date information, to increase the likelihood that they will stick around more.</p> <p>Let’s start focusing on each  aspect one at time, so you have clear action list what to do to update your old articles, pages.</p> <h2><strong>Issue No. 1: Some tips, techniques have changed and aren’t up to date anymore</strong></h2> <p>There are different kind of content and each type requires a different approach, but let me summarize. Basically you have two paths you can take:</p> <ol> <li>Changes are small and in few minutes you can update the post and it is all good again</li> <li>Changes are huge and it is easier to quickly update the biggest changes and create a new followup post about the same topic.</li> </ol> <p>The first step would be awesome because it doesn’t require a lot of time, but unfortunately usually we will have to take the second route. We still should update information in old posts which are really not appropriate anymore, but just make the most necessary changes to save time.</p> <p>And yes, it is actually better to write a new post (unless that’s not landing page, but you should update it regularly anyway) and just interlink those articles. But don’t think it’s that bad! If an existing article received a lot of traffic on a specific topic, chances are a new article will perform even better!</p> <div class="note"> <p>By the way, looking through past articles is a great source for new article ideas too! And by interlinking articles, you’ll have nice SEO bumps to the new one already increasing chances for new post to rank well.</p> </div> <h2><strong>Issue No. 2: Fixing broken links</strong></h2> <p>With old posts you will often have some broken links which lead nowhere and makes the user experience worse. In this post I will assume you are using WordPress and list some useful plugins and online tools you can use to find those broken links.</p> <h3><strong><a href="http://home.snafu.de/tilman/xenulink.html">Xenu’s Link Sleuth</a></strong></h3> <p>Xenu’s Link Sleuth checks web sites for broken links. Link verification is done on “normal” links, images, frames, plug-ins, backgrounds, local image maps, stylesheets, scripts and java applets. It displays a continuously updated list of URLs which you can sort by different criteria. A report can be produced at any time.</p> <p>This is the most popular broken link checker, but it’s only on Windows.</p> <p><img alt="Xenu" border="0" height="356" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/xenu.jpg" title="xenu.jpg" width="500" /></p> <h3><strong><a href="http://www.screamingfrog.co.uk/seo-spider/">Screaming Frog</a></strong></h3> <p>ScreamingFrog is my favorite because I am a Mac user. The app interface is a bit better and processing is really fast compared to other software and online solutions.</p> <p>The Screaming Frog SEO Spider is a small desktop program you can install on your PC or Mac which spiders websites’ links, images, CSS, script and apps from an SEO perspective. It fetches key onsite page elements for SEO, presents them in tabs by type and allows you to filter for common SEO issues, or slice and dice the data how you see fit by exporting into Excel. You can view, analyze and filter the crawl data as it’s gathered and updated continuously in the program’s user interface.</p> <p>How to find broken links:</p> <ol> <li>Download and install software</li> <li>Enter URL to spider, press start and wait while processing is done</li> <li>Check external links and filter:all (I thought it should be HTML, but it’s not showing all the links there)</li> <li>Order list by status, and check for statuses with errors like DNS lookup failed, connection refused, etc.</li> </ol> <p><img alt="Screaming frog" border="0" height="270" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/screaming-frog.jpg" title="screaming-frog.jpg" width="500" /></p> <h3><strong><a href="http://validator.w3.org/checklink">W3C Link Checker</a></strong></h3> <p>This Link Checker looks for issues in links, anchors and referenced objects in a web page, CSS style sheet, or recursively on a whole web site. This is an option you can use in case you want an online tool, however it is much slower while processing data and results aren’t showcased in a clean list like other downloadable tools.</p> <p><img alt="W3C Link Checker" border="0" height="329" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/W3C-Link-Checker.jpg" title="W3C-Link-Checker.jpg" width="500" /></p> <h3><strong><a href="http://wordpress.org/extend/plugins/broken-link-checker/">WordPress Plugin: Broken Link Checker</a></strong></h3> <p>I guessed you would also like to have WordPress plugin for this task so I found a very popular and recently updated plugin with more than one million downloads.</p> <p>This plugin will monitor your blog, looking for broken links and let you know if any are found. I would recommend to use this plugin for overall site monitoring and link checking, but not exactly for old article cleaning up process. It has some handy features, but it’s not that effective for our task.</p> <ul> <li>Monitors links in your posts, pages, comments, the blogroll, and custom fields (optional).</li> <li>Detects links that don’t work, missing images and redirects.</li> <li>Notifies you either via the Dashboard or by email. Makes broken links display differently in posts (optional).</li> <li>Prevents search engines from following broken links (optional).</li> <li>You can search and filter links by URL, anchor text and so on.</li> </ul> <div class="note"> <p>One possible route you can take is just have Broken Link Checker find those links and just unlink them, so you are not linking to non-existent sources and Google don’t have anything bad on you link wise! Downside is that you still can, and will, receive complaints that some links are not working (especially if it’s roundup article). But this technique is a quick solution for SEO purposes, even if not recommended.</p> </div> <p>I used this plugin to scan all of my broken links and to unlink all comment links where target sources were nonexistent. It was very handy for this task, however I didn’t unlink broken links in articles, because I want to clean them up manually (recommended).</p> <p><img alt="Broken link checker" border="0" height="440" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/broken-link-checker.jpg" title="broken-link-checker.jpg" width="500" /></p> <p>Here you go, with these tools you can easily find broken links in posts. Updating these links can be a bit messy and time-consuming, since you need to actually find the link in the article and then Google its new destination.</p> <ul> <li>Open post in WordPress dashboard so you can edit it</li> <li>Use your preferred software to search for broken links in posts (recommended: ScreamingFrog)</li> <li>Open broken links in browser</li> <li>Copy broken link and search for it (Code view: CTRL+F for search) on WordPress post, so you can see how previous headline was called or get some keywords to search for</li> <li>Use Google to search for these keywords to find if link has changed destination</li> <li>If you find that article/resource, just replace links in WordPress post and you’re done</li> <li>If you cannot find past posting, just pick new article or remove link completely</li> </ul> <p>This is quite a messy process that you need to do, but I haven’t figured or found a way to do that faster and not sure if you can do that at all. If you know of a better solution, please let me know - I will be very, very thankful!</p> <h2><strong>Issue No. 3: Cleaning up comment section from SPAM</strong></h2> <p>Ok, this is a really huge issue - no matter what you do, there are still some spam comments that get through even the best plugins and there’s nothing you can do about it other than coming back and cleaning up the mess.</p> <p>I would advise to close comments to old posts, because most visitors just come and spam there hoping to get some link juice, they don’t usually don’t come to contribute or be helpful. Visitors tend to leave valuable comments in new posts, but as posts become older they start to attract spammers.</p> <p>Unfortunately after extensive research I couldn’t find any plugin to rely on to clean up existing spam. I found one plugin which checked existing comments, but it hasn’t updated since 2009. There are also some database queries you can create and use, like banning some users by ip, website or email, but they are a bit risky. With database editing you greatly improve chances to mess something up, so if you consider taking this route, always backup your database - better to be safe than sorry. Since my site wasn’t heavily targeted by one spammer, I didn’t consider banning IP’s an option.</p> <p>Some tips I suggest:</p> <ul> <li>Close comments on WordPress after 60-90 days.</li> <li>In the beginning of this post I advised you to get a list with the most popular monthly articles from analytics, remember? Visit these posts in WordPress dashboard and check comments there. Since they are the most popular pages, it is the most likely that you’ll find the most spam comments there trying to hurt your rankings. Just clean the most popular articles from bad comments and links getting maximal impact from smallest effort.</li> <li>However if you are really hating SPAM like I do, go to WordPress comment section and work your way through ALL the approved comments, mercifully deleting all of them looking like spam (or ones which didn’t add anything to discussion). I have 30,000 comments on 1WD, but today I spent 4 hours to go through 2,000 of them, and surprisingly almost half of them where SPAM (even Akismet plugin didn’t catch them).</li> </ul> <p>These tips may sound stupid and time-consuming, but I really couldn’t find a better solution. You can try some automated ways, but no matter how good your software or plugin is, it won’t find comments, which are submitted manually in very sneaky manner.</p> <h3><strong>Make sure new SPAM doesn’t get through</strong></h3> <p>Ok, while there aren’t any good plugins to check existing spam comments, thankfully there are a lot of awesome plugins doing a great job  to make sure you don’t get new spam!</p> <p>To make sure you don’t get new spam, you can improve WordPress’ built-in settings and use a few handy plugins to take care of it.</p> <p>Here are my WordPress Discussion settings:</p> <p><img alt="Discussion settings" border="0" height="498" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/discussion-settings.jpg" title="discussion-settings.jpg" width="501" /></p> <p>What do we have here?</p> <ul> <li>I do not allow ping backs and trackbacks anymore, because usually these just make my site look spammy and do not spread the word and help as it was intended in past.</li> <li>Automatically close comments on articles older than 90 days. I picked 3 months - more than enough. Believe me I know that most comments to old posts are being created with the intention of gaming the system and are spam.</li> <li>I always approve each comment manually, with the exception that a comment author has a previously approved comment. This technique is encouraged because you should reply to each good comment anyway and by keeping track of them, you make sure you notice it and respond!</li> </ul> <h2><strong>What AntiSpam plugins you should use?</strong></h2> <h3><strong><a href="http://wordpress.org/extend/plugins/akismet/">Akismet</a></strong></h3> <p>No brainer really, even with all the criticism about this plugin lately, I still think it is a must-have plugin. It gets most of the spam out of the way and it has several handy features in comment panel like the Check for Spam button for example.</p> <p>Must-have plugin.</p> <p><img alt="Akismet wordpress plugin" border="0" height="165" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/akismet-wordpress-plugin.jpg" title="akismet-wordpress-plugin.jpg" width="500" /></p> <h3><strong><a href="http://wordpress.org/extend/plugins/antispam-bee/">AntiSpam Bee</a></strong></h3> <p>If you completely hate Akismet for whatever reason you can alternatively get Antispam Bee. It uses a similar system to Akismet, but instead of sending comment to Akismet, you send comments to <a href="http://www.projecthoneypot.org/">Project Honey Pot</a> which is community based.</p> <p>You can get an API key to HoneyPot and join the fight against spammers by reporting spammers and learn from other people’s spammer reports.</p> <p><img alt="Antispam bee" border="0" height="169" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/antispam-bee.jpg" title="antispam-bee.jpg" width="500" /></p> <h3><strong><a href="http://wordpress.org/extend/plugins/growmap-anti-spambot-plugin/">Growmap Anti Spambot Plugin: GASP</a></strong></h3> <p>Defeat automated spambots by adding a client side generated checkbox asking the comment author to confirm that they are not a spammer.</p> <p>Very simple plugin, but it has a unique checkbox instead of classic CAPTCHAs. Spammers have tools which help break captchas, but they would need to put extra effort to get that checkbox checked. And personally I hate to fill captcha’s when I  just want to leave comment on my favorite blog, I would prefer a simple checkbox instead. Tried it on 1WD and it works.</p> <p><img alt="Gasp" border="0" height="421" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/gasp.jpg" title="gasp.jpg" width="458" /></p> <h3><strong><a href="http://wordpress.org/extend/plugins/si-captcha-for-wordpress/">SI CAPTCHA Anti-Spam</a></strong></h3> <p>If you still want a CAPTCHA on your blog, this is the most popular plugin for that. This plugin adds CAPTCHA anti-spam methods to WordPress on the forms for comments, registration, lost password, login, or all. For WP, WPMU, and BuddyPress.</p> <p><img alt="Si captcha wordpress plugin" border="0" height="407" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/si-captcha-wordpress-plugin.jpg" title="si-captcha-wordpress-plugin.jpg" width="501" /></p> <p>With these plugins you will be very well prepared for future SPAM coming to your site!</p> <h2><strong>Issue No. 4: Improving SEO on past posts</strong></h2> <p>Chances are, if your posts are ranking well, you did something right with your SEO or social promotion. There isn’t much you can do on old articles, because articles are already ranking well for specific keywords.</p> <p>You can still check which keywords your articles are rank well for and you may find that you are targeting the wrong keywords with your existing SEO plugin. If you want to find out which keywords bring traffic to exact posts read below.</p> <p>Follow these steps if you have Google Analytics:</p> <ul> <li>Go to Content/Landing pages and click the post you want to research;</li> <li>Select secondary dimension:Keyword and you’ll see which are the top keywords used to find your post;</li> <li>Use this information to change, improve existing search key phrases you are targeting in post SEO settings. Oh, you can update SEO headline and meta description too;</li> </ul> <p><img alt="Keywords posts" border="0" height="359" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/keywords-posts.jpg" title="keywords-posts.jpg" width="501" /></p> <p><strong>Recommended SEO Plugins To Choose For WordPress Optimization</strong></p> <p>I am not sure which SEO plugins you are using now, but here is what I suggest. In the past I used the All in One SEO plugin, but a few months ago I switched to Yoast WordPress SEO plugin and have never been more satisfied!</p> <h3><strong><a href="http://wordpress.org/extend/plugins/wordpress-seo/">WordPress SEO by Yoast</a></strong></h3> <p>Improve your WordPress SEO: Write better content and have a fully optimized WordPress site using the WordPress SEO plugin by Yoast.</p> <p>With this plugin you can easily optimize your new and existing content by setting SEO headlines, focus keyword, meta descriptions. This plugin really helps to get your posts and whole WordPress website ready for SEO.</p> <p>I won’t give any tips on how to use this plugin because all the training you need is included in the WordPress dashboard itself!</p> <p><img alt="Yoast seo" border="0" height="157" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/yoast-seo.jpg" title="yoast-seo.jpg" width="500" /></p> <h3><strong><a href="http://scribeseo.com/">Scribe SEO</a></strong></h3> <p>This plugin won’t do any wonders for your SEO, but it will help you analyze if you have optimized your articles enough. This is a paid plugin, but I suggest you try it for a month or two, get familiar with positive SEO practices and then do it on your own.  Scribe will help you do keyword research, analyze your content and help crosslink content within your own site. Optionally you might be set just with this excellent <a href="http://www.seomoz.org/blog/perfecting-keyword-targeting-on-page-optimization">Chocolate Donuts</a> optimization guide from SEOmoz.</p> <p>Their analyzing feature is why I recommend Scribe, using it myself on 1WD. Keyword research is better with the Google Keywords Tool, but their analyze feature is irreplaceable!</p> <p><img alt="Scribe seo" border="0" height="339" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/scribe-seo.jpg" title="scribe-seo.jpg" width="500" /></p> <p>That’s it about the SEO plugin part, I tried a lot of different plugins lately, but those are the only ones I find really helpful while optimizing articles for SEO.</p> <p>However, if your site is really badly affected by Google, you might take a look at the article I wrote before. It’s all about spotting red flags on your site overall, and there is also an extensive list of tools and plugins which can help you with the process. Here is the <a href="http://www.1stwebdesigner.com/design/revised-google-seo-guide-2012-edition/">Google SEO article</a>. Enjoy!</p> <p>Let me know how you clean up and optimize your existing articles or spam comments! I would love to hear your techniques and tips so I can improve this post even further! I would love to hear your feedback in the comment section!</p> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=3JVkkY1GlfM:jHLtUjx1Vm8:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=3JVkkY1GlfM:jHLtUjx1Vm8:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=3JVkkY1GlfM:jHLtUjx1Vm8:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=3JVkkY1GlfM:jHLtUjx1Vm8:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/3JVkkY1GlfM" width="1" />

<p>This is a release from Annual Design Awards, an organization aimed towards discovering and recognizing outstanding individuals who have proven themselves within the Design Industry.</p> <p>Do you want to get your hands on over 30,000 Pounds of prizes while displaying your design skills? Join now and help spread the word!</p> <p><span id="more-71402"></span></p> <p>Categories include:</p> <ul> <li>Logo/Brand Design</li> <li>Website Design</li> <li>Design for Print</li> <li>Designer/Agency of the Year</li> <li>and a lot more!</li> </ul> <p><em>Below is an unedited press release of Annual Design Awards</em></p> <p><span style="font-family: 'Arial Black';"><strong>CALLING ALL CREATIVES FROM AROUND THE WORLD. THE WORLDS LARGEST FREE DESIGN CELEBRATION IS NOW OPEN FOR SUBMISSIONS FOR 2012.</strong></span></p> <p>The <a href="http://www.annualdesignawards.com/" target="_blank">Annual Design Awards</a> is a global recognition of cutting edge visual communications, set up to reward outstanding contributions within the Design industry. This years jury panel boasts some of the most amazing talents and respected figures from around the world to <a href="http://www.annualdesignawards.com/the-jury-2012.html" target="_blank">judge</a> this global online event including Fabio Sasso, Louise Fili, Jacob Cass, Jeremy Kaplan, Alberto Russo and Ivan Chermayeff amongst many others.</p> <p>The Annual Design Awards are unlike any other design awards as they don’t offer hundreds of categories to enter, nor do they charge ridiculous entry fees so that only the large corporates can enter. The awards exist to discover and celebrate outstanding talents in the design world and to reward creativity with a meaningful honour.</p> <p>The Annual Design Awards is open to creatives from all over the world, from large corporate professionals to work-from-home freelancers, and entry is FREE so that we don’t restrict creativity.</p> <p>All finalists will feature in numerous promotions and media coverage and will gain global respect within the industry as well as receiving promotional tools from us, with all winners receiving the glamourous trophy and additional promotions around the world, not to mention the huge range of design related <a href="http://www.annualdesignawards.com/why-enter-the-annual-design-awards.html" target="_blank">prizes</a> on offer from our sponsors.</p> <p>The amazing 12 inch trophy was custom made for the 2011 awards and was designed and manufactured by the worlds leading trophy suppliers ‘Mode Design’ and ‘Society Awards’ who are famous for designing trophies such as The Golden Globes and The MTV Awards to name a few.</p> <p><strong>Last years <a href="http://www.annualdesignawards.com/winners.html" target="_blank">winners</a> included some amazing artwork for brands and events such as Black Swan (Movie Poster Winner), Mark Ronson (Album Cover Winner), Paramore (People’s Choice Winner) and Versace (Website Winner) amongst others.</strong><span style="font-family: Arial;"><br /> </span></p> <p>To find out more about last years winners or the upcoming 2012 Awards please visit <a href="http://www.annualdesignawards.com/" target="_blank">www.annualdesignawards.com</a>.<br /> For all sponsorship queries, partnership proposals, interviews or media requests please contact David Laird on the details below. High res images and winners interviews can be supplied upon request.</p> <p>CONTACT<br /> David Laird, Chairman</p> <p><span style="font-family: Arial;">Annual Design Awards</span></p> <p><span style="font-family: Arial;">1a Sussex Ring • Woodside Park • North Finchley </span><br /> <span style="font-family: Arial;">N12 7HY • London • United Kingdom</span></p> <p><span style="font-family: Arial;">Tel: </span>020 3131 0066<br /> E: <a href="mailto:[email protected]" target="_blank">[email protected]</a><br /> <a href="http://www.annualdesignawards.com/" target="_blank">www.annualdesignawards.com</a></p> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=JNm8ms3WTuA:RevLnhSQlLA:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=JNm8ms3WTuA:RevLnhSQlLA:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=JNm8ms3WTuA:RevLnhSQlLA:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=JNm8ms3WTuA:RevLnhSQlLA:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/JNm8ms3WTuA" width="1" />

<p>We have compiled the best photo manipulation tutorials just for you! Many people are not satisfied with their photographs and they want to make certain changes in order to make them look good. Photo manipulation is their way out because it is the only technique that allows them to manipulate their photos the way they want them. Even to make them surreal!</p> <p>If you think editing your photos to make them look stunning is difficult thing, then you must check out this post of 40 Photo Manipulation tutorials. You can learn some amazing technique from these tutorials that you can apply next time you want to manipulate your photos. All you need to do is just put on some creativity and imagination, and you will see some really appealing and amazing results. Let’s have a closer look!</p> <p><span id="more-71339"></span></p> <p><strong>1. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-this-surreal-representation-of-the-mind-artwork-in-photoshop.html" target="blank">Create Surreal Representation of the Mind Artwork</a></strong></p> <p>Learn how to create a surreal representation of the thoughts of a creative and business minded individual. You’ll learn how to make objects come out of the womans head and place steampunk objects over the eyes.</p> <p><img alt="Create This Surreal Representation of the Mind Artwork in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation76.jpg" width="570" /></p> <p><strong>2. <a href="http://psd.fanextra.com/tutorials/photo-effects/create-a-surreal-smoking-photo-manipulation/" target="blank">Create a Surreal Smoking Photo Manipulation</a></strong></p> <p>Learn how to create a surreal photo manipulation with a smoking man and abstract background design. You’ll work with masking, adjustment layers, blending options and more.</p> <p><img alt="Create a Surreal Smoking Photo Manipulation" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation91.jpg" width="570" /></p> <p><strong>3. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/how-to-create-a-high-tech-cyborg-photo-manipulation-in-photoshop.html" target="blank">How to Create a High-Tech Cyborg Photo Manipulation</a></strong></p> <p>Learn how to create this android head in a sci-fi environment. You’ll learn how to take a picture face, plasticize it and turn it into an abstract cyber artwork by combining multiple images together.</p> <p><img alt="How to Create a High-Tech Cyborg Photo Manipulation in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation80.jpg" width="570" /></p> <p><strong>4. <a href="http://psd.fanextra.com/tutorials/photo-effects/photo-manipulate-a-surreal-gravity-defying-desert-scene/" target="blank">Photo Manipulate a Surreal, Gravity-Defying Desert Scene</a></strong></p> <p>In this tutorial, we will learn how to create a conceptual surreal photo-manipulation. We are going to learn the process of creating depth of field using a few advance tools. We are going to learn how to blend images so seamlessly that it would look like a single image using the Brush tool, the Eraser tool and several adjustment layers.</p> <p><img alt="Photo Manipulate a Surreal, Gravity-Defying Desert Scene" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation88.jpg" width="570" /></p> <p><strong>5. <a href="http://www.psdvault.com/photo-effect/design-a-unique-wooden-face-with-fiery-eye-and-tear-in-photoshop/" target="blank">Design a Unique Wooden Face with Fiery Eye and Tear</a></strong></p> <p>In this Photoshop tutorial, we will show you the steps we took to Design a Unique Wooden Face with Fiery Eye and Tear in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try!</p> <p><img alt="Design a Unique Wooden Face with Fiery Eye and Tear in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation84.jpg" width="570" /></p> <p><strong>6. <a href="http://psd.fanextra.com/tutorials/photo-effects/members-area-tutorial-create-a-cat-in-a-magical-pond-scene-photo-manipulation/" target="blank">Create a Cat in a Magical Pond Scene Photo Manipulation</a></strong></p> <p>In this tutorial we will show you how to create a magical pond scene with a lovely cat. You will know through step by step how to blend various stock images together, paint natural looking cat hair, retouch a dull photo, use brushes, masking, adjust colors, work with lighting and different kinds of shadow and more.</p> <p><img alt="Create a Cat in a Magical Pond Scene Photo Manipulation" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation87.jpg" width="570" /></p> <p><strong>7. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/how-to-create-this-freezing-cold-portrait-photo-manipulation-in-photoshop.html" target="blank">How to Create This Freezing Cold Portrait Photo Manipulation</a></strong></p> <p>Learn how to create this freezing cold manipulation with Photoshop! You’ll learn how to work with difference ice and crystal photos and complete the look with a cold blue photo effect.</p> <p><img alt="How to Create This Freezing Cold Portrait Photo Manipulation in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation81.jpg" width="570" /></p> <p><strong>8. <a href="http://psd.fanextra.com/tutorials/photo-effects/members-area-tutorial-create-the-firey-photo-manipulation-satans-judgement/" target="blank">Create the Firey Photo Manipulation ‘Satan’s Judgement’</a></strong></p> <p>In this tutorial you will learn how to create the fiery photo manipulation ‘satan’s judgement’.</p> <p><img alt="Create the Firey Photo Manipulation ‘Satan’s Judgement’" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation92.jpg" width="570" /></p> <p><strong>9. <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/red-riding-hood-photo-manipulation/" target="blank">Create a Red Riding Hood Themed Photo Manipulation</a></strong></p> <p>In this tutorial, author Wojciech Magierski will explain how to create a Red Riding Hood themed photo manipulation in Photoshop.</p> <p><img alt="Create a Red Riding Hood Themed Photo Manipulation in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation71.jpg" width="570" /></p> <p><strong>10. <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/surreal-and-dreamy-photo-manipulation-in-photoshop/" target="blank">Create a Surreal and Dreamy Photo Manipulation</a></strong></p> <p>In this tutorial, author Marcela Bolivar will explain how create a surreal and dreamy photo manipulation using atmosphere, lighting, masks, textures, and custom brushes.</p> <p><img alt="Create a Surreal and Dreamy Photo Manipulation in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation72.jpg" width="570" /></p> <p><strong>11. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/how-to-create-an-outdoor-fantasy-manipulation-in-photoshop.html" target="blank">How to Create an Outdoor Fantasy Manipulation</a></strong></p> <p>Learn how to create this photo manipulation using a combo of different stock photos and artworks. You’ll learn how to create a soft photo effect, add moss to rocks, and enhance a pool of water with some water lilies.</p> <p><img alt="How to Create an Outdoor Fantasy Manipulation in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation73.jpg" width="570" /></p> <p><strong>12. <a href="http://www.psdvault.com/photo-effect/design-a-natural-abstract-photo-manipulation-in-photoshop/" target="blank">Design a Natural Abstract Photo Manipulation</a></strong></p> <p>In this tutorial, we will show you the steps we took to Design a Natural Abstract Photo Manipulation in Photoshop. Along the way, we will apply some basic Photo Manipulation techniques such as layer blending and masking, we will also practice some selection techniques with Pen Tool and some photo retouch skills.</p> <p><img alt="Design a Natural Abstract Photo Manipulation in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation86.jpg" width="570" /></p> <p><strong>13. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-a-emotional-midnight-photo-manipulation-with-painting-like-effects.html" target="blank">Create an Emotional Midnight Photo Manipulation</a></strong></p> <p>Learn how to composite this nighttime artwork and retouch skin with a smooth painting-like effect! This tutorial will show you how to composite this image with various stock photos, soften skin, and apply special lighting and color effects.</p> <p><img alt="Create a Emotional Midnight Photo Manipulation with Painting-Like Effects" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation74.jpg" width="570" /></p> <p><strong>14. <a href="http://www.webdesign.org/photoshop/photo-editing/learn-to-create-a-fire-light-effect-in-photoshop.21451.html" target="blank">Learn to Create A Fire Light Effect</a></strong></p> <p>In today’s tutorial we will learn how to Create Stylish Fire Lines on a Girl’s image to make her look as if she is dancing amidst fire in the Space. You can click on the images to view larger version.</p> <p><img alt="Learn to Create A Fire Light Effect in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation93.jpg" width="570" /></p> <p><strong>15. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/how-to-create-this-qinto-the-wildq-photo-manipulation-in-photoshop.html" target="blank">How to Create “Into the Wild” Photo Manipulation</a></strong></p> <p>Learn how to create this photo manipulation with this detailed step-by-step walk-through. You’ll learn how to combine a beautiful redhead model with a black raven in a mystical landscape scene.</p> <p><img alt="How to Create this " border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation75.jpg" width="570" /></p> <p><strong>16. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/how-to-create-an-emotional-soft-tone-photo-manipulation.html" target="blank">How to Create an Emotional Soft-Tone Photo Manipulation</a></strong></p> <p>Learn how to create your own emotional photo manipulation! This Photoshop tutorial will show you how to blend a beautify lady with a dreamy background. You will also learn how to make color, lighting, and contrast adjustments to fit everything into this beautiful artwork.</p> <p><img alt="How to Create an Emotional Soft-Tone Photo Manipulation" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation77.jpg" width="570" /></p> <p><strong>17. <a href="http://psd.fanextra.com/tutorials/photo-effects/photo-manipulate-a-kick-ass-flaming-skull-scene/" target="blank">Photo Manipulate a Kick Ass Flaming Skull Scene</a></strong></p> <p>Learn how to create a cool flaming skull effect as part of a dark, gothic photo manipulation. You’ll work with image transformations, blending, lighting effects and more!</p> <p><img alt="Photo Manipulate a Kick Ass Flaming Skull Scene" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation89.jpg" width="570" /></p> <p><strong>18. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-a-city-destruction-photo-manipulation-in-photoshop.html" target="blank">Create a City Destruction Photo Manipulation</a></strong></p> <p>Learn how to create this photo manipulation of a city being destructed by robots and spaceships. This tutorial will show you how to composite a city using various stock photos then add smoke, fire, and explosions to it.</p> <p><img alt="Create a City Destruction Photo Manipulation in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation78.jpg" width="570" /></p> <p><strong>19. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-this-heaven-a-hell-photo-manipulation.html" target="blank">Create this “Heaven & Hell” Photo Manipulation</a></strong></p> <p>Create this Fantasy depicting scene of heaven and hell. This tutorial covers topics like creating reflections in moving water, ice cube with frost on it, turning daytime photos into nighttime, and many more.</p> <p><img alt="Create this “Heaven & Hell” Photo Manipulation" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation79.jpg" width="570" /></p> <p><strong>20. <a href="http://psd.fanextra.com/tutorials/photo-effects/photo-manipulate-an-eye-catching-poster-design-for-earth-hour/" target="blank">Photo Manipulate an Eye Catching Poster Design for Earth Hour</a></strong></p> <p>In this tutorial, we will learn how to create a conceptual earth hour photo-manipulation. We are going to learn the process of creating depth of field using a few advanced tools. We are going to learn how to blend images so seamlessly that it would look like a single image using the Brush tool, masking tools and several adjustment layers. We will learn how to create light and darkness to make the background look seamless.</p> <p><img alt="Photo Manipulate an Eye Catching Poster Design for Earth Hour" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation82.jpg" width="570" /></p> <p><strong>21. <a href="http://psd.fanextra.com/tutorials/photo-effects/members-area-tutorial-create-an-emotional-sunset-scene-photo-manipulation/" target="blank">Create An Emotional Sunset Scene Photo Manipulation</a></strong><br /> In this tutorial we will show you how to create a beautiful emotional sunset scene. We’ll work with manipulating techniques, blending, masking, painting and more.</p> <p><img alt="Create An Emotional Sunset Scene Photo Manipulation" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation83.jpg" width="570" /></p> <p><strong>22. <a href="http://www.psdvault.com/photo-effect/create-abstract-dark-photo-manipulation-with-splatter-brushes-in-photoshop/" target="blank">Create Abstract Dark Photo Manipulation with Splatter Brushes</a></strong></p> <p>In this tutorial, we will show you the steps designer took to Create Abstract Dark Photo Manipulation with Splatter Brushes in Photoshop. This is an intermediate level Photoshop tutorial and some steps can be a bit tricky, but why not have a try!</p> <p><img alt="Create Abstract Dark Photo Manipulation with Splatter Brushes in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation85.jpg" width="570" /></p> <p><strong>23. <a href="http://psd.fanextra.com/tutorials/photo-effects/photo-manipulate-a-surreal-coffee-machine-contraption/" target="blank">Photo Manipulate a Surreal Coffee Machine Contraption</a></strong></p> <p>Learn how to create a surreal photo manipulation featuring a conceptual coffee contraption. You’ll work with photo manipulation, retouching, masking, brush application, blending and more!</p> <p><img alt="Photo Manipulate a Surreal Coffee Machine Contraption" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation90.jpg" width="570" /></p> <p><strong>24. <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/elephant-sundae/" target="blank">Create an Elephant Sundae Using Photo Manipulation Techniques</a></strong></p> <p>Photoshop is great at seamlessly combing photos to create an entirely new scene. In this tutorial we will create an elephant sundae using several stock photos. Let’s get started!</p> <p><img alt="Create an Elephant Sundae Using Photo Manipulation Techniques" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation1.jpg" width="570" /></p> <p><strong>25. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/how-to-create-a-dramatic-fisheye-spartan-scene-with-photoshop.html" target="blank">How to Create a Dramatic Fisheye Spartan Scene</a></strong></p> <p>In this tutorial we are going to learn how to blend and distort different desert landscape stock images to create a dynamic fisheye-like perspective and use different adjustment layers to get different coloring and feel to the manipulation so let’s get started!</p> <p><img alt="How to Create a Dramatic Fisheye Spartan Scene with Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation5.jpg" width="570" /></p> <p><strong>26. <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-lambs-coat/" target="blank">Create a Lamb’s Coat in Photoshop</a></strong></p> <p>In this tutorial you will learn how to create a Lamb’s Coat in Photoshop.</p> <p><img alt="Photo Effects Week: Create a Lamb’s Coat in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation69.jpg" width="570" /></p> <p><strong>27. <a href="http://www.psdbox.com/tutorials/professional-widow-manipulationtutorial/" target="blank">Professional Widow</a></strong></p> <p>In this manipulation we will show you how to play with fire, how to smoothen skin using the Mixer Brush Tool and how to create realistic light effects. This is for the slightly more advanced manipulator. Enjoy.</p> <p><img alt="Professional Widow – ManipulationTutorial" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation68.jpg" width="570" /></p> <p><strong>28. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/how-to-create-a-fantasy-haven-for-travelers-in-photoshop.html" target="blank">How to Create a Fantasy Haven for Travelers</a></strong></p> <p>Learn how to create a secret haven in the sky! This Photoshop tutorial will show you how to create this surreal scene where boats pick up travelers and fly them to a secret mountain passage in the sky. This tutorial will show you how to blend images seamlessly and work with lighting and shadows.</p> <p><img alt="How to Create a Fantasy Haven for Travelers" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation6.jpg" width="570" /></p> <p><strong>29. <a href="http://www.psdvault.com/photo-effect/create-an-unique-surreal-photo-manipulation-with-nebula-effect-in-photoshop/" target="blank">Create an Unique Surreal Photo Manipulation with Nebula Effect</a></strong></p> <p>In this Photoshop tutorial, we will show you the steps designer took to Create a Unique, Dark Surreal Photo Manipulation with Nebula Effect in Photoshop. Along the way, we will be using some simple retouch skills, as well as some custom brushes and the liquify filter to produce special effect.</p> <p><img alt="Create an Unique Surreal Photo Manipulation with Nebula Effect" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation60.jpg" width="570" /></p> <p><strong>30. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-a-surreal-scene-with-a-cool-snail-that-flies.html" target="blank">Create a Surreal Scene with a Cool Snail that Flies</a></strong></p> <p>Learn how to create a surreal mother nature photo manipulation. This tutorial will show you how to create a completely surreal scene by combining stock photos and blending them seamlessly. You’ll also learn how to fix and enhance the lighting of your images.</p> <p><img alt="Create a Surreal Scene with a Cool Snail that Flies" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation7.jpg" width="570" /></p> <p><strong>31. <a href="http://psd.fanextra.com/tutorials/photo-effects/photo-manipulate-a-magical-shoe-house-scene/" target="blank">Photo Manipulate a Magical Shoe House Scene</a></strong></p> <p>In this tutorial you will learn how to Manipulate a photo into magical Shoe House Scene.</p> <p><img alt="Photo Manipulate a Magical Shoe House Scene" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation53.jpg" width="570" /></p> <p><strong>32. <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/serene-fantasy-photo-manipulation/" target="blank">Create a Serene Fantasy Photo Manipulation</a></strong></p> <p>In this tutorial you’ll learn how to compose magical scene from different stock images, how to create strong atmosphere and add interesting lights and shadows. You’ll also learn many different ways of color adjustments to get the exact images you’ve always wished. Let’s get started!</p> <p><img alt="Create a Serene Fantasy Photo Manipulation" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation51.jpg" width="570" /></p> <p><strong>33. <a href="http://www.webdesign.org/photoshop/photo-editing/create-a-magical-photo-manipulation-with-flowery-effect-in-photoshop.21203.html" target="blank">Create a Magical Photo Manipulation with Flowery Effect</a></strong></p> <p>In this tutorial, we will show you the steps author took to Create a Magical Photo Manipulation with Flowery Effect in Photoshop. This is an intermediate tutorial so some steps can be tricky, but why not have a try :)</p> <p><img alt="Create a Magical Photo Manipulation with Flowery Effect" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation56.jpg" width="570" /></p> <p><strong>34. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/floating-island-on-water.html" target="blank">Floating Island on Water</a></strong></p> <p>In this Photoshop tutorial, we will learn how to create a picture with two different stories, one: a town on an island and two: the deep and huge body of water below it. We will learn how to blend images perfectly, make an underwater image look realistic through the use of applying brushes in different colors, the eraser tool to soften the edges and the clone stamp tool.</p> <p><img alt="Floating Island on Water" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation67.jpg" width="570" /></p> <p><strong>35. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-a-vivid-alien-invasion-scene-with-photoshop.html" target="blank">Create a Vivid Alien Invasion Scene with Photoshop</a></strong></p> <p>Create a surreal alien photo manipulation with vivid colors. This tutorial will show you how to create an alien creature and add multiple UFOs.</p> <p><img alt="Create a Vivid Alien Invasion Scene with Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation70.jpg" width="570" /></p> <p><strong>36. <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/scenic-landscape-composition/" target="blank">Create a Scenic Landscape Composition</a></strong></p> <p>Photoshop is a fantastic application for combining average photos to create something entirely new. In this tutorial we will combine several stock photos to create a scenic landscape panorama. Let’s get started!</p> <p><img alt="Create a Scenic Landscape Composition in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation94.jpg" width="570" /></p> <p><strong>37. <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/racing-snail/" target="blank">Create a Racing Snail</a></strong></p> <p>In this tutorial author Mario Sanchez Nevado will put the “car” and “go” into escargot by creating a snail so big and fast that you could ride it at highway speeds. In the process, we will explain how to select the proper photos, as well as how to correctly integrate them into your scene using lighting, depth of field, and movement.</p> <p><img alt="Create a Racing Snail in Photoshop" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation95.jpg" width="570" /></p> <p><strong>38. <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/integrate-3d-into-photograph/" target="blank">Integrate a 3D Render Into a Macro Photograph</a></strong></p> <p>In this tutorial we will explain how to integrate a rendered 3D model into a photograph to create a macro photography effect.</p> <p><img alt="Integrate a 3D Render Into a Macro Photograph" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation96.jpg" width="570" /></p> <p><strong>39. <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/photoshop-compositing-secrets/" target="blank">Create a Studio Sports Portrait</a></strong></p> <p>In this tutorial Matt Kloskowski will demonstrate how to create a studio sports portrait using the same techniques that you may have seen on billboards and in magazines. Let’s get started!</p> <p><img alt="Create a Studio Sports Portrait" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation97.jpg" width="570" /></p> <p><strong>40. <a href="http://10steps.sg/tutorials/photoshop/fantasy-photoshop-tutorial-to-create-awesome-effects/" target="blank">Fantasy Photoshop tutorial to create awesome effects</a></strong></p> <p>In this tutorial you’ll learn how to use stock photos, adjustment layers, and blending tricks to compose a dark fantasy photo manipulation in Photoshop.</p> <p><img alt="Fantasy photoshop tutorial to create awesome effects" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/manipulation98.jpg" width="570" /></p> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=P1Ep-wpVZ7A:SYovZW96sJY:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=P1Ep-wpVZ7A:SYovZW96sJY:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=P1Ep-wpVZ7A:SYovZW96sJY:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=P1Ep-wpVZ7A:SYovZW96sJY:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/P1Ep-wpVZ7A" width="1" />

<p>How to Manage Clients Effectively? I already missed a deadline! Are these few of the usual sentences in your daily life? You know what? At least you should be happy that you are loaded with clients. Facing the situation positively you know. But, you should be aware of the fact that with multiple deadlines being missed, the load of these clients will soon vanish. Nobody wants to stick around with a star designer who cannot stick to pre-decided dates. So, either you take heed of this fact right away or be prepared to lose it all.</p> <p><span id="more-69967"></span></p> <p>Today, we will discuss the importance of deadlines and how to manage clients effectively. Buckle up!</p> <h2>Say No!</h2> <p>Well, that is by far the easiest way to avoid messing up your deadlines. Say no to work which you think you cannot complete or the work which won’t pay you for your hard work. In business, just like your daily life, some relationships will have that element of confusion which will later on result into unavoidable conditions. Think a bit and avoid such conditions from the beginning only.</p> <p><img alt="" class="alignnone size-full wp-image-70666" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/say_no.jpg" title="say_no" width="570" /></p> <p><strong>Suggested Reading:</strong></p> <ul> <li><a href="http://www.1stwebdesigner.com/design/what-is-spec-work/" target="_blank" title="Say No!">What is Spec Work and Why You Should Say No</a></li> </ul> <h2>Avoid Clients that Hurt Your Business</h2> <p>This is one more way to not even get close to clients that you cannot manage. How about understand that sort of client you are about to deal with and stay away from them. One of the best ways to avoid mess ups is to not even let those messed up situations take step one. That is exactly what I am asking you to do. Don’t entertain clients that can make your life hell.</p> <p><strong>Suggested Reading:</strong></p> <ul> <li> <a href="http://www.1stwebdesigner.com/design/avoid-clients-that-could-hurt-your-business/" target="_blank" title="Clients that hurt your business">How to Avoid 6 Clients that could Hurt Your Business</a></li> </ul> <h2>Plan Short Term Goals for Long Term Benefits</h2> <p>Instead of planning for the end of the project that you are working on, you should instead target the internal dates for the smaller modules of that project. It will make it easier to achieve the smaller goals and the overall achievement will show quickly when start inching close to the final project end date. It is all about how honestly you work towards your goals. If you can manage these dates easily then you will easily end up managing your clients effectively.</p> <p><strong>Suggested Reading:</strong></p> <ul> <li> <a href="http://www.1stwebdesigner.com/design/tips-to-stay-focused-project-deadlines/" target="_blank" title="Tips to stay focused on project deadlines">6 Tips to Stay Focused on Project Deadlines</a></li> </ul> <h2>Face to Face Meetings in order to Understand Clients Effectively</h2> <p>I agree that in the world of globalization it becomes tough for you to have a face to face meeting with your client but if you somehow manage a cam to cam chat (if the face to face meeting is not possible) then trust me that the level of comfort between you and your client will skyrocket. It is this level of comfort which will help you manage your respective project and (indirectly) your client effectively.</p> <p><img alt="" class="alignnone size-full wp-image-70667" height="245" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/hand_shake.jpg" title="hand_shake" width="570" /></p> <p><strong>Suggested Reading:</strong></p> <ul> <li><a href="http://www.1stwebdesigner.com/design/things-to-consider-web-development-pricing/" target="_blank" title="Things to Consider When Estimating for a Website Development Project">Things to Consider When Estimating for a Website Development Project</a></li> </ul> <h2>Use Email Lists To Keep Clients Updated</h2> <p>Managing clients effectively doesn’t mean that you have to manage only your current clients. It means that you have to take care of current clients with the future clients and the returning clients. Now, you cannot expect your clients to visit your website regularly to find out what work you are doing and how much free time you have. There are too many freelance web designers out there. You will be forgotten in no time. So, it is better if you keep raising your hand after short intervals. It will remind all your clients about your schedule and your free time. It will also help you inform your current clients that you are actually working on their project and where it has reached.</p> <p><strong>Suggested Reading:</strong></p> <ul> <li><a href="http://www.1stwebdesigner.com/design/power-of-email-lists/" target="_blank" title="The Power of Email List for Web Designers">The Power of Email List for Web Designers and How to Get One Started</a></li> </ul> <h2>Follow 10 Commandments for Freelance Web Designers</h2> <p>Rules aren’t made just for fun. They are smartly crafted to make life organized. Even the life of a freelance web designer needs to be organized otherwise the end result will be a true mess up. 1WD already published the 10 commandments that can organize your life like never before. Just be honest enough and follow them to the core.</p> <p><strong>Suggested Reading:</strong></p> <ul> <li><a href="http://www.1stwebdesigner.com/design/ten-freelance-web-designers-commandments/" target="_blank" title="10 Commandments for Freelance Web Designers">10 Commandments for Freelance Web Designers</a></li> </ul> <h2>Use Tools that Make Your Job Easier</h2> <p>In the world of technology why should one do all the work manually? Internet has plenty of tools to make sure that some part of your daily work becomes a cake walk. So, why wait? Just Google for some of the best tools out there that will make life of daily freelance web designer super easy. Remember, you cannot manage your clients effectively if you are doing everything manually.</p> <p><strong>Suggested Reading:</strong></p> <ul> <li><a href="http://www.1stwebdesigner.com/design/7-webmaster-tools-make-job-easier/" target="_blank" title="7 Webmaster Tools">7 Webmaster Tools that will Make Your Job Easier</a></li> </ul> <h2>Set Up the Perfect Home Office</h2> <p>One advantage of freelance web designing is that you get to work from home. No office hours and no boss to harass you. But, the home environment has its own disadvantages too. The biggest of them all being that you cannot concentrate on your work because any home that makes you feel comfortable will make you feel lazy too. So, it is suggested that you develop some sort of office environment in your home in order to bring in that work sort of feeling even while working from home. It really helps your work and indirectly the clients too.</p> <p><img alt="" class="alignnone size-full wp-image-70668" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/home_office.jpg" title="home_office" width="570" /></p> <p><strong>Suggested Reading:</strong></p> <ul> <li> <a href="http://www.1stwebdesigner.com/design/motivate-yourself-perfect-home-office/" target="_blank" title="Perfect Home Office">Motivate Yourself By Setting Up the Perfect Home Office</a></li> <li><a href="http://www.1stwebdesigner.com/design/improve-home-office-setup/">5 Tips to Improve Your Home Office Setup</a></li> </ul> <h2>Market Your Products the Right Way to Avoid Confusions</h2> <p>If you sell what you don’t have then you surely will raise the expectation of your clients. They will come to you for those non-existent expectations and once you fail to deliver those then they will be super upset. This is why you should understand the importance of honest marketing. Sell whatever you have. Nothing more. Nothing less. Then, managing clients will be super easy for you.</p> <p><strong>Suggested Reading:</strong></p> <ul> <li><a href="http://www.1stwebdesigner.com/design/market-sell-digital-goods-the-right-way/" target="_blank" title="Market Your Digital Products the Right Way">Market and Sell Your Digital Goods the Right Way</a></li> </ul> <h2>Be A Star Communicator</h2> <p>Communication is key to every format of success unless the goal can be achieved individually. So, you need to be that star communicator who honestly communicates everything to clients. You must follow the instructions given by clients and show high amount of professionalism. Without these factors you are bound to disappoint your clients.</p> <p><strong>Suggested Reading:</strong></p> <ul> <li><a href="http://www.1stwebdesigner.com/design/crucial-client-communication/" target="_blank" title="Be A Star Communicator">Stand Out Among Freelancers by Communicating with Your Clients</a></li> <li><a href="http://www.1stwebdesigner.com/design/things-designers-teach-clients/">8 Things Designers Should Teach Their Clients</a></li> </ul> <h2>Educate Your Clients so as to Avoid Over Expectations</h2> <p>Clients might well assume web designers to be Gods. It is suggested that web designers should clear out any sort of confusion before the project begins. Designers must follow a list of pointers that they will teach to their clients so that clients do not end up over expecting anything from them. Crystal clear beginning is what everyone will be comfortable with.</p> <p><strong>Suggested Reading:</strong></p> <ul> <li> <a href="http://www.1stwebdesigner.com/design/things-designers-teach-clients/" target="_blank" title="8 Things Designers Should Teach Their Clients">8 Things Designers Should Teach their Clients</a></li> </ul> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=jNESnw-qNng:jQ9LoF42kH4:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=jNESnw-qNng:jQ9LoF42kH4:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=jNESnw-qNng:jQ9LoF42kH4:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=jNESnw-qNng:jQ9LoF42kH4:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/jNESnw-qNng" width="1" />

<p>Almost everyone, at one point during childhood, has played jigsaw puzzles. Today I am going to show you how to create a jigsaw puzzle using jQuery and PHP.</p> <p>Lets start creating puzzles. I know that you must be waiting to see the puzzle in action. I am not going to keep you guessing. Here is the sample demo of the puzzle and download of tutorial files.</p> <p>Now you got your wish. So lets move onto creating the puzzle.<br /> <span id="more-70210"></span></p> <div class="note"> <p><strong><a href="http://innovativephp.com/demo/puzzles" target="_blank">Demo</a></strong></p> <p><strong><a href="http://dl.dropbox.com/u/35995890/puzzles.zip">Download</a></strong></p> </div> <h2><strong>Splitting an Image into Smaller Parts</strong></h2> <p>First thing we have to do is choose an image for the puzzle. Only jpg images can be used in this example. I am going to use the 1stwebdesigner header image for the puzzle. Once you choose the image it has to be split into smaller images to create the puzzle components.</p> <p>There are a lot of online tools available for splitting images. But I am going to use my own php code to split the image. The purpose of this tutorial is to make the puzzle. So I am not going to explain the whole PHP code for splitting images. I’ll just explain the necessary configurations.</p> <pre class="brush: php; title: ; notranslate"> <?php $image_file = 'puzzle.jpg'; $src = imagecreatefromjpeg($image_file); list($width, $height, $type, $attr) = getimagesize($image_file); $split_size = '150'; $cal_width = $width % $split_size; $cal_height = $height % $split_size; if ($cal_width > 0) { $new_width = intval($width / $split_size) * $split_size + 100; } else { $new_width = $width; } if ($cal_height > 0) { $new_height = intval($height / $split_size) * $split_size + 100; } else { $new_height = $height; } if ($width > 1200) { $width = 1200; $new_width = 1200; } $image_p = imagecreatetruecolor($new_width, $new_height); $image = imagecreatefromjpeg($image_file); imagecopyresampled($image_p, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height); imagejpeg($image_p, $image_file, 100); $x_comp = intval($new_width / $split_size); $y_comp = intval($new_height / $split_size); $winning_string = ''; $image_names = ''; $src = imagecreatefromjpeg($image_file); $dest = imagecreatetruecolor($split_size, $split_size); for ($y = 0; $y < $y_comp; $y++) { for ($i = 0; $i < $x_comp; $i++) { $characters = 'abcdefghijklmnopqrstuvwxyz'; $ran_string = ''; for ($p = 0; $p < 4; $p++) { $ran_string .= $characters[mt_rand(0, strlen($characters) - 1)]; } imagecopy($dest, $src, 0, 0, $i * $split_size, $y * $split_size, $split_size, $split_size); imagejpeg($dest, "images/$ran_string.jpg"); $winning_string .= $ran_string; $image_names .= $ran_string . ","; } } $image_names = substr($image_names, 0, -1); $images = explode(',', $image_names); shuffle($images); ?> </pre> <p><strong>Code Explanation</strong></p> <ul> <li>First you have to provide the name of your image in the <strong>$image_file</strong> variable. I have used puzzle.jpg as the name and it should be on the same path as the file which contains the above php code.</li> <li>In line 8 you see the variable <strong>$split_size</strong>. It is defined in pixels and you can change the value if you want. I have used 150. So the image will be split into parts of <strong>150px * 150px</strong> images.</li> <li>Also make sure total width and height of your image is a multiple of 150. If it is not a multiple of 150 some parts of the original image will be removed when split.</li> <li>Then in line 54 you should specify a folder for the split images to be stored. I have used the folder name as <strong>images</strong>.</li> </ul> <p>Now what you have to do is download the tutorial files first. Then copy it to your web server and give necessary permissions to folders. Then open the <strong>split.php</strong> file and make the changes mentioned above or keep the default values.</p> <p>Once you execute it in the browser you will get a output like the following.</p> <p><img alt="Puzzle Winning and Load Strings" class="alignnone size-full wp-image-70418" height="65" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/Screenshot-16.png" title="Puzzle Winning and Load Strings" width="570" /></p> <p>You should keep both <strong><em>Winning String</em></strong> and <strong><em>Load String</em></strong> as shown in the above screen. Now we are done with the image split. So lets move onto the next section.</p> <h2>Creating the Puzzle Using Jquery</h2> <p>I have already created images for our puzzle in the images folder. Now we have to create the puzzle by loading the puzzle images. Before that we need to enable Drag and Drop support using Jquery UI library. So I’ll show you the necessary files to be included.</p> <p>I have downloaded and included the necessary files of jQuery UI Library in the tutorial files. You can use the following code to include the files related to our tutorial.</p> <pre class="brush: xml; title: ; notranslate"> <html lang='en'> <head> <title>Jquery Drag and Drop Puzzle</title> <script src="jquery-1.7.2.js" type="text/javascript"></script> <script src="ui/jquery.ui.core.js" type="text/javascript"></script> <script src="ui/jquery.ui.widget.js" type="text/javascript"></script> <script src="ui/jquery.ui.mouse.js" type="text/javascript"></script> <script src="ui/jquery.ui.sortable.js" type="text/javascript"></script> <link rel="stylesheet" href="demos.css"> </head> <body> </body> </html> </pre> <p>In the code you can see the file called <strong>jquery.ui.sortable.js</strong>. It is used to handle the drag and drop and then sort the items inside the given container. This is called <strong>Sortable in Jquery UI</strong> library. Once you make an element sortable, you will be able to both drag and drop items inside that element. You can make item sortable using the following code.</p> <p><strong>Jquery Code for Making Unordered List Sortable</strong></p> <pre class="brush: jscript; title: ; notranslate"> $("#sortable").sortable(); </pre> <p><strong>Unordered List with Items</strong></p> <pre class="brush: xml; title: ; notranslate"> <ul id='sortable'> <li>Item 1</li> <li>Item 2</li> </ul> </pre> <p>Above codes will enable <strong>sortable event</strong> on all the <strong>li</strong> items inside the <strong>ul</strong> container with the id <strong>sortable</strong></p> <p><strong>Basic CSS Styles for Sortable Element</strong></p> <pre class="brush: css; title: ; notranslate"> <style type='text/css'> #sortable { list-style-type: none; margin: 0; padding: 0; } #sortable li { float: left;} .msg_text{ text-align: center; padding: 20px; font-size: 30px; text-shadow: 1px 1px 1px rgb(21, 23, 28); } </style> </pre> <h2>Loading Images for the Drag and Drop Puzzle</h2> <p><img alt="Puzzle Before Starting" class="alignnone size-full wp-image-70419" height="252" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/Screenshot-14.png" title="Puzzle Before Starting" width="570" /></p> <p>Now I am going to display the image parts as puzzle. We can use the following PHP code with small configurations to load the images. This code is located in <strong>puzzle.php</strong> file on the project folder. You can run the puzzle.php file in your web server to directly execute the demo. Now get ready with the <strong>Winning String</strong> we created earlier.</p> <pre class="brush: php; title: ; notranslate"> <?php $image_names = "ilsc,scmz,lsea,derv,logi,eyen,vkxl,ihrx,mwgc,bwdk,rfwb,oezh"; $images = explode(',', $image_names); shuffle($images); $new_width = "900"; $new_height= "300"; $split_size= "150"; echo "<ul id='sortable' style='width:" . $new_width . "px;height:" . $new_height . "px;'>"; foreach ($images as $key => $image_name) { echo "<li class='ui-state-default' id='recordArr_$image_name' style='width:" . $split_size . "px;height:" . $split_size . "px;'> <img src='images/$image_name.jpg' /></li>"; } echo "</ul>"; ?> </pre> <p><strong>Code Explanation</strong></p> <ul> <li>First enter the <strong>Load String</strong> we generated earlier into the variable called <strong>$image_names</strong>. Keep it as it is if you are going to use the default demo.</li> <li>Each time you change the image of your puzzle and split it with the <strong>split.php</strong> file, you have to assign the <strong>Load String</strong> here.</li> <li>Then we have variables called <strong>$new_width and $new_height</strong>. These values should be defined according to the number of parts in your puzzle.</li> <li>We created <strong>150px * 150px</strong> images and we have 6 images horizontally since original image I used was 900*300px. So <strong>$new_width</strong> should be 150*6 = 900. Also we have 2 images vertically. So <strong>$new_height</strong> should be 150*2 = 300. Configure those values according to size of your image. Also <strong>$split_size</strong> is set to 150 since we are using 150*150 images.</li> <li>Then we load all the images for the puzzle inside unordered list. You don’t have to do anything there.</li> <li>Now we have completed displaying the puzzle images.</li> </ul> <p><strong><em><br /> You can see the puzzle on your screen and try to drag and drop images. You must be wondering why the puzzle is not working. That’s because we haven’t made the puzzle sortable yet. That’s where the magic happens. So lets make it sortable.</em></strong></p> <h2>Making the Puzzle Sortable</h2> <p><img alt="Puzzle After Starting" class="alignnone size-full wp-image-70420" height="242" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/Screenshot-15.png" title="Puzzle After Starting" width="570" /></p> <p>Include the following code snippet on the head section of your document after the <strong>js</strong> and <strong>css</strong> files.</p> <pre class="brush: jscript; title: ; notranslate"> <script type="text/javascript"> $(function() { $("#sortable").sortable({ opacity: 0.6, cursor: 'move', update: function() { } }); }); </script> </pre> <p>Now you can drag and drop the images and you will be able to see that images are changing in the puzzle. But there is no way you can check whether puzzle is solved or not unless its a very simple one. So now I am going to tell you how to check whether puzzle is solved using a very simple method.</p> <h2>Identify the Winning Moment</h2> <p><img alt="Winning Moment of Puzzle" class="alignnone size-full wp-image-70421" height="255" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/Screenshot-17.png" title="Winning Moment of Puzzle" width="570" /></p> <p>Here is the code that will notify you when the puzzle is solved. Include it inside the update function of the code we created in the previous section</p> <pre class="brush: jscript; title: ; notranslate"> <script type="text/javascript"> $(function() { $("#sortable").sortable({ opacity: 0.6, cursor: 'move', update: function() { var winningString = "oezh,rfwb,lsea,vkxl,ihrx,ilsc,eyen,mwgc,derv,logi,bwdk,scmz"; var currentString = ''; $('#sortable li').each(function(){ var imageId = $(this).attr("id"); currentString += imageId.replace("recordArr_", "")+","; }); currentString = currentString.substr(0,(currentString.length) -1); if(currentString == winningString){ alert("You Won"); } } }); }); </script> </pre> <p><strong>Code Explanation</strong></p> <ul> <li>Each time you move an item in the puzzle the update function will be executed.</li> <li>First insert the <strong>Winning String</strong> we got earlier when creating images, into <strong>winningString</strong> variable.</li> <li>Then the code will get the current positions of the images in the puzzle and creates a string with current item order.</li> <li>Next we check whether current string matches the winning string and displays the winning message.</li> </ul> <p><strong><em><br /> We have completed our tutorial on creating puzzles and now you can enjoy creating and solving puzzles.<br /> </em></strong></p> <h2>Bonus Tip</h2> <p><strong>Have you tried fixing the puzzle yet ?</strong></p> <p>You might have done it pretty easily since only 12 parts are available in the demo. But when the number of parts increases it will be very difficult unless you find out the correct method.</p> <blockquote><p><strong><em>If you are a designer or developer who has knowledge in working with HTML DOM, you will be able to find the correct method. Drag and drop images a few times and see how the images are positioning. Then try to match that with how the HTML DOM works when you add and remove elements dynamically. I am sure that you will be able to figure it out.</em></strong></p></blockquote> <p>So you can learn about the DOM while having fun with fixing puzzles. Let me know if you figure it out using the comments section.</p> <h2>Whats Next?</h2> <p>Now we have completed creating a basic puzzle using jQuery drag and drop features. What we did was manually create image parts using some php code and including those parts of the puzzle. You can extend this by allowing users to upload images and create the image parts dynamically. Then allow the users to select the puzzle from a dropdown and fix it. So you will be able to create puzzles out of any image.</p> <p><strong>Sounds good right ? Here is some more functionality you can include in your puzzle.</strong></p> <p><strong>1. Assign a time to fix the puzzle in a given time period using javascript setTimeout function.</strong></p> <p><img alt="Puzzle with Time " class="alignnone size-full wp-image-70382" height="247" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/Screenshot-9.png" title="Puzzle with Time " width="570" /></p> <p><strong>2.Save image names in a database table with correct order and provide a score on how many parts have been completed inside the given time.</strong></p> <p><img alt="Display Puzzle Score" class="alignnone size-full wp-image-70405" height="281" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/05/Screenshot-10.png" title="Display Puzzle Score" width="570" /></p> <p>You can extend these features and create a puzzle site for users very easily. Let me know if you have any questions regarding using these puzzles or extending features. Use the instructions in the project files to execute the demo properly. Hope to hear from you.</p> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=0Q9R3ZJJRVc:Qi2w-S9RZ6s:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=0Q9R3ZJJRVc:Qi2w-S9RZ6s:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=0Q9R3ZJJRVc:Qi2w-S9RZ6s:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=0Q9R3ZJJRVc:Qi2w-S9RZ6s:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/0Q9R3ZJJRVc" width="1" />

<img alt="Dropbox adds video upload features to iOS app" src="http://images.macworld.com/images/article/2012/06/dropthumb-284366.png" /> Faced with growing competition from new video-centric rivals, Dropbox on Thursday unveiled a revamped iOS app that lets users automatically upload their photos and videos to the company’s cloud-based storage service.<br clear="both" style="clear: both;" /> <br clear="both" style="clear: both;" /> <a href="http://ads.pheedo.com/click.phdo?s=e1be2f121da30fe01b55072c8725f187&p=1"><img alt="" border="0" src="http://ads.pheedo.com/img.phdo?s=e1be2f121da30fe01b55072c8725f187&p=1" style="border: 0;" /></a> <img alt="" border="0" height="0" src="http://tags.bluekai.com/site/5148" style="display: none;" width="0" /><img alt="" border="0" height="0" src="http://insight.adsrvr.org/track/evnt/?ct=0:tar7qjh&adv=wouzn4v&fmt=3" style="display: none;" width="0" />

<img alt="Time Inc. magazines now available as iPad subscriptions" src="http://images.macworld.com/images/article/2012/06/timethumb-284232.png" /> Ending a long holdout, Time Inc. said this week it would make its iPad magazine apps available for subscription through Apple’s iOS Newsstand service. It's a move that makes magazines like Time, Sports Illustrated, and Entertainment Weekly cheaper for iPad readers.<br clear="both" style="clear: both;" /> <br clear="both" style="clear: both;" /> <a href="http://ads.pheedo.com/click.phdo?s=2e33be189c38a9a0ea328a8ddbac5047&p=1"><img alt="" border="0" src="http://ads.pheedo.com/img.phdo?s=2e33be189c38a9a0ea328a8ddbac5047&p=1" style="border: 0;" /></a> <img alt="" border="0" height="0" src="http://tags.bluekai.com/site/5148" style="display: none;" width="0" /><img alt="" border="0" height="0" src="http://insight.adsrvr.org/track/evnt/?ct=0:tar7qjh&adv=wouzn4v&fmt=3" style="display: none;" width="0" />

<img alt="Opinion: Signs suggest simpler sharing in iOS 6" src="http://images.macworld.com/images/article/2012/06/thumb_ios6-283604.jpg" /> If we try to read the tea leaves from a brief moment during the WWDC keynote, Lex Friedman thinks we might be able to predict simpler sharing coming in iOS 6.<br clear="both" style="clear: both;" /> <br clear="both" style="clear: both;" /> <a href="http://ads.pheedo.com/click.phdo?s=ead3d4475e0280aa28dbb5f94ea9518b&p=1"><img alt="" border="0" src="http://ads.pheedo.com/img.phdo?s=ead3d4475e0280aa28dbb5f94ea9518b&p=1" style="border: 0;" /></a> <img alt="" border="0" height="0" src="http://tags.bluekai.com/site/5148" style="display: none;" width="0" /><img alt="" border="0" height="0" src="http://insight.adsrvr.org/track/evnt/?ct=0:tar7qjh&adv=wouzn4v&fmt=3" style="display: none;" width="0" />

<img alt="WordPress 3.4 offers hassle-free theme testing" src="http://images.macworld.com/images/article/2012/06/152832-wordpressicon_original-284229.jpg" /> WordPress 3.4 offers new tools making it easier to choose themes and format photo captions.<br clear="both" style="clear: both;" /> <br clear="both" style="clear: both;" /> <a href="http://ads.pheedo.com/click.phdo?s=536cbf47c00601e09a89a2181d952592&p=1"><img alt="" border="0" src="http://ads.pheedo.com/img.phdo?s=536cbf47c00601e09a89a2181d952592&p=1" style="border: 0;" /></a> <img alt="" border="0" height="0" src="http://tags.bluekai.com/site/5148" style="display: none;" width="0" /><img alt="" border="0" height="0" src="http://insight.adsrvr.org/track/evnt/?ct=0:tar7qjh&adv=wouzn4v&fmt=3" style="display: none;" width="0" />

<img alt="AT&T works on expanding Toggle BYOD service to PCs, Macs" src="http://images.macworld.com/images/news/graphics/141666-generic-icon-business_original.png" /> On Wednesday, AT&T said it was bringing Toggle, its service that lets Bring Your Own Device users put their work-related data usage on a separate account, to iOS. Now the carrier says it's working to expand Toggle to Macs and PCs as well.<br clear="both" style="clear: both;" /> <br clear="both" style="clear: both;" /> <a href="http://ads.pheedo.com/click.phdo?s=8357aa7d95f5bcd827b923ada2f6cd6d&p=1"><img alt="" border="0" src="http://ads.pheedo.com/img.phdo?s=8357aa7d95f5bcd827b923ada2f6cd6d&p=1" style="border: 0;" /></a> <img alt="" border="0" height="0" src="http://tags.bluekai.com/site/5148" style="display: none;" width="0" /><img alt="" border="0" height="0" src="http://insight.adsrvr.org/track/evnt/?ct=0:tar7qjh&adv=wouzn4v&fmt=3" style="display: none;" width="0" />

<img alt="Amazon updates Kindle for iOS with support for comics, book search" src="http://images.macworld.com/images/news/graphics/157066-kindle1_original.jpg" /> Amazon on Thursday released updates to both the Kindle iOS app and the Web-based Kindle Cloud Reader, adding support for comic books, graphic novels, and more.<br clear="both" style="clear: both;" /> <br clear="both" style="clear: both;" /> <a href="http://ads.pheedo.com/click.phdo?s=539d7e166611eeaab2e5a86e36efc4de&p=1"><img alt="" border="0" src="http://ads.pheedo.com/img.phdo?s=539d7e166611eeaab2e5a86e36efc4de&p=1" style="border: 0;" /></a> <img alt="" border="0" height="0" src="http://tags.bluekai.com/site/5148" style="display: none;" width="0" /><img alt="" border="0" height="0" src="http://insight.adsrvr.org/track/evnt/?ct=0:tar7qjh&adv=wouzn4v&fmt=3" style="display: none;" width="0" />

<img alt="Snow Leopard on a new retina-display MacBook Pro? Nuh uh" src="http://images.macworld.com/images/article/2011/10/macbookpro-260076.png" /> You say you love the look of the new retina display MacBook Pro but aren't nearly as keen on Lion? Regrettably, you must grab the future with both hands.<br clear="both" style="clear: both;" /> <br clear="both" style="clear: both;" /> <a href="http://ads.pheedo.com/click.phdo?s=294a699fdd63ad973f4eea7461dd962b&p=1"><img alt="" border="0" src="http://ads.pheedo.com/img.phdo?s=294a699fdd63ad973f4eea7461dd962b&p=1" style="border: 0;" /></a> <img alt="" border="0" height="0" src="http://tags.bluekai.com/site/5148" style="display: none;" width="0" /><img alt="" border="0" height="0" src="http://insight.adsrvr.org/track/evnt/?ct=0:tar7qjh&adv=wouzn4v&fmt=3" style="display: none;" width="0" />

<img alt="Eye-Fi plays the waiting game with the SD association" src="http://images.macworld.com/images/article/2012/06/eyefi20thumb-284219.jpg" /> The SD Association has informed Eye-Fi CEO Yuval Koren that his company's intellectual-property claims on the iSDIO standard have been reviewed, but Eye-Fi is waiting for the results of the review.<br clear="both" style="clear: both;" /> <br clear="both" style="clear: both;" /> <a href="http://ads.pheedo.com/click.phdo?s=de9fdbb54d06f0dc52469a525367da93&p=1"><img alt="" border="0" src="http://ads.pheedo.com/img.phdo?s=de9fdbb54d06f0dc52469a525367da93&p=1" style="border: 0;" /></a> <img alt="" border="0" height="0" src="http://tags.bluekai.com/site/5148" style="display: none;" width="0" /><img alt="" border="0" height="0" src="http://insight.adsrvr.org/track/evnt/?ct=0:tar7qjh&adv=wouzn4v&fmt=3" style="display: none;" width="0" />

<img alt="Three great folder actions" src="http://images.macworld.com/images/howto/graphics/154981-automatoricon_original.jpg" /> Wish there was a simpler way to print documents, create archives, or add spotlight comments to project files? Kirk McElhearn shows you how to make automating your Mac as simple as putting a file in a folder with these three great Folder Actions.<br clear="both" style="clear: both;" /> <br clear="both" style="clear: both;" /> <a href="http://ads.pheedo.com/click.phdo?s=6c1d972ca4b96f4a5c6c30ba479ee3d4&p=1"><img alt="" border="0" src="http://ads.pheedo.com/img.phdo?s=6c1d972ca4b96f4a5c6c30ba479ee3d4&p=1" style="border: 0;" /></a> <img alt="" border="0" height="0" src="http://tags.bluekai.com/site/5148" style="display: none;" width="0" /><img alt="" border="0" height="0" src="http://insight.adsrvr.org/track/evnt/?ct=0:tar7qjh&adv=wouzn4v&fmt=3" style="display: none;" width="0" />

<img alt="Facebook, Twitter, Google, AOL join new alliance to fight 'bad ads'" src="http://images.macworld.com/images/article/2012/06/badware20thumb-284206.jpg" /> Facebook, Google, Twitter, and AOL have joined an alliance that has been set up to counter "bad ads," including those that deliver malware, direct users to scams, or try to sell counterfeit goods, said StopBadware, the promoters of the alliance.<br clear="both" style="clear: both;" /> <br clear="both" style="clear: both;" /> <a href="http://ads.pheedo.com/click.phdo?s=bd9b8f44e516d9ccbb5a15f6ee9a8f02&p=1"><img alt="" border="0" src="http://ads.pheedo.com/img.phdo?s=bd9b8f44e516d9ccbb5a15f6ee9a8f02&p=1" style="border: 0;" /></a> <img alt="" border="0" height="0" src="http://tags.bluekai.com/site/5148" style="display: none;" width="0" /><img alt="" border="0" height="0" src="http://insight.adsrvr.org/track/evnt/?ct=0:tar7qjh&adv=wouzn4v&fmt=3" style="display: none;" width="0" />

<img src="http://www.adweek.com/files/imagecache/node-detail/1126101268_1689911265001_ari-origin06-arc-149-1339712113016.jpgpubid1126101268" /> <p> Six Questions: David Angelo</p>

<img src="http://www.adweek.com/files/imagecache/node-detail/news_article/coke-security-camera.jpg" /> <p> Convenience-store robberies. Suspicious elevator activity. Parking lot holdups. The security-camera footage you generally see on TV doesn't exactly reveal the most flattering side of mankind. The point of a security camera, after all, is to catch the bad guys who did the bad things so that we can all feel more, well, secure. But what about the untold of hours of film that don't capture some shady endeavor? In the incessantly sunny world of Coca-Cola, they're filled with happy people doing good deeds.</p> <p> In a new spot from Coca-Cola Latin America, created by production company Landia, the beverage company plays around with the expectation of what a security camera captures. To the smile-inducing tune of Supertramp's "Give a Little Bit," Coke shows us a series of scenes with wittily misleading captions like "people stealing kisses," "music addicts," "potato chip dealers," "attacks of friendship" and "friendly gangs." From offering to carry a heavy object to saving someone's life to just horsing around (and the requisite "offering a friend your Coke"), it's a list of all the positive interactions happening in the world every day.</p> <p> Like most soft-drink ads, it doesn't necessarily make you want to crack open a cold soda, but the idea is sweet nonetheless. And if searching security cameras for murders and muggings and assaults is more your speed, go ahead and change the channel. Chances are you'll quickly land on a show doing just that.<br /> <br /> <br /> <br /> <strong>CREDITS</strong><br /> Client: Coca-Cola<br /> Producer: Landia<br /> Creative Director: Martin Mercado<br /> Music: Supertramp, "Give a Little Bit"</p>

<img src="http://www.adweek.com/files/imagecache/node-detail/blogs/pointer-pointer-652.jpg" /> <p> <a href="http://www.pointerpointer.com/" target="_blank">Pointer Pointer</a> is an artfully simple and hilarious website that finds your mouse pointer, wherever it is on the screen, and then loads photos of people pointing at it. It's 30 percent creepy and 100 percent more fun than you'd expect. It also has intriguing possibilities for brands looking to navigate through and interact with a glut of crowdsourced images submitted by fans. The site's code was actually developed by Studio Moniker in Amsterdam for a marketing project—a similar site that tracked mouse movements and set off photo flashes in real time to advertise 5 Days Off, an electronic music festival. The studio was surprised when more than 300,000 people visited the site before its official launch. Fans have already made videos and demos explaining the digital trick behind it. So, point your browser toward the Pointer Pointer, and see how much of your day you end up wasting.</p>

<img src="http://www.adweek.com/files/imagecache/node-detail/blogs/royal-caribbean-tony-awards.jpg" /> <p> And now, a word from our sponsor … crammed awkwardly into the middle of the award show you're watching on TV. If you missed the latest mini-infomercial wedged between breathless acceptance speeches, then you weren't among the 6 million or so people watching Sunday night's 66th Tony Awards on CBS. Royal Caribbean slipped a big fat four-minute ad into the program, switching the action from New York's Beacon Theatre to one of its musical cruises, where singer-dancers did a couple of numbers from <em>Hairspray</em>. The marketer paid for the right to shill during the content, though it won't say how much. It's a trend that's on the upswing. Brand integration, especially during events people are likely to watch live, is increasing. Better get used to it, haters, and hope for a shred of relevancy. That the cruise line has a legitimate link to Broadway may not make its product placement less jarring, but it at least makes sense. There's a worse example: Last fall, Jennifer Lopez did a bump-and-grind during the American Music Awards on ABC and inexplicably brought along a Fiat 500. The subcompact car—J. Lo is a paid endorser—got nearly as much airtime as her bum did. Compared to that display, Royal Caribbean's in-show ad was seamless. The biggest sin may have been making us look at Harvey Fierstein in pink swim trunks. Forgivable? Your call.</p> <p> </p>

<img src="http://www.adweek.com/files/imagecache/node-detail/ikea-moving-day-484.jpg" /> <p> Ikea and Leo Burnett in Toronto recently <a href="http://www.effie.org/pressroom/5_23_12" target="_blank">won a Gold Effie</a> for this campaign featuring cardboard posters that folded out into moving boxes. Decorated with slogans like "Fill 'er up!" and "Take this box and stuff it," they were placed in strategic spots around Montreal in time for that city's Moving Day last July 1. Furniture discounts and dinner offers were also part of the program. Ikea says store traffic and sales rose about 14 percent and 25 percent, respectively. That's dandy. Still, I can't help wondering how many homeless people who came across the street-corner displays were moved to think inside the box—and in this precarious economy, how many others might join them soon. More pics after the jump. Via <a href="http://www.psfk.com/2012/06/ikea-moving-box-posters.html" target="_blank">PSFK.</a></p> <!--break--> <p> <img alt="" src="http://feeds2.feedburner.com/files/adfreak/images/ikea-moving-day-2.jpg" style="width: 484px; height: 370px; padding: 20px 0pt 0pt;" /><br /> <br /> <img alt="" src="http://feeds2.feedburner.com/files/adfreak/images/ikea-moving-day-3.jpg" style="width: 484px; height: 363px;" /></p>

<p> The practice of men shaving hair off their faces became de rigueur grooming starting with Alexander the Great—or so many historians agree. Those who don’t can at least agree on this: Shaving has been a tedious ritual that men have pretty much disliked ever since. In the 20th century, numerous inventions emerged as palliatives, including the disposable razor (1904), foam shaving cream (1925) and the electric shaver (1937). By the time the Remington ad on the right appeared in 1963, electric shavers had been popular for a generation. And, as the Gillette ad opposite shows, they’re making quite the comeback.</p> <p> But this pair of ads shows far more than the resurgence of an early 20th century men’s hygiene product. It also illustrates how a brand can turn an obligatory chore into a bona fide status activity simply by adjusting the commodity that’s being sold. “The first ad is all about product reliability,” observed John Parham, president of branding agency Parham Santana. “But the second focuses on the <em>performer</em>.” Is there really much of a difference? Keep reading.</p> <p> In 1939, Remington used the New York World’s Fair to unveil its Close Shaver, a potato-sized device that used tiny electric blades to nip off whiskers—no water, no soap needed. And lo, before the bathroom mirrors of America, a revolution was born. Men called it “dry shaving.” In the coming years, Remington improved its product by adding more blades—two heads, then four. Finally, in 1960, it went cordless with a model called the Lektronic.</p> <p> But while the ad on this page shows Lektronic’s product attributes well enough, that’s <em>all</em> it shows: five break-apart schematics and 175 words devoted to mechanical components like comb rollers and rechargeable energy cells. Yawn. “That Remington shaver is about as sexy as your grandmother’s toaster,” Parham said, adding that the Mt. Rushmore-sized chin is nerdier still. “By 1962, Andy Warhol had already taught us that you don’t exist unless you’re somebody. So why do they have Mr. Chin—an <em>anonymous</em> chin—in here?” The ad, Parham said, isn’t a failure so much as unnecessary self-restriction. Remington’s sole focus on mechanical performance not only confines the consumer’s thinking to gears and sprockets, but it also suggests that facial hair is a categorically bad thing that requires complete expunging.</p> <p> In 49 more years, competitor Gillette would demonstrate how limited such thinking was. Gillette had already made its name in wet shaving, but when the brand decided to introduce an electric shaver earlier this year, its marketers made a critical decision. Instead of advertising the new shaver, they’d advertise its ability to create a new <em>you</em>. By spotlighting a celebrity who’s proud of his goatee, the “<a href="http://www.gillette.com/en/us/entertainment/masters-of-style.aspx" target="_blank">Masters of Style</a>” ad frees the electric shaver from its traditional role as a facial weed whacker and celebrates the ritual of “manscaping” instead: how sculpting your facial hair infuses you with swagger and sex appeal. As Parham puts it: “When I see this ad, I think, ‘<em>I</em> can become a master of style, too! I can <em>be</em> somebody!’”</p> <p> Now, did anyone look at Mr. Chin in 1963 and think that? Doubt it.<br /> <br /> <img alt="" src="http://feeds2.feedburner.com/files/persp-razor-01-2012.jpg" style="width: 652px; height: 537px;" /><br /> <img alt="" src="http://feeds2.feedburner.com/files/persp-razor-02-2012.jpg" /></p>

<img src="http://www.adweek.com/files/imagecache/node-detail/news_article/portrait-duncan-channan-01-2012.jpg" /> <p> <img alt="" src="http://feeds2.feedburner.com/files/uploads/SPACER-652.gif" style="width: 10px; height: 1px;" /><br /> <u><strong>Specs</strong></u><br /> <strong>Who</strong> (l. to r.) Partners Andy Berkenfield, general manager; Parker Channon, executive creative director; Robert Duncan, executive creative director<br /> <strong>What</strong> Design, digital and advertising agency<br /> <strong>Where</strong> Agency’s penthouse lounge above San Francisco offices</p> <p> Before starting his <a href="http://www.duncanchannon.com/" target="_blank">namesake agency</a> in a Northern California garage 22 years ago, Robert Duncan was a rock ‘n’ roll writer for magazines like <em>Rolling Stone</em>, <em>Life</em> and <em>Creem</em>, where he was managing editor. That journalistic approach and love of storytelling informs the work his agency does now for clients like Ancestry.com, StubHub, Ritz-Carlton and Hard Rock. The ecd still keeps his hand in the music business: D/C has a musical offshoot called Tip Records, named for the agency’s top-floor “speakeasy,” which releases work from people like experimental musician and performance artist Gary Wilson.</p>

<p> Macy’s is expected to complete the review of its U.S. media business by September, sources said. The retailer, which spent nearly $775 million on measured media in 2011 according to Nielsen, has been working with GroupM’s MEC media unit since 2007.</p> <p> Macy’s has issued a formal request-for-proposals in a review in which MEC is participating. Given the size of the account and the conflict possibilities involved, it is believed the RFPs have not been widely distributed. It could not immediately be determined which other media agencies have been invited into the review. </p> <p> <a href="http://www.adweek.com/news/advertising/macys-media-moves-mec-87660" target="_blank">MEC picked up the business</a> without a review from Publicis Groupe’s Starcom unit in January 2007.  Corporate WPP sibling JWT, which landed <a href="http://www.adweek.com/news/advertising/jwt-scores-fall-retail-push-88468" target="_blank">Macy’s creative responsibilities in 2006</a>, is not affected by the media search.</p> <p> Joanne Davis Consulting is working on the review.</p>

<img src="http://www.adweek.com/files/imagecache/node-detail/news_article/nba-social-media-hed-2012.jpg" /> <p> The Miami Heat can’t win anything. OK, the NBA Finals are far from over, with the <a href="http://scores.espn.go.com/nba/recap?gameId=320612025" target="_blank">Oklahoma City Thunder only leading the Heat one game to none</a>, but the LeBrons have already come in runner-up as the league’s second-best social media team, according to social media benchmarking company Unmetric. What team took the top spot? The Los Angeles Lakers, who scored a 70 versus the Heat’s 65 on Unmetric’s scale, which claims to weighs 24 different data points regarding a team’s Facebook and Twitter presences.</p> <p> While the Heat’s overall score is only second-best, they beat out all comers in fan engagement, which is based on the number of likes, comments, shares and projected impressions each team’s Facebook post receives. In that arena, the Heat notched a 77 versus the Lakers’ 51. When it came to the percentage of fans who like, comment or share, the Heat tied with that other L.A. team, the Clippers, at 7.7 percent; the Thunder followed at 4.0 percent, and the Lakers trailed at 2.1 percent.</p> <p> But while the Heat and Thunder are known to be among the fastest teams in the league, they’re a bit sluggish when it comes to Twitter. In fact, the Thunder averaged two hours and 39 minutes in terms of the average amount of time it takes to respond to followers on Twitter. Meanwhile the old-timey San Antonio Spurs averaged 10 minutes, and the Denver Nuggets topped all playoff teams with five-minute average response time.</p> <p> Unmetric also took a look at teams’ social content strategies. While posts about game results garnered a 74 engagement score versus the 41 awarded news about a franchise, 26 percent of a team’s posts fit in the latter category while game results only account for half that at 13 percent.</p> <p> Click <a href="http://blog.unmetric.com/2012/06/who-wins-the-nba-social-media-finals/" target="_blank">here</a> for the full report.</p>

<img src="http://www.adweek.com/files/imagecache/node-detail/blogs/deutsch-cannes.jpg" /> <p> Each year, one-third of ad-agency workers move to new jobs, according to research by Deutsch in Los Angeles. How can the industry slow this organ-grinding churn? The agency has some ideas—and will present them <a href="http://www.canneslions.com/the_festival/festival_programme/event.cfm?event_id=81" target="_blank">at a forum in Cannes next week.</a> To promote the session, Deutsch shot the amusing videos below, capturing those indelible agency moments when creatives, account people and producers—their souls crushed beyond repair by the morons in their midst—curse everyone and everything that exists. Surprisingly therapeutic if you're having an annoying day. Two more videos after the jump.</p> <p> </p> <!--break--> <p> <br /> <br /> </p>

Animation Mentor is hosting a seminar called ‘Breaking Down the Animated Shot: Live & Uncut’ on June 30th in Berkeley, California. It features animators from studios such as Pixar, DreamWorks, and Tippett, who will break down shots from their animated … <a href="http://www.blendernation.com/2012/06/14/animation-mentor-seminar-discount/">Continue reading <span class="meta-nav">→</span></a>

The popular rig from the 11 second club has been ported to Blender. thedaemon writes: Pascal, known as Kiopaa has ported the 11 second club rig to Blender. This is a amazing rig that has been mainly available to Maya … <a href="http://www.blendernation.com/2012/06/14/eleven-rig-ported-to-blender/">Continue reading <span class="meta-nav">→</span></a>

By Magnush. Magnush writes: Well… Its a ball bearing. Not much to say except that I like them (but I don’t like replacing them) and now with Cycles I thought that I try to make one as photo real I … <a href="http://www.blendernation.com/2012/06/14/ball-bearing/">Continue reading <span class="meta-nav">→</span></a>

Here’s a nice textures library, all open content. There’s a lot of game-related content there, but also some generic stuff. ctdabomb writes: OpenGameArt.org has recently added a textures section sort of like cgtextures.com, except these are freely licensed(cc, GPL, etc…) … <a href="http://www.blendernation.com/2012/06/14/huge-free-textures-library/">Continue reading <span class="meta-nav">→</span></a>

By Daniel Kreuter (Yep, it’s Daniel Kreuter Day today!) Daniel writes: Be careful! He might find you… and if he does he’ll kill you. Rendered in Cycles. To see more of my work click here. Link BlenderArtists Thread (Hi-res version … <a href="http://www.blendernation.com/2012/06/13/im-gonna-kill-you/">Continue reading <span class="meta-nav">→</span></a>

Here’s another video by Daniel Kreuter, this time explaining the basics of UV Mapping in Blender. Daniel writes: This is the 8th part of the tutorial series about important tools and features in Blender. I hope you’ll enjoy it just … <a href="http://www.blendernation.com/2012/06/13/uv-mapping-in-3-minutes/">Continue reading <span class="meta-nav">→</span></a>

A full-day workshop in Brussels, Belgium on July 9th. Stephane Huart writes: July 9th – 13th, a 30 hours Blender workshop will be housed by the Polytechnic School of Brussels, ULB. While the workshop is geared towards architects and students … <a href="http://www.blendernation.com/2012/06/13/workshop-introduction-to-cg-techniques-for-architectural-visualization-brussels-june-9/">Continue reading <span class="meta-nav">→</span></a>

By Zagupi. Zagupi writes: Here’s an image I’ve been working for a couple of days. It’s done with the internal renderer. Lots and lots of transparent weed particles..result in many hours of render time :S Fog, color stuffs etc done in … <a href="http://www.blendernation.com/2012/06/12/baltic-ocean/">Continue reading <span class="meta-nav">→</span></a>

Blender’s smoke simulator currently uses a fixed ‘domain’ - the volume in which all smoke simulation takes place. You can often spot this when smoke seems to hit an invisible boundary. Miikah is currently working on replacing the fixed volume … <a href="http://www.blendernation.com/2012/06/12/blender-smoke-adaptive-domain/">Continue reading <span class="meta-nav">→</span></a>

By Masterxeon1001. Masterxeon1001 writes: This is a file of my first attempt at building unique assets them combining them to form a scene quickly and effectively. This is also part of an upcoming video about texture painting environments. Layer 2 … <a href="http://www.blendernation.com/2012/06/12/build-your-own-sci-fi-room/">Continue reading <span class="meta-nav">→</span></a>

<h3>This post is part of our daily series of posts showing the most inspiring images selected by some of the Abduzeedo's writers and users. If you want to participate and share your graphic design inspiration, You can submit your images and inspiration to RAWZ via <a href="http://raw.abduzeedo.com/submit/">http://raw.abduzeedo.com</a> and don't forget to send your Abduzeedo username; or via Twitter sending to http://twitter.com/abduzeedo</h3> <p>Do you want to see all images from all Daily Inspirations? Check out <a href="http://daily.abduzeedo.com">http://daily.abduzeedo.com</a></p> <h3>AoiroStudio</h3> <p class="imgC"><a href="http://designyoutrust.com/2012/06/delorean-time-machine-illustration-by-jtabije/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://designyoutrust.com/wp-content/uploads/2012/06/delorean_jtabije_web.jpg" width="450" /></a></p> <h3>Coolvibe</h3> <p class="imgC"><a href="http://coolvibe.com/2012/fantasy-soar/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://coolvibe.com/wp-content/uploads/2012/06/Fantasy-Kekai-Kotaki-Soar-992x548.jpg" width="450" /></a></p> <p class="imgC"><a href="http://coolvibe.com/2012/2d-art-dark-elf-ii/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://coolvibe.com/wp-content/uploads/2012/06/2D-Art-Anastasi-Bulgakova-Dark-Elf-II-992x883.jpg" width="450" /></a></p> <h3>Fabio</h3> <p class="imgC"><a href="http://www.behance.net/gallery/-Clash-Reincarnation-2k12-Alvaro-Onieva-Signature/1480287"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://behance.vo.llnwd.net/profiles/83781/projects/1480287/2e7e4f68ed3a755c545f6578298262e9.png" width="450" /></a></p> <h3>Fabiano</h3> <p class="imgC"><a href="http://designyoutrust.com/2012/06/shrunken-superheros/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://designyoutrust.com/wp-content/uploads/2012/06/Shrunken-Superheros-Iron-Man.jpg" width="450" /></a></p> <p class="imgC"><a href="http://designyoutrust.com/2012/06/shrunken-superheros/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://designyoutrust.com/wp-content/uploads/2012/06/Shrunken-Superheros-Hulk.jpg" width="450" /></a></p> <p class="imgC"><a href="http://designyoutrust.com/2012/06/shrunken-superheros/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://designyoutrust.com/wp-content/uploads/2012/06/Shrunken-Superheros-Superman.jpg" width="450" /></a></p> <p>Send your suggestions via Twitter to <a href="http://twitter.com/abduzeedo" title="http://twitter.com/abduzeedo">http://twitter.com/abduzeedo</a> using #abdz in the end of the tweet.</p> <h3>@Daniel_Nelson</h3> <p class="imgC"><a href="http://www.fromupnorth.com/typography-inspiration-513/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5jo2wdJjC1ro1zebo1_500.png" width="450" /></a></p> <p class="imgC"><a href="http://www.fromupnorth.com/typography-inspiration-513/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m58lxjCn3J1ro1zebo1_500.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.fromupnorth.com/typography-inspiration-513/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m55cydOq3c1r5vojso2_500.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.fromupnorth.com/typography-inspiration-513/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5g81lexCV1ro1zebo1_500.jpg" width="450" /></a></p> <h3>@LetMeBeInspired</h3> <p class="imgC"><a href="http://www.letmebeinspired.com/10-amazing-bathrooms/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://www.letmebeinspired.com/wp-content/uploads/2012/06/Image0000122.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.letmebeinspired.com/10-amazing-bathrooms/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://www.letmebeinspired.com/wp-content/uploads/2012/06/Image0000322.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.letmebeinspired.com/10-amazing-bathrooms/"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://www.letmebeinspired.com/wp-content/uploads/2012/06/Image0000521.jpg" width="450" /></a></p> <h3>@UltraLinx</h3> <p class="imgC"><a href="http://theultralinx.com/2012/06/20-stunning-tilt-shift-photos.html"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://farm8.staticflickr.com/7270/7150001843_f2ca5bc3b4_c.jpg" width="450" /></a></p> <p class="imgC"><a href="http://theultralinx.com/2012/06/20-stunning-tilt-shift-photos.html"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://farm8.staticflickr.com/7167/6819171563_c6aac06c67_z.jpg" width="450" /></a></p> <p class="imgC"><a href="http://theultralinx.com/2012/06/20-stunning-tilt-shift-photos.html"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://farm8.staticflickr.com/7162/6476915539_cb720bb6da_z.jpg" width="450" /></a></p> <p class="imgC"><a href="http://theultralinx.com/2012/06/20-stunning-tilt-shift-photos.html"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://farm7.staticflickr.com/6195/6056817340_0efce22acb_z.jpg" width="450" /></a></p> <p>Send your RAWZ suggestions via <a href="http://raw.abduzeedo.com/submit"> Raw.Abduzeedo.com</a></p> <h3>Aldo Fernandes Azevedo</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25124094187/http-www-behance-net-aldoazdesign-frame-3522845"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5mhbpzWKz1r46py4o1_500.jpg" width="450" /></a></p> <h3>Bogdan Sandu</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089660437/polish-hussars"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5lqlnod9c1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089661165/the-abyss-stores-back"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5lqkmx3FI1r46py4o1_1280.jpg" width="450" /></a></p> <h3>Charles</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25124078395"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5m3hmXcof1r46py4o1_1280.jpg" width="450" /></a></p> <h3>Claude Durand</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089659632/joel-felix-business-card"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5lqmmzu891r46py4o1_500.jpg" width="450" /></a></p> <h3>dayinspiration</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25124062702"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5md3tpOMS1r46py4o1_1280.jpg" width="450" /></a></p> <h3>Ed Dye</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25124047029/abstract-anime"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5mijy9n1c1r46py4o1_1280.jpg" width="450" /></a></p> <h3>enzolore</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089624259/psycho-alfred-hitchock"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5kpu5xnjE1r46py4o1_1280.jpg" width="450" /></a></p> <h3>Glipty</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25124048246/new-work-follow-me-on"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5mi364mdp1r46py4o1_1280.jpg" width="450" /></a></p> <h3>janmic90</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089638491/bikes-poster"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5le6a1XVZ1r46py4o1_1280.png" width="450" /></a></p> <h3>lait-noir</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25124100176"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5m8saegog1r46py4o1_500.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25124101362"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5m8hwbAx11r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25124102627"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5m8cozl1a1r46py4o1_400.jpg" width="450" /></a></p> <h3>LOUKMAN ALI</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089657587/my-latest-pencil-drawing-rapper-jay-z"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5lr4aONiL1r46py4o1_1280.jpg" width="450" /></a></p> <h3>mackenziechild</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089608814"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5kui7Yu4F1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089609970"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5kuhbWWp41r46py4o1_500.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089622314"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5kug5RDeI1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089622929"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5kuftFndT1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089610505"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5kugyyJrH1r46py4o1_1280.jpg" width="450" /></a></p> <h3>maheshartist</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25124054139/beautiful-and-funny-3d-character-design"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5meteBrks1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089653553/back-to-the-future-old-and-new-photograph-by"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5kq3hCCbc1r46py4o1_1280.jpg" width="450" /></a></p> <h3>nenuno</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089627654"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5m0xm9UG51r46py4o1_1280.jpg" width="450" /></a></p> <h3>Olga Do?ková</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089571066/olga-donkova-lavie-design"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5lrk5ruDm1r46py4o1_1280.jpg" width="450" /></a></p> <h3>Petra Blahova </h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089573774/this-brief-i-had-to-design-a-new-logo-with"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5lo2bS4ay1r46py4o1_1280.jpg" width="450" /></a></p> <h3>pievonk</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089576286/author-pieter-vonk-abduzeedo-name-pieter-vonk"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5lklh1UJE1r46py4o1_1280.jpg" width="450" /></a></p> <h3>rivorareano</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089631588/the-cello"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5lvunKFpY1r46py4o1_1280.jpg" width="450" /></a></p> <h3>thaeger</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089569874/avengers-toms-shoes-by-tom-hiddlestunned"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5lrnfVPRW1r46py4o1_1280.jpg" width="450" /></a></p> <h3>Tiago Castro</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089672973/create-a-gold-and-glass-text-effect"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5kwytwA5o1r46py4o1_1280.png" width="450" /></a></p> <h3>verstandsverlust</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25124070463/see-more-little-planets-on"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5md0g3OEa1r46py4o1_1280.png" width="450" /></a></p> <h3>Vicente Valentine</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089595638/my-work"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://24.media.tumblr.com/tumblr_m5l4rlH8S21r46py4o1_1280.jpg" width="450" /></a></p> <h3>zitoslama</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25089575139/skrillex"><img alt="Digital art selected for the Daily Inspiration #1162" src="http://25.media.tumblr.com/tumblr_m5ln0dkbrW1r46py4o1_1280.jpg" width="450" /></a></p> <div class="nodeauthor-info"><h2 class="title">About the author</h2><div class="content"><div class="desc"><p>My name's François Hoang and my alias's Aoiro Studio. I am a self-taught freelance graphic designer from Montreal, Canada. I've been designing for the last 4 years and really have a huge passion for creative work that makes a difference in our world. If you wanna requests some posts; I can be found on <a href="http://twitter.com/#!/AoiroStudio">Twitter</a> or feel free to<a href="mailto:[email protected]"> contact me.</a></p> </div><div class="clear"></div></div><h4>Sponsored Links:</h4><div class="author_banner"><!-- google_ad_client = "ca-pub-7764262396280460"; /* Author 336x280 */ google_ad_slot = "0020356584"; google_ad_width = 336; google_ad_height = 280; //--> </div></div><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" /></a><br /><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=TxFIylB-5LU:6oP3BOOGoHc:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=TxFIylB-5LU:6oP3BOOGoHc:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=TxFIylB-5LU:6oP3BOOGoHc:F7zBnMyn0Lo" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=TxFIylB-5LU:6oP3BOOGoHc:-BTjWOF_DHI"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=TxFIylB-5LU:6oP3BOOGoHc:-BTjWOF_DHI" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=TxFIylB-5LU:6oP3BOOGoHc:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=TxFIylB-5LU:6oP3BOOGoHc:gIN9vFwOqvQ"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=TxFIylB-5LU:6oP3BOOGoHc:gIN9vFwOqvQ" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/abduzeedo/~4/TxFIylB-5LU" width="1" />

<h3>Giampaolo Miraglia is a designer from Rome, Italy. His work is an amazing mix of Cinema 4D, Photoshop Cs4, Poser, Illustrator Cs4, Realflow, and a lot of creativity. The result is pure awesomeness in a Retro Futuristic flavor. Enjoy!</h3> <!--break--><!--break--><p>For more from Giampaolo Miraglia visit <a href="http://www.giampaolomiraglia.com/">giampaolomiraglia.com</a></p> <h2>HYPER SPORTS</h2> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/00.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/01.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/02.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/03.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/04.jpg" /><br /> </a></p> <h2>No Man's Land</h2> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/05.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/06.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/07.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/08.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/09.jpg" /><br /> </a></p> <h2>OLYMPIC GAMES 2012</h2> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/11.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/10.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/12.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/13.jpg" /><br /> </a></p> <div class="nodeauthor-info"><h2 class="title">About the author</h2><div class="content"><div class="desc"><p>Hi there! I'm <a href="http://www.paulocanabarro.com">Paulo Canabarro</a>, 26 year old web designer - <a href="http://www.paulocanabarro.com">paulocanabarro.com</a> I'm from Brazil currently living and working out of Providence RI, USA. I'm truly passionate about design of all kinds, finding and sharing inspiration here has become part of my life. If you like to know more about me or get in touch visit my website <a href="http://www.paulocanabarro.com">paulocanabarro.com</a> Stock me at <a href="http://twitter.com/paul0v2" title="Follow me on twitter!">Twitter</a> and <a href="http://dribbble.com/paul0v2" title="Dribbble">Dribbble</a></p> </div><div class="clear"></div></div><h4>Sponsored Links:</h4><div class="author_banner"><p class="imgC"><a href="http://bit.ly/H47KWW" rel="" title="Media Militia Free Design Resources"><img alt="Advertising banner by Media Militia Free Design Resources" src="http://imgs.abduzeedo.com/files/articles/mmilitia/media-militia.jpg" /></a></p></div></div><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" /></a><br /><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=bHOGJ-4XQmM:1XMU_SdGj6E:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=bHOGJ-4XQmM:1XMU_SdGj6E:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=bHOGJ-4XQmM:1XMU_SdGj6E:F7zBnMyn0Lo" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=bHOGJ-4XQmM:1XMU_SdGj6E:-BTjWOF_DHI"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=bHOGJ-4XQmM:1XMU_SdGj6E:-BTjWOF_DHI" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=bHOGJ-4XQmM:1XMU_SdGj6E:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=bHOGJ-4XQmM:1XMU_SdGj6E:gIN9vFwOqvQ"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=bHOGJ-4XQmM:1XMU_SdGj6E:gIN9vFwOqvQ" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/abduzeedo/~4/bHOGJ-4XQmM" width="1" />

<h3>Giampaolo Miraglia is a designer from Rome, Italy. His work is an amazing mix of Cinema 4D, Photoshop Cs4, Poser, Illustrator Cs4, Realflow, and a lot of creativity. The result is pure awesomeness in a Retro Futuristic flavor. Enjoy!</h3> <!--break--><!--break--><p>For more from Giampaolo Miraglia visit <a href="http://www.giampaolomiraglia.com/">giampaolomiraglia.com</a></p> <h2>HYPER SPORTS</h2> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/00.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/01.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/02.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/03.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/04.jpg" /><br /> </a></p> <h2>No Man's Land</h2> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/05.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/06.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/07.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/08.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/09.jpg" /><br /> </a></p> <h2>OLYMPIC GAMES 2012</h2> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/11.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/10.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/12.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://www.giampaolomiraglia.com/" rel="" title="Retro Futuristic Illustrations by Giampaolo Miraglia"><br /> <img alt="Retro Futuristic Illustrations by Giampaolo Miraglia" src="http://imgs.abduzeedo.com/files/paul0v2/miraglia/13.jpg" /><br /> </a></p> <div class="nodeauthor-info"><h2 class="title">About the author</h2><div class="content"><div class="desc"><p>Hi there! I'm <a href="http://www.paulocanabarro.com">Paulo Canabarro</a>, 26 year old web designer - <a href="http://www.paulocanabarro.com">paulocanabarro.com</a> I'm from Brazil currently living and working out of Providence RI, USA. I'm truly passionate about design of all kinds, finding and sharing inspiration here has become part of my life. If you like to know more about me or get in touch visit my website <a href="http://www.paulocanabarro.com">paulocanabarro.com</a> Stock me at <a href="http://twitter.com/paul0v2" title="Follow me on twitter!">Twitter</a> and <a href="http://dribbble.com/paul0v2" title="Dribbble">Dribbble</a></p> </div><div class="clear"></div></div><h4>Sponsored Links:</h4><div class="author_banner"><p class="imgC"><a href="http://bit.ly/H47KWW" rel="" title="Media Militia Free Design Resources"><img alt="Advertising banner by Media Militia Free Design Resources" src="http://imgs.abduzeedo.com/files/articles/mmilitia/media-militia.jpg" /></a></p></div></div><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" /></a><br /><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=bHOGJ-4XQmM:1XMU_SdGj6E:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=bHOGJ-4XQmM:1XMU_SdGj6E:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=bHOGJ-4XQmM:1XMU_SdGj6E:F7zBnMyn0Lo" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=bHOGJ-4XQmM:1XMU_SdGj6E:-BTjWOF_DHI"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=bHOGJ-4XQmM:1XMU_SdGj6E:-BTjWOF_DHI" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=bHOGJ-4XQmM:1XMU_SdGj6E:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=bHOGJ-4XQmM:1XMU_SdGj6E:gIN9vFwOqvQ"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=bHOGJ-4XQmM:1XMU_SdGj6E:gIN9vFwOqvQ" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/abduzeedo/~4/bHOGJ-4XQmM" width="1" />

<h3>Whenever I think about the best comic book artists of the last decade, the name Salvador Larroca come into my mind. Larroca is not only a great master of style, but what makes me praise him the most is the fact he got a really good skill on humanizing super-heroes. Check him out!</h3> <p>For more comic art pics from Larroca, please access his <strong><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15">Comic Art Community Profile</a></strong>.</p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/1.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/2.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/3.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/4.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/5.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/6.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/7.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/8.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/9.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/10.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/11.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/12.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/13.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/14.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/15.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/16.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/17.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/18.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/19.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/20.png" /></a></p> <p></p> <div class="nodeauthor-info"><h2 class="title">About the author</h2><div class="content"><div class="desc"><p>My name is Marcos Torres, I'm Graphic Artist from Porto Alegre, Brasil. You can get to know more about me by acessing my <strong><a href="http://marcostorres.info/">Personal Website </a></strong> or by following me on Twitter: <strong><a href="http://twitter.com/marcos333">@marcos333</a></strong>. You can also see some of my last projects at my <strong><a href=" </div><div class="clear"></div></div><h4>Sponsored Links:</h4><div class="author_banner"><!-- google_ad_client = "ca-pub-7764262396280460"; /* Author 336x280 */ google_ad_slot = "0020356584"; google_ad_width = 336; google_ad_height = 280; //--> </div></div><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" /></a><br /><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=9I1tQJ4IdYY:tLUGVZT8kqI:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=9I1tQJ4IdYY:tLUGVZT8kqI:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=9I1tQJ4IdYY:tLUGVZT8kqI:F7zBnMyn0Lo" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=9I1tQJ4IdYY:tLUGVZT8kqI:-BTjWOF_DHI"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=9I1tQJ4IdYY:tLUGVZT8kqI:-BTjWOF_DHI" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=9I1tQJ4IdYY:tLUGVZT8kqI:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=9I1tQJ4IdYY:tLUGVZT8kqI:gIN9vFwOqvQ"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=9I1tQJ4IdYY:tLUGVZT8kqI:gIN9vFwOqvQ" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/abduzeedo/~4/9I1tQJ4IdYY" width="1" />

<h3>Whenever I think about the best comic book artists of the last decade, the name Salvador Larroca come into my mind. Larroca is not only a great master of style, but what makes me praise him the most is the fact he got a really good skill on humanizing super-heroes. Check him out!</h3> <p>For more comic art pics from Larroca, please access his <strong><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15">Comic Art Community Profile</a></strong>.</p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/1.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/2.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/3.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/4.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/5.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/6.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/7.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/8.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/9.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/10.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/11.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/12.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/13.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/14.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/15.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/16.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/17.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/18.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/19.png" /></a></p> <p></p> <p class="imgC"><a href="http://comicartcommunity.com/gallery/categories.php?cat_id=152&page=15"><img src="http://imgs.abduzeedo.com/files/articles/salvador_larroca/20.png" /></a></p> <p></p> <div class="nodeauthor-info"><h2 class="title">About the author</h2><div class="content"><div class="desc"><p>My name is Marcos Torres, I'm Graphic Artist from Porto Alegre, Brasil. You can get to know more about me by acessing my <strong><a href="http://marcostorres.info/">Personal Website </a></strong> or by following me on Twitter: <strong><a href="http://twitter.com/marcos333">@marcos333</a></strong>. You can also see some of my last projects at my <strong><a href=" </div><div class="clear"></div></div><h4>Sponsored Links:</h4><div class="author_banner"><!-- google_ad_client = "ca-pub-7764262396280460"; /* Author 336x280 */ google_ad_slot = "0020356584"; google_ad_width = 336; google_ad_height = 280; //--> </div></div><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" /></a><br /><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=9I1tQJ4IdYY:tLUGVZT8kqI:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=9I1tQJ4IdYY:tLUGVZT8kqI:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=9I1tQJ4IdYY:tLUGVZT8kqI:F7zBnMyn0Lo" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=9I1tQJ4IdYY:tLUGVZT8kqI:-BTjWOF_DHI"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=9I1tQJ4IdYY:tLUGVZT8kqI:-BTjWOF_DHI" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=9I1tQJ4IdYY:tLUGVZT8kqI:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=9I1tQJ4IdYY:tLUGVZT8kqI:gIN9vFwOqvQ"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=9I1tQJ4IdYY:tLUGVZT8kqI:gIN9vFwOqvQ" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/abduzeedo/~4/9I1tQJ4IdYY" width="1" />

<h3> After the very successful article <a href="http://abduzeedo.com/10-excellent-advices-designers">"10 Advices for Designers"</a>, I decided to come back with this new article who might be helpful for startup designers and experienced professionals of the industry.</h3> <blockquote><p> For many artists it's quite difficult to let people know of your work. Even if your work is outstanding, it just seems that no one really notices it except your friends around you. The difference between a designer who has a lot of exposure and a designer who doesn’t, is within the character of the designer.</p></blockquote> <p>Today's advices are from Jennifer Cirpici (Breaking Canvas), a self-taught graphic designer and illustrator based in Netherlands, Holland</p> <p class="imgC"><a href="http://www.breakingcanvas.com/"><img src="http://imgs.abduzeedo.com/files/francois/cirpici/cirpici_1.jpg" /></a><cite></cite></p> <h3>Introduction</h3> <p> Are you social? Do you like to go to design events? Are you ready to meet new designers around you? Are you open on social media sites? Designers like to gain something when they interact with you, even if it's only advice or interesting tweets about gadgets. So to gain more exposure, change your attitude. Give something back and don't think about only gaining.<br /> <h3>Social Network Sites and Blogs</h3> </p><p>Join social network sites like Behance, Twitter, Facebook and create your own blog. <a href="http://www.behance.net">Behance.net</a> is an excellent way to show your work. When you follow someone, they most likely will follow you back. Don't put uninteresting work of you out there, show the work you're the most proud of. Even If it's only 2 projects, it's fine. The more you comment on people's work and your name will pass by, the more likely they'll comment back.<br /> </p><p class="imgC"><a href="http://www.breakingcanvas.com/"><img src="http://imgs.abduzeedo.com/files/francois/cirpici/advice1.jpg" /></a><cite></cite></p> <blockquote><p>It's all a matter about what you give is what you get back.</p></blockquote> <p><a href="http://www.twitter.com">Twitter</a> is a good way to interact with people and to keep people close. It's more personal than <strong>Behance</strong>. If people tweet about their work, tweet back that you like it and etc… Don't expect that people will notice your work, if you do not notice theirs. It just doesn't work that way.<br /> </p><p class="imgC"><a href="http://www.breakingcanvas.com/"><img src="http://imgs.abduzeedo.com/files/francois/cirpici/advice2.jpg" /></a><cite></cite></p> <h3>Marketing Plan</h3> <p> Now that you are interacting with designers, you'll notice that you'll already get more exposure. The next step is to focus on a marketing plan.<br /> It seems so serious, but a marketing plan simply helps you with finding out where you are now, and what you need to improve. It helps you with your work, your work flow, getting more clients, getting more exposure and etc… <br /><br />Begin writing where you are now in your career and what you want to change. Then write on the other side, 6 months later, where you will be and what will be changed by then. Write along with it what needs to be done within that 6 months period to change. A marketing plan can be about anything, from getting more exposure to getting specific sort of clients. It helps you to put things on paper and give you a clear overview what needs to be done.<br /> <h3>Your Own Site</h3> </p><p>Very important, don't give me that reason "I am too lazy" or "I am working on it." and etc… Don't work on it too long! A portfolio site needs to be simple, minimalistic and simply just showcasing your work. The more effects, glitters, animation, colours and gradients your portfolio site has, the more attention will go to that and not your work. Honestly, if your site is all white and it simply has 6 thumbnails of your work, above there is 'About, Contact, Blog', copyright written somewhere and social media buttons. That’s enough. <br /><br />Only show the work you are the most proud of on your portfolio. You don't want to have work there from 5 years ago, keep it up to date as well.<br /> </p><p class="imgC"><a href="http://www.breakingcanvas.com/"><img src="http://imgs.abduzeedo.com/files/francois/cirpici/advice3.jpg" /></a><cite></cite></p> <h3>Personal Work</h3> <p>Remember that personal work is more attractive to clients than work you have made for other clients. So the more personal projects you have on your <strong>portfolio and Behance</strong>, the more it will attract clients. The more you can show clients that you can do different kind of works, the more work you may get (logo’s, interactive websites, illustration, animation and etc…) <br /><br />Promoting your work sometimes takes more time than to actually make the work. Put dedication in promoting just as much if not even more as in the making part.<br /> <h3>Your Own Success</h3> </p><p>Don't depend on others for your own success. You have it in your own hands how successful you are going to be. Don't let other people inspire you too much. Cause if they are gone, so will your your inspiration or motivation. Come up with your own projects; don't let others think of a theme to work on.<br /> If you are a designer/illustrator, you’ll have enough imagination to figure projects out on your own if you have to.<br /> <h3>Get out of your Comfort Zone</h3> </p><p>Never think you are there yet, don't aim for perfection either. You have a lot to learn and that's what makes everything so interesting.<br /> <blockquote><p>The more 'mistakes' you make, the more interesting it's going to be.</p></blockquote> </p><p>Don't stay in your comfort zone. You need to work bloody hard in this industry. Throw yourself in the unknown. Try working for an agency in another country, visiting a design conference, getting to meet other designers, studying a different direction, begin working with a new program and etc… Don't be afraid of the unknown, because that'll hold you back from who you might become. You are doing it because you love it. You are a designer because you're born with this creative passion, and whatever you do, you cannot stop creating. It's just as important for you as breathing.<br /> <h3>Time is Limited</h3> </p><p>"Your time is limited, so don’t waste it living someone else’s life. Don’t be trapped by dogma – which is living with the results of other people’s thinking. Don’t let the noise of other’s opinions drown out your own inner voice. And most important, have the courage to follow your heart and intuition. They somehow already know what you truly want to become. Everything else is secondary.” by Steve Jobs<br /> <h3>About the Author</h3> </p><p>To find out more about Jennifer Cirpici, you can check out her website at <a href="http://www.breakingcanvas.com/">BreakingCanvas.com</a>, her awesome blog called Other Focus at <a href="http://www.otherfocus.com/">OtherFocus.com</a> and follow her on Twitter <a href="https://twitter.com/#!/JenniferCirpici">@JenniferCirpici</a>.<br /> </p><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" /></a><br /><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=_cHg11jqYIc:X0rAjkK3NbU:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=_cHg11jqYIc:X0rAjkK3NbU:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=_cHg11jqYIc:X0rAjkK3NbU:F7zBnMyn0Lo" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=_cHg11jqYIc:X0rAjkK3NbU:-BTjWOF_DHI"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=_cHg11jqYIc:X0rAjkK3NbU:-BTjWOF_DHI" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=_cHg11jqYIc:X0rAjkK3NbU:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=_cHg11jqYIc:X0rAjkK3NbU:gIN9vFwOqvQ"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=_cHg11jqYIc:X0rAjkK3NbU:gIN9vFwOqvQ" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/abduzeedo/~4/_cHg11jqYIc" width="1" />

<h3> After the very successful article <a href="http://abduzeedo.com/10-excellent-advices-designers">"10 Advices for Designers"</a>, I decided to come back with this new article who might be helpful for startup designers and experienced professionals of the industry.</h3> <blockquote><p> For many artists it's quite difficult to let people know of your work. Even if your work is outstanding, it just seems that no one really notices it except your friends around you. The difference between a designer who has a lot of exposure and a designer who doesn’t, is within the character of the designer.</p></blockquote> <p>Today's advices are from Jennifer Cirpici (Breaking Canvas), a self-taught graphic designer and illustrator based in Netherlands, Holland</p> <p class="imgC"><a href="http://www.breakingcanvas.com/"><img src="http://imgs.abduzeedo.com/files/francois/cirpici/cirpici_1.jpg" /></a><cite></cite></p> <h3>Introduction</h3> <p> Are you social? Do you like to go to design events? Are you ready to meet new designers around you? Are you open on social media sites? Designers like to gain something when they interact with you, even if it's only advice or interesting tweets about gadgets. So to gain more exposure, change your attitude. Give something back and don't think about only gaining.<br /> <h3>Social Network Sites and Blogs</h3> </p><p>Join social network sites like Behance, Twitter, Facebook and create your own blog. <a href="http://www.behance.net">Behance.net</a> is an excellent way to show your work. When you follow someone, they most likely will follow you back. Don't put uninteresting work of you out there, show the work you're the most proud of. Even If it's only 2 projects, it's fine. The more you comment on people's work and your name will pass by, the more likely they'll comment back.<br /> </p><p class="imgC"><a href="http://www.breakingcanvas.com/"><img src="http://imgs.abduzeedo.com/files/francois/cirpici/advice1.jpg" /></a><cite></cite></p> <blockquote><p>It's all a matter about what you give is what you get back.</p></blockquote> <p><a href="http://www.twitter.com">Twitter</a> is a good way to interact with people and to keep people close. It's more personal than <strong>Behance</strong>. If people tweet about their work, tweet back that you like it and etc… Don't expect that people will notice your work, if you do not notice theirs. It just doesn't work that way.<br /> </p><p class="imgC"><a href="http://www.breakingcanvas.com/"><img src="http://imgs.abduzeedo.com/files/francois/cirpici/advice2.jpg" /></a><cite></cite></p> <h3>Marketing Plan</h3> <p> Now that you are interacting with designers, you'll notice that you'll already get more exposure. The next step is to focus on a marketing plan.<br /> It seems so serious, but a marketing plan simply helps you with finding out where you are now, and what you need to improve. It helps you with your work, your work flow, getting more clients, getting more exposure and etc… <br /><br />Begin writing where you are now in your career and what you want to change. Then write on the other side, 6 months later, where you will be and what will be changed by then. Write along with it what needs to be done within that 6 months period to change. A marketing plan can be about anything, from getting more exposure to getting specific sort of clients. It helps you to put things on paper and give you a clear overview what needs to be done.<br /> <h3>Your Own Site</h3> </p><p>Very important, don't give me that reason "I am too lazy" or "I am working on it." and etc… Don't work on it too long! A portfolio site needs to be simple, minimalistic and simply just showcasing your work. The more effects, glitters, animation, colours and gradients your portfolio site has, the more attention will go to that and not your work. Honestly, if your site is all white and it simply has 6 thumbnails of your work, above there is 'About, Contact, Blog', copyright written somewhere and social media buttons. That’s enough. <br /><br />Only show the work you are the most proud of on your portfolio. You don't want to have work there from 5 years ago, keep it up to date as well.<br /> </p><p class="imgC"><a href="http://www.breakingcanvas.com/"><img src="http://imgs.abduzeedo.com/files/francois/cirpici/advice3.jpg" /></a><cite></cite></p> <h3>Personal Work</h3> <p>Remember that personal work is more attractive to clients than work you have made for other clients. So the more personal projects you have on your <strong>portfolio and Behance</strong>, the more it will attract clients. The more you can show clients that you can do different kind of works, the more work you may get (logo’s, interactive websites, illustration, animation and etc…) <br /><br />Promoting your work sometimes takes more time than to actually make the work. Put dedication in promoting just as much if not even more as in the making part.<br /> <h3>Your Own Success</h3> </p><p>Don't depend on others for your own success. You have it in your own hands how successful you are going to be. Don't let other people inspire you too much. Cause if they are gone, so will your your inspiration or motivation. Come up with your own projects; don't let others think of a theme to work on.<br /> If you are a designer/illustrator, you’ll have enough imagination to figure projects out on your own if you have to.<br /> <h3>Get out of your Comfort Zone</h3> </p><p>Never think you are there yet, don't aim for perfection either. You have a lot to learn and that's what makes everything so interesting.<br /> <blockquote><p>The more 'mistakes' you make, the more interesting it's going to be.</p></blockquote> </p><p>Don't stay in your comfort zone. You need to work bloody hard in this industry. Throw yourself in the unknown. Try working for an agency in another country, visiting a design conference, getting to meet other designers, studying a different direction, begin working with a new program and etc… Don't be afraid of the unknown, because that'll hold you back from who you might become. You are doing it because you love it. You are a designer because you're born with this creative passion, and whatever you do, you cannot stop creating. It's just as important for you as breathing.<br /> <h3>Time is Limited</h3> </p><p>"Your time is limited, so don’t waste it living someone else’s life. Don’t be trapped by dogma – which is living with the results of other people’s thinking. Don’t let the noise of other’s opinions drown out your own inner voice. And most important, have the courage to follow your heart and intuition. They somehow already know what you truly want to become. Everything else is secondary.” by Steve Jobs<br /> <h3>About the Author</h3> </p><p>To find out more about Jennifer Cirpici, you can check out her website at <a href="http://www.breakingcanvas.com/">BreakingCanvas.com</a>, her awesome blog called Other Focus at <a href="http://www.otherfocus.com/">OtherFocus.com</a> and follow her on Twitter <a href="https://twitter.com/#!/JenniferCirpici">@JenniferCirpici</a>.<br /> </p><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" /></a><br /><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=_cHg11jqYIc:X0rAjkK3NbU:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=_cHg11jqYIc:X0rAjkK3NbU:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=_cHg11jqYIc:X0rAjkK3NbU:F7zBnMyn0Lo" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=_cHg11jqYIc:X0rAjkK3NbU:-BTjWOF_DHI"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=_cHg11jqYIc:X0rAjkK3NbU:-BTjWOF_DHI" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=_cHg11jqYIc:X0rAjkK3NbU:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=_cHg11jqYIc:X0rAjkK3NbU:gIN9vFwOqvQ"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=_cHg11jqYIc:X0rAjkK3NbU:gIN9vFwOqvQ" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/abduzeedo/~4/_cHg11jqYIc" width="1" />

<h3>I really dig fantasy illustrations... images that drive us into other worlds of magic and adventure. And terror. Well, sometimes. And Clint Cearley does just that: super awesome illustrations to your delight.</h3> <!--break--><!--break--><p>Clint is an American illustrator and you must now that these are only a handful of his pieces. For more, you should check out his <a href="http://damascus5.deviantart.com/">portfolio at DeviantART</a>. I hope you enjoy these! Cheers. ;)</p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Sever-the-Bloodline-MTG-268275628?q=gallery%3Adamascus5%2F1785393&qo=6" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/sever_the_bloodline___mtg_by_damascus5-d4fq2ss.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Zombie-Attack-MTG-277616727?q=gallery%3Adamascus5%2F1785393&qo=5" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/1.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Battleground-Geist-MTG-256772501?q=gallery%3Adamascus5%2F1785393&qo=12" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/battleground_geist___mtg_by_damascus5-d48vixh.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Demon-Cult-Priest-MTG-255365448?q=gallery%3Adamascus5%2F1785393&qo=13" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/demon_cult_priest___mtg_by_damascus5-d481d8o.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Exodus-204072975?q=gallery%3Adamascus5%2F1785393&qo=17" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/exodus_by_damascus5-d3dhzpr.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Priest-of-Urabrask-MTG-212051027?q=gallery%3Adamascus5%2F1785393&qo=16" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/priest_of_urabrask___mtg_by_damascus5-d3i8zmb.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Shared-Trauma-MTG-213566792?q=gallery%3Adamascus5%2F1785393&qo=15" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/shared_trauma___mtg_by_damascus5-d3j5h6w.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Avatar-The-Last-Airbender-169845055?q=gallery%3Adamascus5%2F1785393&qo=20" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Avatar__The_Last_Airbender_by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Ultimate-Swimming-Hole-167671987?q=gallery%3Adamascus5%2F1785393&qo=23" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Ultimate_Swimming_Hole_by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Whoa-151862691?q=gallery%3Adamascus5%2F1785393&qo=30" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Whoa__by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Aegis-142078663?q=gallery%3Adamascus5%2F1785393&qo=31" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/aegis_by_damascus5-d2cl8lj.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Portrait-concept-Speedpaint-121238529?q=gallery%3Adamascus5%2F1785393&qo=35" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Portrait_concept___Speedpaint_by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Colette-116903066?q=gallery%3Adamascus5%2F1785393&qo=39" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Colette_by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Righteous-Blow-MTG-298304258?q=gallery%3Adamascus5%2F1785393&qo=1" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/righteous_blow___mtg_by_damascus5-d4xlp1e.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Emma-Frost-295506011?q=gallery%3Adamascus5%2F1785393&qo=2" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/emma_frost_by_damascus5-d4vxpwb.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Bone-to-Ash-MTG-281165124?q=gallery%3Adamascus5%2F1785393&qo=3" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/bone_to_ash___mtg_by_damascus5-d4necec.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Druid-258851748?q=gallery%3Adamascus5%2F1785393&qo=9" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/druid_by_damascus5-d4a43ac.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Intangible-Virtue-MTG-259818258?q=gallery%3Adamascus5%2F1785393&qo=8" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/intangible_virtue___mtg_by_damascus5-d4aot1u.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/The-Naiads-113914677?q=gallery%3Adamascus5%2F1785393&qo=41" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/The_Naiads_by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Lords-of-Knowledge-65086477?q=gallery%3Adamascus5%2F1785393&qo=52" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Lords_of_Knowledge_by_Damascus5.jpg" /><br /> </a></p> <div class="nodeauthor-info"><h2 class="title">About the author</h2><div class="content"><div class="desc"><p>Hello, everyone! I'm Paulo Gabriel, designer from Porto Alegre, Brazil, born in 1984. I have worked as a webdesigner since 2006, but websites and blogs have been a hobby for me since 1999. Here in Abduzeedo, I try to bring only the hot stuff for you... and hope that all of you enjoy my posts! For more cool stuff, you may also <u>follow me</u> on <a href="http://twitter.com/paulogabriel">Twitter</a>.</p> </div><div class="clear"></div></div><h4>Sponsored Links:</h4><div class="author_banner"><!-- google_ad_client = "ca-pub-9736137790857407"; /* Abduzeedo Setembro 2011 */ google_ad_slot = "1850409564"; google_ad_width = 336; google_ad_height = 280; //--> </div></div><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" /></a><br /><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=RRVy2GEgTiI:b5Fu665qXvc:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=RRVy2GEgTiI:b5Fu665qXvc:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=RRVy2GEgTiI:b5Fu665qXvc:F7zBnMyn0Lo" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=RRVy2GEgTiI:b5Fu665qXvc:-BTjWOF_DHI"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=RRVy2GEgTiI:b5Fu665qXvc:-BTjWOF_DHI" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=RRVy2GEgTiI:b5Fu665qXvc:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=RRVy2GEgTiI:b5Fu665qXvc:gIN9vFwOqvQ"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=RRVy2GEgTiI:b5Fu665qXvc:gIN9vFwOqvQ" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/abduzeedo/~4/RRVy2GEgTiI" width="1" />

<h3>I really dig fantasy illustrations... images that drive us into other worlds of magic and adventure. And terror. Well, sometimes. And Clint Cearley does just that: super awesome illustrations to your delight.</h3> <!--break--><!--break--><p>Clint is an American illustrator and you must now that these are only a handful of his pieces. For more, you should check out his <a href="http://damascus5.deviantart.com/">portfolio at DeviantART</a>. I hope you enjoy these! Cheers. ;)</p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Sever-the-Bloodline-MTG-268275628?q=gallery%3Adamascus5%2F1785393&qo=6" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/sever_the_bloodline___mtg_by_damascus5-d4fq2ss.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Zombie-Attack-MTG-277616727?q=gallery%3Adamascus5%2F1785393&qo=5" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/1.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Battleground-Geist-MTG-256772501?q=gallery%3Adamascus5%2F1785393&qo=12" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/battleground_geist___mtg_by_damascus5-d48vixh.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Demon-Cult-Priest-MTG-255365448?q=gallery%3Adamascus5%2F1785393&qo=13" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/demon_cult_priest___mtg_by_damascus5-d481d8o.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Exodus-204072975?q=gallery%3Adamascus5%2F1785393&qo=17" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/exodus_by_damascus5-d3dhzpr.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Priest-of-Urabrask-MTG-212051027?q=gallery%3Adamascus5%2F1785393&qo=16" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/priest_of_urabrask___mtg_by_damascus5-d3i8zmb.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Shared-Trauma-MTG-213566792?q=gallery%3Adamascus5%2F1785393&qo=15" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/shared_trauma___mtg_by_damascus5-d3j5h6w.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Avatar-The-Last-Airbender-169845055?q=gallery%3Adamascus5%2F1785393&qo=20" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Avatar__The_Last_Airbender_by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Ultimate-Swimming-Hole-167671987?q=gallery%3Adamascus5%2F1785393&qo=23" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Ultimate_Swimming_Hole_by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Whoa-151862691?q=gallery%3Adamascus5%2F1785393&qo=30" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Whoa__by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Aegis-142078663?q=gallery%3Adamascus5%2F1785393&qo=31" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/aegis_by_damascus5-d2cl8lj.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Portrait-concept-Speedpaint-121238529?q=gallery%3Adamascus5%2F1785393&qo=35" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Portrait_concept___Speedpaint_by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Colette-116903066?q=gallery%3Adamascus5%2F1785393&qo=39" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Colette_by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Righteous-Blow-MTG-298304258?q=gallery%3Adamascus5%2F1785393&qo=1" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/righteous_blow___mtg_by_damascus5-d4xlp1e.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Emma-Frost-295506011?q=gallery%3Adamascus5%2F1785393&qo=2" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/emma_frost_by_damascus5-d4vxpwb.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Bone-to-Ash-MTG-281165124?q=gallery%3Adamascus5%2F1785393&qo=3" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/bone_to_ash___mtg_by_damascus5-d4necec.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Druid-258851748?q=gallery%3Adamascus5%2F1785393&qo=9" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/druid_by_damascus5-d4a43ac.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Intangible-Virtue-MTG-259818258?q=gallery%3Adamascus5%2F1785393&qo=8" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/intangible_virtue___mtg_by_damascus5-d4aot1u.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/The-Naiads-113914677?q=gallery%3Adamascus5%2F1785393&qo=41" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/The_Naiads_by_Damascus5.jpg" /><br /> </a></p> <p class="imgC"> <a href="http://damascus5.deviantart.com/art/Lords-of-Knowledge-65086477?q=gallery%3Adamascus5%2F1785393&qo=52" title="Insanely Awesome Illustrations by Clint Cearley"><br /> <img alt="Insanely Awesome Illustrations by Clint Cearley" src="http://imgs.abduzeedo.com/files/articles/insanely-awesome-illustrations-clint-cearley1/Lords_of_Knowledge_by_Damascus5.jpg" /><br /> </a></p> <div class="nodeauthor-info"><h2 class="title">About the author</h2><div class="content"><div class="desc"><p>Hello, everyone! I'm Paulo Gabriel, designer from Porto Alegre, Brazil, born in 1984. I have worked as a webdesigner since 2006, but websites and blogs have been a hobby for me since 1999. Here in Abduzeedo, I try to bring only the hot stuff for you... and hope that all of you enjoy my posts! For more cool stuff, you may also <u>follow me</u> on <a href="http://twitter.com/paulogabriel">Twitter</a>.</p> </div><div class="clear"></div></div><h4>Sponsored Links:</h4><div class="author_banner"><!-- google_ad_client = "ca-pub-9736137790857407"; /* Abduzeedo Setembro 2011 */ google_ad_slot = "1850409564"; google_ad_width = 336; google_ad_height = 280; //--> </div></div><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" /></a><br /><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=RRVy2GEgTiI:b5Fu665qXvc:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=RRVy2GEgTiI:b5Fu665qXvc:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=RRVy2GEgTiI:b5Fu665qXvc:F7zBnMyn0Lo" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=RRVy2GEgTiI:b5Fu665qXvc:-BTjWOF_DHI"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=RRVy2GEgTiI:b5Fu665qXvc:-BTjWOF_DHI" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=RRVy2GEgTiI:b5Fu665qXvc:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=RRVy2GEgTiI:b5Fu665qXvc:gIN9vFwOqvQ"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=RRVy2GEgTiI:b5Fu665qXvc:gIN9vFwOqvQ" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/abduzeedo/~4/RRVy2GEgTiI" width="1" />

<h3>This post is part of our daily series of posts showing the most inspiring images selected by some of the Abduzeedo's writers and users. If you want to participate and share your graphic design inspiration, You can submit your images and inspiration to RAWZ via <a href="http://raw.abduzeedo.com/submit/">http://raw.abduzeedo.com</a> and don't forget to send your Abduzeedo username; or via Twitter sending to http://twitter.com/abduzeedo</h3> <p>Do you want to see all images from all Daily Inspirations? Check out <a href="http://daily.abduzeedo.com">http://daily.abduzeedo.com</a></p> <h3>AoiroStudio</h3> <p class="imgC"><a href="http://www.behance.net/gallery/Nike-Graphics-2012/3232571"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://behance.vo.llnwd.net/profiles3/184557/projects/3232571/eb8f48b0f667c00437ee95cbcecacf9f.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.behance.net/gallery/Nike-Graphics-2012/3232571"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://behance.vo.llnwd.net/profiles3/184557/projects/3232571/ef4229a7b773ae22a5ab20be14e0e81c.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.behance.net/gallery/Nike-Graphics-2012/3232571"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://behance.vo.llnwd.net/profiles3/184557/projects/3232571/3a1696d1adb7aa4034207c16af6fca4e.jpg" width="450" /></a></p> <h3>Coolvibe</h3> <p class="imgC"><a href="http://coolvibe.com/2012/2d-art-civil-war/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://coolvibe.com/wp-content/uploads/2012/06/2D-Art-Yang-Fan-Civil-War.jpg" width="450" /></a></p> <p class="imgC"><a href="http://coolvibe.com/2012/portrait-sons-of-fire/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://coolvibe.com/wp-content/uploads/2012/06/Portrait-Johnson-Ting-Sons-of-Fire-992x1562.jpg" width="450" /></a></p> <h3>Fabio</h3> <p class="imgC"><a href="http://designyoutrust.com/2012/06/digital-library-by-yta/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://designyoutrust.com/wp-content/uploads/2012/06/Digital-Library-by-YTA%C2%B0-More-information-and-pictures-on-WWW.APE27.COM-01-750x500.jpg" width="450" /></a></p> <p class="imgC"><a href="http://designyoutrust.com/2012/06/digital-library-by-yta/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://designyoutrust.com/wp-content/uploads/2012/06/Digital-Library-by-YTA%C2%B0-More-information-and-pictures-on-WWW.APE27.COM-02-750x500.jpg" width="450" /></a></p> <h3>Fabiano</h3> <p class="imgC"><a href="http://designyoutrust.com/2012/06/30-modern-and-spectacular-interiors/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://designyoutrust.com/wp-content/uploads/2012/06/30-Interiors-Featuring-The-Iconic-Eames-Chair-on-Freshome-1-1.jpg" width="450" /></a></p> <h3>Kevin Brisseaux</h3> <p class="imgC"><a href="http://www.brisseaux.com/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://www.brisseaux.com/mountolympus/zeus72.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.brisseaux.com/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://www.brisseaux.com/mountolympus/hermes72.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.brisseaux.com/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://www.brisseaux.com/nike/nike6.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.brisseaux.com/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://www.brisseaux.com/nike/nike2.jpg" width="450" /></a></p> <p>Send your suggestions via Twitter to <a href="http://twitter.com/abduzeedo" title="http://twitter.com/abduzeedo">http://twitter.com/abduzeedo</a> using #abdz in the end of the tweet.</p> <h3>@Daniel_Nelson</h3> <p class="imgC"><a href="http://www.fromupnorth.com/illustration-inspiration-512/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m4q323SBGr1ro1zebo1_500.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.fromupnorth.com/illustration-inspiration-512/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://behance.vo.llnwd.net/profiles4/159413/projects/4085889/ef19e6b428668e48af61f4a029529c3d.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.fromupnorth.com/illustration-inspiration-512/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m4kiwm2ONN1ro1zebo1_500.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.fromupnorth.com/illustration-inspiration-512/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://indeedcreative.files.wordpress.com/2012/05/clinty.jpg?w=710" width="450" /></a></p> <h3>@LetMeBeInspired</h3> <p class="imgC"><a href="http://www.letmebeinspired.com/korora-house-by-daniel-marshall-architects/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://www.letmebeinspired.com/wp-content/uploads/2012/06/Image0000520.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.letmebeinspired.com/korora-house-by-daniel-marshall-architects/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://www.letmebeinspired.com/wp-content/uploads/2012/06/Image0000820.jpg" width="450" /></a></p> <p class="imgC"><a href="http://www.letmebeinspired.com/korora-house-by-daniel-marshall-architects/"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://www.letmebeinspired.com/wp-content/uploads/2012/06/Image0001020.jpg" width="450" /></a></p> <p>h3>@UltraLinx </p><p class="imgC"><a href="http://theultralinx.com/2012/06/random-inspiration-34-architecture-cars-girls-style-gear.html"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5dlrnoDqv1qkegsbo1_500.jpg" width="450" /></a></p> <p class="imgC"><a href="http://theultralinx.com/2012/06/random-inspiration-34-architecture-cars-girls-style-gear.html"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5cujqGJ5P1qkegsbo1_500.jpg" width="450" /></a></p> <p class="imgC"><a href="http://theultralinx.com/2012/06/random-inspiration-34-architecture-cars-girls-style-gear.html"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5b252RPYI1qkegsbo1_500.jpg" width="450" /></a></p> <p class="imgC"><a href="http://theultralinx.com/2012/06/random-inspiration-34-architecture-cars-girls-style-gear.html"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5b1gaHZeF1qkegsbo1_500.jpg" width="450" /></a></p> <p>Send your RAWZ suggestions via <a href="http://raw.abduzeedo.com/submit"> Raw.Abduzeedo.com</a></p> <h3>3mmi-design</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25006802687/by-pierre-alain-d"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5j56lPdVT1r46py4o1_1280.jpg" width="450" /></a></p> <h3>al b sure</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25024157124"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5k9htn1kw1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25024158646"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5k9gdL82q1r46py4o1_1280.jpg" width="450" /></a></p> <h3>Alexandre Ormond</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25024150717"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5k937r0iY1r46py4o1_1280.jpg" width="450" /></a></p> <h3>bananabun</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25024152964/imagination-is-more-important-than-knowledge"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5k9pvkp1z1r46py4o1_1280.jpg" width="450" /></a></p> <h3>billelis</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25024143839/personal-exploration-self-initiated-art-work-for"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5k9wg85TH1r46py4o1_1280.jpg" width="450" /></a></p> <h3>Brandt Farmer</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25042108785"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5kk51r5S51r46py4o1_1280.jpg" width="450" /></a></p> <h3>cuded</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25024142796"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5k9xdgk931r46py4o1_1280.jpg" width="450" /></a></p> <h3>dayinspiration</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25006821510"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5ip8yptsL1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25006822510"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5ip8bgPcb1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25042149048"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5kfiybrx91r46py4o1_1280.jpg" width="450" /></a></p> <h3>Diego Oio</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25042113018/hasselblad-501c-carl-zeiss-40mm-fuji-provia-100f"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5kjaztHro1r46py4o1_1280.jpg" width="450" /></a></p> <h3>inspirationfeed</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25042119699"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5kctb15GS1r46py4o1_1280.png" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25042120965"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5kcsfdUiA1r46py4o1_1280.png" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25042160186"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5kcuqWcm51r46py4o1_1280.jpg" width="450" /></a></p> <h3>joncleavedatamapping</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25006805352/oakley-gps-performance-eyewear-product-design"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5j0i69gBu1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25006808264/immaterials-wireless-technology"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5j0h3siOM1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25006826305/jon-cleave-self-promotional-material"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5j0b0L9EU1r46py4o1_1280.png" width="450" /></a></p> <h3>Meghan</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25006841632/cool-handmade-wooden-eyewear"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5incaJ7xV1r46py4o1_1280.jpg" width="450" /></a></p> <h3>nenuno</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25024139530"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5kagheq2t1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25024141039"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5ka3xvc2N1r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25042152877"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5kam3q1hQ1r46py4o1_1280.jpg" width="450" /></a></p> <h3>Romeu&Julieta Estúdio </h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25042151729"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5keyu9JcK1r46py4o1_1280.jpg" width="450" /></a></p> <h3>thaeger</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25024156414/freida-pinto-for-flaunt-magazine-july-2012-by-yu"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5k9hwkMu81r46py4o1_1280.jpg" width="450" /></a></p> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25024157910/paper-prada-editorial-illustrations-by-coco"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5k9guDFem1r46py4o1_1280.jpg" width="450" /></a></p> <h3>WhatAnART</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25042126874/fifty-goodies-by-robert-ball"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://24.media.tumblr.com/tumblr_m5kbakScJc1r46py4o1_1280.jpg" width="450" /></a></p> <h3>Will</h3> <p class="imgC"><a href="http://raw.abduzeedo.com/post/25006816746/a-photo-manipulation-promoting-the-city-of"><img alt="Digital art selected for the Daily Inspiration #1161" src="http://25.media.tumblr.com/tumblr_m5it8cphGr1r46py4o1_1280.jpg" width="450" /></a></p> <div class="nodeauthor-info"><h2 class="title">About the author</h2><div class="content"><div class="desc"><p>My name's François Hoang and my alias's Aoiro Studio. I am a self-taught freelance graphic designer from Montreal, Canada. I've been designing for the last 4 years and really have a huge passion for creative work that makes a difference in our world. If you wanna requests some posts; I can be found on <a href="http://twitter.com/#!/AoiroStudio">Twitter</a> or feel free to<a href="mailto:[email protected]"> contact me.</a></p> </div><div class="clear"></div></div><h4>Sponsored Links:</h4><div class="author_banner"><!-- google_ad_client = "ca-pub-7764262396280460"; /* Author 336x280 */ google_ad_slot = "0020356584"; google_ad_width = 336; google_ad_height = 280; //--> </div></div><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" /></a><br /><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=ovRvM8lDpMU:bvZoJLYq4MQ:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=ovRvM8lDpMU:bvZoJLYq4MQ:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=ovRvM8lDpMU:bvZoJLYq4MQ:F7zBnMyn0Lo" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=ovRvM8lDpMU:bvZoJLYq4MQ:-BTjWOF_DHI"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=ovRvM8lDpMU:bvZoJLYq4MQ:-BTjWOF_DHI" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=ovRvM8lDpMU:bvZoJLYq4MQ:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/abduzeedo?a=ovRvM8lDpMU:bvZoJLYq4MQ:gIN9vFwOqvQ"><img border="0" src="http://feeds.feedburner.com/~ff/abduzeedo?i=ovRvM8lDpMU:bvZoJLYq4MQ:gIN9vFwOqvQ" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/abduzeedo/~4/ovRvM8lDpMU" width="1" />