Designing with Tom Mix in Malaysia

I had actually started doing this design prior to the official start of #western106 back in October. I was starting to look at cowboys and media.  Tom Mix was the tangent I was reading – who he was etc.

I found these in my files as I was cleaning up things. I had forgotten it was a quest to try and create a design assignment for #western106. Good community practice is if you create or suggest an assignment, you need to do the assignment and provide the first example for others to take off from and improve and extend.

I had seen an article someone suggested on Malaysian puppet art and super heroes –  The visuals stood out and fascinated me and I immediately thought #ds106 could really do this justice and create many different rifs.

I started playing with the concept in the #western106 theme rather than superheroes. I had actually gotten to a point of creating some pieces, but put it aside thinking I would come back to it and actually make it into something more complete.

Just want to get it posted so I remember to get back to it. I still think this could be really cool. I have some memory of looking ofr patterns so that they were part of the design. The holes for light seemed to be necessary as well  – and how do you put in the sticks??? From the outcomes I have right now – not sure I hit the concept I was going for – which is why they were probably not posted and just loaded into Flickr for keeping. I also remember using multiple applications. Photo Shop, Paper53 – so again – never figured out a path to the end result I was going for….

So here they are – maybe someone else can figure out how to make it a viable assignment or maybe I will get back to it again in the future. And with the shadows – doesn’t that shout out gif to you?

Western106

Gif for Mariana

While I have been busy with other life things – I still keep a finger on the pulse of #ds106. Mariana Funes had a birthday this week. The ds106 Shrink on the couch gives abundantly of her time, support and attention to all those in who travel #ds106. The #tdc1499 daily create was to honor her birthday with a gif.

I chose a dog and also changing the color span. Mariana is a whiz at creating artsy minimal gifs and a dog lover.

I love the outcome and now that I have done a low color GIF may have found a new obsession.

http://konarheim.tumblr.com/post/139384721030/for-mdvfunes-a-birthday-gif-done-in-artsy

I have also now adapted the GIF without the birthday wishes for use.

http://konarheim.tumblr.com/post/139491476590/what-now

Watch out for the Trunk! #giffight

http://konarheim.tumblr.com/post/137264082420/duhtakes-me-a-while-forgot-that-the-original


This was just calling out too much fun! But by the time I got to it – so many had created and done such awesome solutions that it was intimidating to attempt and hard to think of something that might be different. BUT that is giving up and remembering this is fun and play and competition is with myself fueled by the ideas and work of others.

I am heavy into baby shower planning and creating for my daughter and first grandchild. Elephants are the theme around our parts now – so after creating invitations and book labels I moved on to this GIF, but continued the elephant theme.

I found a short clip, pulled it into PS and it came out to 327 frames. I scanned for a part that had movement and stayed as much in one spot in the frame as possible. Got down to 17 frames. Cut the cowpoke out of the image for the gif fight and put him on the elephant in different angles. I was able to get rid of 10 more frames as the movements were too small to make a difference. Added a horizon to the top of the frames after things were set so that it was the same and went into each frame. Final was to make each frame B&W and play with the timings.

This was fun. And also raises questions about Westerns on the plains of Africa???

The Trail of the making of Riding #Western106 Gif

Getting back into the rhythm of ds106 thru #western 106. I created a GIF as sort of a promo and then remembered – “document the process for self and others”  I am a little rusty- falling into some unfavorable avoidance lately – but here we go in trying to get back to better practice habits.

The ability to embed and respond with GIFs across social media and publishing platforms has delivered an abundance of tools to quickly churn out a GIF through generators such as imgur.com or giphy.com and many more. (Google it )

My wife tells me on Christmas I’m gonna be a daddy.

You can get some really great things from video and it is something to get excited about! It’s fun! And you can spend endless hours watching videos and searching for the right frames or looking at work other have done. I have handouts from first trainings I did on web design and html. One of the “no” things was anything blinking of moving – it was considered bad design. And yes it was at 72 pixels and clip art or light bulb “under construction” text. Things have gotten a lot slicker and its almost mandatory to have moving parts to capture interest. There are still levels of taste and best use. I do hate going to a page and things pop up every time I move my mouse and start playing…but a good GIF you can just watch over and over again.  So the quest is to create the one that does that for viewers.

But there is are still some highly creative and solid reasons to create animated GIF art from still pictures or non-video. When you need a GIF to communicate a thought, idea, a message and not just a witty response or comment it is time to get down to building. DS106 has many GIF artists of all levels of skill and the cool thing is how this community learns and builds and moves to next levels by working from each others work as well as responding with new creations.

A real idea bright shiny object to chase is ds106 GIF TV set up by @johnjohnston. You can watch for hours all the created GIFs and get ideas as well as levels to to try to achieve.

ds106tv http://johnjohnston.info/ds106giftv/

Creating a Simple GIF from Still Pictures with Static Background

redrock1secbanner

Disclaimer: I have tried to be as close to each detail as possible -but in creating there are lots of re-dos and fits and starts that one just has to work thru in their own way. Hopefully I have given enough to help someone along. Things get a little fuzzy as the process goes on -but hope not too confusing.

Tool used was PhotoShop Creative Cloud. I have used GIMP as well and most of the steps could be done in the open source tool but how to get to certain functions will be PS specific in this write up. I do have the luxury of having PhotoShop obtained as retirement gifts so use it.

The #western106 GIF is a basic creation was made from 5 layers and the animation is 3 frames.
3 images to move, and a background and a text layer which become merged.

Steps:

  1. silhouette of 3 riding cowboys opened as NEW in PS.
  2. Size was set to 400 pixels to start at a reasonable size for a GIF at the end of creation to avoid some of the inevitable tweaking for size condensing etc.
  3. The original picture had a solid white background. I only wanted the black silhouettes of the riders.
  4. Using the Magic Wand Tool (fourth down from the top of the tool tray use control to switch between quick select and magic wand) I selected white background areas and hit delete. You will need to “unlock” the layer to delete background. TIP – I usually go up to Layer>Duplicate Layer so that I have the original layer just in case I overdo, delete too much or decide later in a process that I need to add another layer of a differently tweaked original. You can use Edit>step backwards – but sometimes that is just not enough. I continue one section at a time until all of the white background is gone. TIP – If the image seems too small to work with or the areas seem tight go to the bottom of your window and increase the size to 300% or more. Return down to a % that fits in the window when you are done.
  5. After the background was deleted. I selected the remaining image with the Quick Selection tool – same place as magic wand -but switch it back by using control.  I then positioned the image in the frame where I thought it was going to look best.
  6. Go to Layer>duplicate layer or keyboard Command J. Do this 4 times. You can name the layers anyway that works with your thought processes.
  7. I started with layer 1. Using the Rectangular Marquee Tool, I selected around the image.
  8. With the second layer also in view (turn layers on with the eyeball icon left of the layer name in the layer panel on the right of the screen) Go to EDIT>Transform>Rotate.
  9. Hold the shift key while rotating the image left or right. This is also the step in which if you want to change perspective, scale, skew etc.
  10. Click on the check mark in the upper bar of your window to set in place.
  11. You can now turn the eyeball off and on from either layer and see how it moves. Adjust as necessary.
  12. Move to layer two and rotate and position.
  13. Move to layer three and rotate and position.
  14. You now have your moving image and action and will go forward in creating your static background.
  15. Before you bring in your background – go to WINDOW>Timeline
  16. When the Timeline Panel opens there is a menu in the upper right corner of the small window.
  17. Choose Make Frames From Layers.
  18. Go back to Menu and make sure New Layers Visible in All Frames is checked. I also check Create New Layer for Each New Frame.
  19. Locate the image you want to use for your background. It helps to have it as close to the same size as you can. With this project I used a download from my sister-in-laws Flickr page at the medium size – so it was just slightly bigger than the 400pixel square. I knew I was going to play with size and point of view to get the right amount of sky, foreground and horizon in the spot I wanted.
  20. TIP: Save yourself lots of futzing. While it seems excessive it is easier in the end. Open a new project and set the canvas to the same size as your GIF – do the steps below and all your adding of text etc. and tweaking and merge it down to one layer. Copy the layer and then paste it into your GIF project. OR do a SAVE AS and you have a duplicate project – create your background using similar steps below and then export out as a quick JPEG, open, copy and paste into your original project.
  21. To create your background – There are several ways to bring the picture in -the easiest have found is that I open the photo on my machine select all>copy. I then go to PS click in the window and PASTE. A new layer is created automatically. Since it is the background move the layer to the bottom of your Layer list.
  22. In this project I add text so there was another futzing around to do. You could eliminate this futzing if you created your background exactly as you wanted it and then brought it in – Which I strongly encourage. Using the Text Tool (The “T” in the tool bar) and then click on your background and insert a text box.   I edited my text worked with the font, size and color and then also used the Word Art Feature to make it a WAVE form to lay over the mountains in a better perspective so it didn’t look pasted over the top. When I had this the way I wanted I selected the background and the text layer. Went to Layer>Merge Layers. It then becomes one. 
  23. After pasting your background into your project (remember it is now a new layer and should be put at the bottom of the layer list) Adjust scale and position to where you want it. You can click on one of the other layers to see where things fall. you are only actively working in the layer you have selected (background)
  24. Click the check mark and set in place.
  25. You will see the background now added to the each frame in the timeline – You did it!
  26. Now just set your timings for each frame the default is no delay – very fast. This takes lots of tries depending on your creative make up and decision making skills – me I like to see lots of options and tend to try many and save multiple versions until I find one that really sticks with me.
  27. Set the loop to FOREVER. Use the play and stop buttons to view.
  28. Go to File>Export> Save for Web (Legacy) and work with the file size if needed by adjusting colors etc.
  29. Save and then upload to wherever you are going to view or open via the file menu of your browser.

THEN if you want to get really spiffy – add sound! @mdvfunes added sound to this GIF–  it adds a whole other realm to the outcome-  love it. Read how to add sound from @johnjohnston on his blog.

Here is the PSD File if you want to see it or use it. You can also download a GIF and open it in PS or GIMP and see layers that were created. This helps me in dissecting and trying to figure out how someone else may have created something. Sometimes the most fancy really are the simple ones and others – NO WAY can I figure them out even with dissecting! But I will keep trying. 🙂

LINKS I have used to GIF learn (no particular order of preference):

GIMP

Inspiration Links:

  1. http://gifitup2015.tumblr.com/
  2. http://gifadog.tumblr.com/
  3. http://jjgifs.tumblr.com/
  4. http://mbransons.com/
  5. http://iamtalkytina.com/category/ds106/assignments/animated-gif/august-2013-gif-challenge/
  6. http://rockylouproductions.com/blog_wp/
  7. @RonaldL who posts in the G+ Community and Twitter

 

2015 -Starting from the end to the beginning

Creating the digital family stories for 2015. Starting with the end – Christmas 2015.

I am creating some “Chapter” videos for Christmas 2015. Prep, Christmas Day, Christmas with Family and then the Crazy Family Christmas.

From there I will go backwards and create videos, slide shows and other designs for each month about what family was doing etc.

Going forward I am now set up to create each month as it happens. The digital organization is in a good place – still needs some tweaks and some faocus – but so much better than before. A post on the process and system will be coming soon. Light Room has been great. Google Photos, Apple Photos and iCloud also have a role in management. Next is getting the family stories website in order and updated!

2016 will bring continuing the story creation and organization. Creating a family recipe site, getting ready for my first grandchild by doing hands on creation in nursery prep and in creating the digital story of waiting for arrival. Hoping I can keep up with all of my ideas. And oh-yeah – maybe fitting in #western106 too!

This video was created in iMovie using photos and video captured by family and self. I used Google Audio for sound…..nice to not have the ads show up in the product!

css.php