{"id":27,"date":"2009-05-03T09:25:03","date_gmt":"2009-05-03T16:25:03","guid":{"rendered":"http:\/\/www.wellys.org\/wellysblog\/?p=27"},"modified":"2009-05-03T14:39:35","modified_gmt":"2009-05-03T21:39:35","slug":"dropshadow-dropshadow","status":"publish","type":"post","link":"http:\/\/www.wellys.org\/wellysblog\/?p=27","title":{"rendered":"Dropshadow, dropshadow"},"content":{"rendered":"<p>(think Moon shadow, moon shadow)<\/p>\n<p>I wanted to make the site look just a weeeeee bit better. And a dropshadow on the images seemed to be the way to go.<\/p>\n<p>Search the web&#8230; uhhhh, that isn&#8217;t easy.<\/p>\n<p>Let&#8217;s see what Pixelmator can do&#8230; uhhhh, that isn&#8217;t any easier!<\/p>\n<p>Sigh, let&#8217;s fire up Photoshop and flail away.<\/p>\n<p>D&#8217;oh! My image is locked, why oh why! More searching&#8230; one of two solutions, double click on the layer then click OK or make sure the image is RGB not Indexed. Sigh. That was 30 minutes.<\/p>\n<p>Ok, I think I understand&#8230; apply the layer Dropshadow to the image. NOPE! Ain&#8217;t happening. Maybe, just maybe I need to make sure my Canvas Size is bigger than my image. D&#8217;OH! Yes, that works and it looks quite nice, if I may say so myself.<\/p>\n<p>So my work flow is this:<\/p>\n<ol>\n<li>Open the file and make sure it isn&#8217;t locked, either by double clicking on the layer or by ensuring its mode is RGB (as compared to Indexed)<\/li>\n<li>For a 160&#215;120 image, make the Canvas Size about 20px greater on each side. For larger images, then a larger border will be required.<\/li>\n<li>Add a Dropshadow layer, then mess with the params until it looks like what you want. In this case, once I had my first one that looked good, I saved the Style as WRP (then just clicked on this Style for step 3 on subsequent photos).<\/li>\n<li>Flatten image<\/li>\n<li>Save as a new jpg<\/li>\n<\/ol>\n<p>Voila! A much better looking site!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>(think Moon shadow, moon shadow) I wanted to make the site look just a weeeeee bit better. And a dropshadow on the images seemed to be the way to go. Search the web&#8230; uhhhh, that isn&#8217;t easy. Let&#8217;s see what Pixelmator can do&#8230; uhhhh, that isn&#8217;t any easier! Sigh, let&#8217;s fire up Photoshop and flail &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.wellys.org\/wellysblog\/?p=27\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Dropshadow, dropshadow&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[3],"tags":[32],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pvRD1-r","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":23,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=23","url_meta":{"origin":27,"position":0},"title":"It's the little things","date":"May 3, 2009","format":false,"excerpt":"Whew! Made some changes to the site in an effort to bring it into the 21st Century. First, I added a drop shadow to all of the images. What a difference it makes! Details on how in my next post. Second, I wanted to make sure the tooltip for each\u2026","rel":"","context":"In &quot;Web&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":260,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=260","url_meta":{"origin":27,"position":1},"title":"Well, that's unfortunate (Updated)","date":"June 5, 2011","format":false,"excerpt":"As I've said before, I've tried to keep a local version of my site mirrored to my online version. This isn't unusual for a lot of developers; it helps to stage your site, it allows you to make mistakes with little impact on the outside world and it allows you\u2026","rel":"","context":"In &quot;Wordpress&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":194,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=194","url_meta":{"origin":27,"position":2},"title":"HTML5 and CSS3","date":"October 18, 2009","format":false,"excerpt":"I'm interested in what HTML5\/CSS3 are bringing to the Web. A simple thing like using CSS to drop shadow an image is \u00c2\u00a0quite nice. Beats having to use Photoshop... Based on the drop shadow alone, I thought it would be good to begin using these two new web standards, So\u2026","rel":"","context":"In &quot;Web&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":267,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=267","url_meta":{"origin":27,"position":3},"title":"Wish me luck...","date":"July 24, 2010","format":false,"excerpt":"I'm off to redo my film site using HTML5 and CSS3. As I stated some time ago, I've been interested in the two technologies for some time. Little things like CSS shadows are very nice and semantic elements like article, aside and nav certainly contribute to a site better than\u2026","rel":"","context":"In &quot;Wordpress&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":318,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=318","url_meta":{"origin":27,"position":4},"title":"Hype - a new approach","date":"May 22, 2011","format":false,"excerpt":"Thanks to Jon Gruber, I learned about Hype. Hype is a OS X application that makes it easy to create dynamic websites using HTML5 or more accurately, HTML5, Javascript and CSS3. Hype works. It is also version 1.0 so it is basic but it works, doesn't crash and holds great\u2026","rel":"","context":"In &quot;HTML5\/CSS3&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=6","url_meta":{"origin":27,"position":5},"title":"I love it!","date":"May 2, 2009","format":false,"excerpt":"So I wanted to add a picture to my header... not a problem. BUT! Now the picture and my blog title were in conflict. Because the header photo was half dark and half light, any title color would look great on one side but not the other. Sigh. Here's where\u2026","rel":"","context":"In &quot;Wordpress&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/27"}],"collection":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":4,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/27\/revisions"}],"predecessor-version":[{"id":41,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/27\/revisions\/41"}],"wp:attachment":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}