{"id":1970,"date":"2013-08-01T16:29:21","date_gmt":"2013-08-01T21:29:21","guid":{"rendered":"http:\/\/rockylouproductions.com\/blog_wp\/?p=1970"},"modified":"2013-08-14T23:34:02","modified_gmt":"2013-08-15T04:34:02","slug":"headless-rockylou","status":"publish","type":"post","link":"https:\/\/rockylouproductions.com\/blog_wp\/2013\/08\/01\/headless-rockylou\/","title":{"rendered":"Engineering Headless Rockylou"},"content":{"rendered":"
\n
UPDATED POST:<\/span><\/span><\/strong><\/dt>\n<\/dl>\n

I can’t believe I didn’t hear some smack talk with respect to my originally published version of this GIF. \u00a0What was I thinking? Not including DS106? I’ve fixed it!!!!<\/p>\n

\"Headless_Rockylou_3_GIF_Final_500\"<\/a>

DS106 Headless Rockylou is Cool<\/p><\/div>\n

TalkyTina Hulka has given the Headless ds106 Fall 2013<\/a> participants an animated GIF challenge<\/a> for the month of August. \u00a0Her first “assignment” was for us to create an animated GIF to show our headless self<\/a>. [Link to TalkTina’s example<\/a>] \"Headless_Rockylou_3\"<\/a>I took pieces from three different photos to make the final GIF. (See below) I like my yellow & blue dress, but I don’t have any good photos of me wearing it. \u00a0I knew, however, that I had one of the dress hanging up and used that instead. \u00a0I used the quick selection tool in Adobe Photoshop Elements 11 to grab the dress and my head and neck from the photo of me with my daughter Jenny at her PhD graduation this May. \u00a0The final, “engineering is cool!” photo was taken from a set of photos I had from a 3M Visiting Wizards demonstration day at a local children’s interactive museum, “The Works” here in the Twin Cities. [Link to video I created about the fun of the day.<\/a>] \"Headless_dressphoto\"<\/a>\u00a0\"GraduationHead\"<\/a>\u00a0\"EngineerFun\"<\/a> The trickiest part of this GIF was getting my chest from the graduation picture to be as broad as the neckline on the yellow\/blue dress. \u00a0I copied a piece of my chest, duplicated it and placed it on either side of my original neckline, merged the layers, and used the bandaid tool to blend them. Since there are no arms with the dress, I had to strategically crop the final GIF images so that you wouldn’t notice that. \u00a0The head fades with 100%, 80%, 60%, 40%, 20%, 0% layer opacity. \u00a0Then everything was merged onto a purple background slide.<\/p>\n

\"Rockylou_Headless\"<\/a>

Version 1: Headless & Neckless Rockylou – first GIF attempt<\/p><\/div>\n

I made two<\/del> three versions of my headless GIF. Here is the first version that had my entire neck and head disappear. \u00a0This looked especially creepy, and not the effect I was going after. \u00a0It looks like I am disappearing rather than just becoming headless.<\/p>\n

\"Headless_Rockylou_2_500\"<\/a>

Version 2: Engineering is Cool. \u00a0But where is DS106?<\/p><\/div>\n

UPDATED POST:<\/span><\/strong><\/span> Version 2 had only the head disappearing. \u00a0Nice but still not right after I sat with it a little longer. Yes, I work in the 3M R&D labs and think engineering is cool. \u00a0But this GIF is supposed to be about Headless DS106. \u00a0What was I thinking? \u00a0 \u00a0 \"ds106_edited-1\" VERSION 3:<\/span> <\/strong><\/span> I really needed to replace “engineering” with the DS106 logo from the website. I selected & copied the purple area above engineering<\/em> to create a new layer. \u00a0I then stretched it and used the bandaid & clone tools to delete the unwanted text but keep the purple wall. \u00a0I had to do some merging of layers, cloning, and applying more bandaids to get it to look nice. You’ll notice the upper right wall is still a little mottled. I’m going with it gives more interest to the photo… and that’s my story and I’m sticking with it!<\/p>\n

\"EngineerFun\"<\/a>

Skewed Text On The Wall<\/p><\/div>\n

To add the DS106 text, I have a png version of just the lettering (A png file maintains transparency unlike a jpeg.)\u00a0that I made awhile back and keep on-hand just for these types of occasions. Oops… I couldn’t just add it directly onto the image. \u00a0If you look close, the way I took the original photo resulted in a skewing of the lettering on the wall. \u00a0Nice effect for a photo, but when I want to hack my photo and add new text, I have an issue.<\/p>\n

\"DS106_WallText_500px\"<\/a>

Skewed DS106<\/p><\/div>\n

The problem was solved by adjusting the DS106 layer with the Image=>Transform function. I placed the DS106 layer over the original text and adjusted it until it looked about right tapering down from left to right.\u00a0I hadn’t done this before so it took some trial & error.<\/p>\n

One last change to version 3 was to make a continuous fade of my head in and back out. \u00a0Whereas versions 1 & 2 only faded out. \u00a0That made for a jumpy transition that I wanted to fix. \u00a0I simply duplicated the fading head layers and extended my loop. \u00a0I would suspect that there is an easier way to do this with the full version of Photoshop, but I only have Photoshop Elements. The final version is below.<\/p>\n

\"Headless_Rockylou_3_GIF_Final_500\"<\/a>

Version 3: DS106 Headless Rockylou<\/p><\/div>\n

DS106 PNG Files for download<\/span><\/p>\n

\"ds106\"<\/a><\/p>\n

\"ds106_Black\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

UPDATED POST: I can’t believe I didn’t hear some smack talk with respect to my originally published version of this GIF. \u00a0What was I thinking? Not including DS106? I’ve fixed it!!!! TalkyTina Hulka has given the Headless ds106 Fall 2013 participants an animated GIF challenge for the month of August. \u00a0Her first “assignment” was for […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[64,12,460,46],"tags":[48,138,147,149,148],"class_list":["post-1970","post","type-post","status-publish","format-standard","hentry","category-animated-gif","category-assignments","category-ds106","category-tutorials","tag-animatedgifassignments","tag-animatedgifassignments1181","tag-animatedgifassignments869","tag-animatedgiftutorials1181","tag-animatedgiftutorials869"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3zfrO-vM","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/posts\/1970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/comments?post=1970"}],"version-history":[{"count":21,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/posts\/1970\/revisions"}],"predecessor-version":[{"id":2311,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/posts\/1970\/revisions\/2311"}],"wp:attachment":[{"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/media?parent=1970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/categories?post=1970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/tags?post=1970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}