tag:blogger.com,1999:blog-65460328760824251942024-02-01T22:01:08.313-05:00Open Art LabThese are videos I recorded for my studio art students at the University of North Carolina at Charlotte. If you find the videos useful at all, please consider leaving a donation; it will help pay for my own son's education!
Enjoy!
Heather D. Freeman
Assistant Professor of Digital Media
Department of Art & Art History
University of North Carolina at CharlotteHeather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.comBlogger140125tag:blogger.com,1999:blog-6546032876082425194.post-32430498841337282812016-10-04T10:25:00.000-04:002017-10-05T13:30:39.994-04:00DuIK - Setting up Inverse Kinematics in After EffectsFALL 2017 - The following video walks you through setting up Controllers and IK with the DuIK plug-in for After Effects and setting up puppet pins on the feet with raster images. The direct link to the video is at https://vimeo.com/236960240/cabe5bfd7e<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="480" mozallowfullscreen="" src="https://player.vimeo.com/video/236960240" webkitallowfullscreen="" width="640"></iframe>
<br />
<br />
<br />
FALL 2016 - The following videos walk you through installation of the DuIK plug-in for After Effects, and basic use. There are MANY more tools in DuIK, and you are encouraged to use DuIK's own user manual to learn them. For the character animation, however, we will only be using the inverse kinematic tools covered in these videos.<br />
<br />
To download DuIK, donate to Duduf, or view additional help and support documents, visit <a href="https://rainboxprod.coop/en/tools/duik/">https://rainboxprod.coop/en/tools/duik/</a>.<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube-nocookie.com/embed/videoseries?list=PLwQF1IDv-cFG6YjihcAiAwt02nWFWHW2b" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com1tag:blogger.com,1999:blog-6546032876082425194.post-87680744181072380732016-09-30T19:15:00.001-04:002017-04-28T17:52:37.169-04:00Twine - Fall 2016 for Digital Media 2 AFTER watching the first video below, go to http://twinery.org to get started.<br />
<br />
(These videos are a complement to what we'll cover in class.)<br />
<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube-nocookie.com/embed/videoseries?list=PLwQF1IDv-cFFaTxfcoh2np6IQKYLUIuLM" width="640"></iframe>
Additional Useful Links:<br />
<br />
<b>Game Narrative Articles</b><br />
http://www.gamasutra.com/view/news/213337/Plot_is_overrated_Game_narrative_is_all_about_your_characters.php <br />
http://www.gamasutra.com/blogs/ThomasGrip/20140429/216467/4Layers_A_Narrative_Design_Approach.php <br />
http://gamestudies.org/0701/articles/simons<br />
https://www.jesperjuul.net/text/clash_between_game_and_narrative.html <br />
<br />
<b>Autobiography in Games</b><br />
http://www.gamasutra.com/view/news/282312/Autobiographical_Memoir_En_Code_finds_game_mechanics_in_daily_life.php<br />
http://www.thankyouforplayingfilm.com/about/ (Documentary about <i>That Dragon Cancer.)</i><br />
<br />
<b><i>Games for Change </i>Grants</b><br />
http://www.gamasutra.com/view/news/266076/Games_For_Change_challenges_devs_to_pitch_games_about_diversity__debt.php<br />
<br />
<b>More Education Game Grants</b><br />
http://www.gamasutra.com/view/news/282402/US_govt_reups_interest_in_game_education_funding_with_583K_for_MassDiGI.php<br />
<br />
<br />
<i><b>About Narrative</b></i><br />
<br />
<b>Types of Essays</b><br />
Narrative, Descriptive, Exposatory, Pursuasive<br />
<br />
<b>Forms, Genres, and Sub-genres (Read this list!) </b><br />
https://en.wikipedia.org/wiki/List_of_writing_genres#Forms_versus_genre<br />
<br />
<b>What forms and genres are commonly found in AAA games</b>?<br />
<i>(Keep in mind many forms include sub-genres.)</i><br />
Fiction: Fanfiction, Fantasy, Humour, Mythopoeia, Science Fiction, Suspense/Thriller, Western <br />
<br />
<b>What form and genres are commonly found in AAA games/emerging, or attached to another genre when employed? </b> <br />
<i>(Keep in mind many forms include sub genres.)</i><br />
Fiction: Crime/detective, Fable, Fairy tale*, Folklore*, Legend*, Mystery, Mythology*, Picture book, Tall Tale<br />
<i>*Generally manifests as Mythopoeia, however.</i><br />
<b>Types of Games</b><br />
https://en.wikipedia.org/wiki/List_of_video_game_genres<br />
<br />
<b>Text Games / Interactive Fiction</b><br />
https://en.wikipedia.org/wiki/Interactive_fiction<br />
<br />
<br />
<br />
<b>The Big Question</b><br />
What forms are not or only rarely found in games? There's a LOT, you will choose one of these!<br />
<br />
<br />
<br />
<br />Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com1tag:blogger.com,1999:blog-6546032876082425194.post-21304378277005097802016-08-29T20:05:00.002-04:002016-08-29T20:05:27.582-04:0002 Fall 16 Frame-by-Frame Animation in Photoshop CCThis is for both my Animation and Digital Media 2 Students.<br />
<br />
This is a SUPER fast file set-up for Photoshop CCto make both frame-by-frame animations exported as .mp4/.mov files, and also for exporting animated .gifs.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/Bj4KSh1acC8/0.jpg" src="https://www.youtube.com/embed/Bj4KSh1acC8?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br />
<br />
This next tutorial covers importing sound into Photoshop CC. <br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/yRzbcyuD1Lw/0.jpg" src="https://www.youtube.com/embed/yRzbcyuD1Lw?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br />
<br />
<br />
<br />Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-63109186968645604522016-08-19T16:32:00.005-04:002016-08-23T11:38:28.978-04:0001 Fall 16 Animation - Bouncing Ball with Bezier CurvesThe videos in this category are specifically for my Fall 2016 section of ARTM 3103 Animation. I made some revisions to the coursework and the labs are now running Adobe CC, so some updated material is necessary!<br />
<br />
In this first video, I summarize how to search for a sound on Freesound.org, and how to assure that it is Creative Commons 0. All sounds downloaded from Freesound.org for this class MUST be licenses Creative Commons 0.<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/v0jp2nudNqw/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/v0jp2nudNqw?feature=player_embedded" width="320"></iframe></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
In this next video, I discuss the basic workflow of creative an ellipse with bezier curves in After Effects CC, and then approaching the animation tonmake a bouncing ball, focusing on manipulation of the bezier curves. The final result will look something like this:<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i9.ytimg.com/vi/fcUMAxl8UYQ/default.jpg?sqp=CMjY3b0F&rs=AOn4CLBnOtNqAfmS1vLeM-FCcET4ch6lfQ" frameborder="0" height="266" src="https://www.youtube.com/embed/fcUMAxl8UYQ?feature=player_embedded" width="320"></iframe></div>
<br />
<br />
The first part of the workflow is this:<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/k3ujSo5gNGA/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/k3ujSo5gNGA?feature=player_embedded" width="320"></iframe></div>
<br />
<br />
The second part of the workflow, utilizing the graph editor, is this:<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/l07-f85yUfc/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/l07-f85yUfc?feature=player_embedded" width="320"></iframe></div>
<br />
<br />
<br />
Finally, we will be exporting our videos using the H.264 codec. Due to some "hiccups" on some machines when working with Adobe Media Encoder, we'll be creating a custom render through AE. We will come back to Adobe Media Encoder later in the semester, however. The rendering workflow is as follows:<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/gdkmNQZ0DcM/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/gdkmNQZ0DcM?feature=player_embedded" width="320"></iframe></div>
<br />
<br />Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-16976046207163332022014-01-06T14:04:00.000-05:002014-01-06T14:52:13.597-05:0001 (Flash Crash Course) - Frame-by-Frame Animation<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/QYd5DQqB_hk" width="420"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-74697389481532723132014-01-05T14:05:00.000-05:002014-01-06T14:53:57.078-05:0002 (Flash Crash Course) - Edit Multiple Frames for Frame-by-Frame AnimationNo audio on this for some reason; remember that F5 is new frame, F6 is new keyframe and F7 (most important for our traditional frame-by-frame animations) is new blank keyframe.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/42BAaNCbsmg" width="560"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-55961612471416000082013-10-05T18:25:00.002-04:002013-10-05T18:43:51.402-04:0001 - Inflatables - Software and Sketchup TutorialsTo acquire the basic skills in SketchUp Make to build an inflatable, I strongly recommend the "<a href="http://www.sketchup.com/learn/videos?playlist=58&playlist=58">Getting Started in SketchUp</a>" Video Tutorials. (Why remake something that's already great and free?) If you got a lot out of these, I strongly encourage watching the remaining SketchUp Video Tutorials.<br />
<br />
The video tutorial presented here demonstrates how to install SketchUp Make, Blender 3D and the Paper Model add-on (Python script) by Addam Dominec.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/BYuzSorsZrM" width="480"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com1tag:blogger.com,1999:blog-6546032876082425194.post-14735785796868477632013-10-04T14:34:00.000-04:002013-10-05T18:45:46.035-04:0002 Inflatables - Learning SketchUpAgain, please watch the Sketchup Video Tutorials "Getting Started in SketchUp" at <a href="http://www.sketchup.com/learn/videos?playlist=58">http://www.sketchup.com/learn/videos?playlist=58</a> to learn the basics of creating models in that software.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/CtYV5fuwQFE" width="480"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-72392890474532409002013-10-03T14:34:00.000-04:002013-10-05T18:45:46.038-04:0003 Inflatables - Tracing and Extruding Your Drawing to Create a Simple Model<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/UjeFgxPoFic" width="480"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-85961507276939630162013-10-02T14:34:00.000-04:002013-10-05T18:45:46.040-04:0004 Inflatables - Additive and Reductive Approaches to Drawing a Simple Form in SketchUp<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/sPtF70OEMP4" width="480"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-50948683050831454212013-10-01T14:35:00.000-04:002013-10-05T19:12:32.098-04:0005 Inflatables - Unwrapping Your File in Blender 3D<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/JGWL49U5spQ" width="480"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-71028794116431141162013-09-30T20:23:00.000-04:002013-10-05T21:13:11.635-04:0006 - Inflatabales - Putting Together a Paper TestBefore you leap to plastic sheeting, it's important to do a small test of your unfolded model. This will help you figure out the best way to approach putting it together, and will also alert you to any problems with the unfolding.<br />
<br />
In my example, I did it on regular letter size laser printer paper and used good old scotch tape. <i>But</i> if you're a big coffee drinker (or otherwise jittery-handed person like myself), it's not a bad idea to print it larger. Also, some brands of glue sticks set very quickly and might work, but you don't want to use any kind that allows any sort of "repositioning".<br />
<br />
[Music is from <a href="http://archive.org/details/SymphonieInacheveeDeFrantzSchubert%20" target="_blank">Archive.org</a> and licensed Creative Commons 0. <i>Frantz Schubert - I Allegro Moderato - Conducted by Selmar Meyrowitz, 1934.</i>]<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/HrThrvymaE8" width="480"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-77750055272912697212013-09-29T22:50:00.000-04:002013-10-20T22:51:55.366-04:0007 Inflatables - Going Big and Not Really Working Right (Wah, wah.)Sort of incomplete time-lapse of the final inflatable.<br />
<br />
The camera ran out of battery, but it doesn't matter much since the 4 mil plastic was simply too stiff to work at this scale along with my tiny air pump. I suspect at a much larger scale, and with a box fan, the 4 mil might have worked just fine. Anyway, at this scale: definitely 2 mil thick plastic sheeting. <br />
<br />
And I'm fairly certain good ol' sewn fabric filled with stuffing would have worked even better. I'm sort of over the "Q" (don't tell my son, Quinn!) but I'll post it if I get something together.<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/1LGHN5wZEXw" width="420"></iframe>
<br />Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-46928737064371138532013-09-27T19:18:00.000-04:002013-10-23T20:38:12.653-04:0008 Inflatables - Flattery Plug-inWell, when the Blender and/or Blender fails, there's also Flattery. Will it work in the UNCC labs? Guess we'll find out tomorrow...<br />
<br />
To download the Flattery Plug-In, go to <a href="http://www.pumpkinpirate.info/flattery/">http://www.pumpkinpirate.info/flattery/</a>. Be sure to read the "Read Me" file to know where exactly to place the files.<br />
<br />
And because this video was fast-cheap-dirty (watch my power rapidly run out), this is a very nice tutorial on how to use Flattery: <a href="http://www.artofraz.com/free-art-tutorials/papercraft-with-google-sketchup/">http://www.artofraz.com/free-art-tutorials/papercraft-with-google-sketchup/</a>.<br />
<br />
And when you get annoyed with my video tutorial, here's a very interesting application:<br />
Making a brass watercolor box.<br />
<a href="http://www.youtube.com/watch?v=GFXzwoZDeyI">http://www.youtube.com/watch?v=GFXzwoZDeyI</a><br />
<br />
And another video time-lapse (just to prove that I'm not <i>that</i> annoying after all.)<br />
<a href="http://www.youtube.com/watch?v=9MHfAaqb5A0">http://www.youtube.com/watch?v=9MHfAaqb5A0</a><br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/X4jeGHBOWvI" width="420"></iframe>
<br />
<br />Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-53224720293736737992012-10-09T13:39:00.001-04:002012-10-09T13:39:06.929-04:0001 GameSalad - Initial Set Up<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/_KVzRZZlU2Y" width="640"></iframe><br />
<br />
There are lots of fantastic GameSalad tutorials. Be sure to also check out the following:<br /><br /><a href="http://cookbook.gamesalad.com/tutorials">http://cookbook.gamesalad.com/tutorials </a><br /><br /><a href="http://gshelper.com/">http://gshelper.com</a><br />Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-26237753415127097662012-10-09T13:36:00.006-04:002012-10-09T13:36:59.582-04:0002 GameSalad - Image Preparation in Photoshop<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/1NT_0z7Shi8" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-66245805610506175912012-10-09T13:36:00.003-04:002012-10-09T13:36:29.813-04:0003 GameSalad - Assets and Instances<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/CotB92xrdJ8" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-22277768617795693122012-10-09T13:36:00.001-04:002012-10-09T13:36:01.715-04:0004 GameSalad - Scene Navigation<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/EMZi5KO6lhI" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-20381667676806869542012-10-09T13:35:00.003-04:002012-10-09T13:35:35.284-04:0005 GameSalad - Copying and Pasting Code Blocks<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/L2u4r_dF_uE" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-8397018148631923232012-10-09T13:35:00.000-04:002012-10-09T13:35:05.410-04:0006 GameSalad - Roll Overs<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/LW-kKrS_iQg" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-48515811518842488412012-10-09T13:34:00.005-04:002012-10-09T13:34:39.944-04:00 07 GameSalad - Interpolation<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/Q57yPNS_Mx8" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-66647859127970581492012-10-09T13:34:00.001-04:002012-10-09T13:34:11.455-04:0008 GameSalad - Setting Up Rotation Point in Photoshop<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/wgvj-RRi4V8" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-11904752348061480302012-10-09T13:33:00.005-04:002012-10-09T13:33:32.402-04:0009 GameSalad - Timers and Random Math<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/TaqBgHVJS4E" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com1tag:blogger.com,1999:blog-6546032876082425194.post-82890360732170487112012-10-09T13:33:00.001-04:002012-10-09T13:33:02.925-04:0010 GameSalad - Timer Example<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/J3hSdLj7SqI" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0tag:blogger.com,1999:blog-6546032876082425194.post-33680563930104550022012-10-09T13:32:00.002-04:002012-10-09T13:32:30.437-04:00 11 GameSalad - Animation<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/L0Idv7EY0NM" width="640"></iframe>Heather Freemanhttp://www.blogger.com/profile/05451348082778439384noreply@blogger.com0