tag:blogger.com,1999:blog-29157813327887669162024-03-13T05:59:13.977-07:00Jack Brough Print to PixelJack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.comBlogger20125tag:blogger.com,1999:blog-2915781332788766916.post-22858582119750307262011-05-05T15:25:00.000-07:002011-05-05T15:25:01.882-07:00FINAL ANIMATION VIDEO<div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/okbLJ-JrrLw?feature=player_embedded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here Is my final cut for my cell animation it run at at 12 frames per second for 33.5 seconds consisting of 402 separate JPEG images. Here I have added in the 3.5 second end credits and cut my song in audacity this lets me cut the music exactly to 33.5 second and also I can use effects tools to add a fade out so the music towards the end help with the story of the lost lonely UFO after its lost the signals and the Signals start over again sending radio waves into nothingness. I think this helps to make the animation not just visually but audioly sound more professional.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-bgIR9rockIE/TcMfhXCPv9I/AAAAAAAAAS0/4h6I3PLwSzU/s1600/Picture+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://2.bp.blogspot.com/-bgIR9rockIE/TcMfhXCPv9I/AAAAAAAAAS0/4h6I3PLwSzU/s400/Picture+1.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-xKuWFaDv-9s/TcMfj4QpbHI/AAAAAAAAAS4/Uxe962vnDZo/s1600/Picture+18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/-xKuWFaDv-9s/TcMfj4QpbHI/AAAAAAAAAS4/Uxe962vnDZo/s400/Picture+18.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">In this project I have learnt many new skills as I have never done any sort of animation work before. I learn how mamny frames it takes to make an image seem like its moving with out seeing individual images, I also learnt how to animate the film in after effects to make the images play as continuous footage. I also learnt hot to cut and make audio tracks. </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Im really happy with the out come of my first ever animation as I have never worked in this field before. I like the effect the rayograms have given the animation and it helped tie into my Sci-Fi theme of space, time and UFO's as the black white and grays give a ghostly spacey feel to the whole animation. The only down side I found of using rayograms was that I found it restricting into what I could or couldn't to for each scene, also the out comes of rayograms is very hit or miss with having to time each image and exposure just right to get the perfect image. Also Another down side to doing cell animation and separate images is that I havent been able to use many of the effects and tools in After Effects. But all in all I feel from the very start I have followed from my mood boards and 3 words to sum up my song Time, Travel, and Space., have all linked in really well to my final out comes and i'm really pleased with my Final Video for this project.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-7072091125711487102011-05-05T15:03:00.000-07:002011-05-05T15:03:56.525-07:00End Credits<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">For the end credits I made "Animation by Jack Brough" look as though its flying out of the earth and keep getting larger and larger as thought its coming towards the screen as though its 3D.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-llR1MLCg8mU/TcMblZwXzdI/AAAAAAAAASc/d7Co56dElbI/s1600/Picture+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/-llR1MLCg8mU/TcMblZwXzdI/AAAAAAAAASc/d7Co56dElbI/s400/Picture+5.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-tzFNIeUZo8U/TcMbo1VybxI/AAAAAAAAASg/yhkusHPvQjo/s1600/Picture+7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://3.bp.blogspot.com/-tzFNIeUZo8U/TcMbo1VybxI/AAAAAAAAASg/yhkusHPvQjo/s400/Picture+7.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-lsfHO3z031Q/TcMbsqtytGI/AAAAAAAAASk/G9FFlyFfCGg/s1600/Picture+8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://3.bp.blogspot.com/-lsfHO3z031Q/TcMbsqtytGI/AAAAAAAAASk/G9FFlyFfCGg/s400/Picture+8.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-h5j6fAQCdus/TcMbwmshAUI/AAAAAAAAASo/XiXt3s-6YaM/s1600/Picture+9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://3.bp.blogspot.com/-h5j6fAQCdus/TcMbwmshAUI/AAAAAAAAASo/XiXt3s-6YaM/s400/Picture+9.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-eikZYGJc9hs/TcMb0jvOzxI/AAAAAAAAASs/PP3g1imDRL0/s1600/Picture+10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://2.bp.blogspot.com/-eikZYGJc9hs/TcMb0jvOzxI/AAAAAAAAASs/PP3g1imDRL0/s400/Picture+10.png" width="400" /></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here Its got to the point where I couldnt actually make the text size any bigger in Photoshop so I made the the text more see through by changing the opacity of the text to make it fade out so it looks like its gone through the camera </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-mwtlW7_rg4g/TcMb4hBV7DI/AAAAAAAAASw/_L4R5FQfykA/s1600/Picture+11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://4.bp.blogspot.com/-mwtlW7_rg4g/TcMb4hBV7DI/AAAAAAAAASw/_L4R5FQfykA/s400/Picture+11.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dwDEr8_3HebkDrzweWi703rBTIP8vajRU07Fr6g5RG7MNTlWgqgB9ygGhnZmoMySlZxe06JyCak3YfUhvbrMQ' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: center;"><br />
</div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-51300380942775848142011-05-05T14:47:00.000-07:002011-05-05T14:47:53.296-07:0019 - 30 seconds final animation<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">To make the final 11 seconds of the animation I played all of the previous scenes in reverse apart form the UFO reading the numbers and radio signals I changed this to the UFO flying into the lonely empty galaxy swirl to find there was no signal any more and it was back to loneliness. </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">To create the final animation I used after effect to do this. I started a new composition which I changed the time duration of my going to composition > composition settings > duration. I changed this to 30 seconds for my animation.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-Pry-mZa_Jxc/TcMYYGZ7VQI/AAAAAAAAASI/13MJupFrRqw/s1600/Picture+13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://1.bp.blogspot.com/-Pry-mZa_Jxc/TcMYYGZ7VQI/AAAAAAAAASI/13MJupFrRqw/s400/Picture+13.png" width="400" /></span></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-GjwqBH6W7w0/TcMYahItkpI/AAAAAAAAASM/YYmo-cYwogg/s1600/Picture+14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://4.bp.blogspot.com/-GjwqBH6W7w0/TcMYahItkpI/AAAAAAAAASM/YYmo-cYwogg/s400/Picture+14.png" width="400" /></span></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-POBTHauwT5k/TcMYdX2QPrI/AAAAAAAAASQ/-o6XnIGpKeo/s1600/Picture+15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://3.bp.blogspot.com/-POBTHauwT5k/TcMYdX2QPrI/AAAAAAAAASQ/-o6XnIGpKeo/s400/Picture+15.png" width="400" /></span></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">To change The frame rate to 12 frames per second I right clicked on the folder with all the images on and when Interpret footage > Main > Frames. I then changed it from 30 frames per second to 12. This allows the footage to fit the duration of the film properly. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-FlYZtdJPcRY/TcMYhhBISdI/AAAAAAAAASU/sb9TXuabdys/s1600/Picture+16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://4.bp.blogspot.com/-FlYZtdJPcRY/TcMYhhBISdI/AAAAAAAAASU/sb9TXuabdys/s400/Picture+16.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-rUfkDqxa56A/TcMYkmLxjMI/AAAAAAAAASY/ohZMaTEbSJs/s1600/Picture+17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://4.bp.blogspot.com/-rUfkDqxa56A/TcMYkmLxjMI/AAAAAAAAASY/ohZMaTEbSJs/s400/Picture+17.png" width="400" /></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">This is the first video I made with the music with the animation as a whole. In this I decided I needed a few more end credits and and the music sounds odd as it just stops dead so needs to fade away more. </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/y-Yzewyr_dg/0.jpg"><param name="movie" value="http://www.youtube.com/v/y-Yzewyr_dg&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><embed width="320" height="266" src="http://www.youtube.com/v/y-Yzewyr_dg&fs=1&source=uds" type="application/x-shockwave-flash"></embed></object></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-82099282220158334572011-05-05T13:57:00.000-07:002011-05-05T13:57:32.145-07:0015.5 - 19 seconds image development for final animation<div class="separator" style="clear: both; text-align: center;"></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">I now want the UFO look like its visiting earth where the signals had come from and want to make it look as though its flying in and out and around the earth exploring. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-hEhCibFU1aQ/TcMN3HUo-PI/AAAAAAAAAR0/FyAEAVm2mz8/s1600/Picture+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://4.bp.blogspot.com/-hEhCibFU1aQ/TcMN3HUo-PI/AAAAAAAAAR0/FyAEAVm2mz8/s400/Picture+4.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-7rdGpkssEWw/TcMN8IlPiSI/AAAAAAAAAR4/nezfIsjCd5c/s1600/Picture+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://2.bp.blogspot.com/-7rdGpkssEWw/TcMN8IlPiSI/AAAAAAAAAR4/nezfIsjCd5c/s400/Picture+5.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-BS-wq54wPeI/TcMOBAUD6yI/AAAAAAAAAR8/YuE6YnxK7nQ/s1600/Picture+7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://4.bp.blogspot.com/-BS-wq54wPeI/TcMOBAUD6yI/AAAAAAAAAR8/YuE6YnxK7nQ/s400/Picture+7.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-7l1dRLetbbg/TcMOGYxsSaI/AAAAAAAAASA/TCUtasIXPek/s1600/Picture+8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://3.bp.blogspot.com/-7l1dRLetbbg/TcMOGYxsSaI/AAAAAAAAASA/TCUtasIXPek/s400/Picture+8.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-exrfNxjwB2Q/TcMOLmsv53I/AAAAAAAAASE/9UwhSquMVmo/s1600/Picture+9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://4.bp.blogspot.com/-exrfNxjwB2Q/TcMOLmsv53I/AAAAAAAAASE/9UwhSquMVmo/s400/Picture+9.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">To make It look convincing that the UFO is flying around earth and flying in and out I had to make the UFO change scale as it flew into the earth and then as it came back out gradually enlarge it. </span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dxAmmmeDkp0V-ymneNnD9CEg4ParC-E-RueKp1hxUPCI2-NHxuiAxyrzBiDE3KfqY9a2PsYHFi1jLlAOaJS' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-3462816699212847382011-05-05T13:43:00.000-07:002011-05-05T13:43:45.289-07:0010.5- 15.5 seconds images development for final aniamtion<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">To make the UFO look like its flying through space I took a rayogram of stars in space and canned it in. to make the image bigger and longer so it could continuously be dragged across the frame to make it look like its moving through space. I did this by keep rotating the image by 180 degrees and laying them on top of each image and then using the clone tool again to blend the lines so you cant tell its 4 separate images. </span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-Vxh63GADwoI/TcMI5a5uKyI/AAAAAAAAARs/IqKz9Xnsu9c/s1600/space.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="85" src="http://3.bp.blogspot.com/-Vxh63GADwoI/TcMI5a5uKyI/AAAAAAAAARs/IqKz9Xnsu9c/s400/space.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">I next took the image of the UFO that I cut out of the galaxy swirl using the magnetic select tool. I then gradually dragged this though the frame from the right side to the centre. I then made this bob up and down to the music. </span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-7Djy59qX7M4/TcMH53iJ8fI/AAAAAAAAARU/E2kjI_ytp2w/s1600/Picture+17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://2.bp.blogspot.com/-7Djy59qX7M4/TcMH53iJ8fI/AAAAAAAAARU/E2kjI_ytp2w/s400/Picture+17.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-mS9LoO2Z8U8/TcMH-kK53lI/AAAAAAAAARY/CfE-ac6p-uM/s1600/Picture+19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://2.bp.blogspot.com/-mS9LoO2Z8U8/TcMH-kK53lI/AAAAAAAAARY/CfE-ac6p-uM/s400/Picture+19.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-XZmtzj8_D6U/TcMIEMWJC0I/AAAAAAAAARc/AyEX3ySVJcY/s1600/Picture+20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/-XZmtzj8_D6U/TcMIEMWJC0I/AAAAAAAAARc/AyEX3ySVJcY/s400/Picture+20.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-iRQYHRIFdgU/TcMIJ4FCdgI/AAAAAAAAARg/wu6Bs9n2T5Y/s1600/Picture+21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/-iRQYHRIFdgU/TcMIJ4FCdgI/AAAAAAAAARg/wu6Bs9n2T5Y/s400/Picture+21.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-6bEA4JM--BA/TcMIOwuLifI/AAAAAAAAARk/84Ff5-dl_HQ/s1600/Picture+22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/-6bEA4JM--BA/TcMIOwuLifI/AAAAAAAAARk/84Ff5-dl_HQ/s400/Picture+22.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-jZaqwuP4Q3o/TcMITs_ZfWI/AAAAAAAAARo/BQb8z2JS3eI/s1600/Picture+24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/-jZaqwuP4Q3o/TcMITs_ZfWI/AAAAAAAAARo/BQb8z2JS3eI/s400/Picture+24.png" width="400" /></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">To make the UFO look as though it is flying off the screen again I did as I did in the previous scene by making it fly downward in a curved arch and the gradually off screen.</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">This is what 66 images played at 12 frames per second looks like for this scene. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dxPgUJHjCw3quB7QdNP_PfOUYAVn3Dqp_cGi927IYu3hddjv4L9th9jl1FLGfkO8a3YhZBMyRe66ouIwoZZ0Q' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div><div style="text-align: center;"><br />
</div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-64994911706320357892011-05-05T13:15:00.000-07:002011-05-05T13:15:19.642-07:005-10.5 seconds image development for final animation<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">First I got my rayogram image and scanned it into the computer. I then just altered the levels of the black and white to make the galaxy swirl darker and the space shit lighter. I did this my going to adjustments > levels.</span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-l06ztjCdCJY/TcL9ks0R3oI/AAAAAAAAAQc/jFoyaCQzFyc/s1600/Picture+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://1.bp.blogspot.com/-l06ztjCdCJY/TcL9ks0R3oI/AAAAAAAAAQc/jFoyaCQzFyc/s400/Picture+4.png" width="400" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-kFKjajIcYkU/TcL9sTEyy6I/AAAAAAAAAQg/UsDi2PKuNKg/s1600/Picture+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://1.bp.blogspot.com/-kFKjajIcYkU/TcL9sTEyy6I/AAAAAAAAAQg/UsDi2PKuNKg/s400/Picture+5.png" width="400" /></span></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Next I got the image of numbers rayogram fand scanned it in as well. I altered this in photoshop as well by selecting parts of the numbers with the magic want tool and copying them across to make the length of the lines longer. I did this so all the numbers would flow through the galaxy swirl without seeing any edges. </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-goH9M61NRR8/TcL9z-fbKwI/AAAAAAAAAQk/TXGM8ATKiWc/s1600/Picture+7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://2.bp.blogspot.com/-goH9M61NRR8/TcL9z-fbKwI/AAAAAAAAAQk/TXGM8ATKiWc/s400/Picture+7.png" width="400" /></span></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-nxjDBh_RbDI/TcL97BOIouI/AAAAAAAAAQo/npHME91dthA/s1600/Picture+8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://2.bp.blogspot.com/-nxjDBh_RbDI/TcL97BOIouI/AAAAAAAAAQo/npHME91dthA/s400/Picture+8.png" width="400" /></span></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">So the numbers image would be visible through the galaxy swirl i had to put on a layer blend onto the image. You do this in a drop down menu I selected screen wash as it didn't make image to dark or to light and gave a ghostly feel to images. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-mF1LcFFYbP0/TcL-CwISdNI/AAAAAAAAAQs/qG9enkdS_kY/s1600/Picture+9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://3.bp.blogspot.com/-mF1LcFFYbP0/TcL-CwISdNI/AAAAAAAAAQs/qG9enkdS_kY/s400/Picture+9.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-ViWVfejLyAM/TcL-KXQ_C3I/AAAAAAAAAQw/AGjv92yIzHU/s1600/Picture+10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://4.bp.blogspot.com/-ViWVfejLyAM/TcL-KXQ_C3I/AAAAAAAAAQw/AGjv92yIzHU/s400/Picture+10.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-uH96tWkjttg/TcL-Rvs_ZeI/AAAAAAAAAQ0/ZZjdtOBFf5I/s1600/Picture+11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/-uH96tWkjttg/TcL-Rvs_ZeI/AAAAAAAAAQ0/ZZjdtOBFf5I/s400/Picture+11.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-DGO_wqJ69fU/TcL-Y-gsZyI/AAAAAAAAAQ4/sVMB90y39Kw/s1600/Picture+12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://3.bp.blogspot.com/-DGO_wqJ69fU/TcL-Y-gsZyI/AAAAAAAAAQ4/sVMB90y39Kw/s400/Picture+12.png" width="400" /></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Then through 24 images which last 2 seconds I slowly drag the number image through the UFO and galaxy swirl to make it look as though the UFO is decoding the radio signals and its reading them raining through the galaxy. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-VTpPnMWsdQ8/TcL-gFvArXI/AAAAAAAAAQ8/EYt1C1jjas0/s1600/Picture+13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://4.bp.blogspot.com/-VTpPnMWsdQ8/TcL-gFvArXI/AAAAAAAAAQ8/EYt1C1jjas0/s400/Picture+13.png" width="400" /></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">New matrix style rayogram. I had to have this inverted thought to make it work to be visible through the UFO galaxy swirl </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-YrdE1phuAwE/TcMExU37UNI/AAAAAAAAARQ/oa-wvclq_Zs/s1600/Picture+18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/-YrdE1phuAwE/TcMExU37UNI/AAAAAAAAARQ/oa-wvclq_Zs/s400/Picture+18.png" width="400" /></a></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-MZaeitWHxyw/TcL-nQDJHCI/AAAAAAAAARA/ijdE4zU-wg0/s1600/Picture+14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://3.bp.blogspot.com/-MZaeitWHxyw/TcL-nQDJHCI/AAAAAAAAARA/ijdE4zU-wg0/s400/Picture+14.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-jMoBfd_gslk/TcL-vW9AeaI/AAAAAAAAARE/KGNQxnU3Ejw/s1600/Picture+15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://4.bp.blogspot.com/-jMoBfd_gslk/TcL-vW9AeaI/AAAAAAAAARE/KGNQxnU3Ejw/s400/Picture+15.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-xFQM5U5r4CY/TcL-2oro7_I/AAAAAAAAARI/1AkKTWYZctM/s1600/Picture+15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://4.bp.blogspot.com/-xFQM5U5r4CY/TcL-2oro7_I/AAAAAAAAARI/1AkKTWYZctM/s400/Picture+15.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-dS1VOIwNI5Y/TcL--Fmr7MI/AAAAAAAAARM/vHHBHS7iSe0/s1600/Picture+16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://2.bp.blogspot.com/-dS1VOIwNI5Y/TcL--Fmr7MI/AAAAAAAAARM/vHHBHS7iSe0/s400/Picture+16.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">After 24 images the next 42 images which last for 3.5 seconds played at 12 frames per second I change the types of numbers raining down to a more matrix style number rain. i always change the direction in which the numbers are falling. again to give the illusion the numbers and falling and the UFO are readin them I slowly drag through the numbers through the UFO image with a screen layer blend on it. </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">in the final 0.5 seconds I make the UFO fly out of the galaxy following where the radio waves signals had come from. i did this by using the magnetic select tool to draw around the UFO and copied it onto a new later. and the just cloured in the hole left by the UFO using the clone stamp tool. to make the UFO look like its flying I just moved it down though each frame flying in a curve making it disappear off screen.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dxLPhHs4q5dUQiuX7xdbIsFbAtNpxH5hoSPmpkl7TSIGjkNsbFJq_5zB_JMDW4oeOvfXjxDtctGiIXeP9hiOQ' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-54425416338578919832011-05-05T12:18:00.001-07:002011-05-05T12:18:18.405-07:002-5 Seconds image development for final aniamtion<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Sticking to the same A5 size canvas as before in the previous 12 image for the first 1 second of footage. I changed the background colour to 100% black to give the illusion of space and nothingness.</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span> </div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">I then used an image of the earth from the internet: </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">OMA. (05/10/07).</span></i></span><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> </span></i></span><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">The World.</span></i></span><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> </span></i></span><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Available: http://www.eikongraphia.com/?p=1499. Last accessed 5th May 2011.</span></i></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span> </i></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">I centered this in the middle of the page to make it look more isolated in the middle of space not near anything. I purposely didn't put any stars or anything behind or around it as again it gives more to the illusion of nothingness and isolation in space.</span></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span> </div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-XOTqMJfTO3I/TcLvQXJ3K5I/AAAAAAAAAP8/oe78LWgPe_A/s1600/Picture+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://4.bp.blogspot.com/-XOTqMJfTO3I/TcLvQXJ3K5I/AAAAAAAAAP8/oe78LWgPe_A/s400/Picture+3.png" width="400" /></span></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-Hsd4KY10G9g/TcLvVnotTOI/AAAAAAAAAQA/XtoXazWl_s0/s1600/Picture+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://4.bp.blogspot.com/-Hsd4KY10G9g/TcLvVnotTOI/AAAAAAAAAQA/XtoXazWl_s0/s400/Picture+4.png" width="400" /></span></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">The next stage was to add in the radio waves from the first 12 images and start sliding it in from the side so on each image in this sequence i moved the radio waves further wand further in. This gives an illusion that the signals are flying through space to far off galaxies.</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span> <br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-BWpDguOO0Qc/TcLvay_45xI/AAAAAAAAAQE/Z2rVwRXjJbw/s1600/Picture+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://4.bp.blogspot.com/-BWpDguOO0Qc/TcLvay_45xI/AAAAAAAAAQE/Z2rVwRXjJbw/s400/Picture+5.png" width="400" /></span></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Another wave I gave the illusion or the radio waves flying our from earth and flying through space is by adding rings getting larger and larger on each image adding one more onto each image. This gives and Illusion that the signal is pulsing out of earth. </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-OfbnLH2CyqE/TcLvgwykRPI/AAAAAAAAAQI/dEp1U-ba_AY/s1600/Picture+7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://4.bp.blogspot.com/-OfbnLH2CyqE/TcLvgwykRPI/AAAAAAAAAQI/dEp1U-ba_AY/s400/Picture+7.png" width="400" /></span></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-UIlzN0s8SDM/TcLvmLx0xyI/AAAAAAAAAQM/iX-oBvUdQck/s1600/Picture+8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://1.bp.blogspot.com/-UIlzN0s8SDM/TcLvmLx0xyI/AAAAAAAAAQM/iX-oBvUdQck/s400/Picture+8.png" width="400" /></span></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">To make the rings to look like they are pulsing they go 12 rings out and then 12 rings back into earth and this is repeated through out. </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-taeZ1qhsbco/TcLvsNKABqI/AAAAAAAAAQQ/zbn18KCuTQQ/s1600/Picture+9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://3.bp.blogspot.com/-taeZ1qhsbco/TcLvsNKABqI/AAAAAAAAAQQ/zbn18KCuTQQ/s400/Picture+9.png" width="400" /></span></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-oOMxaG2gAyE/TcLvxlkqCMI/AAAAAAAAAQU/HKbeQO89BHI/s1600/Picture+10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://1.bp.blogspot.com/-oOMxaG2gAyE/TcLvxlkqCMI/AAAAAAAAAQU/HKbeQO89BHI/s400/Picture+10.png" width="400" /></span></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-Wn5uW4UooGY/TcLv3OEN5vI/AAAAAAAAAQY/UpfED1j4B9k/s1600/Picture+11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://4.bp.blogspot.com/-Wn5uW4UooGY/TcLv3OEN5vI/AAAAAAAAAQY/UpfED1j4B9k/s400/Picture+11.png" width="400" /></span></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">one final effect I used to make the radio waves look like they are pulsing through space is by making them flash I did this by just adding and removing the view of the layer on separate images so its on in the first image off in the second back on in the third and so on...</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">This is how the 48 images look as a sequence which last for 4 seconds played at 12 frames per second. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dzfyUZhCSJnA9iYSuochiPC6AVDZabPQPKV7Sjw_OGyoqm56Q0yG3xmGmoMLftodN_bPynSymEFo6uX7b1fpg' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div><div style="text-align: center;"><br />
</div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-67358356443041030492011-05-05T11:30:00.000-07:002011-05-05T11:32:15.612-07:00Image development for final animation<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">First I took a scanned image of a rayogram i had created and opened it in photoshop on a A5 size art board. I changed the size of the image from 300 dpi to 72 dpi (dots per inch). I did this by going image>image size.</span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-FC9rsya6vGY/TcLRGLvC37I/AAAAAAAAAPY/bg42KF1sg8g/s1600/Picture+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://1.bp.blogspot.com/-FC9rsya6vGY/TcLRGLvC37I/AAAAAAAAAPY/bg42KF1sg8g/s400/Picture+2.png" width="400" /></span></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">I positioned the rayogram on them bottom right hand corner and used the clone stamp tool to copy the grey background behind the satellite. the clone stamp tool works by finding the area you wish to repeat and copy then whilst hovering the mouse over it alt>left click to select it. Then use it like a paint brush just remembering to keep selecting the grey areas. </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-jVLp3sg-b2M/TcLRMrXJ8OI/AAAAAAAAAPc/_qt2J0mxX7M/s1600/Picture+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://2.bp.blogspot.com/-jVLp3sg-b2M/TcLRMrXJ8OI/AAAAAAAAAPc/_qt2J0mxX7M/s400/Picture+3.png" width="400" /></span></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-k7s2Y24pg8o/TcLRT_RyeRI/AAAAAAAAAPg/qNEO1NT9anQ/s1600/Picture+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://2.bp.blogspot.com/-k7s2Y24pg8o/TcLRT_RyeRI/AAAAAAAAAPg/qNEO1NT9anQ/s400/Picture+5.png" width="400" /></span></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Once I had coloured the background. I placed an image of a radio wave from the internet:</span><br />
<span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">BEEZLEY, Brain. (18/12/10).</span></i></span><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> </span></i></span><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Postdetection Filter for HD Radio Signals.</span></i></span><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Available: http://www.ham-radio.com/k6sti/ibocfltr.htm. Last accessed</span></i></span><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> </span></i></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-jJT6UGHJpOs/TcLRb5rXU1I/AAAAAAAAAPk/-Cr4No59VHo/s1600/Picture+6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://1.bp.blogspot.com/-jJT6UGHJpOs/TcLRb5rXU1I/AAAAAAAAAPk/-Cr4No59VHo/s400/Picture+6.png" width="400" /></span></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">I then used the magic wond tool to select the out line of the radio waves, this only selected a section so I selected the rest by going to Select on the tool menu > select similar which highlights all the similar areas that had already been highlighted. </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-LWxpiiqih08/TcLRjR0l4HI/AAAAAAAAAPo/uQl8U77UX-M/s1600/Picture+7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="250" src="http://2.bp.blogspot.com/-LWxpiiqih08/TcLRjR0l4HI/AAAAAAAAAPo/uQl8U77UX-M/s400/Picture+7.png" width="400" /></span></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">I then copied this onto a new layer but the outline was still green. So I re-highlighted the waves using the magic wond tool and changed the colour by going to Edit on the tool bar > fill > colour and then selecting white. This ties into my black and white rayogram themed movie. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-TSTJucwykaA/TcLRqrw1ZbI/AAAAAAAAAPs/mm49FZxn6Cc/s1600/Picture+8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://3.bp.blogspot.com/-TSTJucwykaA/TcLRqrw1ZbI/AAAAAAAAAPs/mm49FZxn6Cc/s400/Picture+8.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-HecAThtukM8/TcLRxJJf3YI/AAAAAAAAAPw/0VwGVGqjsmY/s1600/Picture+9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://3.bp.blogspot.com/-HecAThtukM8/TcLRxJJf3YI/AAAAAAAAAPw/0VwGVGqjsmY/s400/Picture+9.png" width="400" /></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">I then positioned the waves on my image where it would be coming out of the satellite and saved the image as a JPEG. I then did this 12 times but each times kept enlarging or shrinking the size of the image and moving and rotating it up or down. This gave the effect it was being shot out of the satellite.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-fK-jcDjyIqE/TcLR4YGb7mI/AAAAAAAAAP0/hMPeFYHo6S0/s1600/Picture+10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://2.bp.blogspot.com/-fK-jcDjyIqE/TcLR4YGb7mI/AAAAAAAAAP0/hMPeFYHo6S0/s400/Picture+10.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-pQEN7RGevfo/TcLSAHy5SZI/AAAAAAAAAP4/5QXrA8vBIqw/s1600/Picture+11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/-pQEN7RGevfo/TcLSAHy5SZI/AAAAAAAAAP4/5QXrA8vBIqw/s400/Picture+11.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">This is What the 12 images at 12 framers per second looked like in a sequence. </span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dx8FeF0kFruIKulnYbcTwe8x4eoh0Gs-y_C5tURhX17dtxlp_gxsArgY0fi4uGjCUmlsUM_I4h83xgCoRt7RA' class='b-hbp-video b-uploaded' frameborder='0'></iframe>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-7069748423087981262011-05-05T08:52:00.000-07:002011-05-05T08:52:37.986-07:00Flick book example<div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here is a video i made of my doing a flick book with a stick man cartwheeling.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/lJnV2WT7pqY?feature=player_embedded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Im not to sure how successful the animation has been you get the gist of what a flick book animation can do but it also gets increasingly more difficult to flick through as it get towards the end as pages begin to be skipped.</span></div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-34497005906418084402011-05-05T07:48:00.000-07:002011-05-05T07:49:54.334-07:00Wallace and Gromit<div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Nick park the creator of Wallace and Gromit was a graduate from Sheffield Hallam art school. He first came up with the characters whilst in art school, and came up with his first idea for the film "a grand day out". Gromit was originally a cat before being redesigned to a dog, as it would be be easier to work with a larger reaction in clay. The original script for "a grand day out " got changed as some of the characters restricted what was possible with clay. </span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here are some of the original sketches and ideas by Nick Park for the animation "The Wrong Trousers"</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-G4pYSVhnF5Q/TcKsWc5Vs_I/AAAAAAAAAPA/tKGwCWIYfcY/s1600/wallace.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/-G4pYSVhnF5Q/TcKsWc5Vs_I/AAAAAAAAAPA/tKGwCWIYfcY/s400/wallace.jpg" width="338" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">The next step in this process is to write up the story board for the animation. this is planned out by, drawing one storyboard picture for one event in the film. If one shot represents 2 or 3 shot they draw each event out onto the story board. Once the story board has been pieced together the designers pin up the story board onto the wall so they can see how the film will flow. This helps the design to understand the story and know which scene fits in where. </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-ujwJFeWEQ70/TcKv-WF30DI/AAAAAAAAAPQ/aUQrwJLFTqQ/s1600/wallace1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/-ujwJFeWEQ70/TcKv-WF30DI/AAAAAAAAAPQ/aUQrwJLFTqQ/s400/wallace1.jpg" width="341" /></a></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">After the story board comes the designing and creation of the characters. Here is how they designed and created Shaun the Sheep, step by step.</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-_2ObK3JinMU/TcKt-HgVxlI/AAAAAAAAAPI/WccAmqZrzuY/s1600/sheep.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-_2ObK3JinMU/TcKt-HgVxlI/AAAAAAAAAPI/WccAmqZrzuY/s400/sheep.jpg" width="341" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">First the make the legs for Shaun by twisting aluminum wires by pining them with pliers at one end and fitting them in a drill at the other to twist them. Next they add steel discs to the bottom of the feet to add balance and support for the model. </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Second step the head is made from "fast cast" resin and hole are drilled in for the attachment of the eyes and ears . The eyes are white glass beads and the pupils are painted on with enamel paint. </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">The Third step is to cover the metal structure with Plastazote, which is a hard foam type material. Next the body and tail are covered with a small layer of foam,finally the wrap the structure in fr fabric to give a realistic yet surreal version of a sheap. </span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-PB8mmR3OvrI/TcKt_-DeNOI/AAAAAAAAAPM/iBHgZH3floc/s1600/sheep2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://4.bp.blogspot.com/-PB8mmR3OvrI/TcKt_-DeNOI/AAAAAAAAAPM/iBHgZH3floc/s400/sheep2.jpg" width="342" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="line-height: 19px;"> Finally here is the final scenes from Wallace and Gromit "The Wrong Trousers"</span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="line-height: 19px;"><br />
</span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-xBsGdBugvI4/TcK0I-GkKxI/AAAAAAAAAPU/f7cwPFz13EA/s1600/wallace2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-xBsGdBugvI4/TcK0I-GkKxI/AAAAAAAAAPU/f7cwPFz13EA/s400/wallace2.jpg" width="342" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">LORD, peter & SIBLEY, Brian (2010). </span><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Cracking Animation</span></i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">. London: Thames & Hudson. p20-21.</span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">(CLICK ON IMAGES TO ENLARGE)</span></span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div style="text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/YsmQWU6BteY?feature=player_embedded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="line-height: 19px;"><br />
</span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-family: Times;"><br />
</span></span></div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-44848943133520638882011-05-05T06:11:00.000-07:002011-05-05T06:13:43.822-07:00The origins of animation<div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">One of the first people to try and recreate motion in images was a photographer called Eadweard Muybridge. In 1872 he produced a series of images of a man riding a horse. The images helped capture what is impossible to see with a human eye.</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/UrRUDS1xbNs?feature=player_embedded' frameborder='0'></iframe></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">before this point animation had been restricted to inventions such as;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Thaumatrope: this is a piece of card with an image draw on both sides with string at either side, when twisted fast the images seem to blend together. </span></div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/yD0ovANHdqQ?feature=player_embedded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Praxinoscope: This is a drum with images on the inside of the drum being reflected by mirrors in the centre of the drum to give the illusion of movement.</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/xOItdZOGnx8?feature=player_embedded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Zoetrope: Invented by William George Horner. The views look through slots cut into the side of the drum which is spun round quickly and a continuous strip of images is arranged inside the drum. The speed the drum is at blurs the slots into one viewing window and helped give motion to static images. </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://3.gvt0.com/vi/-3yarT_h2ws/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/-3yarT_h2ws&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><embed width="320" height="266" src="http://www.youtube.com/v/-3yarT_h2ws&fs=1&source=uds" type="application/x-shockwave-flash"></embed></object></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-h642QPdG2aE/TcKec3xw-KI/AAAAAAAAAO4/9wdnaF3RhK0/s1600/zoescope.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://4.bp.blogspot.com/-h642QPdG2aE/TcKec3xw-KI/AAAAAAAAAO4/9wdnaF3RhK0/s400/zoescope.jpg" width="345" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-8cJE9yWkl4g/TcKefWx1_bI/AAAAAAAAAO8/MLIaQqdNnGM/s1600/zoescope2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/-8cJE9yWkl4g/TcKefWx1_bI/AAAAAAAAAO8/MLIaQqdNnGM/s400/zoescope2.jpg" width="345" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div style="text-align: left;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">LORD, peter & SIBLEY, Brian (2010). </span><i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Cracking Animation</span></i><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">. London: Thames & Hudson. p20-21.</span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here is 2 pages from the book Cracking animation by Peter Lord & Brian Sibley. Here they are explaining all the different types of motion animation inventions prior to Eadweard Muybridge's 1872 photo sequence of the horse. (CLICK PAGE IMAGES TO ENLARGE TO READ)</span></span></div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-41319192277075671692011-05-04T19:21:00.000-07:002011-05-04T19:21:04.192-07:00Cell animation example and character development<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here I have draw my character for my cell animation. I chose a none complex design as i didnt want to make cell animation to complex at this stage. It also helped to keep the character simple so he looks the same in every scene though out. </span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-libVg0L115g/TcIGIXavqxI/AAAAAAAAAOU/kXdlibHeNy4/s1600/Rabbit.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-libVg0L115g/TcIGIXavqxI/AAAAAAAAAOU/kXdlibHeNy4/s320/Rabbit.jpg" width="224" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here Is a preposed scene for my call animation. The original script was the rabbit will walk down the road, and the sponge gets up and shoots the rabbit. But i decided this is to complex at this stage as I've never done cell animation before. </span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-BOEsV_6hydI/TcIGKWarZvI/AAAAAAAAAOY/ebPOFj9GBGo/s1600/rabbit+develop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="http://1.bp.blogspot.com/-BOEsV_6hydI/TcIGKWarZvI/AAAAAAAAAOY/ebPOFj9GBGo/s320/rabbit+develop.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Next I developed by character from a front view to a side on view as I needed to be able to draw the rabbit playing basket balls. </span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-rjgXGYo9ExQ/TcIGNLS2XWI/AAAAAAAAAOc/_nKRgTrSbyA/s1600/rabbit2+develop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="http://1.bp.blogspot.com/-rjgXGYo9ExQ/TcIGNLS2XWI/AAAAAAAAAOc/_nKRgTrSbyA/s320/rabbit2+develop.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here are the first 6 frames of the cell animation this running at 12 frames per seconds would give a total of 0.5 seconds worth of footage. Cell animation works by drawing your character in one frame, then in the next move the character on a bit in a new frame, then move it on again in the third frame and so on. This gives the the illusion of movement when played at a high speed in a sequence.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-y3LQBVkhMZo/TcIIRynFVCI/AAAAAAAAAOg/canvYEoRmKM/s1600/001r.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="http://1.bp.blogspot.com/-y3LQBVkhMZo/TcIIRynFVCI/AAAAAAAAAOg/canvYEoRmKM/s320/001r.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-RX-u-H799SM/TcIITnzHQrI/AAAAAAAAAOk/aVXEbbR7ETc/s1600/002r.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="233" src="http://1.bp.blogspot.com/-RX-u-H799SM/TcIITnzHQrI/AAAAAAAAAOk/aVXEbbR7ETc/s320/002r.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-OYIYv9C4rr0/TcIIVPMMtCI/AAAAAAAAAOo/M3qs47BSqic/s1600/003r.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="http://3.bp.blogspot.com/-OYIYv9C4rr0/TcIIVPMMtCI/AAAAAAAAAOo/M3qs47BSqic/s320/003r.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-SIa6I5kHRd0/TcIIWqgT6cI/AAAAAAAAAOs/_x6GC0HeHrk/s1600/004r.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="http://4.bp.blogspot.com/-SIa6I5kHRd0/TcIIWqgT6cI/AAAAAAAAAOs/_x6GC0HeHrk/s320/004r.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-bSo9nNjbBcU/TcIIYUoJ0pI/AAAAAAAAAOw/AeLqp-JVbMU/s1600/005r.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="http://1.bp.blogspot.com/-bSo9nNjbBcU/TcIIYUoJ0pI/AAAAAAAAAOw/AeLqp-JVbMU/s320/005r.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-QSMqnh78ZnE/TcIIalBNR9I/AAAAAAAAAO0/3hill94ACDE/s1600/006r.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="http://2.bp.blogspot.com/-QSMqnh78ZnE/TcIIalBNR9I/AAAAAAAAAO0/3hill94ACDE/s320/006r.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: left;">This is My finished cell animation. It consists of 24 frames running at 12 frames per second, so the animation last for 2 seconds. </div><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/TmC04ATHlxo?feature=player_embedded' frameborder='0'></iframe>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com1tag:blogger.com,1999:blog-2915781332788766916.post-82308802799754713082011-04-10T22:07:00.000-07:002011-04-10T22:07:35.695-07:00My Animation Story Board<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">My story is of earth sending out radio waves from satellites which travel through space to far off galaxies trying to find life. The radio waves read a UFO in one galaxy and is read and converted into number codes. The UFO travels to earth to find life o a new planet after thinking it too was alone. After visiting Earth he flies back to his galaxy to tell of his adventure but when he returns the radio waves had disappeared and he couldnt find his way back. the earth Satellites try to send them the radio waves back but it just travels through empty space again. </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">The animation will last 30 seconds long at 12 frames per second. I will use stop motion techniques to produce it. The media it will be made from will be wither coloured card or Rayograms.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-aktZoAE1DJg/TaKGuGKX5oI/AAAAAAAAANQ/a-WVzrh3Fdg/s1600/001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="295" src="http://4.bp.blogspot.com/-aktZoAE1DJg/TaKGuGKX5oI/AAAAAAAAANQ/a-WVzrh3Fdg/s320/001.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">scene 1 is of a Satellite sending out radio waves lasting 1 second long. </span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-y2FYbDa5mOY/TaKGu2PCbGI/AAAAAAAAANU/QbkrJ1b1s6Y/s1600/002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://2.bp.blogspot.com/-y2FYbDa5mOY/TaKGu2PCbGI/AAAAAAAAANU/QbkrJ1b1s6Y/s320/002.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-33_9FMl1Gdk/TaKGvjNxbwI/AAAAAAAAANY/bM-pu9vn1Rc/s1600/003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="http://2.bp.blogspot.com/-33_9FMl1Gdk/TaKGvjNxbwI/AAAAAAAAANY/bM-pu9vn1Rc/s320/003.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Scenes 2+3 last for 4 seconds with the radio waves in space pulsing and waving lasting for 4 Seconds.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-VUlpjNMHEAI/TaKGwxibJzI/AAAAAAAAANc/S7bPCbZp0Nk/s1600/004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="294" src="http://4.bp.blogspot.com/-VUlpjNMHEAI/TaKGwxibJzI/AAAAAAAAANc/S7bPCbZp0Nk/s320/004.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-1QPnIajd4Io/TaKGx7IRmyI/AAAAAAAAANg/r_EZltfd0BE/s1600/005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="http://1.bp.blogspot.com/-1QPnIajd4Io/TaKGx7IRmyI/AAAAAAAAANg/r_EZltfd0BE/s320/005.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Scenes 4+5 are of the UFO in a far off galaxy receiving the radio waves and reading them in numbers raining and flying around through the galaxy scenes last for 5 Seconds.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-HuR30LpWmRI/TaKG0hgFaQI/AAAAAAAAANk/LLIdioOoJbo/s1600/006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="294" src="http://4.bp.blogspot.com/-HuR30LpWmRI/TaKG0hgFaQI/AAAAAAAAANk/LLIdioOoJbo/s320/006.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-oBxMcuop_r4/TaKG1Uz9lwI/AAAAAAAAANo/tYdTZHDFmJg/s1600/007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="http://1.bp.blogspot.com/-oBxMcuop_r4/TaKG1Uz9lwI/AAAAAAAAANo/tYdTZHDFmJg/s320/007.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-o_-hkT0Kh2g/TaKG2h5pfAI/AAAAAAAAANs/WcTB7kCJ4B4/s1600/008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="294" src="http://3.bp.blogspot.com/-o_-hkT0Kh2g/TaKG2h5pfAI/AAAAAAAAANs/WcTB7kCJ4B4/s320/008.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Scenes 6+7+8 is of the UFO's journey through space to earth lasting 7 Seconds.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-hDzGh1eYVBM/TaKG3nZ54EI/AAAAAAAAANw/j0VH5Ls2evU/s1600/009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="301" src="http://3.bp.blogspot.com/-hDzGh1eYVBM/TaKG3nZ54EI/AAAAAAAAANw/j0VH5Ls2evU/s320/009.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-otIHSnuIQCo/TaKG48zRVJI/AAAAAAAAAN0/2sQ51Yabgrs/s1600/010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="http://3.bp.blogspot.com/-otIHSnuIQCo/TaKG48zRVJI/AAAAAAAAAN0/2sQ51Yabgrs/s320/010.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Scenes 9+10 is of UFO flying in and out of the earth up and round as well lasting for 5 seconds.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-7_CUY7fcbgQ/TaKG6DqAf5I/AAAAAAAAAN4/SyM37kpgHeo/s1600/011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="http://1.bp.blogspot.com/-7_CUY7fcbgQ/TaKG6DqAf5I/AAAAAAAAAN4/SyM37kpgHeo/s320/011.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Scene 11 UFO travles back through space to galaxy to tell of his adventure scene is 3 seconds long. </span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-Zb3pOZSOGK8/TaKG7C7cjuI/AAAAAAAAAN8/VWq8yemKwTY/s1600/012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="http://4.bp.blogspot.com/-Zb3pOZSOGK8/TaKG7C7cjuI/AAAAAAAAAN8/VWq8yemKwTY/s320/012.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Scene 12 UFO gets back to its galaxy to tell of his journey but there or no long radio waves there any more. scene lasts 2 seconds</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-qe9nx9HroJo/TaKG8VjRw-I/AAAAAAAAAOA/Kz4BGAuLSLM/s1600/013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="294" src="http://2.bp.blogspot.com/-qe9nx9HroJo/TaKG8VjRw-I/AAAAAAAAAOA/Kz4BGAuLSLM/s320/013.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Scene 13 Earths satellite sending signals again into space lasting 2 seconds.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-TPxU4qtS7Ek/TaKG9AbokrI/AAAAAAAAAOE/Gw5ZvgLMxkE/s1600/014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="http://2.bp.blogspot.com/-TPxU4qtS7Ek/TaKG9AbokrI/AAAAAAAAAOE/Gw5ZvgLMxkE/s320/014.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Scene 14 Earths radio waves in space not being received by any one again lasting 1 seconds and is the final frame in the 30 second animation.</span></div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-55890039601765524642011-04-10T16:29:00.000-07:002011-04-10T16:29:45.187-07:00Rayograms<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: white;">Rayograms is the term used for a photographic image created without using a camera. This works by placing objects onto photographic paper and exposing them to light. Depending on how how opaque the object is depends on how many shade you get on the photo. The areas that are white receive no light the areas black got full light and then tone grey areas get tone depending on how much time in the light they receive.</span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: white;"><br />
</span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: white;">Here is a stop motion video using Rayograms by american artist called Man Ray. He is best known for his unique photograms which he made after himself as he became a pioneer in this line of work. </span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: white;">The video is called "</span></span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; line-height: 27px;"><span class="Apple-style-span" style="color: white;">Le Retour a La Raison" and was produced in 1923</span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; line-height: 27px;"><span class="Apple-style-span" style="color: white;"><br />
</span></span></div><span class="Apple-style-span" style="color: white;"><div style="text-align: center;"><span class="Apple-style-span" style="color: black; font-family: Times; line-height: normal;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/3nrGKWMaX-4?feature=player_embedded' frameborder='0'></iframe></span></div></span><br />
<div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here are my own attempt at making Rayograms in the dark photography room my self. I used mostly images printed on acetate so i could use images that tired into my sci-fi concept for my own animation.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-c02ANaPySws/TaI2s34WOEI/AAAAAAAAAMw/TXjoIRf68rM/s1600/numbers1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="http://2.bp.blogspot.com/-c02ANaPySws/TaI2s34WOEI/AAAAAAAAAMw/TXjoIRf68rM/s320/numbers1.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here this Rayogram a layer of numbers and the covered with a acetate sheet with a pokey dot pattern on it which i the exposed at intervals of 2 seconds and kept on moving the pokey dot sheet to different heights and positions. </span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-xL-jD2mmSxM/TaI2uL0MKfI/AAAAAAAAAM0/z1kBdRZp3mw/s1600/numbers2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-xL-jD2mmSxM/TaI2uL0MKfI/AAAAAAAAAM0/z1kBdRZp3mw/s1600/numbers2.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here again I used a sheet of numbers which I then covered with an image of a galaxy swirl around it to give an idea radio waves reaching other galaxies.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-3QrmUPDKZsI/TaI207xLMNI/AAAAAAAAAM4/wQVDI__7Qio/s1600/numbers3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="http://1.bp.blogspot.com/-3QrmUPDKZsI/TaI207xLMNI/AAAAAAAAAM4/wQVDI__7Qio/s320/numbers3.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here I used a sheet of numbers in a complex formation looking like its raining down this was inspired after seeing the image of the WOW Signals.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-aDXY_lZDvWA/TaI21VTabUI/AAAAAAAAAM8/6ckLxp9DX_w/s1600/numbers4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-aDXY_lZDvWA/TaI21VTabUI/AAAAAAAAAM8/6ckLxp9DX_w/s320/numbers4.jpg" width="216" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-3UmzcGL69Lc/TaI21pVAHkI/AAAAAAAAANA/RnLNuLzOnzE/s1600/SAT.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="http://1.bp.blogspot.com/-3UmzcGL69Lc/TaI21pVAHkI/AAAAAAAAANA/RnLNuLzOnzE/s320/SAT.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here I have used an image of a satellite dish as it thought it tied into my them of being lost and trying to make contact with what's out there.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-UtiQFSE1bns/TaI22FU3P-I/AAAAAAAAANE/BeDVmv6d3m4/s1600/SAT2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="221" src="http://1.bp.blogspot.com/-UtiQFSE1bns/TaI22FU3P-I/AAAAAAAAANE/BeDVmv6d3m4/s320/SAT2.jpg" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here I used the same image but again used the pokey dot sheet to cover it and held it about the image at a certain height. I feel this gives a wavy effect on the image maybe looking like radio waves.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-bytKcDdEa0g/TaI22kqSyfI/AAAAAAAAANI/77PSHufBWyI/s1600/UFO1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="http://4.bp.blogspot.com/-bytKcDdEa0g/TaI22kqSyfI/AAAAAAAAANI/77PSHufBWyI/s320/UFO1.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here is an image of a UFO possibly on its journey from the galaxy it has just left.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-MM5sCmCLp00/TaI222Hsn-I/AAAAAAAAANM/LwRALMYm9Ho/s1600/5pound.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="http://4.bp.blogspot.com/-MM5sCmCLp00/TaI222Hsn-I/AAAAAAAAANM/LwRALMYm9Ho/s320/5pound.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here was an experiment with a 5 Not I think it looks really good how you can see the hologram in the middle and the queens head on the next side.</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">I have really enjoyed the workshop on stop motion and really like some of the images I was able to make. And would consider using some of these techniques to make my final animation.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-66483700342182866662011-04-10T15:32:00.000-07:002011-04-10T15:32:57.010-07:00Michel Gondry<span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: white;">Michel Gondry Is a French born director who started by directing music videos for Bjork, Daft Punk, Chemical Brothers, Beck, Radiohead, and also The White Stripes. He has so made feature films such as "</span></span></span><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: white;">Eternal Sunshine of the Spotless Mind", and also produced commercial work for such companies as;Adidas, Air France, BMW, Coca-Cola, Fiat, levi's , nike and Polaroid Cameras</span></span></span><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: white;">. Gondry was also the pioneer of the "bullet time" technique which always thing that would normally be unrecordable slow motion and there for recordable such as a gun shot fire..He produced two Music videos for The White Stripes both times using Stop Motion techniques. here are 2 short videos on how he created the videos for; </span></span></span><br />
<span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></span><br />
<span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">"Fell in Love WIth a Girl" &</span></span><br />
<span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">"Hardest Button to Button"</span></span><br />
<span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/JzebYFxuB-A?feature=player_embedded' frameborder='0'></iframe></span></div><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/fOnBEl0x75A?feature=player_embedded' frameborder='0'></iframe></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">In the "Fell In love With a girl" video i thought i was very clever how he used actually Stop Motion lego bricks and digital animation by changing films in to digital lego pixels. </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Also In the "Hardest Button to Button" video I though how he explained how he times his Stop Motion to the music where he added and removed items was very clever.</span></div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-74478069927791727152011-04-10T14:47:00.000-07:002011-04-10T14:47:28.384-07:00Stop Motion<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Here are 3 exams of Stop Motion animation. Both of Them are by two of my favorite musicians . The First Video Is called Able/Ready by Grizzly Bear and is directed by </span><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Allison Schulnik who is an american born animator. This video is made by using plasticine models in a several different colors being moved in to new positions. </span></span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/Puph1hejMQE?feature=player_embedded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">The example of stop motion is a music video by Fleet Foxes called Mykonos and has always been my favorite Fleet Foxes' song listening to it on my ipod to sleep. I think the video for this makes your eyes just fix to the screen as its just mesmerizing. and fits with the song very well as It think it has a Native American Sound and Visual to it. Made from pieces of card in stop motion. Out of all the Stop motion videos I've watched this has been by for the most inspirational for my piece to me.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/DT-dxG4WWf4?feature=player_embedded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">The final video i found accidentally whilst search through songs of one of my favorite Musicians Kid Cudi. This is an unofficial fan Stop Motion video but was spotted by Kid Cudi on Youtube and posted on his official website.</span></div><div class="separator" style="clear: both; text-align: center;"><br />
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/SyJaPv1Ad50?feature=player_embedded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: center;"><br />
</div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-82796897605482250832011-04-10T14:31:00.000-07:002011-04-10T14:31:18.632-07:00Animation<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">So what is an animation?</span><div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">An Animation is where a series of images are is displayed at a fast rate, this gives the illusion of movement and motion from an object or drawing. There are 3 different frame frequencies used for TV and Film, 24FPS (frame per second) 25FPS and 30FPS. 25FPS is the mostly commonly used frame frequency for TV and Film but high quality films tend to use 30FPS. The least amount of frames per second you can get away with without each image being seen separately is 12 FPS, but this still gives the animation a jerky feel to it. </span></div><div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Animation techniques that can be used are;</span></div><div><ul><li><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Flip Book</span></b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> animation, an image drawn repeatedly but slightly moved each time when flicked through quickly gives the illusion of movement.</span></li>
<li><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Stop Motion </span></b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">is where there are a series of photos stills with an images slightly moving through out each one flicked through again gives an illusion of movement. </span></li>
<li><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">2D</span></b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> animation can be hand drawn or drawn on computer using vectors.</span></li>
<li><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">3D</span></b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> animation.</span></li>
</ul><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/DcHKOC64KnE?feature=player_embedded' frameborder='0'></iframe></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div></div><div><br />
</div><div><br />
</div><div><br />
</div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-43781308352594458402011-04-10T12:07:00.000-07:002011-04-10T12:07:43.955-07:00Space Themed Mood Boards<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">After noting town word that came to mind after listening to Music is Maths, I took some of the words from the list to create a mood board to see what images could be used for a space theme. This also helped me look at what colours i could possibly use as well. </span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-m5tWMvCQ9r8/TaH4gi2wZII/AAAAAAAAAMk/ikvKd11dxGw/s1600/space100.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><img border="0" height="196" src="http://4.bp.blogspot.com/-m5tWMvCQ9r8/TaH4gi2wZII/AAAAAAAAAMk/ikvKd11dxGw/s400/space100.jpg" width="400" /></span></a></div><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">From the images i can see that black, dark blue, purple and brought white can represent space. Green worked effectively representing radio waves from satellites and the green type helps it to looks more futuristic. I also used mathematic equations white could be used to read satellite waves, In this i also included the WOW signal which is the only radio wave picked up form out of space from a none human source. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-s0jOzzAyaxQ/TaH4hmy_kzI/AAAAAAAAAMo/lbTaT83o8CQ/s1600/space1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="http://2.bp.blogspot.com/-s0jOzzAyaxQ/TaH4hmy_kzI/AAAAAAAAAMo/lbTaT83o8CQ/s320/space1.jpg" width="320" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-phFqe6JD6KI/TaH4kIgrBeI/AAAAAAAAAMs/cmqzBAo1ViE/s1600/space23.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="305" src="http://1.bp.blogspot.com/-phFqe6JD6KI/TaH4kIgrBeI/AAAAAAAAAMs/cmqzBAo1ViE/s320/space23.jpg" width="320" /></a></div>Here I made the images into grey scale to see what the photos could look like as black and white negatives/ Rayograms. I still feel these work effectively but you don't get the colours alluding to space.Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-86559663841003631102011-04-10T10:19:00.000-07:002011-04-10T10:19:47.930-07:00Initial Ideas<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-6VaX9UOCcXQ/TaHlb23bYFI/AAAAAAAAAMg/bcvx0bavmN8/s1600/ideas.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="307" src="http://1.bp.blogspot.com/-6VaX9UOCcXQ/TaHlb23bYFI/AAAAAAAAAMg/bcvx0bavmN8/s320/ideas.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">These are the first words that came into my head after listening to Music is Maths a couple of times. I felt it started with a futuristic spacey feel like radio signals trying to make contact like something is lost and lonely. And then after a while when the song kicks in it feels like contact is made and a journey starts. Towards the end it feels like the person is lost again and is lonely as contact is broken. </span></div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0tag:blogger.com,1999:blog-2915781332788766916.post-7119526808955197122011-04-09T16:05:00.000-07:002011-04-09T16:05:58.999-07:00Print to Pixel<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Print to Pixel is a new module focusing on animation. We have been asked to create a short 20-30 second video using animation to a piece of given music. My song is called;</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Music Is Maths - By Boards of Canada</span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/J0IDeLrb2GU?feature=player_embedded' frameborder='0'></iframe></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">After listening to this song a few times, I am going to note down all the words that come to mind when listening to the song, I also going to jot down how the song makes you feel as you are listening to it. I will then create a mind map of ideas and a mood board.</span></div>Jack Broughhttp://www.blogger.com/profile/05258103593913348677noreply@blogger.com0