Welcome to TiddlyWiki created by Jeremy Ruston, Copyright © 2007 UnaMesa Association
We have 1 After Effects Assignment:
''An important part about audio''. If you wish to show your work on the web it is best to use your own music or music in the public domain. Youtube has audio analyzers to located copyrighted music. It then inserts an ad while playing your video. If you use audio from a movie(like talking) that usually will not get flagged.
''Proper render format'':The following image describes how to export your file from the render Que. The .h264 format is a Microsoft codec and delivers satisfactory quality in a small file size. You would want to save an uncompressed version for yourself.
''Bitrate'': You usually have to increase the bitrate, which is on the right of the .h264 tab, ''FORMAT OPTIONS''. With fast moving animation you will get motion blocking which distorts the animation. Increasing the bitrate will increase the filesize but make a much nicer render.
In After Effects:
''//Composition->Add To Render Que//''
[img[Important: Use .h264 from render que|http://facultypages.scad.edu/~dkaul/tiddly_images/ae_save_format.gif]]]
!!!!1. A Motion Graphics Movie OR A Visual Effects Movie
* A 25 second or less movie with motion graphics media. This can be animated text, or layering compositions of a photoshop image together. This will not have any video shot for the assignment; Instead you will use imagery, animations, and still images to animate with. Keep any credits under 5 Seconds. Video game footage is not useable. If you have a need for more than 25 seconds let me know. Use 1280P for (1280 * 720). Please do not go over this resolution
*Some examples you can do is to animated your logo from Illustrator. This can be an effective and achievable assignment.
*If you enjoy drawing you can animate some of your drawings.
*You can create some animated characters
*An animated text based assignment putting words to music.
[img[Click to see After Effects Examples|http://i2.ytimg.com/vi/exBOpmNMmAM/2.jpg][http://facultypages.scad.edu/~dkaul/after_effects_video.html]]
Click the above image to see examples
!!!!1. A Visual Effects Movie
*A 25 second or less Visual Effects, or special effects movie(Let me know if you have to go over). This is where you take footage of someone/something and add effects over it. Take HD resolution footage (1280 * 720). Please do not go over this resolution. Some Smartphones have this ability, such as a Droid incredible. It is important that you shoot in 720P. Important: When shooting the video minimize camera motions. Better still is to lock off the camera with a tripod. Fast movements with an inexpensive camera degrade the video quality. With video options on still cameras the best footage will come out in daylight scenes. If you are shooting inside be sure to have enough light. Add lights if necessary to illuminate the scene. Inexpensive video cameras have a hard time shooting in dim settings. Keep in mind to keep credits under 5 Seconds. If you have a need for a longer movie you can go over.
[[Some Great tutorials from video copilot|http://www.videocopilot.net/tutorials]]
[img[Click to see After Effects Examples|http://i2.ytimg.com/vi/9n7YzPpW9-g/1.jpg][http://facultypages.scad.edu/~dkaul/after_effects_video.html]]
Click the above image to see examples
<html><img src="http://facultypages.scad.edu/~dkaul/images/dave_coffee.jpg" align="left">As a 12 year old Dave Kaul wrote his first computer adventure game on a Radio Shack Computer, leading him to a life of computer graphics.
<p>
He graduated from Syracuse University in 1993 with a B.F.A. in Computer Graphics and an M.F.A. in Media Art from The Ohio State University.</p>
<p>He has interned at George Lucas’s Industrial Light and Magic, worked at Oscar Winning Metrolight Studios, animated/designed at Fisher-Price and is currently a professor of Visual Effects at The Savannah College of Art And Design.</p>
<p>Dave has worked on a Dodge commercial that premiered at the 1995 Superbowl and was a key designer on the Mask CDROM. Dave was also a digital product designer and has many Fisher-Price toys to his credit, including the popular All In One adventure series.</p>
<p>Dave has lectured in Taiwan on MEL and Maya Dynamics, is a Siggraph contributor and an award winning animator. He is also a certified Autodesk instructor in Maya.</p>
In addition, Dave owned a digital media company that specialized in 3D computer generated visualization and animation services. His clients included Fisher Price, Meyer & Heitmann architects and the Savannah Airport commission. Dave brings a wealth of skill and expertise to the area of 3D visualization and guides students to achieve their maximum potential in their careers.</html>
He lives with his wife, [[Lauren Lapointe|http://laurenl.com]] and their 3 cats.
/%[img[In a Montreal Coffee Shop over Christmas Break|http://facultypages.scad.edu/~dkaul/images/dave_coffee.jpg]] %/
{{{
@@color(green):I am not sure how much Flash we will get to this quarter but I will try to get some for your websites.@@
}}}
Jump to notes for class [[1|CMPA 100: Class 1]], [[2|CMPA 100: Class 2]], [[3|CMPA 100: Class 3]], [[4|CMPA 100: Class 4]], [[5|CMPA 100: Class 5]], [[6|CMPA 100: Class 6]], [[7|CMPA 100: Class 7]], [[8|CMPA 100: Class 8]], [[9|CMPA 100: Class 9]], [[10|CMPA 100: Class 10]], [[11|CMPA 100: Class 11]], [[12|CMPA 100: Class 12]], [[13|CMPA 100: Class 13]], [[14|CMPA 100: Class 14]], [[15|CMPA 100: Class 15]], [[16|CMPA 100: Class 16]], [[17|CMPA 100: Class 17]], [[18|CMPA 100: Class 18]], [[19|CMPA 100: Class 19]], [[20|CMPA 100: Class 20]]; [[Open all in new tab|index.html#%5B%5BCMPA%20100%3A%20Class%201%5D%5D%20%5B%5BCMPA%20100%3A%20Class%202%5D%5D%20%5B%5BCMPA%20100%3A%20Class%203%5D%5D%20%5B%5BCMPA%20100%3A%20Class%204%5D%5D%20%5B%5BCMPA%20100%3A%20Class%205%5D%5D%20%5B%5BCMPA%20100%3A%20Class%206%5D%5D%20%5B%5BCMPA%20100%3A%20Class%207%5D%5D%20%5B%5BCMPA%20100%3A%20Class%208%5D%5D%20%5B%5BCMPA%20100%3A%20Class%209%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2010%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2011%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2012%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2013%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2014%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2015%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2016%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2017%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2018%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2019%5D%5D%20%5B%5BCMPA%20100%3A%20Class%2020%5D%5D]]
''To submit your files'': Files go in the class share folder using fetch using mydfs.scad.edu as the host or use myfile.scad.edu
''Important:''I will be making additions to the notes throughout the quarter so please come back here and refresh to get the most current information.
!!!![[Please read|Important CMPA 100]]
!!!!Order of software used
*[[Photoshop]]
*[[Illustrator]]
*[[InDesign(Page Layout)]]
*[[Dreamweaver]]
*[[Word:Resume]]
!!!!Project Grading
Doing a solid job and following all the technical requirements of the assignment as well as adding a certain amount of aesthetic ability will earn you an 85%. Submitting an assignment that has not been compressed properly(such as an After Effects movie of 500MB) will earn you a 0% and will need to be resubmitted. Submitting an assignment that follows the technical requirements but lacks content and/or creativity will earn you a 70%. Late assignments will be subject to a penalty of 10%, so submit every assignment on time, even if it is subpar(''You have one week to redo the assignment. However, the webpage must be completed on the last day of class and there cannot be any extension'').
To go beyond an 85% you must demonstrate a certain amount of creative or technical ability that goes above and beyond the standard requirements. That may sound confusing but hopefully you can see the student work and judge your work based on that. All of the student work on this page has received a 90% or higher.
I give a lot of artistic freedom to finish the assignments but this means I can't grade the assignment like a true/false exam. Following technical requirements is important (for instance, fading audio out at the end of a movie, so it doesn't just stop in a jarring fashion. If you have a question about a project you would like to do and are not sure how it will be graded talk to me. I will recognize work that has effort put into it even if the end result is not what you had in mind.
[[Useful software]]
''[[Important:When to use .jpg vs png vs gif, lossless vs lossy compression|http://facultypages.scad.edu/~dkaul/image_formats.html]]''
Thanks to Ken Huff, a fellow VSFX professor, for helping me discover [[TiddlyWiki|http://www.tiddlywiki.com/]]
[[Misc Stuff]]
Illustrator Creature Due
More work with Adobe InDesign. We will look at online sources of graphic design. We will begin to make our 3 page pdf/swf movie.
Some notes on InDesign:
To see if buttons are rolling over: file-export as interactive pdf
pick object-interactive-convert to button
to make rollover with different image. make a jpg. place the rollover jpg somwehere else. click on the rollover button in the button menu. paste into
!!!! [[Download a sample pdf|http://facultypages.scad.edu/~dkaul/images/sample_indesign.pdf]]
We will now go over page layout with Adobe inDesign and will look at basic text and image design using InDesign.
This will be a 3 page document much like a magazine article and will be exported as a pdf. Interactivity is optional. Interactivity can include rollovers and video.
Hotkeys- Shift-W toggles presentation mode
curves wrap text same as in Illustrator
File-Place to put images in
Type-Create outlines if you are using a font that is not standard
To use type: You must first make a shape or a path. Can use the pen tool as in Illustrator
File-New Document- make sure to have pages-facing checked off if you don't want 2 pages side by side.
To make a pdf that has 2 pages side by side, make sure you have it set like that in pages area and export pdf-print- and check spread, otherwise they will be 1,2,3 separate
Have layers like Illustrator and can make gradient backgrounds using rectangles!!!!3 Page interactive InDesign pdf due
Word: review of resumes, cover Letters and business Cards: We will look at many
examples. Look at both good and bad examples of the cover letters and resumes.
We will now be working on wordprocessing with Microsoft Word and designing resumes,
cover letters, and business cards.
!!!!Work with Website
!8 minute video I made of simple site.
http://www.youtube.com/watch?v=WwGjJYXbFG4
''We will now make a simple html rollover page:''
''Photoshop'':You will make slices of the page
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20007.png]]
And file->Save for web and devices
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20015.png]]
''Dreamweaver:''We will make a basic slice based website with rollovers. This basic site will use tables, which is an older technique but good if you need to create something quick.
In Dreamweaver make sure to use a border value of zero when making slices; Otherwise the table will not fit together.
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20006.png]]
Also, use the live update button so you can preview your work without having to preview in a browser
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20026.png]]
In Dreamweaver you link to another page here:
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20008.png]]
In Dreamweaver if using tables you can align in the center by click the table and:
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20009.png]]
In Dreamweaver you create a rollover from this menu(You have to have already saved 2 versions of the button).
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20014.png]]
Learn more web design techniques.
I want to make sure everyone is able to float their site above the background
We will be learning div tags, which are like layers in
Photoshop. Very effective. The next class we will have to have a basic website due and
uploaded to studentpages.scad.edu. Like in the first class we had.
!!!!IMPORTANT: Basic test site working DUE today online
We should all be set on how to complete a basic site. We will now focus
on making our site better and improve the functionality
Publishing to Web. We will make sure the site is organized properly to publish.
Then we will do some basic Photoshop work in class. Make Record, with grouping. Layer Masks. Adjustment layers. Using polygonal lasso and quick mask to select. Blend if to composite different sky over marsh for sky replacement. Content aware tool to fill in tugboat image. We will do a basic underwater composite and use pen tool to cut out creatures.
!!!Hotkeys/techniques
*Alt-Shift to select a circle starting at the center
*Select->modify->expand to expand selection
*Ctrl-D to deselect, ctr;-h to hide selection
*Ctrl-G to group layers. Control multiple layers as one layer.
*Q to toggle quickmask
*X to toggle between foreground and background color
!!!Class outcomes
*Learn layers in Photoshop
*Adjustment Layers
*Layer Masks
*Grouping
*Different selection methods(pen, quickmask)
Resume Due and meet at Locos
We will also do the post test. If there is time we will celebrate at [[Locos|http://www.locosgrill.com/locations/15/Savannah]]
!!!!Digital Composite DUE
We will cover more photoshop work and assign the put yourself in History. Clone stamp tool. Healing Brush tool. We will do the [[Bird Girl Tutorial|http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/the-maiden-and-hummingbird-photo-manipulation.html]]
!!!Overlay modes with hawk on branch
*Duplicate the hawk picture. lighten up the new layer. add gausian blur to it as well. Use multiply for overlay method. Makes a painterly feel
http://www.luminous-landscape.com/tutorials/gaussian.shtml
!!!Tilt Shift
http://www.tiltshiftphotography.net/photoshop-tutorial.php
!!!Class outcomes:
*Do Maiden and Hummingbird tutorial(In-Class only:Not graded)
*Review the history images
*Do the simple Overlay and tiltshift tutorials
*Clone Stamp
*Healing brush
*Content Aware Tool
*Blend-if
!!!!Put yourself in History assignment DUE
We will now cover Illustrator. The 2 assignments are the logo and the creature. We will begin
by making basic designs with Illustrator, such as the RSS and Facebook logo.
Illustrator: We will go over expanding the appearance. Go over using curves properly. Union,
difference. Using fonts properly. The logo assignment should have various styles.
We will cover Illustrator. The 2 assignments are the logo and the creature. We will begin by making basic designs with Illustrator, such as the RSS and Facebook logo. We will go over expanding the appearance. Go over using curves properly
[[Tutorial page|https://docs.google.com/document/pub?id=1v_SRMS0u1-7dcPkryAX824_FQ6r6aQpNgzEXBrAE-mQ]]
[[Assignment page|https://docs.google.com/document/pub?id=1sBQxny088cYzXe8UZz6-m9zD_MWvok2yEPcyIfdT8jo]]
!!!Class Outcome:
*Have a solid understanding of curves
*Do the balloon, digital clock(with gradient mesh)
*Do a button
*Expand Appearance
!!!!Illustrator Logo DUE:
Illustrator Logo DUE: We will continue our use of Illustrator and look at various logos and the
creatures. We will do some 3d Illustrator icons. Will make the clock radio. Keep in mind I will
need sketches of the creature as an invisible layer when you do that assignment.
!!!!Illustrator Creature DUE.
Jump to notes for class [[1|CMPA 110: Class 1]], [[2|CMPA 110: Class 2]], [[3|CMPA 110: Class 3]], [[4|CMPA 110: Class 4]], [[5|CMPA 110: Class 5]], [[6|CMPA 110: Class 6]], [[7|CMPA 110: Class 7]], [[8|CMPA 110: Class 8]], [[9|CMPA 110: Class 9]], [[10|CMPA 110: Class 10]], [[11|CMPA 110: Class 11]], [[12|CMPA 110: Class 12]], [[13|CMPA 110: Class 13]], [[14|CMPA 110: Class 14]], [[15|CMPA 110: Class 15]], [[16|CMPA 110: Class 16]], [[17|CMPA 110: Class 17]], [[18|CMPA 110: Class 18]], [[19|CMPA 110: Class 19]], [[20|CMPA 110: Class 20]]; [[Open all in new tab|index.html#%5B%5BCMPA%20110%3A%20Class%201%5D%5D%20%5B%5BCMPA%20110%3A%20Class%202%5D%5D%20%5B%5BCMPA%20110%3A%20Class%203%5D%5D%20%5B%5BCMPA%20110%3A%20Class%204%5D%5D%20%5B%5BCMPA%20110%3A%20Class%205%5D%5D%20%5B%5BCMPA%20110%3A%20Class%206%5D%5D%20%5B%5BCMPA%20110%3A%20Class%207%5D%5D%20%5B%5BCMPA%20110%3A%20Class%208%5D%5D%20%5B%5BCMPA%20110%3A%20Class%209%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2010%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2011%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2012%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2013%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2014%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2015%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2016%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2017%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2018%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2019%5D%5D%20%5B%5BCMPA%20110%3A%20Class%2020%5D%5D]]
''To submit your files'': Files go in the class share folder using Filezilla(or myfile, although filezilla is better) using ''//mydfs.scad.edu//'' as the host.
''Important:''I will be making additions to the notes throughout the quarter so please come back here and refresh to get the most current information.
!!!![[Please read|Important]]
!!!!Order of software used
*[[Photoshop]]
*[[Illustrator]]
*[[After Effects]]
*[[Maya]]
*[[Dreamweaver]]
!!!!Project Grading
Doing a solid job and following all the technical requirements of the assignment as well as adding a certain amount of aesthetic ability will earn you an 85%. Submitting an assignment that has not been compressed properly(such as an After Effects movie of 500MB) will earn you a 0% and will need to be resubmitted. Submitting an assignment that follows the technical requirements but lacks content and/or creativity will earn you a 70%. Late assignments will be subject to a penalty of 10%, so submit every assignment on time, even if it is subpar(''You have one week to redo the assignment. However, the webpage must be completed on the last day of class and there cannot be any extension'').
To go beyond an 85% you must demonstrate a certain amount of creative or technical ability that goes above and beyond the standard requirements. That may sound confusing but hopefully you can see the student work and judge your work based on that. All of the student work on this page has received a 90% or higher.
I give a lot of artistic freedom to finish the assignments but this means I can't grade the assignment like a true/false exam. Following technical requirements is important (for instance, fading audio out at the end of a movie, so it doesn't just stop in a jarring fashion. If you have a question about a project you would like to do and are not sure how it will be graded talk to me. I will recognize work that has effort put into it even if the end result is not what you had in mind.
[[Useful software]]
''[[Important:When to use .jpg vs png vs gif, lossless vs lossy compression|http://facultypages.scad.edu/~dkaul/image_formats.html]]''
[[Misc Stuff]]
We will introduce ourselves to the class and go over the syllabus. We will do the pretest on Blackboard. We will activate our student webpages in MyScad We will then make a very simple webpage with our picture and information about ourselves, including what we want to learn from the class. The webpage will be hosted on studentpages.scad.edu.
!!!!Class outcomes:
*Meet Classmates
*Review all assignments
*Make simple .html webpage
*Do a minor amount of Photoshop, loading a photo of you from facebook.
*Understanding resolution in Photoshop(To size up your photo)
*Open up Dreamweaver and do a little editing
*Upload page to studentpages.scad.edu( We will do it with filezilla) BTW: You will be doing this for your webpages near the end of the class so take some notes now.
!!!!To activate your student page:
*Log into MySCAD, accessible at www.scad.edu
*Select the MyInfo Tab
*Select Activate Student Web Space on the left side of the screen
*You get 150MB of storage, more than enough. Also, your website will not be removed, but keep a copy of the site on an external drive
It will take 5 minutes to become active even though it says 1 hour. The link it gives you is your web address visible on the internet. //Also, do ''not'' put www in front of the link as it will not load.//
''[[A video of making the page is here|http://www.youtube.com/watch?v=VGV157pMUZE]]''
!!!!Directions on making the basic page
1. Make sure you have activated your student webspace through myscad. ''//(If it is not activated you will get the message: Forbidden: You don't have permission to access /~yourlogin on this server.)//''
2. Get a digital image of you and an image of your work online. If you don't have any work with you draw a picture of a dinosaur.
3. Resize both images in photoshop so they are both 400px tall .jpgs
4. Go to the materials folder in your dropbox and copy the basic_webpage folder and put it in your h: drive
5. Important: Put your 2 .jpgs into the images folder of the basic_webpage you dropped in your h: drive
5. load up the index.html file into Dreamweaver and put in your own images. Make sure to overwrite the index.html file and ''NOT'' save it as yourpage.html. It must stay index.html
6. Fill out the questions as thoroughly as you can.
7. Using filezilla upload your to studentpages.scad.edu. ''For the host you will use //studentpages.scad.edu//
We will model some fruits with lofts and primitives. We will make a banana and an apple. Learning about grouping. We will go over basic texturing and shading. We will go over global illumination. The rendered fruit plate will be due next class.
!!!Class Outcomes:
*Model a banana and an apple
*Texture the fruit
*Make a plate with revolve
*Put texture on the plate
[[You can view a video made by me on the basics of animating using the "s" key and window-Playblast|http://www.youtube.com/watch?v=HV1jy2P6aEY]].
We will begin our exploration of animation in maya by doing a basic fly-through keyframe animation.
We will learn Window-Playblast to get an accurate speed of our animation.
We will learn how to set keyframes and render out an animation.
We will learn about animation curves in Maya. We will set keyframes for the camera and other objects in the scene.
[[Video of Polygon modeling of Dolphin and putting on motion path|http://www.youtube.com/watch?v=fOOGGx5fEcQ]]
[[Video of painting dolphin and sculpting terrain, adding paint effects|http://www.youtube.com/watch?v=1SEL-kQznpI]]
We will animated a bouncing ball and practice looking at curves and breaking tangents.
We will model and animate a dolphin on a motion path. The Fantastic Voyage animation is due next class.
We will go over basic 3d painting on the dolphin.
We will explore how After Effects can be used to enhance our Maya fly-through animations.
We will review the fantastic voyage animations.
We will now focus on general techniques of Maya in order to render out our final game animation.
We will cover some additional modeling, lighting, and rendering techniques.
Show Some MEL(Maya embedded language) and some sin, cos, and smoothstep expressions.
We will also cover some basic Dynamics animation using rigid bodies. Also we will be able to bake the rigidbody animation into keyframes.
[[Video of Dynamic Dice Roll|http://www.youtube.com/watch?v=pnYlhGFhwrM]]
We will cover some fluid effects clouds and Physical Sun and Sky lighting with Mental Ray. We will animated things like intensity on lights, etc.
We will continue on with More Maya techniques to enhance the look of our final game animation.
The rendered game project is due next class. Remember that a group Maya project is encouraged.
I am also going to show some basic character animation for those interested in that.
We will go over some blend shapes, which are useful for things like flippers and facial movements.
[[Video on blendshapes|http://www.youtube.com/watch?v=pnYlhGFhwrM]]
Some skeleton and forward/inverse kinematics handles.
We will review the Maya final projects.
We are going to begin our website design session. We look at different effective designs and get ideas for our own.
''IMPORTANT:The 3 designs are due NEXT class. We are running out of time so we need to hit the ground running for our pages.''
This assignment has us designing 3 designs for a webpage that have different styles.
This is to be one .psd file with the groups of layers so that we can swap between them and have the class decide which is most effective.
!8 minute video I made of simple site.
http://www.youtube.com/watch?v=WwGjJYXbFG4
''We will now make a simple html rollover page:''
''Photoshop'':You will make slices of the page
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20007.png]]
And file->Save for web and devices
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20015.png]]
''Dreamweaver:''We will make a basic slice based website with rollovers. This basic site will use tables, which is an older technique but good if you need to create something quick.
In Dreamweaver make sure to use a border value of zero when making slices; Otherwise the table will not fit together.
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20006.png]]
Also, use the live update button so you can preview your work without having to preview in a browser
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20026.png]]
In Dreamweaver you link to another page here:
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20008.png]]
In Dreamweaver if using tables you can align in the center by click the table and:
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20009.png]]
In Dreamweaver you create a rollover from this menu(You have to have already saved 2 versions of the button).
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20014.png]]
The .psd file with 3 designs is due and will be evaluated. We will go with the design that is best recieved by the class.
Note: The working basic site will be due next class. This is to make sure you have the folders correct and a basic knowledge of how to make a site.
The design we are using was made by Ricky Elizondo, a student in Spring 2010 CMPA 110. The circular design was made by Blakely Smith, another student in CMPA 110
!Dis-jointed Rollovers
We will cover behaviors and adding disjointed rollovers with this webpage, called disjointed_site.html in class 17.
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20019.png]]
You add a rollover in the behaviors section of Dreamweaver. This behavior on the element controls one rollover
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20016.png]]
This element has 2 rollovers, meaning a rollover of one button makes 2 rollovers. This is effective for disjointed rollovers, where rolling over 1 area makes a separate area rollover as well.
''Important'': To get the 2 rollovers to stick you will have to redo the first one as Dreamweaver gets buggy coding 2 disjointed rollovers at the same time.
Remember that Dreamweaver is trying to code what you make with the GUI (Graphic User Interface) and errors sometimes occur.
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20017.png]]
!Hotspots
Hotspots allow you to select just a certain selected part of the site and add a swap image on the slice that it is on.
An example could include clicking on a circular button without having to click on a rectangle portion.
We will now use hotspots in order to have just the arrow portion of this home button switch colors. The file is called hotspot_rollover.html
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20031.png]]
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20029.png]]
It is important to select the ''hotspot'' and add a swap image behavior to it instead of selecting the slice directly
!CSS(Cascading Style Sheets)
We will also go over some basic css(Cascading Style Sheets). Consider html to be the content of the site and css to be the layout of the site.
The site below has a table with transparent png files that sit on top of a background.
The table is contained by a main apDiv tag(Absolutely Positioned Division tag), which is centered on the screen. Inside the apDiv 2 other divs contain the text and the picture.
The apDivs are not dependent on a table for placement and can be positioned anywhere.
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20032.png]]
The following is a version of the Charlie Sheen website with a number of elements removed for clarity, but with the basic contents of the page imcluded.
It is a combination of [[HTML|http://en.wikipedia.org/wiki/HTML]], [[CSS|http://en.wikipedia.org/wiki/Cascading_Style_Sheets]], and [[JavaScript|http://en.wikipedia.org/wiki/JavaScript#Use_in_web_pages]]
[img[http://facultypages.scad.edu/~dkaul/tiddly_images/breakdown_of_code.gif]]
''Basic functional site DUE''
Update: Instead of Videobox and lightbox we will be using shadowbox, which is more versatile. I have converted the majority of this site to shadowbox. It can host videos and images on the same page. The only problem with it is that the titles cannot be too long or it gets cut off.
[[A Youtube VIDEO of using shadowbox|http://www.youtube.com/watch?v=bIqeADTuC7Y]]
We will look at presenting media with embedmedia.html
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20037.png]]
Please take a look at the supporting files, including the shadowbox folder. This contains necessary files to run shadowbox. You can use this as a template for your work. Take a look at the div tags as well for placement.
We will then take a look at the scrollbox.html. This file uses a table enclosed in a scrollbox.
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20036.png]]
We will play videos and images with [[shadowbox|http://www.shadowbox-js.com/]] a free java/css based code.
One great part of shadowbox with videos is you can use left and right arrows to view a bunch at the same time.
!Thumbnails:
You will need thumbnails for your images and videos. I like using Extreme Thumbnail generator and you can try it for free [[here|http://www.exisoftware.com/thumbnail_generator/index.html]]
!To embed Youtube videos:
This is the standard link for Youtube videos, but it is a link to the actual vYoutube site and not just the video.
http://www.youtube.com/watch?v=4IzQVa5MS8k
To get just the video link remove the watch? and put a / in place of the = sign.
http://www.youtube.com/v/4IzQVa5MS8k
and add &autoplay=1 to the end of it to be:
http://www.youtube.com/v/4IzQVa5MS8k&autoplay=1
to have it autoplay, recommended.
!To embed Vimeo videos:
For Vimeo copy the embed code and use just the http portion. Be sure to use ''OLD EMBED CODE'', Otherwise the link will not work in shadowbox.
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20028.png]]
You want the code that contains moogaloop:
{{{
http://vimeo.com/moogaloop.swf?clip_id=17090435&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ff9933&fullscreen=1&autoplay=1&loop=0"
}}}
!To embed videos hosted from your studentpages.scad.edu site
Put your .mp4 from After Effects into a folder and get the link. By default shadowbox will play it with Quicktime as it is not a flash format.
{{{
<td><a href="http://facultypages.scad.edu/~dkaul/movies/steelRiver.mp4" rel="shadowbox[anim];height=480;width=720" title="Experimental Work with Houdini Software. .mp4 hosted from my website, not Youtube or Vimeo"><img src="http://i3.ytimg.com/vi/2q5fIGu4Ljg/default.jpg" alt="" border="0" /></td>
}}}
The navigation images(forward, backward, loading) go in the css folder.
If you want to scale the title: In the shadowbox.css file change the #sb-title-inner{font-size:12px;} to 12 so the text is smaller
Now I want to show you an example of simulating more advanced techniques in html.
The following site uses onMouseOver->Go to URL behavior.
This simulates switching between 2 panels on the same site except that it swaps between a black page and a white page. The downside is that there is a small delay on when you rollover the 2 panes.
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20039.png]]
In Addition there is information on fading [[images|http://www.maltesieb.de/skripte/imgfader-english/]]
This is a simple javascript fader that makes it easy to do a fading slideshow.
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20040.png]]
''Important: There are no extensions past the last day of class. The final site is 20% of your grade so please show it to me either today or over the weekend so I can have you make any changes.''
[[Video on Uploading You site to studentpages.scad.edu|http://www.youtube.com/watch?v=bIqeADTuC7Y]]
!To try out different screen sizes:
A standard resolution laptop has a resolution of 1366 by 768, which displays sites in a more condensed format. Use [[Firesizer|https://addons.mozilla.org/en-US/firefox/addon/firesizer/]] to make the changes with one click. It is easy to use and will help make a site that is good for both dimensions.
We will cover integration and proper web folder layout to make sure the sites will go up easily to your studentpages.scad.edu website and that all the code is working properly. Important: Remember that your website has to go in the web_pages folder.
This is a work day in which we get all the problems resolved so we can show completed sites next class.
Then we will do some basic Photoshop work in class. Make Record, with grouping. Layer Masks. Adjustment layers. Using polygonal lasso and quick mask to select. Blend if to composite different sky over marsh for sky replacement. Content aware tool to fill in tugboat image. We will do a basic underwater composite and use pen tool to cut out creatures.
!!!Hotkeys/techniques
*Alt-Shift to select a circle starting at the center
*Select->modify->expand to expand selection
*Ctrl-D to deselect, ctr;-h to hide selection
*Ctrl-G to group layers. Control multiple layers as one layer.
*Q to toggle quickmask
*X to toggle between foreground and background color
!!!Class outcomes
*Learn layers in Photoshop
*Adjustment Layers
*Layer Masks
*Grouping
*Different selection methods(pen, quickmask)
[[This would be more Photoshop but we are condensing the 2 classes into 1|CMPA 110: Class 2.5]]
--We will cover more photoshop work and assign both assignments, which are the put yourself in History and the Underwater Composite.--Clone stamp tool. Healing Brush tool. We will do the [[Bird Girl Tutorial|http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/the-maiden-and-hummingbird-photo-manipulation.html]]
!!!Overlay modes with hawk on branch
*Duplicate the hawk picture. lighten up the new layer. add gausian blur to it as well. Use multiply for overlay method. Makes a painterly feel
http://www.luminous-landscape.com/tutorials/gaussian.shtml
!!!Tilt Shift
http://www.tiltshiftphotography.net/photoshop-tutorial.php
!!!Class outcomes:
*Do Maiden and Hummingbird tutorial(In-Class only:Not graded)
*Review the history images
*Do the simple Overlay and tiltshift tutorials
*Clone Stamp
*Healing brush
*Content Aware Tool
*Blend-if
This is the moment we have all been waiting for. Everyone will present their webpage as the culmination of their time spent in CMPA 110.
We are to have the site //Entirely complete// and uploaded to studentpages.
There will be ''no'' actual production work during this final session. Instead we will evaluate all the websites. Your studentpages site space will not be deleted(your SCAD email will stay on as well.)
We will also do the post test. If there is time we will celebrate at [[Locos|http://www.locosgrill.com/locations/15/Savannah]]
We will cover Illustrator. The 2 assignments are the logo and the creature. We will begin by making basic designs with Illustrator, such as the RSS and Facebook logo. We will go over expanding the appearance. Go over using curves properly
[[Tutorial page|https://docs.google.com/document/pub?id=1v_SRMS0u1-7dcPkryAX824_FQ6r6aQpNgzEXBrAE-mQ]]
[[Assignment page|https://docs.google.com/document/pub?id=1sBQxny088cYzXe8UZz6-m9zD_MWvok2yEPcyIfdT8jo]]
!!!Class Outcome:
*Have a solid understanding of curves
*Do the balloon, digital clock(with gradient mesh)
*Do a button
*Expand Appearance
We will continue our use of Illustrator and assign the logo and the Creature. We will do some 3d Illustrator icons. Will make the clock radio. Keep in mind I will need sketches of the creature as an invisible layer.
!!!Class Outcome:
*Have a solid understanding of gradients
We will now jump over to After Effects, which can be used as a Photoshop layer based animation system. We will begin by fading in layers of a digital comp(It can be your own if you have enough layers to animate). We will put some audio and text on and render out an .h264 format movie. We will put this in the dropbox to verify you have completed the project. We must make sure that we understand the the organization of After Effects and not just submit an .aep file.
!!!1st part of class:
*We will discuss the Photoshop assignments. Everyone must have at least one comment.
!!!2nd part of class (NOTE: This material may spill over to class 6 so don't worry if it seems like a lot to accomplish)
*We will take the Photoshop layered collage and animate the layers one by one and output to an .h264 mp4 file.
Note: to import your psd file you need to use composition and not footage.(using footage will compress all layers, rendering it unusable)
[img[http://facultypages.scad.edu/~dkaul/screenshots/ae_import_comp.png]]
*Discuss basic compression and sizes of files
*Basic layer fade in-out
*Basic understanding of keyframes.
*Rendering the movie in .h264
*Using composition settings
*Basic audio track, fade in and out
*Using blur effects to soften the fades.
*Understanding codecs(For rendering out movie)
*Examining size of files
*Rendering to your D:(temp drive)
*Understanding what an .aep file is
We will continue the use of After Effects. We will do more work with type, fading it in out. blur. Animation curves. Using new compositions. Adding Audio.
''We will review all the material of class 5 to make sure it makes sense to you. This material is challenging so I want to make sure it all makes enough sense to produce your own assignment.
ALSO: I want to make sure you know that the .aep file is an after effects project file that does NOT contain any images, movies, or audio. If you just copy the .aep file you will get color bars where the art should be. You can relink the files later.''
!!!Class Outcomes:
*Use [[1001fonts.com|http://1001fonts.com]] for some interesting fonts or [[dafont.com|http://dafont.com]]. You can generate a sample pic and bring into Photoshop.
*Use [[sounddogs.com|http://www.sounddogs.com]] for a wide variety of audio. Save the mp3 files
*Use retain layer sizes when importing the sas.psd file. This will make the layer fit the image
*Audio (Ram->Preview) and fading it in and out
*More work with animation curves
*Effects:Blur
*Making a solid layer and adding fractals to it
*Using multiple compositions(Like grouping in Photoshop). Fade a composition from black using nested composition
*Increasing bitrate of .h264 compression. Comparing burnoff.mp4 and burnoff2.mp4 for quality vs filesize
*use wiggle(5,5) to animate camera of snake.
*add camera to snake, add gausian blur to simulate focus. Add a light
*Using easy ease in and out for smooth animations and understanding the graph editor
We review the roto brush tool and remove parrot from background.
Comp the bird into a jungle background
http://revision3.com/filmriot
!!!Class outcomes:
*Review the Motion graphics After Effects Movies
*Rotobrush tool
We will review roto brush and color correcting
We will first do the Harry Potter Lumos Effects. [[Tutorial Here|http://library.creativecow.net/park_michael/Lumos-Effect/1]].
This is our last working day of After Effects. We will have your project due next class.
''To loop animation:''
looping an animation put loop_out("cycle",0) in all the transform layers
''Andrew Kramer motion basic training, motion tracking''
''To Stabilize''
window-tracker
import la.mov
stbalize motion, makes warp stabalizer, result-NO MOTION, METHOD, position, scale
hit play button on analyze
the hit apply, make sure current track is tracker one
scale up the footage to remove black bars
''TO REMOVE GAP sign''
make a new solid. make same color as gap solid with eyedropper. then make in
track type-perspective corner pin. put on all 4 corners
can also move box to an area to the right and drag actual point on to the gap sign, if the original point was covered, for instance
now we apply the footage to the dark green solid
edit target-dark green solid, important..
Should be black gap there
''To add own sign:''
select solid layer- layer -precompose
leave all attributes in comp(corner pin must remain in comp) to get this. click on corner pin fx so it shows up in fx box
ALT-dbl click the solid to reveal it
add apple image and add glow
''To track thought box next to guys ear:''
make null
make black solid and use pen tool to create a thought box
effect-perspective-drop shadow
make text and make null parent of both thoughtbox solid and text solid
''To make lensflare move with ear.''
Lot of stuff comes up
ALT-click lensflare center- pickwick to null object position
!!!Class Outcomes
*Do the Harry Pottter Tutorial
*Make sure you have an idea for your special Effects/motion graphics project
*Advanced After Effects work from videocopilot.net
After effects assignment due today!
Maya: This is the 1st of 3 weeks of Maya. We are using 3 weeks for Maya due to the complexity of the software. We will begin by going over the interface and making some primitives(Cubes, cones, spheres, etc). We will also do some lighting and rendering. Experiment with mental ray
!!!Class Outcomes:
*Review my fruit plate demo on youtube [[here|http://www.youtube.com/watch?v=56YuzCykw78]]
*Learn basic navigation of Maya
*Generate geometry using primitives
*Add lights
*Render out a still image in 1280 by 720 resolution(jpg)
*Save your .mb file
We will make fluid effects clouds that render quickly. The fluid is already in the container, you just tint certain parts of it. no grids used, just internal fluid texturing
fire:
make 3d container containing emitter
make sphere- pick sphere and container and use emit from object
temperature and fuel dynamic grid
color: black
incandescense:
incandescent input: temperature
input bias -.2
position .143, value 14, .815, 20 actually a very light red, not pure white
position .857 value 0,0,0
opacity:
opacity input density
opacity input bias .315 thicken the fire
position .1360, value 0
position .15, value .91
.85, value 0
input bias .315
contents details-density-bouyancy 9, dissipation .3
contents details-velocity-swirl 10
contents details-temperature-temperature scale-1.93, temperature bouyancy to 9
contents details-fuel-fuel scale-1.967, reaction speed .967
From tutorials in Maya 2012:
Hair is a generic dynamic curve simulation, meaning you can create ropes, chains, suspension bridge, lofted surface from curve
hair system a collection of follicles. hair rendered as paint effects(in Maya software), can also export curves to render in renderman. convert paint effects hair to poly to render in Mental Ray
You can create hair on NURBS and polygonal surfaces. For polygons, UVs should be non-overlapping and fit between 0 and 1. Automatic mapping is a quick way to achieve this.
select scalp, hair make hair option box, ucount 26, vcount 22. Determine how many hair curves within a uv range
turn on equalize, hair on scalp equally
length to 10
create hairs but do not edit in this position, this is dynamic position
to speed up simulation hairSystemShape1 display quality to 2
dynamics section -set hair stiffness to .07
set gravity to 2.5
once hair is played
Hair > Set Start Position > From Current.
This is the most basic combination of GUI and recursion I can do:
{{{
proc sphereMake(float $level)
{
$level=$level-.1;
sphere -r $level;
move 0 0 ($level*$level*10);
if ($level > 0)
sphereMake($level);
}
proc buttonAction1(string $floatRot)
{
$parentRadius = `floatSliderGrp -q -v $floatRot`;
sphereMake($parentRadius);
}
global proc makeAntennaUI()
{
global string $radiusCol;
string $dialogBoxWindow = `window -title "Create recursion" -rtf true`;
columnLayout;
$radiusCol = `floatSliderGrp
-label "Number Of Spheres:"
-min 0 -max 2
-field true`;
button -label "Make Recursive Sphere" -command "buttonAction1($radiusCol)";
showWindow $dialogBoxWindow;
}
makeAntennaUI;
}}}
These lessons are in the Maya help area
!!!Make sure all dynamics are playback speed every frame, with a max of 24fps. Dynamics will skip frames otherwise and produce erroneous results
nCloth is generated from poly meshes and can blow up balloon, tear fabric. based on maya Nucleus
''table.mb:''
1.demonstrate the thickness attribute and the way to display it.
2. do the same for the table thickness
in cloth, collision flag, face is most accurate but takes the longest time. Vertex is the least accurate, vertex changes the verticies to collision spheres.
''flag.mb''. already have ncloth active and passive bodies on it
pick verticies of flag, then pole. nConstraint-point to surface. the verticies and now members of the constraints
select vertex with rmb on flag. remove members on all verticies except for top and bottom
to wave flag. select flag decrease mass to .5 and increase tangental drag .05,
select nucleas increase wind speed to 10, flag will wave in wind
''dressStatic.mb:''
make active and passive meshs
nCache-create new nCache
adjust collision thickness of both objects to make strap get closer to shoulder
to get dress to stick closer like silk
select nucleus-space attributes-space scale .016, evaluates the large cloth model as if it were a smaller object
select cloth shape dynamic properties-mass to .7
stretch resistance to 140 and compression resistance to 120, to simulate silk, still loose over chest, need to simulate bodice, thicker material in chest section, paint verticies
select ncloth-dynamic properties, input mesh attract to 1, dress will maintain its shape
nmesh-paint vertex properties-input attract, radius 3 up and low , replace, value 0, paint black on non chest areas means those areas are fully dynamic.
''dressAnimated.mb''
constrain straps to body using point to surface
edit initial state of dress,nSolver-initial state-relax initial state, make sure cache is deleted, steps is how the dress looks at frame 300
dress goes through body:
ncloth-quality settings-max self collide to 20, recognizes more self collisions but slower simulation
collide last threshhold 1,stops verticies from passing through collision object
turn on trapped check
turn on self trapped check
push out .280
push out radius 5.0
solver attrbutes- substeps 4, max collision iterations to 20
additional way to add thickness to the cloth, select an edge, hold down ctrl-rmb edge loop utiltities- to edge loop, this selects an edgeloop which you can then extrude
This is a basic crowd system using the UV system putting particles on a nurbs sphere with goals and controling the U and V direction.
The following are creation expressions:
We have all across the V direction and the U direction is near the beginning 20% of the grid. There are 20 goat cycle objects so each goat has a random start cycle. Each deer has a random size between .7 and 1.2 of the original instanced animation. The values of U and V go from 0 to 1. This is really basic so there is no self collision but on the other hand if you don't get too close it looks fine.
You have to add attributes called goalU, goalV, which are both in Maya already (Just have to displaythem), randomStart, randomSize, and cycleSpeed
''creation expression:''
particleShape1.goalV=rand(0,1);
particleShape1.goalU=rand(0,.2);
Pick a random cycle start from 0-20
particleShape1.randomStart=rand(1,20);
Make a random size for the character
particleShape1.randomSize=rand(.7,1.2);
''Runtime expression:''
This has the characters move forward across the terrain
particleShape1.goalU+=.00002+particleShape1.randomSize/1000;
This gets get the characters to go left and right and different times
goalV+=sin(frame/(10*randomSize))/1000;
This adjusts the speed of the walk cycle based on the size of the character
particleShape1.cycleSpeed+=particleShape1.randomSize/20;
''under Instancer(Geometry Replacement):''
Check Allow all data types. This allows you to use a single number as an array with the 3 numbers the same
aim direction is velocity
Scale is randomSize
''under Cycle Options''
cycle Start Object: randomStart
Age cycleSpeed
http://www.youtube.com/watch?v=cSMDHyIthIE&feature=related
I Have a question. Is there anyway I can get into this WITHOUT making it my main focus in colledge? I'm actually studying to become an ornithologist, of all things... but CGI Was my original thing.... I just got into birds, more specifically owls, and I was wondering if you had any tips for someone like me to even things out between the two, or should I take them one at a time? Noctology is my main focus, But I love CGI And Iv'e got such a mind for that area of animation. I'm so confused........
ClintJohnHampton 2 months ago
@ClintJohnHampton getting into this industry is all about your demo reel and who you know. College helps get you pointed to the right people faster and allows more time to perfect the reel.. but no you dont really need it. CG is a pretty saturated field right now though (and all going overseas). I wouldnt get into it unless you are committed %150.
jhildreth11 3 weeks ago
amazing demo reel man....I'm in my freshman year and majoring in VFX at SCAD...any tips and hints?
pilot7180 6 months ago
@pilot7180 Get an actual animation student to do the work for you, and then you have better material to work with. 4. Think outside of the box. most teachers show hall of fame from previous classes. Look and see what those students did, and then DONT do that. Do something new. I went all the way up to Charleston SC many times to get footage on a World War 2 Aircraft Carrier. Most other people modeled cars or flowers. 5. Dont ever model or light a damn car. ever
jhildreth11 6 months ago 2
@jhildreth11 why are you against modeling and lighting a car that much :S ?
nitrofreeze 6 months ago
@nitrofreeze because everyone and their dog and their little brothers in high school do a car. Do something original that hasnt been done a million times.
jhildreth11 5 months ago
@nitrofreeze because everyone does it. Its the most unoriginal thing you could do.
jhildreth11 5 months ago
Top Comments
''@pilot7180 I had to dumb down many projects in the last week in order to just have SOMETHING to turn in. Dont get caught in that trap. 3. Group projects. I learned more and gained more demo reel material in one single group project than every class I had at scad. I wish I had done more early. Find some animation students (who dont know shit about lighting or compositing) and light and comp their projects. 90% of VFX projects contain un-animated and boring projects.''
jhildreth11 6 months ago 3
see all
All Comments (27)
Reactions (0)
Respond to this video...
do i need to be good at drawing for the visual effects course?
007chandradeep 1 day ago
@jhildreth11 oh wow...good points man, thanks for the help, I'll definitely use them
pilot7180 5 months ago
@jhildreth11 but not every one does it right :D there is allot to modeling a car, hence the interior, anyways i agree that it is overdone.
nitrofreeze 5 months ago
The really simple crowd generation program is below:
{{{
proc crowdMake(float $particleNum, float $particleSpeed, int $motion){
//help -doc floatSliderGrp
//Make nurbs plane and rotate
nurbsPlane -width 30 -patchesU 10 -patchesV 10 -name ground;
rotate 0 0 90;
//Put sin deformer on it
nonLinear -type sine -lowBound -1 -highBound 1 -amplitude .3 -wavelength 2 -dropoff 0 -offset 0;
rotate -r -os -90 0 0;
// Set current time so when hit play the creation expressions will have run
currentTime 1;
// Make specified number of particles
eval("particle -jbp -1.990872 0 2.17351 -nj " + $particleNum + " -jr 5.575 -c 1 -name creatures") ;
//Make them spheres, spheres is 4
setAttr "creaturesShape.particleRenderType" 4;
addAttr -is true -ln "radius" -at "float" -min 0 -max 10 -dv 0.5 creaturesShape;
setAttr "creaturesShape.radius" 0.2;
// Put particles on goal ground
goal -weight 1 -utr 0 -g ground creatures;
//Add goalU and goalV attribute
addAttr -ln goalU -dt doubleArray creaturesShape;
addAttr -ln goalV -dt doubleArray creaturesShape;
// Make particles spread out on the V direction, creation expression by default
// using -c which means creation
dynExpression -s "creaturesShape.goalV=rand(0,1);\n\
creaturesShape.goalU=rand(0,.1);"
-c creaturesShape;
//Increase goalU which is to traverse the plane
if ($motion > 1){
//Add runtime expression based on radio Button 2 or 3 selected
dynExpression -s ("goalU=goalU+" + $particleSpeed + "+(id/6000);\
creaturesShape.goalV+=sin(frame/(1+creaturesShape.particleId))*.002;") -rbd creaturesShape;
}
else
dynExpression -s ("goalU=goalU+" +$particleSpeed + "+(id/6000)") -rbd creaturesShape;
// go to frame 1 to run expressions and set particles
playButtonStepForward;
}
proc buttonAction1(string $floatRot, string $speed)
{
$particleNum = `intSliderGrp -q -v $floatRot`;
$particleSpeed = `floatSliderGrp -q -v $speed`;
// radioButtonGrp is either 1,2,3, based on even, odd, or both.
// $choice is either 1,2,3 by querying myRadBtnGrp
$motion=`radioButtonGrp -q -select myRadBtnGrp`;
// This calls the sphereMake for the first time, then the recursion takes over
crowdMake($particleNum,$particleSpeed,$motion);
}
global proc makeAntennaUI()
{
global string $radiusCol,$speed;
// This checks to see if dialogBoxWindow already exists and delete it if
// it does.
if (`window -exists dialogBoxWindow`) deleteUI dialogBoxWindow;
// -rtf true means rezize
window -title "Create Crowd" -rtf true dialogBoxWindow;
// This is the easiest way to layout UI. Another type is formLayout
columnLayout;
// Make an integer slider, -value 5 means set the default to 5
$radiusCol = `intSliderGrp
-label "Number Of Particles:"
-min 1 -max 60
-value 30
-field true`;
$speed = `floatSliderGrp
-label "Average Speed:"
-min .001 -max .009
-value .001
-step .001
-field true`;
// -select 1 means select the 1st button by default. myRadBtnGrp is the name
// of the radio button
radioButtonGrp
-numberOfRadioButtons 3
-label "Select Motion"
-labelArray3 "Standard" "Sin" "Nothing"
-select 2
myRadBtnGrp;
// Make button to generate spheres
// -w is width of button
button -label "Make Particles" -w 130 -command "buttonAction1($radiusCol,$speed)";
// Make button to delete every object in the scene
button -label "Delete Objects" -w 130 -command "select -all;delete";
// The window will not be displayed without this
showWindow dialogBoxWindow;
}
//Set time slider to 1-300
playbackOptions -min 1 -max 300 ;
// This will make the UI which then calls the sphereMake procedure
makeAntennaUI;
}}}
We will be making a simple GUI(Graphical user Interface) for the truck:
Example 1:
{{{
//Build GUI for truck
string $window_name=`window -title "Truck Controls" -menuBar true -wh 483 203`;
//Show the window
showWindow $window_name;
}}}
Example 2:
{{{
//How to get information on a command
help -doc attrFieldSliderGrp
}}}
Example 3:
{{{
//Build GUI for truck
string $window_name=`window -title "Truck Controls" -menuBar true -wh 483 203`;
attrFieldSliderGrp -label "Rotate the Lift" -min -10 -max 10 -at entire_truck.rotate_lift;
attrFieldSliderGrp -label "Open the Door" -min 0 -max 10 -at entire_truck.open_door;
attrFieldSliderGrp -label "Open the Hood" -min -10 -max 10 -at entire_truck.open_hood;
showWindow $window_name;
}}}
Example 4(sets the floating point to 1 digit):
{{{
//Build GUI for truck
string $window_name=`window -title "Truck Controls" -menuBar true`;
columnLayout;
attrFieldSliderGrp -w 350 -pre 1 -label "Rotate Lift" -min -10 -max 10 -at entire_truck.rotate_lift;
attrFieldSliderGrp -w 350 -pre 1 -label "Open Door" -min 0 -max 10 -at entire_truck.open_door;
attrFieldSliderGrp -w 350 -pre 1 -label "Open Hood" -min -10 -max 10 -at entire_truck.open_hood;
showWindow $window_name;
}}}
For rotating wheels using pi:
{{{
// 2.25 is the radius of the wheel
r_w_wheel.rotateX=entire_truck.translateZ / (2 * 3.14 * 2.25) * 360;
r_f_wheel.rotateX=entire_truck.translateZ / (2 * 3.14 * 2.25) * 360;
l_f_wheel.rotateX=entire_truck.translateZ / (2 * 3.14 * 2.25) * 360;
l_r_wheel.rotateX=entire_truck.translateZ / (2 * 3.14 * 2.25) * 360;
}}}
Example of radio button added to truck wheel expression:
{{{
//Build GUI for truck
string $window_name=`window -title "Truck Controls" -menuBar true`;
columnLayout;
attrFieldSliderGrp -w 350 -pre 1 -label "Rotate Lift" -min -10 -max 10 -at entire_truck.rotate_lift;
attrFieldSliderGrp -w 350 -pre 1 -label "Open Door" -min 0 -max 10 -at entire_truck.open_door;
attrFieldSliderGrp -w 350 -pre 1 -label "Open Hood" -min -10 -max 10 -at entire_truck.open_hood;
$wheelExpression=`radioButtonGrp -numberOfRadioButtons 2 -label "Wheel Expression"
-labelArray2 "On" "Off" -select 1`;
showWindow $window_name;
}}}
We will start with a dynamics assignment. This includes rigid bodies, soft bodies, particles, cloth, fur, hair, etc. You can pick one of the topics to put into your project that is due on class 13.
We will start with rigid bodies.
usits. In gravity 9.8 means centimeters per second. so you would have to turn it up 100 times to get meters per second, although a number like 60 is more than enough to simulate the more accurate action.
setting playback speed to every frame but max playback to real-time. Otherwise dynamics take too long to calculate and cannot go realtime.
Make active and passive rigid bodies
put in all constraints
use fields.
Normals-Reverse if an object goes through the other
soft/rigid bodies-set active key & set passive key. This is a hotkey for setting the on/off state of the active attribute of a rigid body
Solvers-rigid body solvers attributes, including step size and collision tolerance
volume exclusion on gravity.
collisionLayers: a layer of -1 means everything is affected, a collision layer of a higher number means both rigidbodies have to have the same number
Making a row of bricks solve faster by putting columns of bricks on a different layer
windows-relationship editors, dynamic relationships to link the fields to the rigid bodies
using standin geometry for heavy geometry with parenting and adding dynamics to the lores object. You can also use a standing of sphere or cube
rigid body interpenetration error.
Make dummy man that hits different objects on way down.
mass, make a mobile tweaking the mass to balance everything
Making a row of bricks solve faster by putting columns of bricks on a different layer
Edit-keys-bake simulation to set keyframes on a rigid body so it no longer needs rigid bodies
https://docs.google.com/Doc?docid=0AWDZEMSAk7FEZHczODU3OF8zNDBkZ2s0ajZnNg&hl=en_US
/*{{{*/
Background: #fff
Foreground: #000
PrimaryPale: #888
PrimaryLight: #222
PrimaryMid: #600
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #600
TertiaryPale: #eee
TertiaryLight: #966
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
/*}}}*/
''Dave Kaul,'' Professor
Visual Effects Department
School of Film and Digital Media
Savannah College of Art and Design
The best method for contacting me is via email at [[dkaul@scad.edu|mailto:dkaul@scad.edu]]
Also, Please call me Dave.
!!!!Office hours
Monday & Wednesday: 4:30-5:30 Rm 211
Tuesday & Thursday: 1:30-2:30 Rm 202
Office hours are by appointment and can be held during the office hours time slots. I can make other times if this conflicts with your class schedule.
The software was inspired by a song of the same name [[here|http://www.youtube.com/watch?v=2Hdx9JjzDfo&feature=player_detailpage#t=55s]].
''Vital:Please use no spaces or capitals in any filename!! It will cause missing links''
[[Before we go any further please read this info on uploading your page as it is a source of trouble|Putting the page online]]
3 Web Designs
*[[Great example from Taylor Beading|http://facultypages.scad.edu/~dkaul/student_download/designs_tbeadl20.psd]]
*[[Great example from Emily Duda|http://facultypages.scad.edu/~dkaul/student_download/designs_emduda20.psd]]
*[[Great example from Dave Ruiz|http://facultypages.scad.edu/~dkaul/student_download/designs_daruiz20.psd]]
*It is important that your webpage look good in different screen resolutions. You can change the resolution of your monitor to ensure that everything looks good at 1366 by 768(Standard Laptop screen resolution) and 1920 by 1080(Standard monitor resolution). Make sure the page works between these resolutions.
*Please show your web designs to colleagues to find out which one is most effective.
*You will make 3 Different designs for your page. Use a variety of styles and the class will determine the best page for your site. This assignment is important because the homepage is the first thing viewers will see when they visit you online.
*Use a resolution of 1920 by 1080 and make the main area 1000 pixels wide. This means you will have a background that represents the entire screen size of 1920px by 1080px. The working area of 1000px by 700px will float above it.
*''The main area is 1000 pixels by 700. Please put all of the site into this section and leave just a background for the rest. Do not take up the whole 1920 pixels for the active web area''
*The main area will fit into a 1366 by 768 laptop monitor.
*You will create 3 groups for your webpage and put them into 1 .psd file so that you can make layers visible and invisible to show the 3 sites.
*Make sure to make the resolution of the image 1920 by 1080 and put the 3 designs in groups in Photoshop:
[img[http://facultypages.scad.edu/~dkaul/screenshots/Image%20010.png]]
!!!!2. Working basic page on your studentpages.scad.edu.
*This assignment will ensure you know how to upload an actual page that you have designed with rollovers. You will make sure the html files and folders are uploaded correctly.
*This assignment is important because people get to the last day of class and are not sure how to get the site uploaded, or the file structure is messed up(many different folders in different areas of your computer) and cannot be uploaded properly.
*This site must work in 1366*768 format so it will also ensure that your site will center on the main area and have a background that goes behind it, rather than one large site that has to scroll left and right on smaller monitors.
*Note, when you save for web & devices and are only saving images, don't go into the images folder, just save it where it suggests and it will put the images into the image folder. This prevents nesting of folders where one images folder is in another one.
use this code for scrolling background:
{{{
body {
background-color: #FFF;
background-image: url(back.jpg);
background-repeat: no-repeat;
background-attachment:scroll;
background-position:top;
}
}}}
!!!!3. Final Page
*There are a variety of styles, and if you already know some flash, feel free to use some
*We will be making our pages from scratch so you know the basics. Cargo collective is great but not an option for the class. There are other website generators such as wix.com
*A selection of student pages from CMPA 100/110
**[[Kat Weiss|http://studentpages.scad.edu/~kweiss21/]]
**[[Becca Wash|http://studentpages.scad.edu/~bewash20/]]
**[[Patrick Clampitt|http://studentpages.scad.edu/~pclamp20/]]
**[[Eryk Nellis|http://studentpages.scad.edu/~enelli20/]]
**[[Dan Dittmar|http://studentpages.scad.edu/~ddittm20/]]
**[[Steve Darden|http://studentpages.scad.edu/~sdarde20/]]
**[[Ana Perez|http://studentpages.scad.edu/~aperez29/]]
**[[Lacey Hilman|http://studentpages.scad.edu/~lhilem20/]]
**[[Jordan Rosato|http://studentpages.scad.edu/~jrosat20/]]
**[[Cason Rome|http://studentpages.scad.edu/~carome20/]]
**[[Kelly Halladay|http://studentpages.scad.edu/~khalla20/]]
**[[Debbie Scheller|http://studentpages.scad.edu/~dschel20/]]
**[[Maria Wallace|http://studentpages.scad.edu/~mwalla25/]]
**[[Taylor Allen|http://studentpages.scad.edu/~tallen23/]]
**[[Erin Higgins|http://studentpages.scad.edu/~ehiggi20/]]
**[[Laura Blauman|http://studentpages.scad.edu/~lblaum20/index.html]]
**[[Bixby Grimmett|http://studentpages.scad.edu/~agrimm20/]]
**[[Bridson Wills|http://studentpages.scad.edu/~bwills20/]]
**[[Twitch Richardson|http://studentpages.scad.edu/~tricha22/workscad.html]]
**[[Eric Schultz|http://studentpages.scad.edu/~eschul21/]]
**[[Felicia Guest|http://studentpages.scad.edu/~fguest20/]]
**[[Lindsey Miller|http://studentpages.scad.edu/~lmille28/grey.html]]
**[[Matt Allen|http://studentpages.scad.edu/~mallen30/]]
**[[Josh Hernandez|http://studentpages.scad.edu/~jherna26/]]
**[[Emily Duda |http://studentpages.scad.edu/~emduda20/]]
**[[La Toya De Brew|http://studentpages.scad.edu/~tdebre20/]]
**[[Grant Hill|http://studentpages.scad.edu/~gahill20/]]
**[[Jordan Dotson|http://studentpages.scad.edu/~jdotso21/]]
**[[Rachel Puelo|http://studentpages.scad.edu/~rpuleo20/]]
**[[Nick Trainer|http://studentpages.scad.edu/~ntrain20]]
**[[Sara Diblasi-Crain|http://studentpages.scad.edu/~rdibla20/]]
**[[Aaron Llewellyn|http://studentpages.scad.edu/~allewe20/]]
**[[Dan Ogren|http://studentpages.scad.edu/~dogren20/]]
**[[Luke Infinger|http://studentpages.scad.edu/~linfin20/]]
**[[Melanie Bentley|http://studentpages.scad.edu/~mbentl21/portfolio.html]]
**[[Josh Beckman|http://studentpages.scad.edu/~jbeckm20/]]
**[[Shiyi Liao|http://studentpages.scad.edu/~shliao21/]]
**[[Ryan Davies|http://studentpages.scad.edu/~rdavie21/caricaturepage.html]]
**[[Kevin Gesseck|http://studentpages.scad.edu/~kgesse20/portfolio_digital.html]]
**[[Brandon Withrow |http://studentpages.scad.edu/~bwithr20/]]
**[[Monique Blaize |http://studentpages.scad.edu/~mblaiz20/]]
**[[Chuck Goubeaud|http://www.metalhandsmedia.com/]]
**[[Ryan Powell(Flash) |http://studentpages.scad.edu/~rpowel21/]]
**[[Drew Standford(Photo) |http://www.drewstanford.com/]]
**[[Charles Goubeaud |http://www.metalhandsmedia.com/]]
**[[Zane Friday|http://studentpages.scad.edu/~zfrida20/]]
**[[Josh Sobel |http://studentpages.scad.edu/~jsobel20//]]
**[[Joe Phillips|http://studentpages.scad.edu/~jphill25/]]
**[[Alex Vanderpool|http://studentpages.scad.edu/~jvande25/]]
**[[Cool rollovers|http://studentpages.scad.edu/~jgerma21/]]
**[[Blakely Smith|http://studentpages.scad.edu/~bsmith37/]]
**[[Karen Kriese|http://studentpages.scad.edu/~kkries20/]]
**[[Hyo Park|http://studentpages.scad.edu/~hypark26/]]
**[[Katie Jones|http://studentpages.scad.edu/~kjones38/]]
**[[Kevin Chia|http://studentpages.scad.edu/~kechia21/]]
**[[Lyra Erickson|http://studentpages.scad.edu/~lerics20/]]
**[[Katie Sedmak|http://studentpages.scad.edu/~ksedma20/]]
**[[Lucy Prouty|http://studentpages.scad.edu/~lprout20/]]
**[[Ryan Kersh|http://studentpages.scad.edu/~rkersh20/]]
**[[Lindsey Herman|http://studentpages.scad.edu/~lherdm20/lherdm20web/]]
**[[Kellan Stover|http://landofstover.com/]]
**[[Andy kluthe|http://facultypages.scad.edu/~dkaul/websites/kluthe3.com/]]
**[[Andy Kluthe 2|http://facultypages.scad.edu/~dkaul/websites/kluthe1.com/lcd.html]]
**[[Andy Kluthe 3|http://facultypages.scad.edu/~dkaul/websites/kluthe2.com/davis_page2.html]]
**[[Animated|http://facultypages.scad.edu/~dkaul/websites/animated_gif.com/]]
**[[Wayne Carter|http://studentpages.scad.edu/~wcarte20/web_wcarte20/bio.html]]
**[[Han Sua|http://studentpages.scad.edu/~suahan20/]]
**[[Corin Howell|http://studentpages.scad.edu/~chowel22/]]
**[[Camile Jenkins(Performing arts)|http://studentpages.scad.edu/~cjenki24/index.html]]
**I like these pages but I need to have the main content fit in 1000 px by 700 px
** So DON'T do this. Notice how when you resize the screen they do not center?
**[[1|http://studentpages.scad.edu/~ajacob23/]]
**[[2|http://studentpages.scad.edu/~nlaver20/]]
**[[3|http://studentpages.scad.edu/~emhowe20/]]
**[[4|http://studentpages.scad.edu/~nmeade20/]]
**[[5|http://studentpages.scad.edu/~kwilki21/sweet/]]
*Various Pages
**[[Cool, simple Tabs|http://www.smosh.com/]]
**[[Like this simple style|http://www.shauntan.net/]]
**[[Cool buttons|http://media2.fwpublications.com/Adobe_Flash_Catalyst/Triboro_WebButtons-HOW/main.html]]
**[[Aspiring Graphic Designer(view page source)|http://benjamindhaynie.com/]]
**[[Cute things for Sale|http://www.heatherbaileystore.com/]]
**[[Ocean Zen Garden|http://www.csszengarden.com/?cssfile=/210/210.css&page=0]]
**[[Cupcakes|http://www.taylormadecupcakes.co.uk/]]
**[[Nathan Love|http://nathanlove.com/]]
**[[Scrolling image bar|http://www.adamelmakias.com/]]
**[[Dan Sweet|http://dansweetdesign.com/]]
**[[Fun Flash menus|http://www.beckett.de/]]
**[[Billabong|http://www.billabong.com/]]
**[[Fahrenheit Studios|http://www.fahrenheit.com/]]
**[[Neat|http://www.cappen.com/]]
**[[Ben The Bodyguard|http://benthebodyguard.com/]]
**[[Scandinavian|http://grandpeople.no/]]
**[[Epic|http://epicagency.net/eng/]]
**[[Scenic Backdrop (pic is < 300K)|http://jackstin.com/]]
**[[Fun Graphics |http://www.natrashka.com/]]
**[[Narrow Page|http://www.csszengarden.com/?cssfile=/203/203.css&page=1]]
**[[Photography Page|http://www.silwia.weberica.net/]]
**[[Comic Style Page|http://ma.tt/]]
**[[Monolab Media|http://www.monolab.cl/]]
**[[Knoxville, TN site|http://www.knoxville.org/]]
**[[Collage style|http://ths.nu/trash/]]
**[[30 Collage style Sites|http://www.bloggs74.com/artwork/30-inspirational-collage-style-sites/]]
**[[DropDown menus|http://www.piperboy.com/]]
**[[Ben Hulse|http://www.benhulse.com/index.php]]
**[[Cupcake Website|http://www.cupcakesonline.com/index.php]]
**[[Sticker Mule|http://www.stickermule.com/]]
**[[Cinematographer site|http://www.janreichle.com/]]
**[[Artist Peter Max|http://www.petermax.com]]
**[[Clean site|http://theesthetik.com/]]
''[[We will also make favicons, which are the little icon next to the http links:|Favicons]]''
!!!Hosting your videos
*There are a few ways to host your videos. One is by hosting it on your server and using jwplayer to play it. You have a lot of customizations this way.
*Another way is Vimeo, which is considered an artist's hosting site that has less advertising than Youtube(Not as much exposure, however)
*My favorite way of hosting videos is using Youtube. With Youtube you can upload an unlimited amount of 720P files. You also have the biggest exposure to an audience and can create your own channel. You can also get a thumbnail url when youtube generates your video. You also have the ability to use shadowbox, which is a clean way of presenting your movies
{{{
proc sphereMake(float $level, int $evenOdd){
// If the both button is selected make a sphere
if ($evenOdd == 3){
sphere -r ($level/10);
move 0 0 ($level*$level/10);
}
// If the even button is selected the check whether to make a sphere
// by ($evenOdd%2). If this is 0 then make the sphere
// This is called module (http://en.wikipedia.org/wiki/Modulo_operation)
// Modulo is the remainder of the division
// For example: 4%2 is 0, 5%2 is 1, 6%2 is 0, 7%2 is 1
if ($evenOdd == 2)
if ($level%2){
sphere -r ($level/10);
move 0 0 ($level*$level/10);
}
// If the odd button is selected the check whether to make a sphere
// by check if $evenOdd%2 == 1. If it is make the sphere
if ($evenOdd == 1)
if ($level%2 == 0){
sphere -r ($level/10);
move 0 0 ($level*$level/10);
}
// If we do not reduce level each iteration the procedure will call itself recursively until Maya crashes
$level=$level-1;
// We check to see if l$level is > 0, otherwise the precedure will call itself infinitely
// unitil Maya crashes due to memory usage
if ($level > 0)
sphereMake($level,$evenOdd);
}
proc buttonAction1(string $floatRot)
{
$parentRadius = `intSliderGrp -q -v $floatRot`;
// radioButtonGrp is either 1,2,3, based on even, odd, or both.
// $choice is either 1,2,3 by querying myRadBtnGrp
$choice=`radioButtonGrp -q -select myRadBtnGrp`;
// This calls the sphereMake for the first time, then the recursion takes over
sphereMake($parentRadius,$choice);
}
global proc makeAntennaUI()
{
global string $radiusCol;
// This checks to see if dialogBoxWindow already exists and delete it if
// it does.
if (`window -exists dialogBoxWindow`) deleteUI dialogBoxWindow;
// -rtf true means rezize
window -title "Create recursion" -rtf true dialogBoxWindow;
// This is the easiest way to layout UI. Another type is formLayout
columnLayout;
// Make an integer slider, -value 5 means set the default to 5
$radiusCol = `intSliderGrp
-label "Number Of Spheres:"
-min 1 -max 10
-value 5
-field true`;
// -select 1 means select the 1st button by default. myRadBtnGrp is the name
// of the radio button
radioButtonGrp
-numberOfRadioButtons 3
-label "Select Type"
-labelArray3 "Even" "Odd" "Both"
-select 1
myRadBtnGrp;
// Make button to generate spheres
// -w is width of button
button -label "Make Recursive Sphere" -w 130 -command "buttonAction1($radiusCol)";
// Make button to delete every object in the scene
button -label "Delete Objects" -w 130 -command "select -all;delete";
// The window will not be displayed without this
showWindow dialogBoxWindow;
}
// This will make the UI which then calls the sphereMake procedure
makeAntennaUI;
}}}
Make a favicon [[here|http://www.favicon.cc/]]
The favicons are 16 by 16 pixel icons.
Put the favicon.ico into the same directory as the index.html page
Put the following text in the <head> section of your html page
{{{<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> }}}
To get started with this blank [[TiddlyWiki]], you'll need to modify the following tiddlers:
* [[SiteTitle]] & [[SiteSubtitle]]: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
* [[MainMenu]]: The menu (usually on the left)
* [[DefaultTiddlers]]: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
You'll also need to enter your username for signing your edits: <<option txtUserName>>
We have 2 Illustrator assignments.
!!!!1. Logo
*Use [[dafont.com|http://dafont.com]] for unique fonts, which can make up a big part of your logo. You can install these on a Mac by clicking install. On a Windows machine you will have to install them on your personal machine.
*This is a company that you will create that has special meaning to you, or it could be your own logo
*Keep the files .ai and do not export as gif/jpeg
*Make sure to label all layers
*If you are using fonts Expand the font so that you won't get a font substitution error when showing it on another machine
*There is no particular size as Illustrator uses curves and can be scaled infinitely large or small. They can be rasterized(pixeled) by exporting to gif/jpg/png.
*Try to get a graphic designers point of view when showing it to your friends to see if it holds up with them
*Sometimes the best logos are very simple or minimalist.
*You must expand any fonts to avoid font substitution on other machines
[img[Click to see logo examples|http://facultypages.scad.edu/~dkaul/tiddly_images/logo_Kedlun20_button.jpg][http://facultypages.scad.edu/~dkaul/logos_new.html]]
Click on the image to see examples
!!!!2. Creature/Beast/Alien
*You must have a sketch of the beast on an invisible layer. Not having this will take points off
*You can use the beginning of a tutorial but then branch off into your own creation
*Make sure to label all layers
[img[Click to see Creature examples|http://facultypages.scad.edu/~dkaul/tiddly_images/beast_sketch.jpg][http://facultypages.scad.edu/~dkaul/creatures_new.html]]
Click on the image to see examples
!!!!How I communicate with you
*I will be emailing you at your SCAD address and will need you to check it often. I have my scad email forward to my gmail account and suggest that if you don't want to keep checking your scad account.
*Your website will be hosted through studentpages.scad.edu normally but if you are working on an advanced site that is hosted somewhere else let me know and I will update my records.
!!!!Submitting work to me
*Your work will be put in the class_share folder with specific naming conventions. If your file is not named properly it will not be graded. I will not be going into your dropboxes and looking for any files. You can use filezilla(recommended) or myfile. For filezilla the host is mydfs.scad.edu
!!!!Grades
*I already mentioned this but you must turn work in on time and have only 1 week to turn in a resubmission.
!!!!Class participation:
*You will most likely learn the most from your friends and fellow classmates so class participation is required. The ability to discuss work is just as important as learning the software.
*I will need to have everyone participating to the best of their ability
!!!!Submitting projects to the class_shares folder
*To Access the dropbox with filezilla use ''Host'': mydfs.scad.edu '' login:'' loginname ''password:'' your myscad password
*You can also use myfile.scad.edu but I feel filezilla has a lot more flexibility.
!!!!Your Different Storage Areas
*You have 3 different storage areas: ''(H:)'' is your student space, which is cleared every September. This is your private space. ''(T:)'' is your dropbox. This is where you drop in your class assignments and get course materials to work on in class. This area is wiped clean after every quarter so make sure to back up anything you need before leaving for the quarter. ''(D:)'' is your temporary storage on your machine you are sitting at. This storage area is good when you want to render After Effects and Maya Movies. When rendering to your the H: or T: Drives you are going across the network, which can slow your progress and cause crashes. Therefore, when rendering anything make sure it is to the D: drive. I would also not recommend rendering directly to a flash drive as well, due to potential conflicts. You would then transfer it back to your H: or T: or your personal flash drive.
!!!!General
*''Software used:'' We will be using Adobe Photoshop, Illustrator, After Effects, Dreamweaver, and Autodesk's Maya. You can get a free trial version of Adobe cs5 Master Collection that lasts 30 days [[here|https://www.adobe.com/cfusion/tdrc/index.cfm?product=master_collection]]. Make sure not to load the program until you need them as the 30 counter starts when you first open the program. You can get a 3 year free Maya 2011 License [[here|http://students.autodesk.com/]]
*''Lynda.com'':This is a great site for learning all the software in the class. SCAD has a free license of it through Myscad (under the workspace tab and the bottom far right). Access it there to get the free version. This would cost $40 per month if you were not a member of SCAD so this is a valuable resource.
*''Class Participation'': I grade on class participation and will need everyone to critique each others work for all assignments.
*''Resubmissions'': Resubmissions for higher grades can be done a maximum of 1 week after the assignment ends. For example, if an assignment is due Monday, you can resubmit a file up to the next Monday, but no later. I have a lot of grades to put in and I need to enforce this rule.
*''Capital Letters and spaces in filenames'': Use ''NO'' capitals letters or spaces for any file names. This is important when we deal with webpages; Not following this rule will complicate things dramatically.
*''Class Share Folder'': You will need to upload all of your assignments to the _class_share folder in your class dropbox. Get to know both Filezilla and myfile.scad.edu so you can upload all projects to your class_share folder. Sometimes myfile.scad.edu will malfunction, leaving Filezilla as your other option. Filezilla also supports drag and drop to and from the desktop.
*''. files'': If you are using a Mac at home or a laptop, keep in mind that files that begin with a . are not the actual files. Please do not put them in the dropbox. They are resource fork files and are not used in Windows.
!!!!Photoshop
*''Resolution of file'': For your Photoshop files, including put yourself in History and digital composite you must have a resolution on 1280 * 720 or a resolution of 1920 * 1080, which is blue ray size.
!!!!After Effects
*''File size'': In After Effects, to keep a smaller file size for your movies and when creating movies from Maya, use //.h264// as the format when you go to render queue. If this is not done the files can be over 500MB and will not be graded.
*''.aep files'': The After Effects project file is called an .aep. This file does not contain the actual images and audio that you need for the movie and I cannot grade it. Therefore it is important to have the whole project in a folder so you can transfer it if needed. I need the rendered out movie as an .mp4 and not the .aep file
*''Audio'': All After Effects movies (including Maya) must have audio. This audio must fade out to silence at the end of the video. There is to be a gradual drop off audio. //Remember Ram->Preview// button to hear audio
*''Resolution'': For your After Effects movies and when using After Effects for Maya images, use 720P. Do not go higher or lower. This is a good medium resolution for video that is 16:9 aspect ratio, (A Droid Incredible smartphone resolution is 854 * 480, which is the same 16:9 aspect ratio)
*''Group work'': You can work as a group for your After Effects Visual Effects assignment (Such as filming a Special Effects movie). You generally receive the same grade.
*''Length of movie'': Please keep them at 30 seconds or less unless you get with me to discuss a longer length
*"fonts": For fonts I tend to stay away from generic fonts supplied by them system. I like [[1001fonts.com|1001fonts.com]] where you can try out a new font and copy the resulting text image for use as a layer in After Effects
!!!!Illustrator
*''.ai files'': For your Illustrator assignments the files submitted must be the .ai files. The illustrator assignments can have some rasterized (Think Photoshop) elements, but it must be kept to a minimum. I can only grade .ai files, which is the native Illustrator file.
*''Expanding Fonts'':You might find when you open up your Illustrator file on another machine that it says font substitution. You need to expand the appearance of the fonts. Not doing this will result in a reduction of your grade as well as showing a different image than what was intended.
!!!!Maya
*''First assignment'': First assignment is the fruit plate. All students must make one of these(You can create another food item if you get with me first).
*''Group Work'': You can work as a group for your Maya final. You generally receive the same grade.
*''Those with prior Maya experience'': If you are an experienced user of Maya and want to spend 2 weeks on creating a great final you can combine the fantastic voyage assignment and the Maya final project. You would then have 2 weeks to make a sweet Maya final project. This would count as both of the grades.
*''Length'': Unless we discuss otherwise please keep the animations around 30 seconds in length and don't go over or under more than a few seconds
*''Paint Effects'': I know they are fun but go easy on the paint effects. They can be nice looking if used sparingly. The problem is that you can always tell they are paint effects.
!!!!Dreamweaver
*''Already have a webpage'': If you are already familiar with Dreamweaver and other web developing software let me know about it. You can make a webpage for this class using Flash. You are not limited to Dreamweaver.
*''Hosting Movies'': For hosting your animations and movies I would go with Vimeo or YouTube as they are guaranteed to play quickly (Flash compression). Nothing is worse than trying to play a movie off your own server that gets stuck
*''Small amount of programming'': There is a minor amount of code with shadowbox, which presents images/videos in a clean format.
*''Making Thumbnails'': Make sure to make thumbnails, which are lo-res versions of your images. You click on the thumbnails to reveal the larger image.
!!!!How I communicate with you
*I will be emailing you at your SCAD address and will need you to check it often. I have my scad email forward to my gmail account and suggest that if you don't want to keep checking your scad account.
*Your website will be hosted through studentpages.scad.edu normally but if you are working on an advanced site that is hosted somewhere else let me know and I will update my records.
!!!!Submitting work to me
*Your work will be put in the class_share folder with specific naming conventions. If your file is not named properly it will not be graded. I will not be going into your dropboxes and looking for any files. You can use filezilla(recommended) or myfile. For filezilla the host is mydfs.scad.edu
!!!!Grades
*I already mentioned this but you must turn work in on time and have only 1 week to turn in a resubmission.
!!!!Class participation:
*You will most likely learn the most from your friends and fellow classmates so class participation is required. The ability to discuss work is just as important as learning the software.
*I will need to have everyone participating to the best of their ability
!!!!Submitting projects to the class_shares folder
*To Access the dropbox with filezilla use Host: mydfs.scad.edu login: loginname password: your myscad password
*You can also use myfile.scad.edu but it has been inconsistent in the past whereas Filezilla is guaranteed to work
!!!!Your Different Storage Areas
*You have 3 different storage areas: (H:) is your student space, which is cleared every September. This is your private space. (T:) is your dropbox. This is where you drop in your class assignments and get course materials to work on in class. This area is wiped clean after every quarter so make sure to back up anything you need before leaving for the quarter. (D:) is your temporary storage on your machine you are sitting at. This storage area is good when you want to render After Effects and Maya Movies. When rendering to your the H: or T: Drives you are going across the network, which can slow your progress and cause crashes. Therefore, when rendering anything make sure it is to the D: drive. I would also not recommend rendering directly to a flash drive as well, due to potential conflicts. You would then transfer it back to your H: or T: or your personal flash drive.
!!!!General
*Software used: We will be using Adobe Photoshop, Illustrator and Dreamweaver. You can get a free trial version of Adobe cs5 Master Collection that lasts 30 days here. Make sure not to load the program until you need them as the 30 counter starts when you first open the program.
*Lynda.com:This is a great site for learning all the software in the class. SCAD has a free license of it through Myscad (under the workspace tab and the bottom far right). Access it there to get the free version. This would cost $40 per month if you were not a member of SCAD so this is a valuable resource.
*Class Participation: I grade on class participation and will need everyone to critique each others work for all assignments.
*Resubmissions: Resubmissions for higher grades can be done a maximum of 1 week after the assignment ends. For example, if an assignment is due Monday, you can resubmit a file up to the next Monday, but no later. I have a lot of grades to put in and I need to enforce this rule.
*Capital Letters and spaces in filenames: Use NO capitals letters or spaces for any file names. This is important when we deal with webpages; Not following this rule will complicate things dramatically.
*Class Share Folder: You will need to upload all of your assignments to the _class_share folder in your class dropbox. Get to know both Filezilla and myfile.scad.edu so you can upload all projects to your class_share folder. Sometimes myfile.scad.edu will malfunction, leaving Filezilla as your other option. Filezilla also supports drag and drop to and from the desktop.
*. files: If you are using a Mac at home or a laptop, keep in mind that files that begin with a . are not the actual files. Please do not put them in the dropbox. They are resource fork files and are not used in Windows.
!!!!Photoshop
*Resolution of file: For your Photoshop files, including put yourself in History and digital composite you must have a resolution on 1280 * 720 or a resolution of 1920 * 1080, which is blue ray size.
!!!!Illustrator
*.ai files: For your Illustrator assignments the files submitted must be the .ai files. The illustrator assignments can have some rasterized (Think Photoshop) elements, but it must be kept to a minimum. I can only grade .ai files, which is the native Illustrator file.
*Expanding Fonts:You might find when you open up your Illustrator file on another machine that it says font substitution. You need to expand the appearance of the fonts. Not doing this will result in a reduction of your grade as well as showing a different image than what was intended.
!!!!Dreamweaver
*Already have a webpage: If you are already familiar with Dreamweaver and other web developing software let me know about it. You can make a webpage for this class using Flash. You are not limited to Dreamweaver.
*Hosting Movies: For hosting your animations and movies I would go with Vimeo or YouTube as they are guaranteed to play quickly (Flash compression). Nothing is worse than trying to play a movie off your own server that gets stuck
*Small amount of programming: There is a minor amount of code with shadowbox, which presents images/videos in a clean format.
*Making Thumbnails: Make sure to make thumbnails, which are lo-res versions of your images. You click on the thumbnails to reveal the larger image.
[img[http://facultypages.scad.edu/~dkaul/screenshots/indesign.png]]
From the Adobe site:
Design professional layouts for print and digital publishing
Adobe® InDesign® CS5 software provides precise control over typography and built-in creative tools for designing, preflighting, and publishing documents for print, online, or to mobile devices. Include interactivity, animation, video, and sound in page layouts to fully engage readers.
We will be making a professional 3 page pdf of your work, which can be from any class. You will have images and text nicely formatted. You will also make a portion of it interactive.
[[Bash: Most recent Bash Info|https://docs.google.com/Doc?docid=0AWDZEMSAk7FEZHczODU3OF83OGZkNnc0ajJn&hl=en_US]]
[[Bash: Mr T quiz|https://docs.google.com/Doc?docid=0AWDZEMSAk7FEZHczODU3OF82MTVyYmRqNWdm&hl=en_US]]
[[Bash: Arrays and string manipulation|https://docs.google.com/Doc?docid=0AWDZEMSAk7FEZHczODU3OF85OWNkd2M3OWRj&hl=en_US]]
[[Bash: Bash sample Exam|https://docs.google.com/Doc?docid=0AWDZEMSAk7FEZHczODU3OF8xMzlrNHE5MzZkbg&hl=en_US]]
[[Bash: Hosuk Chang Timer program|http://docs.google.com/Doc?id=dw38578_2268fkxqvgm]]
[[Bash: Rock Paper Scissors|http://docs.google.com/Doc?id=dw38578_144hc2666fn]]
[[Bash: Making MEL file from bash data|http://docs.google.com/Doc?id=dw38578_93g44kpnnv]]
[[Bash: In class bash assignment|http://docs.google.com/Doc?id=dw38578_90dpdjgfkh]]
[[Bash: Arrays and String Information|http://docs.google.com/Doc?id=dw38578_99cdwc79dc]]
[[Bash: Bum fight game|https://docs.google.com/Doc?docid=0AWDZEMSAk7FEZHczODU3OF8xNDJjeGQ2bnRnbQ&hl=en_US]]
[[Bash: Dark Angel Text Adventure|http://docs.google.com/Doc?id=dw38578_92dj66tmdt]]
[[Bash: Using variables|http://facultypages.scad.edu/~dkaul/programming/vsfx_160_bash_files/usingVariables.sh]]
[[Bash: Basic D&D battle|http://docs.google.com/Doc?id=dw38578_151cfp626cn]]
[[Bash: D&D battle w/weapons|http://docs.google.com/Doc?id=dw38578_149d49xt5ns]]
[[Bash: Run a script when last file renders|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/run_prog_chk_file_size.sh]]
[[Bash: Caps to lowercase|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/caps_to_lowercase.sh]]
[[Bash: If then statement syntax|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/if_then_statement.sh]]
[[Bash: if-then-else syntax|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/elif_statement.sh]]
[[Bash: Simple Array|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/using_arrays.sh]]
[[Bash: Magic 8-Ball (Random function)|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/8ball.sh]]
[[Bash: Shell Game|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/shellgame.sh]]
[[Bash: case syntax|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/case_example.sh]]
[[Bash: Matrix Adventure (Beginner)|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/matrix_adventure.sh]]
[[Bash: Proper Dating Age|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/dating.sh]]
[[Bash: Eighties rock song quiz|href="http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/song.sh]]
[[Bash: No repeating Array|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/no_repeat_array.sh]]
[[Bash: Hangman|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/hangman.sh]]
[[Bash: Simple Fortune teller|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/fortune.sh]]
[[Bash: Horoscope (Case statement)|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/horoscope.sh]]
[[Bash: Colored Text|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/colored_text.sh]]
[[Bash: Number Guessing Game|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/guess_num.sh]]
[[Bash: Read 1 character w/o hitting enter|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/read_only_1_character_without_hitting_enter.sh]]
[[Bash: Read multiple word answer|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/answer_with_2_words.sh]]
[[Bash: Read command line as input|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/command_line_input_as_variables.sh]]
[[Bash: Using arrow keys|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/use_arrow_keys.sh]]
[[Bash: GUI dialog boxes (Linux Only)|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/gui_dialog_boxes.sh]]
[[Bash: Text dialog boxes (Certain linux distros)|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/text_dialog_boxes.sh]]
[[Bash: Graphic Adventure game zip file|http://facultypages.scad.edu/~dkaul/vsfx_160_bash_files/adventuregraphic.zip]]
[[Welcome]]
//Classes//
[[VSFX 501]]
[[VSFX 160]]
[[CMPA 110]]
[[CMPA 100]]
//General//
[[Contact]]
[[Office hours|Contact]]
//Dave Kaul//
[[Bio]]
[[Portfolio|http://facultypages.scad.edu/~dkaul/kaul_portfolio_shadowbox_all.html]]
[[LinkedIn|http://www.linkedin.com/in/davekaul]]
[[Facebook|http://www.facebook.com/davekaul]]
[[YouTube|http://www.youtube.com/davekaul]]
We have 2 Maya assignments.
!!!!1. Maya Fruit Plate
*The fruit Plate will be a 1280 by 720 pixel, 720HD, render of fruits on a plate. If you are feeling motivated you can make some models of your final project instead so that you have 3 weeks to work on the Maya final project.
*Please make all fruits with texture maps.
*I recommend [[cgtextures.com|http://cgtextures.com]] for free textures(registration required)
*Include a plate, apples, bananas, some type of berries, grapes, a background for the scene, some oranges, and any other variety of fruit you would like.
*We will use Mental Ray for rendering with Global Illumination.
*If the render size is too large or too small points will be taken off
*Tessellation, where a curved object looks angular will have points taken off as well
*Many times there will not be enough light in the scene. Make sure the fruit is well lit or points will be removed.
[img[Click to see fruit examples|http://facultypages.scad.edu/~dkaul/tiddly_images/fruit_masi_button.jpg][http://facultypages.scad.edu/~dkaul/fruit_page.html]]
''Click on the image to see examples of fruit plates''
!!!!2. Fantastic Voyage Animation
*Important: When rendering the individual frames in After Effects you must usually INCREASE the bitrate when compressing as .h264 movie. This is in the render que. If you leave the defaults you will get motion blocking and degradation of the fast moving sections. Get with me if you are not sure where this is.
*You can use the renderfarm at SCAD, which is a huge bank of computers ready to render out all your frames. use render.sfdm.scad.edu as the host in Filezilla and submit your jobs [[here|http://render.sfdm.scad.edu/]]
* [[export Maya rendered frames into After Effects 2 minute video here|http://www.youtube.com/watch?v=cVRMXNZ_TLU]]
*The fantastic voyage is a 45 second long(Max length) of a fly-through of a scene.
*Your animation doesn't really have to be fantastic; The name comes from this supreme [[song|http://www.youtube.com/watch?v=-1YjmXSyHa8]]
*Your scene could be an underwater scene
*an alien landscape or moon rover
*a snow scene with animated snowmen
*a fly-though of Stonehenge
*a series of opening doors, a skate park, a jungle, a surreal landscape, or a cave.
*The resolution is to be 1280 by 720, which is 720P, high definition and will run at 24 frames per second. Therefore, a 25 second animation would be a total of 600 frames(25 by 24).
*There must be audio(Which is compiled in After Effects). George Lucas said audio is 51% of the movie experience
*You can add effects with After Effects to enhance the movie. For instance, if you do an underwater scene you can add a ripple effect to simulate water currents.
*If the animation moves too fast you must slow it down. You need to use ''//Window->Playblast//'' to get an accurate speed of the animation.
*Many new users of Maya and 3D animation make an animation too fast without knowing it. That is why it is especially important to use //Window->Playblast//. This command will generate a low-res preview.
*You can reach render settings by going to: ''//Window->Rendering Editors->Render Settings//''
*Also pay attention to the 1280 by 720 resolution(below)
*By default Maya renders out 24 fps. But you have to //reinterpret footage// in After Effects from 30 to 24. Click on the right mouse button
*Make sure to set frame/animation ext to name.#.ext which allows you to render the animation(below)
[img[Use these Render Settings|http://facultypages.scad.edu/~dkaul/tiddly_images/render_settings_animation.gif]]
''[[Click to see examples of Fantastic voyage|http://facultypages.scad.edu/~dkaul/maya_videos.html]]''
*Credits must total not more than 5 seconds and fade out. Points will be taken off if they go over and do not fade(music must fade as well). Credits that go on too long decrease the grade.
*You can work as a group and can design your own final if interested. Contact me about that.
<html><iframe src="http://player.vimeo.com/video/17091329?title=0&byline=0&portrait=0&color=ff9933&&" width="400" height="300" frameborder="0"></iframe></html>
[[Click to see examples of Final Maya projects|http://facultypages.scad.edu/~dkaul/maya_videos.html]]
[[Boogeyman |http://www.youtube.com/watch?v=_Ee3C2m3OXE&feature=player_detailpage#t=26s]]
[[Disco Inferno|http://www.youtube.com/watch?v=A_sY2rjxq6M&feature=player_detailpage#t=111s]]
[[Ratt's Lay it down video|http://www.youtube.com/watch?v=Qk2YNouT9UA]] | [[Kid in the video grown up|http://www.imdb.com/media/rm2286979584/nm0381035]]
[[Vince Neil in Sister of Pain Video 1993|http://www.youtube.com/watch?v=-8PQtvY4Zoo&feature=player_detailpage#t=49s]]|[[Vince Neil recently arrested|http://www.newsoxy.com/entertainment/vince-neil-jail-19107.html]]
[[Just like a miniMall|http://www.youtube.com/watch?v=FJ3oHpup-pk]]
[[Give me back that Fish!|http://www.youtube.com/watch?v=6bJOIqVAD-s]]
[[If you laugh at this you are a horrible person|http://www.youtube.com/watch?v=ee925OTFBCA]]
Use the mydfs.scad.edu in the Host section, like this:
<html><div align="center"><img src="http://facultypages.scad.edu/~dkaul/tiddly_images/mydfs.PNG"</div></html>
<div class='header'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='macro' force='true' macro='slider chkSideBarTabs SideBarTabs "index »" "display lists of tiddlers"'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
We have 2 Photoshop assignments.
Both of these projects are to be saved in the native .psd format with all layers accessible. I will ''not'' accept a jpg image or a .psd with all the layers flattened.
The resolution of the assignments can be either ''1920'' * ''1080'' (Blueray), or ''1280'' * ''720'' (HD). No other sizes will be accepted. It is important to understand the concept of resolution.
Save images as RGB, not CMYK, which will not load in Dreamweaver. RGB is the monitor color space while CMYK is for printing. If your images will not load check for RGB
!!!!1. Put yourself in movie History
*In this assignment you are to grab a bluray shot of a movie and insert yourself in it.
*A good site for locating Bluray images is [[here| http://www.cinemasquid.com/blu-ray/movies/screenshots]].
*There are some very important things to remember for this.
*1st, you must do more than just swap out your head for the original. That kind of assignment will not be graded. What you need is at least 1/3 of your body in the scene.
*You also get extra points for dressing up in costume for the part. For instance, a student did a fight club shot and had his shirt off where you could see his chest and face.
*Another thing that will lower your grade is putting yourself way in the background of the scene(even if you look natural there). You need to be in the foreground of the scene.
*The lighting in the picture you take of yourself must be comparable to the actual lighting in the original movie image. This is extremely important as it is very unlikely you can fix bad lighting in Photoshop.
*The resolution of your self image must be of sufficiently high quality to match the resolution of the Blu Ray screen capture. Mismatches will look obvious.
*You need to match the noise pattern of your image to that of the background.
*You will need the use of adjustment layers and layer masks, both tools in Photoshop. You will also need to use multiple layers to get the image to look right. Most of the time merely placing your image on top of the background will not be enough.
*One final note: I give extra credit based on the ambitiousness of the scene you choose. For instance, A girl had herself being pulled under in "The Descent". It was a very hard comp, so while it did not come out as well as we liked it still merited an A.
*Another note. You facial expressions must fit the mood of the image. One girl had her smiling next to Will Smith in I am Legend. This takes away from the mood of the image and points will be deducted from that.
*Also, I need the original untouched background image as an invisible layer. I need your untouched picture as an invisible layer.
[img[Click to see history examples|http://facultypages.scad.edu/~dkaul/tiddly_images/historyCofer.JPG][http://facultypages.scad.edu/~dkaul/history_page.html]]
Click on the image to see examples
!!!!2. Digital Composite
[img[Click to see composite examples|http://facultypages.scad.edu/~dkaul/tiddly_images/comp_thumb.jpg][http://facultypages.scad.edu/~dkaul/comp_page.html]]
*In this assignment you will composite underwater elements together to create a new, believable composite. You can add a castle in the sea or a toy castle in a fishbowl. The important thing is that you mask out elements well and match lighting.
*The image must be 1280px by 720px or 1920px by 1080px. Please do not make a larger or smaller image.
*You can create an erie scene or something light hearted.
!!!!Other ideas
*You can take a background image and carefully add new elements that seamlessly integrate into the image.
*You can do something like in the movie "2012", We know the images of destruction are beyond belief but at the same we are convinced it is real. You can put a giant robot destroying a city that looks convincing. You can put a shark in a swimming pool.
*The point is you know it can't happen in reality but looks so well done you are fooled. You can also get a bunch of well known people in a party and insert different people so the image looks real, but you know Elvis is not really singing a duet with Lady Gaga.
*You will then end up with a Visual Effects assignment that looks convincing to the average viewer. The effect should look natural and seamless.
*Another example is where you can take all your own photos and combine different elements into 1 image. Using your own photos will give you an additional bonus on your assignment.
!!!Putting the page online
*''VITAL:You must activate your student webspace through MyScad under the My Info tab under Web Space Activation.''
*It takes around 5 minutes to become fully activated. Your site is accessed with studentpages.scad.edu/~yourlogin20
*First, make sure your main page is called ''index.html'' It ''cannot'' have any uppercase letters or contain spaces. This must be the main page that others are linked to and it must be in the web_pages folder
*Very important: Your site must sit in one folder and have just the files used for the pages. This means ''no'' .psd files or .ai files, or .aep files.
*Important: In your studentpages.scad.edu site there is a folder called web_pages.
*The contents of your website must be in that folder and your homepage file must be called index.html
*Remember not to have any spaces or capital letters. This can unlink files and cause a hassle
!!!1st is using Filezilla/or fetch (if on Mac)(This is good for both putting your website online and also putting assignments in the class_share folder
Use filezilla (a program loaded on your machines, if is is not there go to filezilla.com and download. It is free.)
!!!IF in CMPA 100: Filezilla is not installed but an equally excellent program is Fetch, which has a dog icon and does the same thing.
To access the studentpages.scad.edu through filezilla use host: studentpages.scad.edu and your myscad login and password
[img[In filezilla fill out the top portion and click quickconnect|http://facultypages.scad.edu/~dkaul/tiddly_images/filezilla.gif]]
!!!2nd way is using Dreamweaver's manage sites area(Site->Manage Sites)
If you are publishing your site with Dreamweaver (Which makes it easier to make changes and click the up arrow to publish), you must type in web_pages in the root directory path, as shown below:
[img[In Dreamweaver you must have this folder set|http://facultypages.scad.edu/~dkaul/tiddly_images/web_pages_folder.gif]]
!!!The 3rdway is to use myfile.scad.edu
The most important thing to remember is to put the contents of your folder to be uploaded(Not the actual folder, just the contents) into the web_pages folder.
[img[Make sure to put files in web_pages|http://facultypages.scad.edu/~dkaul/tiddly_images/myfile.gif]]
!!!!We have 3 assignments for this section
1. We will create a resume with Microsoft Word and use a template for it. You can add a logo to it as well.
2. We will make a short cover letter
3. We will make a business card(This is actually with Photoshop,
/*{{{*/
.borderlessL, .borderlessL table, .borderlessL td, .borderlessL tr, .borderlessL th, .borderlessL tbody { border:0 !important; margin:0 !important; padding:0 !important; td.vertical-align:top !important;margin-left: 0 !important; margin-right: auto !important; padding:7px !important;}
.header {
height: 220px;
background: url('http://facultypages.scad.edu/~dkaul/tiddly_images/header_hydrant4.jpg') ;
background-position:center;
background-repeat:no-repeat;
}
body {font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; line-height: 14pt;
background-image: url('');
background-color:#f0f4f9; /* light grey for Paranormal Activity*/
background-color:#FAFAD2; /*normal yellow*/
background-repeat:no-repeat;}
a {border-bottom: 1px dotted #2e2e2e; text-decoration: none;}
hr {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #313F5A;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
width: 100%;
}
.viewer pre {
font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
color: #000000;
background-color: #ddd;
font-size: 9.25pt;
border: 1px dashed #999999;
line-height: 10pt;
/*padding: 4px;*/
overflow: auto;
width: 90%;
white-space:pre;
}
.viewer code {
font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
color: #000000;
background-color: #ddd;
font-size: 9.25pt;
white-space: nowrap;
}
.externalLink {text-decoration: none;}
.subtitle {font-size: 9.5pt; color: #transparent; padding-top: 6pt; padding-bottom: 12pt;}
.siteTitle {font-size:0pt;}
.siteSubtitle {font-size: 0pt;}
.tiddler .subtitle {
display: none;
}
h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none; margin-bottom:1.0em; border:none;}
h1,h2,h3 {margin-top:1.2em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:1em;}
.headerShadow {position:relative; padding:2em 0 1em 1em; left:0px; top:0px;}
.headerForeground {position:absolute; padding:2em 0 1em 1em; left:0px; top:0px;}
#mainMenu {position:absolute; left:0; width:10em; text-align:left; padding:2.75em 0.5em 0.5em 1em;}
.tiddler {padding:1em 1em 2em; margin-bottom: 0.5em; border-bottom: 1px dotted #2e2e2e;}
.tagged {
display: none;
}
.kManicule {font-size:150%;}
/*}}}*/
!!!lifehacker.com
Various tips and tricks, downloads for getting things done.
!!!fcheck
Use fcheck, which is Maya's flipbook program to rename files. For instance, if your frames are coming out link example.jpg.1 these will not go into After Effects. Use fcheck to rename by loading animation, 1st frame and saving out as example.####.jpg
The #### generates a 4 digit number so the rename would be example.0001.jpg, which is a format that After Effects can read
!!!Ceedo
Ceedo will allow you to run programs from your own flash drive without installing them on to the school machines. 45 day trial
!!!filemail.com
This software will allow you to send files up to 2GB by sharing a link. The recipient will be able to download the files. Free version has 2GB file size limit
!!!mpeg streamclip
This is an excellent movie format converter.[ Here|http://www.squared5.com]. You can define how large the output file is to be.
!!!Adobe Media Encoder. This can convert movies to flv (flash) format among other things.
!!!TeamViewer
This software allows you to view someone elses desktop and control their cursor with your mouse remotely. You can also transfer files that way. Free to use
[[Linux examples]]
class 7: The code to add color to the particles for the helix enhanced script assignment is:
{{{
//Add the rgbPP attribute to the particles
addAttr -ln "rgbPP" -dt vectorArray curve1particlesShape;
//Add sphrand(1) expression
dynExpression -c -s "curve1particlesShape.rgbPP=sphrand(1);" curve1particlesShape.rgbPP;
}}}
[[class 9: Making recursive antenna]]
[[class 10: going over chapter 9 in the book: Controlling the flow of execution]]
[[Coil generator with GUI and NO GUI, pretty fun]]
[[Class 11: Making your own antenna/GUI example]]
[[Example with laying out even or odd objects]]
[[Good gui code here|http://accad.osu.edu/~aprice/courses/694/gui.html]]
[[Class 15: making a simple crowd system with GUI]]
Blow stuff up with blastcode: http://www.blastcode.com/
[[Class 7]]
[[Class 9: Rigid Bodies]]
[[Class 10: Fluid Effects]]
[[Class 11: nCloth]]
[[Class 11: Hair]]
[[Class 12: basic crowd system]]
[[Class 13: Start final group project]]
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='subtitle'>Updated <span macro='view modified date'></span> by <span macro='view modifier link'></span></div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->
[[Here is a demonstration of when to use jpg, and png formats|http://facultypages.scad.edu/~dkaul/image_formats.html]]
[[1001fonts.com is useful to try out different font styles|http://www.1001fonts.com/]]
<html><div align="center"><img src="http://facultypages.scad.edu/~dkaul/images/portfolio/fp_tentacles_splash2.jpg"</div></html>
<html><div align="center">Welcome Everyone to Spring Quarter 2012! Here you will find your course materials for the CMPA 110 and CMPA 100 classes. I will be putting your grades in Blackboard but will be doing most course work and notes here at davekaul.com</div></html>
!!!!We have 2 assignments for this section
1. We will create a resume with Microsoft Word and use a template for it. You will ad your logo.
2. We will make a short cover letter with your actual signature and your logo.
We will have all three assignments due on the same day.
Resume needs to have a logo on the top, or a nice font for your header.
The cover letter needs the same logo and an actual signature in the letter(Use a tablet or write it out on paper and scan it in. if you don't want your signature write out a different persons.)
The card has to have the same unified logo as the resume and cover letter.
Here is some advice on creating a good cover letter:
http://www.animationoptions.com/blog/2008/09/17/paper-covers-rock/
50 questions you should know the answer to:
http://bhuvans.wordpress.com/2006/08/19/50-common-interview-qa/
Advice on making business cards:
http://bbrathwaite.wordpress.com/2008/01/19/business-card-titles-the-dark-truth-about-student-business-cards/
From Ken Huff:
There is a mechanism for individualizing the Linux environment at SCAD on a user-by-user basis. This involves placing a specially-named text file, {{{bash_custom}}} (no file name extension!), in the user’s network home directory. These directories are available at {{{~/mount/stuhome}}} for students and {{{~/mount/fachome}}} for faculty. These {{{bash_custom}}} files act like {{{.bashrc}}} or {{{.profile}}} files and are executed when a new Terminal window is launched. See {{{man bash}}} for more information.
Under Linux, we have two home directories, one local to the specific workstation and another which is our network home directory. If you use the command line {{{cd ~}}}, you will end up in the local home directory. If you make use of the local home directory, you should consider it temporary storage. You will end up with one of these local home directories on each Linux workstation that you use.
''Important:'' These configuration settings can change from quarter to quarter. Whenever there is an upgrade of the operating system or affected applications, you will need to confirm that these settings still are valid.
!!!!Example bash_custom for students
This example {{{bash_custom}}} sets up the following:
*Maya preferences (and scripts installed in the {{{maya/}}} directory) will follow you from workstation to workstation; this also makes the preferences cross-platform between Windows and Linux.
*Houdini version 11.0.639 will be the default version (instead of the 10.0.x version that is the standard default at SCAD); invoking {{{houdini}}} at the command line will start version 11.
*Houdini preferences will follow you (also Windows/Linux cross-platform).
{{{
# For Maya (as of/up to Maya 2011)
# define the Maya "home" directory which contains settings, scripts, etc.
export MAYA_APP_DIR=~/mount/stuhome/maya
# For Houdini (as of Houdini 11)
# Following two lines are standard setup for Houdini; the first would need to be updated if Houdini is updated
cd /opt/hfs11.0.639
source houdini_setup_bash
cd ~
# if the ~/houdini11.0 directory exists, delete it
if [ -d ~/houdini11.0 ];
then
rm -f -r ~/houdini11.0
fi
# confirm the existence of ~/mount/stuhome/houdini11.0 , create if missing
if [ ! -d ~/mount/stuhome/houdini11.0 ];
then
mkdir ~/mount/stuhome/houdini11.0
fi
# create a symbolic link to a network directory containing
# the Houdini 11 settings
ln -s ~/mount/stuhome/houdini11.0 ~/houdini11.0
}}}
If you would like //jEdit// preferences which follow you (Linux only), follow [[these instructions.|jEdit: Set-up at SCAD]]
Beginning parts are from the Mel Scripting book:
Using switch statement:
{{{
$number=1;
switch ($number)
{
case 1:
print "It's one";
break;
case 2:
print "It's two";
break;
case 3:
print "It's three";
break;
default:
print "I don't know what it is";
break;
}
}}}
while loops:
{{{
int $test_int = 3;
while ($test_int < 100)
{
$test_int=$test_int*3;
print ("$test_int is equal to " + $test_int + "\n");
}
}}}
for loops:
{{{
for ($counter=1;$counter < 100; $counter++)
{
print ($counter+"\n");
}
}}}
for in loops:
{{{
string $selectedList[]=`ls -sl`;
string $currentObject;
for ($currentObject in $selectedList)
{
print ("You've selected " + $currentObject + "\n");
}
}}}
Basic recursion, notice how a procedure calling itself looks like it is looping.
{{{
proc easy(int $level){
print ("We are at recursion level "+$level+"\n");
$level--;
if ($level > 0)
easy($level);
}
}}}
To call the procedure.
{{{
easy(5)
}}}
Let's add graphics to it for a visual demonstration
{{{
proc sphereMake(float $level){
$level=$level-.1;
sphere -r $level;
move 0 0 ($level*$level*10);
if ($level > 0)
sphereMake($level);
}
}}}
To run type:
{{{
sphereMake(1)
}}}
The 3rd assignment is to make a recursive antenna that is controled with a GUI(Graphical User interface).
The intent is to use recursion to create a series of objects and recursively duplicate them until a certain amount, such as the scale of an object. Otherwise the recursion will never stop and hang Maya. The other part is to make a GUI with it to plug in the numbers into the procedures.
The following code is an example of the assignment:
{{{
// MakeAntennaUI
// By Nate Usiak
// Run script and then type makeAntennaUI
proc makeAntenna(string $parentSphereName, int $shapeType, float $parentRadius, float $rotAngle, float $scale, int $firstSphere)
{
switch ($shapeType)
{
case 1:
if ($firstSphere)
{
string $shapes[] = `sphere -name $parentSphereName`;
$parentSphereName = $shapes[0];
scale $parentRadius $parentRadius $parentRadius;
}
break;
case 2:
if ($firstSphere)
{
string $shapes[] = `cone -name $parentSphereName`;
$parentSphereName = $shapes[0];
scale $parentRadius $parentRadius $parentRadius;
}
break;
case 3:
if ($firstSphere)
{
string $shapes[] = `torus -ax 1 0 0 -hr 0.5 -name $parentSphereName`;
$parentSphereName = $shapes[0];
scale $parentRadius $parentRadius $parentRadius;
}
break;
}
select -r $parentSphereName;
string $duplicateName[] = `duplicate`;
string $childSphereName = $duplicateName[0];
select -cl;
// Clear out the selection
select $childSphereName $parentSphereName;
// select the child,
// then the parent
parent;
select $childSphereName;
float $childSize = $scale * $parentRadius;
scale $scale
$scale
$scale;
move -localSpace (1 + $scale) 0 0;
select $parentSphereName;
rotate 0 0 $rotAngle; // rotate around Z, because we're moving in X.
if ($childSize > 0.05)
{
makeAntenna ($childSphereName, $shapeType, $childSize, $rotAngle, $scale, 0);
}
}
// Button action procedure
proc buttonAction1 (string $stringShapeName, int $shapeType, string $floatRad, string $floatRot, string $floatScale, string $first)
{
$parentSphereName = `textFieldGrp -q -text $stringShapeName`;
$parentRadius = `floatSliderGrp -q -v $floatRad`;
$rotAngle = `floatSliderGrp -q -v $floatRot`;
$scale = `floatSliderGrp -q -v $floatScale`;
// Switch for each button
switch ($shapeType)
{
case 1:
makeAntenna($parentSphereName, 1, $parentRadius, $rotAngle, $scale, 1);
break;
case 2:
makeAntenna($parentSphereName, 2, $parentRadius, $rotAngle, $scale, 1);
break;
case 3:
makeAntenna($parentSphereName, 3, $parentRadius, $rotAngle, $scale, 1);
break;
}
}
// User interface procedure
global proc makeAntennaUI()
{
global string $positionGroup;
global string $radiusCol;
global string $rotAngleCol;
global string $scaleCol;
string $dialogBoxWindow = `window -title "Create Antenna" -rtf true`;
columnLayout;
$positionGroup = `textFieldGrp
-label "Input Name"
-text "Name"`;
$radiusCol = `floatSliderGrp
-label "Radius:"
-min 0.5 -max 3.0
-field true`;
$rotAngleCol = `floatSliderGrp
-label "Rotation Angle:"
-min 20 -max 80
-field true`;
$scaleCol = `floatSliderGrp
-label "Scale:"
-min 0.2 -max 0.9
-field true`;
rowLayout -nc 3;
// Shere button
button -label "Sphere" -command "buttonAction1($positionGroup, 1, $radiusCol, $rotAngleCol, $scaleCol, 1)";
// Cone button
button -label "Cone" -command "buttonAction1($positionGroup, 2, $radiusCol, $rotAngleCol, $scaleCol, 1)";
// Torus button
button -label "Torus" -command "buttonAction1($positionGroup, 3, $radiusCol, $rotAngleCol, $scaleCol, 1)";
showWindow $dialogBoxWindow;
}
// Type makeAntennaUI after running this script to begin.
}}}