Tumblr (3.0; @marshallbock)http://blog.marshallbock.com/<img src="http://24.media.tumblr.com/tumblr_ly4ell4bgS1qzv7iwo1_500.jpg"/><br/><br/>http://blog.marshallbock.com/post/16193616651http://blog.marshallbock.com/post/16193616651Fri, 20 Jan 2012 17:29:41 -0600<img src="http://29.media.tumblr.com/tumblr_lvk8bqujLJ1qzv7iwo1_500.png"/><br/><br/><p>Nerding Out :D</p>http://blog.marshallbock.com/post/13623254721http://blog.marshallbock.com/post/13623254721Thu, 01 Dec 2011 22:55:01 -0600dndphoto<img src="http://30.media.tumblr.com/tumblr_luo50jCkDw1qzv7iwo1_500.png"/><br/><br/><p>Yep. Oh wait, nope.</p>http://blog.marshallbock.com/post/12801682819http://blog.marshallbock.com/post/12801682819Mon, 14 Nov 2011 15:00:19 -0600photo<img src="http://26.media.tumblr.com/tumblr_lukaqt26PQ1qzv7iwo1_500.png"/><br/><br/><p>Orlando Calling</p>http://blog.marshallbock.com/post/12698562455http://blog.marshallbock.com/post/12698562455Sat, 12 Nov 2011 13:13:41 -0600photo<img src="http://24.media.tumblr.com/tumblr_luekppr59q1qzv7iwo1_500.png"/><br/><br/><p>Current Status</p>http://blog.marshallbock.com/post/12559878517http://blog.marshallbock.com/post/12559878517Wed, 09 Nov 2011 11:03:25 -0600wdwphoto<img src="http://30.media.tumblr.com/tumblr_lucsxfJvuu1qzv7iwo1_500.png"/><br/><br/><p>Yus!</p>http://blog.marshallbock.com/post/12518132383http://blog.marshallbock.com/post/12518132383Tue, 08 Nov 2011 12:05:39 -0600wdwphoto<img src="http://26.media.tumblr.com/tumblr_lu9goeEU871qzv7iwo1_500.png"/><br/><br/><p>Current Status</p>http://blog.marshallbock.com/post/12440386528http://blog.marshallbock.com/post/12440386528Sun, 06 Nov 2011 16:48:14 -0600wdwphoto<p><img src="http://marshallbock.com/goodies/iphone4s/iphone4s-banner.png" alt=""/></p> <p><br/></p> <p>Pretty much every decent iPhone app ever made also has a website extolling the virtues of the app and its features. And pretty much every one of those sites has one thing in common: an image of an iPhone, its screen displaying a shot of the app.</p> <p>It’s <a href="http://tapbots.com/software/tweetbot/" target="_blank">an</a> <a href="http://campl.us/" target="_blank">incredibly</a> <a href="http://sophiestication.com/groceries/" target="_blank">common</a> <a href="http://phocusapp.com/" target="_blank">practice</a>.</p> <p>So the developer provides the screenshot, but where does that iPhone image come from? Probably a template. Somewhere, at some point, a designer sat down and recreated the device in Photoshop, and it eventually ended up on that website.</p> <h2>Another iPhone Template?</h2> <p>There are a lot of those templates out there, but for one reason or another, I’ve been a little disappointed by all of them. Without naming names, they’re all decent-to-good, but I always feel like something’s <em>a little off</em>.</p> <p>Some tend to be inconsistent with the rendering Apple uses in its own <a href="http://www.apple.com/pr/products/iphone/iphone.html" target="_blank">iPhone product images</a>. With others, the proportions are off. Or the buttons are in the wrong positions. Or the image is rasterized and unscalable. Or it’s made of vectors but riddled with split pixels.</p> <p>For a whole host of reasons, I haven’t been satisfied with the existing options. So I made my own with these goals in mind:</p> <ul><li>Both 4 and 4S models</li> <li>Both black and white body colors</li> <li>Portrait, landscape, and angled orientations</li> <li>Every combination of the preceding bullet points</li> <li>Rendering that matches Apple’s product images as closely as possible</li> <li>Created at high res scale for Retina Display</li> <li>Made entirely of vectors and layer styles for scaling up</li> <li>Full alignment to a 2px grid for pixel precision at 50% scale</li> <li>Screen images as Smart Objects for inserting your own screenshots</li> <li>Clean, organized, color-coded, well-named groups and layers</li> </ul><h2>The Result</h2> <p>Click the image below for a full-resolution preview.</p> <p><br/><a href="http://marshallbock.com/goodies/iphone4s/iphone4s-template.png" target="_blank"><img src="http://marshallbock.com/goodies/iphone4s/iphone4s-template.png" alt=""/></a> <br/></p> <h2>Free Download</h2> <p>Dig it? <a href="http://marshallbock.com/goodies/iphone4s/iPhone4STemplate.zip" target="_blank">Download the PSD for free</a> :D</p> <p>Feeling generous? Feel free to buy me a virtual cup of coffee with the Donate button below.</p> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="7WCV8834PFHAQ"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"/></form> <p>There’s a readme.txt file in the zip, which you can check out for instructions on how to use the template.</p> <p>Enjoy :)</p> <blockquote> <p><em>NOTE: This template was made using Photoshop CS5. It should open just fine on earlier CS versions with a couple caveats: the shadows under the devices will render incorrectly before CS4 (feathered vector masks); and the screen images are Smart Objects, which CS1 doesn’t support.</em></p> </blockquote>http://blog.marshallbock.com/post/12040410577http://blog.marshallbock.com/post/12040410577Fri, 28 Oct 2011 14:15:00 -0500designappleiphone<img src="http://30.media.tumblr.com/tumblr_lskjkdkZoo1qzv7iwo1_r3_500.png"/><br/><br/><p>Pedro</p>http://blog.marshallbock.com/post/11043376168http://blog.marshallbock.com/post/11043376168Tue, 04 Oct 2011 20:17:00 -0500photo<img src="http://24.media.tumblr.com/tumblr_lsjuddHG7f1qzv7iwo1_500.jpg"/><br/><br/><p>The universe is plenty awesome sans mysticism</p>http://blog.marshallbock.com/post/11023255697http://blog.marshallbock.com/post/11023255697Tue, 04 Oct 2011 11:12:00 -0500photoscience<img src="http://30.media.tumblr.com/tumblr_lry8cr3tcR1qzv7iwo1_500.jpg"/><br/><br/><p>HOPE</p>http://blog.marshallbock.com/post/10537533252http://blog.marshallbock.com/post/10537533252Thu, 22 Sep 2011 19:07:00 -0500instagramphotopov<img src="http://27.media.tumblr.com/tumblr_lry6ytvCWg1qzv7iwo1_500.jpg"/><br/><br/><p>Beautiful day in Sin City</p>http://blog.marshallbock.com/post/10536188433http://blog.marshallbock.com/post/10536188433Thu, 22 Sep 2011 18:37:00 -0500instagramphotopov<img src="http://27.media.tumblr.com/tumblr_lrvzq1m2EG1qzv7iwo1_500.jpg"/><br/><br/><p>Vegas, baby</p>http://blog.marshallbock.com/post/10487462724http://blog.marshallbock.com/post/10487462724Wed, 21 Sep 2011 14:06:00 -0500instagramphoto<img src="http://27.media.tumblr.com/tumblr_lrnch4OgLp1qzv7iwo1_500.png"/><br/><br/><p>Annie, Are You Okay?</p>http://blog.marshallbock.com/post/10301586924http://blog.marshallbock.com/post/10301586924Fri, 16 Sep 2011 22:03:04 -0500concertphoto<img src="http://25.media.tumblr.com/tumblr_lquu01kRRz1qzv7iwo1_500.png"/><br/><br/><p>Rocking out my <a href="http://twitter.com/daringfireball" target="_blank">@daringfireball</a> tee on this beautiful Thriday</p>http://blog.marshallbock.com/post/9671060615http://blog.marshallbock.com/post/9671060615Thu, 01 Sep 2011 12:31:00 -0500camplusphoto<img src="http://26.media.tumblr.com/tumblr_lqnpgmqwMd1qzv7iwo1_500.png"/><br/><br/><p>The sky is beautiful today</p>http://blog.marshallbock.com/post/9516409435http://blog.marshallbock.com/post/9516409435Sun, 28 Aug 2011 16:09:57 -0500photo<img src="http://29.media.tumblr.com/tumblr_lp1yk921U91qzv7iwo1_500.png"/><br/><br/><p>Every. Single. Night.</p>http://blog.marshallbock.com/post/8175438643http://blog.marshallbock.com/post/8175438643Thu, 28 Jul 2011 11:45:00 -0500<img src="http://25.media.tumblr.com/tumblr_lov1y7MoF91qzv7iwo1_500.png"/><br/><br/><p>I love that this package design has gone unchanged since the 90s</p>http://blog.marshallbock.com/post/8018773340http://blog.marshallbock.com/post/8018773340Sun, 24 Jul 2011 18:15:43 -0500photo<img src="http://25.media.tumblr.com/tumblr_logeaaIIHU1qzv7iwo1_500.png"/><br/><br/><p>Fine Print</p>http://blog.marshallbock.com/post/7706503001http://blog.marshallbock.com/post/7706503001Sat, 16 Jul 2011 20:18:10 -0500photo<img src="http://29.media.tumblr.com/tumblr_loe6guMz1z1qzv7iwo1_500.png"/><br/><br/><p>How I Work (at Work)</p>http://blog.marshallbock.com/post/7662092847http://blog.marshallbock.com/post/7662092847Fri, 15 Jul 2011 15:34:00 -0500photoappletech