<?xml version="1.0" encoding="UTF-8"?>
<!--Generated by Squarespace Site Server v5.0.0 (http://www.squarespace.com/) on Thu, 08 Jan 2009 11:53:22 GMT--><feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/"><title>Photoshop</title><subtitle>Photoshop</subtitle><id>http://blog.alyssadavis.com/photoshop/</id><link rel="alternate" type="application/xhtml+xml" href="http://blog.alyssadavis.com/photoshop/"/><link rel="self" type="application/atom+xml" href="http://blog.alyssadavis.com/photoshop/atom.xml"/><updated>2008-05-01T15:17:37Z</updated><generator uri="http://www.squarespace.com/" version="Squarespace Site Server v5.0.0 (http://www.squarespace.com/)">Squarespace</generator><entry><title>Cross-Processing</title><id>http://blog.alyssadavis.com/photoshop/2008/5/1/cross-processing.html</id><link rel="alternate" type="text/html" href="http://blog.alyssadavis.com/photoshop/2008/5/1/cross-processing.html"/><author><name>Alyssa Davis</name></author><published>2008-05-01T14:56:09Z</published><updated>2008-05-01T14:56:09Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p><a class="offsite-link-inline" target="_blank" href="http://www.flickr.com/groups/digixpro/discuss/118677/">http://www.flickr.com/groups/digixpro/discuss/118677/</a>.</p><p><a class="offsite-link-inline" target="_blank" href="http://www.flickr.com/groups/technique/discuss/34404/">http://www.flickr.com/groups/technique/discuss/34404/</a>.&nbsp;</p><p><a href="http://www.photoshopsupport.com/tutorials/or/cross-processing.html" target="_blank" class="offsite-link-inline">Cross Processing in photoshop</a>.&nbsp;</p>
]]></content></entry><entry><title>3D in photoshop</title><id>http://blog.alyssadavis.com/photoshop/2008/4/30/3d-in-photoshop.html</id><link rel="alternate" type="text/html" href="http://blog.alyssadavis.com/photoshop/2008/4/30/3d-in-photoshop.html"/><author><name>Alyssa Davis</name></author><published>2008-04-30T19:24:58Z</published><updated>2008-04-30T19:24:58Z</updated><content type="html" xml:lang="en-US"><![CDATA[<a href="http://allthingsadobe.libsyn.com/index.php?post_id=230501" target="_blank" class="offsite-link-inline">3D in photoshop Extended</a>.<br />
]]></content></entry><entry><title>Vanishing Point</title><category>vanishing point</category><id>http://blog.alyssadavis.com/photoshop/2008/4/28/vanishing-point.html</id><link rel="alternate" type="text/html" href="http://blog.alyssadavis.com/photoshop/2008/4/28/vanishing-point.html"/><author><name>Alyssa Davis</name></author><published>2008-04-28T14:25:45Z</published><updated>2008-04-28T14:25:45Z</updated><content type="html" xml:lang="en-US"><![CDATA[<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/wH6-twlgJhU"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/wH6-twlgJhU" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
<p><a href="http://www.thepixlpusher.com/" target="_blank">The Pixl Pusher</a>.</p>
]]></content></entry><entry><title>Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects</title><id>http://blog.alyssadavis.com/photoshop/2008/4/9/adobe-photoshop-tutorials-rainbows-glows-and-light-effects.html</id><link rel="alternate" type="text/html" href="http://blog.alyssadavis.com/photoshop/2008/4/9/adobe-photoshop-tutorials-rainbows-glows-and-light-effects.html"/><author><name>Alyssa Davis</name></author><published>2008-04-09T22:54:25Z</published><updated>2008-04-09T22:54:25Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>Lighting effects in <strong>Adobe Photoshop</strong> are used to <strong>add flare and polish</strong> to images. They communicate feelings of creativity, technology, magic, and fantasy. Creating beams, glows, motion trails, rainbows, or an assortment of other lighting effects, give your images ambiance and depth.</p> <p>Now it&rsquo;s time for a sparkling dose of related Photoshop learning material. This article provides a resource of <strong>Adobe Photoshop Light Effects tutorials</strong>. These tutorials offer an assortment of techniques for making your work creatively glow.</p> <p>Please consider them as an extension of our ultimate Adobe Photoshop series:</p> <ul><li><a href="http://www.smashingmagazine.com/2008/01/10/adobe-photoshop-tutorials-best-of/">Adobe Photoshop Tutorials - Best Of</a> features some of the best Adobe Photoshop tutorials out there,</li><li><a href="http://www.smashingmagazine.com/2008/03/28/adobe-photoshop-video-tutorials-best-of/">Adobe Photoshop Video Tutorials - Best Of</a> showcases 80 excellent Adobe Photoshop video tutorials which you can use as a starting point to improve your skills or observe how professionals do their job.</li></ul> <h3>Photoshop Light Effects Tutorials</h3> <ul><li> <p><a href="http://www.giackop.com/?p=70">Lines Tutorial</a><br />A super simple tutorial that makes rainbow colored lines. It shows you how to give them an appearance of brightness and depth.</p> <p><a href="http://www.giackop.com/?p=70"><img alt="Lines Tutorial" src="http://88.198.60.17/images/photoshop-rainbows/lines_tutorial.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/expressive_lighting_effects">Expressive lighting effects</a><br />This tutorial combines both vector and raster based techniques to achieve a glowing floral design. The glows are applied in Photoshop.</p> <p><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/expressive_lighting_effects"><img alt="Expressive lighting effects" src="http://88.198.60.17/images/photoshop-rainbows/expressive_lighting_effects.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.webdesignerwall.com/tutorials/vector-polishing-techniques/">Vector Polishing Techniques</a><br />This tutorial covers numerous ways to transform your vector illustrations into masterpieces by using Photoshop lighting techniques, glows, and filters.</p> <p><a href="http://www.webdesignerwall.com/tutorials/vector-polishing-techniques/"><img alt="Vector Polishing Techniques" src="http://88.198.60.17/images/photoshop-rainbows/vector_polishing_techniques.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://danphilibin.com/2007/10/11/how-to-replicate-the-flare-effect-on-wpcustomizationcom/">How to Make the &ldquo;Flare&rdquo; Effect As Seen On WPCustomization.com</a><br />In this tutorial, the Lens Flare filter is used on the background. Then the lighting is created with brushes and different blending modes.</p> <p><a href="http://danphilibin.com/2007/10/11/how-to-replicate-the-flare-effect-on-wpcustomizationcom/"><img alt="How to Make the Flare Effect As Seen On WPCustomization.com" src="http://88.198.60.17/images/photoshop-rainbows/flare_effect_wordpress.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://abduzeedo.com/sparkling-hot-girl-photoshop">Sparkling Hot Girl in Photoshop</a><br />Utilize an assortment of techniques to achieve a sparkling design. Masks, blurs, brushes, layers styles and other effects are used in this tutorial.</p> <p><a href="http://abduzeedo.com/sparkling-hot-girl-photoshop"><img alt="Sparkling Hot Girl in Photoshop" src="http://88.198.60.17/images/photoshop-rainbows/sparklin_hot_girl.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://abduzeedo.com/amazing-photoshop-light-effect-10-steps">Amazing Photoshop light effect in 10 Steps</a><br />&ldquo;If you know a bit of Layer Styles and the Brush engine in Photoshop you will be able to create amazing effects. It will depend exclusively on your imagination and playing with the tool. Sometimes just changing some settings and you get a totally different effect.&rdquo; This tutorial applies lighting effects to a coffee cup icon.</p> <p><a href="http://abduzeedo.com/amazing-photoshop-light-effect-10-steps"><img alt="Amazing Photoshop light effect" src="http://88.198.60.17/images/photoshop-rainbows/buy_me_a_coffee.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://psdtuts.com/designing-tutorials/creating-a-fantastic-fantasy-night-sky-in-photoshop/">Creating A Fantastic Fantasy Night Sky In Photoshop</a><br />Create cartoon style clouds with rainbows, stars, and glowing effects. Based on a <a href="http://www.shinybinary.com/">Nik Ainley</a> design.</p> <p><a href="http://psdtuts.com/designing-tutorials/creating-a-fantastic-fantasy-night-sky-in-photoshop/"><img alt="Creating A Fantastic Fantasy Night Sky In Photoshop" src="http://88.198.60.17/images/photoshop-rainbows/creating_fantastic_fantasy.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.darjanpanic.com/tutorials/neon-lights-with-photoshop/">Neon lights with Photoshop</a><br />Tutorial on how to make glowing lights effects out of vector shapes and brushes. </p> <p><a href="http://www.darjanpanic.com/tutorials/neon-lights-with-photoshop/"><img alt="Neon lights with Photoshop" src="http://88.198.60.17/images/photoshop-rainbows/neon_lights_photoshop.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://luxa.org/tutorial_electrifying_energy_beams.php">Electrifying Energy Beams</a><br />In this tutorial you start with the pen tool by drawing a line. Then you transform that line into an energy beam with layer effects. This makes it glow white and purple around a microphone.</p> <p><a href="http://luxa.org/tutorial_electrifying_energy_beams.php"><img alt="Electrifying Energy Beams" src="http://88.198.60.17/images/photoshop-rainbows/electrifying_energy_beams.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.computerarts.co.uk/tutorials/premium_content/2d__and__photoshop/add_another_dimension">Add Another Dimension</a><br />Use glows and blending modes to &ldquo;add another dimension&rdquo; to your Photoshop artwork</p> <p><a href="http://www.computerarts.co.uk/tutorials/premium_content/2d__and__photoshop/add_another_dimension"><img alt="Add Another Dimension" src="http://88.198.60.17/images/photoshop-rainbows/add_another_dimension.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://abduzeedo.com/magic-lighting-effect-photoshop">Magic lighting effect in Photoshop</a><br />Learn to magically make text wave and glow out of a magician&rsquo;s hat.</p> <p><a href="http://abduzeedo.com/magic-lighting-effect-photoshop"><img alt="Magic lighting effect" src="http://88.198.60.17/images/photoshop-rainbows/lighting_effect_zee.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/extreme_sports_branding,_part_one">Extreme sports branding</a><br />This tutorial first covers creating a logo then it gets into the main snowboard illustration. Vector shapes are applied with layer effects and brushes to make the illustration stand out. This is part one in a series.</p> <p><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/extreme_sports_branding,_part_one"><img alt="Extreme sports branding" src="http://88.198.60.17/images/photoshop-rainbows/extreme_sports_branding.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-intense-light-streaks-in-photoshop">How to Create Intense Light Streaks in Photoshop</a><br />This tutorial shows you how to create light streaks that appear to flow around an object.</p> <p><a href="http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-intense-light-streaks-in-photoshop"><img alt="How to Create Intense Light Streaks in Photoshop" src="http://88.198.60.17/images/photoshop-rainbows/intense_light_streaks.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.webdesignerwall.com/tutorials/chroma-wallpapers/">Chroma Wallpapers</a><br />This tutorial explains how to create an energetic design with lines. Utilize blurs, warps, and other effects. Add glowing and vibrating colors to give this image a dynamic feeling.</p> <p><a href="http://www.webdesignerwall.com/tutorials/chroma-wallpapers/"><img alt="Chroma Wallpapers" src="http://88.198.60.17/images/photoshop-rainbows/chroma_wallpapers.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://psdtuts.com/tutorials-effects/advanced-glow-effects/">Advanced Glow Effects</a><br />This tutorial teaches how to create glow effects using layer styles, the pen tool, and some color blending effects.</p> <p><a href="http://psdtuts.com/tutorials-effects/advanced-glow-effects/"><img alt="Advanced Glow Effects" src="http://88.198.60.17/images/photoshop-rainbows/advanced_glow_effects.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.bluesfear.com/submittuts/ps/6/index.php">Lighting Effects - Beam Wave</a><br />Learn to transform a one pixel lines into a glowing beam. Then add radial balls of light to emulate a pulse explosion.</p> <p><a href="http://www.bluesfear.com/submittuts/ps/6/index.php"><img alt="Lighting Effects - Beam Wave" src="http://88.198.60.17/images/photoshop-rainbows/photoshop_lighting_effects.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.photoshopessentials.com/photo-effects/sparkle/">Add A Sparkle Trail To A Photo</a><br />Learn how to add a sparkling trail of stars to your photos using brushes, layer styles, and effects.</p> <p><a href="http://www.photoshopessentials.com/photo-effects/sparkle/"><img alt="Add A Sparkle Trail To A Photo" src="http://88.198.60.17/images/photoshop-rainbows/add_a_sparkle_trail.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://veerle.duoh.com/blog/comments/creating_light_motion_trails_glowing_spark/">Creating light motion trails &amp; glowing sparks</a><br />This tutorial covers creating light motion trails by using the pen tool with layer styles. It also covers creating sparkling stars in Illustrator and then importing them into the Photoshop design.</p> <p><a href="http://veerle.duoh.com/blog/comments/creating_light_motion_trails_glowing_spark/"><img alt="Creating light motion trails & glowing sparks" src="http://88.198.60.17/images/photoshop-rainbows/creating_motion_trails.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.flash-game-design.com/tutorials/blueGlow-photoshop-tutorial.html">Blue Glow Layout</a><br />This tutorial reviews the process for creating a simple layout in Photoshop, while revealing techniques for creating an abstract glowing centerpiece design.</p> <p><a href="http://www.flash-game-design.com/tutorials/blueGlow-photoshop-tutorial.html"><img alt="Blue Glow Layout" src="http://88.198.60.17/images/photoshop-rainbows/blue_glow_layout.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.loreleiweb.com/forum/showthread.php?t=9518">Fantasy Art Photoshop tutorial</a><br />Learn to create a fantasy image with glowing halos of lights and stars. Notice how you can apply glow directly to a cropped image. The tutorial creates the halos with the Elliptical Marquee tool. It applies a stroke and then a glow to the selection, on its own layer.</p> <p><a href="http://www.loreleiweb.com/forum/showthread.php?t=9518"><img alt="Fantasy Art Photoshop tutorial" src="http://88.198.60.17/images/photoshop-rainbows/fantasy_art_photoshop.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://photoncubetutorials.blogspot.com/2006/04/photoshop-light-beam.html">Photoshop: Light Beam</a><br />This tutorial reviews the basic process of creating a light beam in Photoshop; however, it does refer to other tutorials for some effects. The techniques in this tutorial involve using different brushes to paint the light, and then they are smeared with the Smudge Tool. There are a few filters used as well.</p> <p><a href="http://photoncubetutorials.blogspot.com/2006/04/photoshop-light-beam.html"><img alt="Photoshop: Light Beam" src="http://88.198.60.17/images/photoshop-rainbows/photoshop_light_beam.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://bwebi.com/fairy-glow-lightning.html">Even fairies have to rest - glow and lightning tutorial</a><br />First, the photograph is treated to make it a little darker so that the points of light in the design will stand out. Both a linear wrapping beam and points of radiating light are covered in this tutorial.</p> <p><a href="http://bwebi.com/fairy-glow-lightning.html"><img alt="Even fairies have to rest - glow and lightning tutorial" src="http://88.198.60.17/images/photoshop-rainbows/fairies_glow_lighting.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://pixelmana.com/?p=26">Beautiful lighting FX effect in Photoshop</a><br />This tutorial will show you how to make a beautiful lighting effect with the scatter brush. This tutorial covers the basics.</p> <p><a href="http://pixelmana.com/?p=26"><img alt="Beautiful lighting FX effect in Photoshop" src="http://88.198.60.17/images/photoshop-rainbows/beautiful_light_fx.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://freeonlineclasses.net/index.php/Photoshop-Classes/Photoshop-CS3-Photo-Effects-for-Photographers/High-Tech-Swirling-Aurora.html">High-Tech Swirling Aurora</a><br />This tutorial covers how to apply the Wind Filter to a waving light beam to create an aurora effect.</p> <p><a href="http://freeonlineclasses.net/index.php/Photoshop-Classes/Photoshop-CS3-Photo-Effects-for-Photographers/High-Tech-Swirling-Aurora.html"><img alt="High-Tech Swirling Aurora" src="http://88.198.60.17/images/photoshop-rainbows/swirling_aurora.jpg" style="width: 330px; height: 200px;" /></a></p> </li><li> <p><a href="http://www.shotgunmag.co.uk/?p=33">Slow shutter text effect - Photoshop</a><br />Layers of blurred elements are used in this tutorial. This blurring technique is worked into glowing linear text and circle shapes.</p> <p><a href="http://www.shotgunmag.co.uk/?p=33"><img alt="Slow shutter text effect - Photoshop" src="http://88.198.60.17/images/photoshop-rainbows/hello.jpg" style="width: 330px; height: 183px;" /></a></p> </li><li> <p><a href="http://psdtuts.com/tutorials-effects/seriously-cool-photoshop-explosion-effect/">Seriously Cool Photoshop Explosion Effect</a><br />Use layer masks and light effects to creatively break apart an image. Points of bright lights, swirly brushes, and warped lines help bring this design together.</p> <p><a href="http://psdtuts.com/tutorials-effects/seriously-cool-photoshop-explosion-effect/"><img alt="Seriously Cool Photoshop Explosion Effect" src="http://88.198.60.17/images/photoshop-rainbows/explosion_light_effect.jpg" style="width: 330px; height: 200px;" /></a></p> </li></ul> <h3>Which techniques can be applied?</h3> <p>At the compositional level, these effects are often <strong>applied through shapes</strong>. So, you might start with the pen tool by drawing a curvy line. Or, grab a brush and draw some scattered stars. Or, open up Illustrator first to compose design elements that you then pull back into Photoshop. The tutorial <a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/expressive_lighting_effects">Expressive lighting effects</a> demonstrates how to use interesting design shapes first and then apply glowing effects to them.</p> <p>Once you know how you&rsquo;d like to use shapes, you can apply effects to them. <strong>Layer styles and Blending Modes</strong> are common effects used to create this look. With Layer Styles, you might apply Glow. Or, with Blending Modes, you might set the layer to Lighten, Overlay, or Color Dodge &ndash; get the element you&rsquo;re working with to sparkle and shine.</p> <p><a href="http://www.webdesignerwall.com/tutorials/chroma-wallpapers/"><img alt="Chroma Wallpapers" src="http://88.198.60.17/images/photoshop-rainbows/chroma9.jpg" style="width: 401px; height: 232px;" /></a><br /><em>In the tutorial <a href="http://www.webdesignerwall.com/tutorials/chroma-wallpapers/">Chroma Wallpapers</a>, lines are bent with the Warp Transform tool before being given a glow treatment.</em></p> <p>There are more techniques often used; such as different types of blurs and gradients. You could play with Photoshop&rsquo;s built in lighting effects, like Lens Flare, as well. Or <strong>get creative</strong>. Mix in rainbows. Paint glowing bursts of light. Manipulate the lines and shapes your working with.</p> <p>In the tutorial <a href="http://www.webdesignerwall.com/tutorials/chroma-wallpapers/">Chroma Wallpapers</a> lines are bent with the Warp Transform tool before being given a glow treatment. This puts a new spin on the use of glowing light techniques.</p> <h3>Where can I get some inspiration?</h3> <p>Consider raising it to the next level, after you&rsquo;ve mastered the basics of lighting and glow techniques. To raise the quality of your glowing work you&rsquo;ll need <strong>inspiration and imagination</strong>.</p> <p>Look at artists, such as <a href="http://www.nopattern.com/nopattern/">Chuck Anderson</a>, that have mastered these techniques. Try to figure out what they have done &ndash; beyond the basics.</p> <p><a href="http://www.nopattern.com/nopattern/"><img alt="Chuck Anderson" src="http://88.198.60.17/images/photoshop-rainbows/lights.jpg" style="width: 500px; height: 359px;" /></a><br /><em><a href="http://www.nopattern.com/nopattern/">Chuck Anderson</a>&rsquo;s work impresses with the beauty of its lightning effects.</em></p> <p>Also, look at photographic effects; for example, look at how light appears to blur and travel in long exposure photography. See the Flickr Group <a href="http://www.flickr.com/groups/lightstream____/pool/">Light Stream</a> for samples of this kind of photography.</p> <p><strong>Keep your eyes and mind open</strong>. You&rsquo;ll start to see these effects in the real world. Or look to fantasy art; the sparkling feel of these effects can be used to supersede reality, magically transforming your designs.</p> <p><em>Sean Hodge is the creative mind behind <a href="http://www.aiburn.com/">AiBURN.com</a>, a Weblog about design, creativity, inspiration and graphics.</em></p> <div style="border-style: solid; border-color: rgb(255, 209, 41); border-width: 1px 1px 3px; padding: 10px 15px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; background-color: rgb(255, 244, 166); margin-top: 15px;">Making the Web prettier &mdash; with one article at a time. Spread the word via <strong>Stumbleupon</strong>, please. Thank you.</div>]]></content></entry><entry><title>The Neverending (Background Image) Story</title><category>background</category><category>image</category><category>repeating</category><category>how-to</category><id>http://blog.alyssadavis.com/photoshop/2008/4/4/the-neverending-background-image-story.html</id><link rel="alternate" type="text/html" href="http://blog.alyssadavis.com/photoshop/2008/4/4/the-neverending-background-image-story.html"/><author><name>Alyssa Davis</name></author><published>2008-04-04T21:54:55Z</published><updated>2008-04-04T21:54:55Z</updated><content type="html" xml:lang="en-US"><![CDATA[<div class="wrapper"><p>Everyone likes candy for Christmas, and there&rsquo;s none better than eye candy. Well, that, and just more of the stuff. Today we&rsquo;re going to combine both of those good points and look at how to create a beautiful background image that goes on and on&hellip; forever!</p>  	<p>Of course, each background image is different, so instead of agonising over each and every pixel, I&rsquo;m going to concentrate on five key steps that you can apply to <em>any</em> of your own repeating background images. In this example, we&rsquo;ll look at the Miami Beach background image used on the new <a href="http://futureofwebapps.com/"><span class="caps">FOWA</span> site</a>, which I&rsquo;m afraid is about as un-festive as you can get.</p>  	<h3>1. Choose your image wisely</h3>  	<p>I find there are three main criteria when judging photos you&rsquo;re considering for repetition manipulation (or &lsquo;repetulation&rsquo;, as I like to say)&hellip;</p>  	<ul><li>simplicity (beware of complex patterns)</li><li>angle and perspective (watch out for shadows and obvious vanishing points)</li><li>consistent elements (for easy cloning)</li></ul>  	<p>You might want to check out this <a href="http://media.24ways.org/2007/03/step01-diagram.jpg">annotated version of the image</a>, where I&rsquo;ve highlighted elements of the photo that led me to choose it as the right one.</p>  	<p><img alt="The original image purchased from iStockPhoto" src="http://media.24ways.org/2007/03/step01-01.jpg" style="width: 400px; height: 200px;" /><span class="caption">The original image purchased from iStockPhoto.</span></p>  	<p><img alt="The Photoshopped version used on the FOWA site." src="http://media.24ways.org/2007/03/step01-02.jpg" style="width: 400px; height: 200px;" /><span class="caption">The Photoshopped version used on the <span class="caps">FOWA</span> site.</span></p>  	<h3>2. The power of horizontal lines</h3>  	<p>With the image chosen and your cursor poised for some Photoshop magic, the most useful thing you can do is drag out the edge pixels from one side of the image to create a kind of rough colour &lsquo;template&rsquo; on which to work over. It doesn&rsquo;t matter which side you choose, although you might find it beneficial to use the one with the simplest spread of colour and complex elements.</p>  	<p>Click and hold on the marquee tool in the toolbar and select the &lsquo;single column marquee tool&rsquo;, which will span the full height of your document but will only be one pixel wide. Make the selection right at the edge of your document, press ctrl-c / cmd-c to copy the selection you made, create a new layer, and hit ctrl-v / cmd-v to paste the selection onto your new layer. using free transform (ctrl-t / cmd-t), drag out your selection so that it becomes as wide as your entire canvas. </p>  	<p><img alt="A one-pixel-wide selection stretched out to the entire width of the canvas." src="http://media.24ways.org/2007/03/step02-01.jpg" style="width: 400px; height: 186px;" /><span class="caption">A one-pixel-wide selection stretched out to the entire width of the canvas.</span></p>  	<h3>3. Cloning</h3>  	<p>It goes without saying that the trusty clone tool is one of the most important in the process of creating a seamlessly repeating background image, but I think it&rsquo;s important to be fairly loose with it. Always clone on to a new layer so that you&rsquo;ve got the freedom to move it around, but above all else, use the eraser tool to tweak your cloned areas: let that handle the precision stuff and you won&rsquo;t have to worry about getting your clones right first time.</p>  	<p>In the example below, you can see how I overcame the problem of the far-left tree shadow being chopped off by cloning the shadow from the tree on its right. </p>  	<p><img alt="The edge of the shadow is cut off and needs to be 'made' from a pre-existing element." src="http://media.24ways.org/2007/03/step03-01.jpg" style="width: 400px; height: 274px;" /><span class="caption">The edge of the shadow is cut off and needs to be &lsquo;made&rsquo; from a pre-existing element.</span></p>  	<p><img alt="The successful clone completes the missing shadow." src="http://media.24ways.org/2007/03/step03-02.jpg" style="width: 400px; height: 274px;" /><span class="caption">The successful clone completes the missing shadow.</span></p>  	<p>The two elements are obviously very similar but it doesn&rsquo;t look like a clone because the majority of the shape is &lsquo;genuine&rsquo; and only a small part is a duplicate. Also, after cloning I transformed the duplicate, erased parts of it, used gradients, and &mdash; ooh, did someone mention gradients?</p>  	<h3>4. Never underestimate a gradient</h3>  	<p>For this image, I used gradients in a similar way to a brush: covering large parts of the canvas with a colour that faded out to a desired point, before erasing certain parts for accuracy.</p>  	<p><img alt="Several of the gradients and brushes that make up the 'customised' part of the image, visible when the main photograph layer is hidden." src="http://media.24ways.org/2007/03/step04-01.jpg" style="width: 400px; height: 379px;" /><span class="caption">Several of the gradients and brushes that make up the &lsquo;customised&rsquo; part of the image, visible when the main photograph layer is hidden.</span></p>  	<p><img alt="The full composite." src="http://media.24ways.org/2007/03/step04-02.jpg" style="width: 400px; height: 379px;" /><span class="caption">The full composite.</span></p>  	<p>Gradients are also a bit of an easy fix: you can use a gradient on one side of the image, flip it horizontally, and then use it again on the opposite side to make a more seamless join.</p>  	<p>Speaking of which&hellip;</p>  	<h3>5. Sewing the seams</h3>  	<p>No matter what kind of magic Photoshop dust you sprinkle over your image, there will still always be the area where the two edges meet: that scary &lsquo;loop&rsquo; point. Fret ye not, however, for there&rsquo;s help at hand in the form of a nice little cheat. Even though the loop point might still be apparent, we can help hide it by doing something to throw viewers off the scent.</p>  	<p>The seam is usually easy to spot because it&rsquo;s a blank area with not much detail or colour variation, so in order to disguise it, go against the rule: put something across it!</p>  	<p>This isn&rsquo;t quite as challenging as it may sound, because if we intentionally make our own &lsquo;object&rsquo; to span the join, we can accurately measure the exact halfway point where we need to split it across the two sides of the image. This is exactly what I did with the <span class="caps">FOWA</span> background image: I made some clouds!</p>  	<p><img alt="A sky with no clouds in an unhappy one." src="http://media.24ways.org/2007/03/step05-01.jpg" style="width: 400px; height: 186px;" /><span class="caption">A sky with no clouds in an unhappy one.</span></p>  	<p><img alt="A simple soft white brush creates a cloud-like formation in the sky." src="http://media.24ways.org/2007/03/step05-02.jpg" style="width: 400px; height: 186px;" /><span class="caption">A simple soft white brush creates a cloud-like formation in the sky.</span></p>  	<p><img alt="" src="http://media.24ways.org/2007/03/step05-03.jpg" style="width: 400px; height: 186px;" /><span class="caption">After taking the cloud&rsquo;s opacity down to 20%, I used free transform to highlight the boundaries of the layer. I then moved it over to the right, so that the middle of the layer perfectly aligned with the right side of the canvas.</span></p>  	<p><img alt="" src="http://media.24ways.org/2007/03/step05-04.jpg" style="width: 400px; height: 186px;" /><span class="caption">Finally, I duplicated the layer and did the same in reverse: dragging the layer over to the left and making sure that the middle of the duplicate layer perfectly aligned with the <em>left</em> side of the canvas.</span></p>  	<p>And there you have it! Boom! Ta-da! Et Voila! To see the repeating background image in action, visit <a href="http://futureofwebapps.com/">futureofwebapps.com</a> on a large widescreen monitor or <a href="http://media.24ways.org/2007/03/step05-external.jpg">see a simulation</a> of the effect.</p>  	<p>Thanks for reading, folks. Have a great Christmas!</p>   	</div>]]></content></entry><entry><title>Hot Chick on A Muscle Car</title><id>http://blog.alyssadavis.com/photoshop/2008/3/4/hot-chick-on-a-muscle-car.html</id><link rel="alternate" type="text/html" href="http://blog.alyssadavis.com/photoshop/2008/3/4/hot-chick-on-a-muscle-car.html"/><author><name>Alyssa Davis</name></author><published>2008-03-04T23:53:56Z</published><updated>2008-03-04T23:53:56Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p><span class="full-image-float-none"><a href="http://abduzeedo.com/hot-chick-muscle-car" target="_blank" class="offsite-link-inline"><img src="http://blog.alyssadavis.com/storage/tutorials/photoshop/hotChick.jpg?__SQUARESPACE_CACHEVERSION=1204675073538" alt="hotChick.jpg" /></a></span></p>]]></content></entry></feed>