- install 5 of your best gently rendered DownTown pictures into the Flash Slide Template
and change up the Title(s)
- the template is made to accept 640 p 480 p images (see last week)
May 28 - getting near the end!
Downtown pictures - select 5 of your best pictures adjust them in PhotoShop
and crop/resize them to 640 pix X 480 pix put them in a separate folder
and we will put them in a Flash SlideShow.
- your downtown panorama will be presented in a separate page and does not have to be interactive
- its time to wrap things up in the course!
- make sure that you understand what is expected in the portfolio it will reflect the skills that you have aquired in the last 2 years as well as presenting an online portfolio of this years projects
Your Bio
- your portfolio will include a bio on the homepage that will contain ...
> who you are
> what makes you unique
> what your future goals are including
where you want to study / travel / or work
---- > your bio will be contained on your homepage and can be presented
in one of the following media
- video - max 45 seconds
- GIF animation - slide frames containing images and text with variable frame rates
- Flash animation - keep the quality high and the duration short
- iFrame - create a scrolling Iframe with pictures and text in a slice
May 21 2012 - time to finish up the Digital Photography Project
- have you posted your quizz marks on the sheets on the board ?
C - do Quizzes at Quizstar qizzes must be complete before picture taking 1) create a login you will remember
2) - use your name as seen open attendance list
3) - search for Teacher = Michael S Harris
Digital Photography do quizzes ---- record results
Characters for your animation (transparent GIFs with a matt colour the same as this blue)
Cast of characters in your timeline animation.
Feel free to create a more diverse cast.
- this week you will complete all previous work due as posted in the column to he right (What's Due) and a timeline animation using the some of the cst of characters above
- keep this animation banner size 800 p x 150 p and consider duplicating and then shrinking the animation to button size 120 x 50 to make an animated button to link it
- allows you to animate image layers (.psd) opacity/styles/position/text warp
the trick to remember is the use of key frames
- timeline animation runs frames at 30 fps so keep image sizes smallish
to minimize file sizes
- remember to save as.gif
February 27 2012
- working on an imaginative interactive page due friday
Preproduction - brainstorm an idea / gather images / visualize a layout / consider interactivity / create folder
Production - create base image for slicing / size render image swaps / seek links for pop up menues
- slice base image / add interactivity /
Post Production - save then export production to project folder
- F12 to prove interactivity
- upload folder
- create separate HTML doc and insert fireworks html / customize page and upload / create button from homepage (index)
February 13 2012
- complete all 5 button types in your index page
- iFrame tutorial - small amount of text and a picture TOPIC = accident in Hampstead Ontario
February 2012 - welcome to the digital arts course - to start is half the work
first things first
Lets get a web addressand send me a cut and pasted address to
harrismailbox@gmail.com ------ please include your name, as written, on a class list as I use the list to search for your emails
Get web space at Zymic please use a ZXQ subdomain as it will not be blocked at school
When you have created your new web space cut and paste the index page web address (URL) you have created
and send it with YOUR NAME as seen on a student list to harrismailbox@gmail.com
I will use your address as a link in the class directory
You can work from home if you have DreamWeaver - simply click on the site file (.ste) that you create and your site can be managed from anywhere (the original cloud)
- make sure your proper name is used in the email as I will use the student list to search for your email
with the web address (URL) included
I need peer mentor students like you to help
in class this semester p-4
There is a $30 lab fee for this programme and there
will be no other costs involved to the student
Students are asked to get a USB drive to allow you to store your digital files.
Your
jump drive will allow you to take your projects home to work on and act
as a back up for your digital assets.
Store
your files on:
A >>> the H drive (school - use when working in class)
B >>> your jump drive (use to backup files at end of class time and work elsewhere)
C >>> your web space ( hopefully we will set up an FTP client to assist in managing folders and perhaps managing your site from DreamWeaver)
Use folders to save your assets in to keep things organizedin
Dream Weaver so inside your webready folder create these folders and store assets in the appropriate folders
Create on H drive a Folder called COMTECH and inside it create a folder called (keep .psd .fla etc in here) WebReady inside webready create the following folders ....
animations
audio
bgs
banners
buttons
flash
html
images
your index.html file MUST NOT BE IN A FOLDER
All video files must be stored on the D drive (local)since it is impossible to
edit video over a network
Your lost assets are your problem there never has
been or will be exceptions for lost files including if the school server
goes down!!!
First thing to do is start building web presence
by signing up with Zymic
What's up Soon?
NEXT we will
examine the basics of website creasion and management
Navigation bar options
Various buttons
HTML tables
Intro to FireWorks interactive webpage design software.
An intro to PhotoShop will get us ready to process images for the Interactive Web Project
Give all your assets a descriptive and self sorting file name
examples : techreport.htm , piclightwavetechreport,
piccolourwheeltechreport, bannertechreportpage1, bannertechreportpage2 aniflashbouncingball.swfand store them in a related folder
> keeping your assets well
organized in folders is half the battle
> remember if you are creating rollover buttons that
these are .swf files and they must be uploaded
along with your html files
Small Communication and Knowledge marks for creating buttons and links
hypertext links, image link, rollover link, flash Button, animated flash button (over state animated)