Please interact with my Parody
Please click on the 2.3 Parody tab above to read about how I worked through understanding how to write javascript.
Category: Art 315
please view my first audio video
please view my penn state webpage
please view my first audio video in Quicktime
My website has more artwork exhibited.
I chose a watercolor painting as the object for the audio video project. To make it interesting, I took close-up, detailed images that show the brush strokes and the texture of the paper to reveal the artists’ style of painting. To obtain the images, a video camera was first used. But my use of a flip camera resulted in blurry images and shaky pans even with the camera attached to a tripod. Instead, a digital camera was used to obtain the same video camera effects that the video editing program enabled me to produce.
In creating the video, I searched for music that complemented the subject. The music is softer and slower in the beginning. My thoughts during this time were that lily pads are less active than that of flowers that bloom. So, I placed the clips of mostly lily pads in this area of the timeline. As the music became stronger and quicker, I brought in the clips of the lilies onto the timeline.
I like having completed this project. I learned how to scale the images across a timeline. Doing so was difficult at first for I found that scaling the images and timing the footage so that it coincides with the timing of the music was tricky.
Please view the concrete poems at Professor William Cromar’s website.
Please view the concrete poems at my website.
Through individual and collaborative activity, I completed the project of learning how to design a homepage and two of the three concrete poetry web pages. The Hello World, Marinetti and CSS Layout exercises were very helpful in completing this project for they gave instructions on how to create html code, links to other web pages, file and folder structure, styling with transforms, and the index page layout. This information enabled the randomly chosen words to be designed according to my sketches. The homepage is a two column liquid layout. It has a header, footer, left navigational area and a container. I like having the knowledge gained in creating the thumbnail images, which requires the use of a float, to link to the artists concrete poems. Before it was sent to be placed in a website, I learned that only one CSS file is needed for this project because the site is not very complicated.
I chose to design the admonition-propitious concrete poem using a book and gavel to illustrate the intention of parents in raising their children. They admonish children to act according to written laws so that they will be individuals who are propitious, or well spoken of. The phrase “choose the path that leads uphill” has a link to a poem by Dick Barnes, titled “Example and Admonition”. The word “propitious” also has a link to the propitious-surcharge concrete poem. When a style transform was used to create a line in the book, the code was found to be very long. So, instead, the book was created in Illustrator.
For the admonition and surcharge design, I researched the meaning of these words. Then I searched for a poem that contained them in the title. After having no success in doing so, I chose to look for a poem containing one of their synonyms. The thesaurus lists the word burden as a synonym for surcharge. And I found a poem called “The White Man’s Burden” written by Rudyard Kipling. A style transform was used to curve the word surcharge, then I created a link on the letters that are consonants to the propitious-surcharge concrete poem. The vowels in surcharge are linked to Kipling’s poem. And to link this web page to the admonition-propitious concrete poem, a link was created on the word admonition. I had difficulty changing the appearance of a link towards an element, but learned to place the different style link in the head of the document and apply the class to the specific element in the div.
I enjoyed learning the information in chapter 20. I am now able to provide interactivity for the viewer of animations. In the first exercise, I made the circles, then created two layers in the document to make them function as buttons to click on and cause the movement of the animation to start and stop. For this to occur, I need to understand how actionscript code writing controls the buttons. I need to remember that capitalization and structure are very important. If they are not correct, the code will not work. And to have notes in the action panel that describe the purpose of a code will make the panel organized and make my analyzing of it easier.
The purpose for my completing chapter 19 is to learn the pacing aspect of animations. My experience in creating this fadeout animation includes the use of movieclips and the library to store symbols. I know now that a symbol can have its own timeline and that this enables me to apply a tween shape and trade it with the circle on the stage of the document timeline that has a classic tween. This will enable me to apply different movements to the same element. On the document timeline, the circle gets bigger, moves off of the stage and fades due to the classic tween and number of the keyframes. And on the movie clip timeline, the symbol, shape tween, and number of keyframes allow for the circle to change shape from being a circle to a square and back to being a circle at a faster pace.
I had difficulty with exercise 5 when the instructions said to create the animation circle. When I tested the movie, the circles faded off of the stage at an angle. I found out that I needed to position the animation circle in the same location as the circle on the document timeline. After completing this exercise, I feel that I have the ability to apply varied paces towards different shaped elements on a document timeline.
This is the first animation that I have completed with the Flash program. In the last two exercises, I found that the result required that a copy of the circle be placed on top of the left and right circles. And I learned that by having more keyframes in the timeline, the circle will move faster.
My first little flipbook animation
This flipbook is about what occurs during the seasons of the year. The tree remains constant.
This exercise is the first in the area of animation that I have completed. After reviewing the work, I realized that I need to work on the timing of some of the frames such as the introduction of the birds and increasing the number of frames that they are included in.
Please visit my CSS Layout webpage
This is a page from the illustrated poem Dunes by F.T. Marinetti, an artist of the Italian Futuristic school. It was set using CSS in 2012. The goal of this exercise was to create a CSS forgery. Before I first created the borders and parentheses, I learned that tracing the image using html code to be very beneficial in increaseing the accuracy of the copy. During this first step, I gained a greater understanding of the structure of html code, the importance of keeping order while using divs, id’s, spans, and classes and the reasoning for the use of cascading styling sheets. To adjust the size of the parentheses, a transform scale was included in a span of the html code. I also found that the use of the properties of the selector type alleviated the difficulty that I experienced in adusting the space between the words and lines. After completing the exercise, I noticed that the line above the bottom parentheses is not located accurately and that it will need to be adjusted.
I enjoy knowing how to create a layout of an illustrated poem. Having completed this exercise, I am becoming more experienced with applying floats and know the terms to use to create a layout such as container, content and clear. And I learned how to apply the information from the html and CSS files to the html and CSS layout files. I had difficulty in aligning the page with the contents. But this problem was solved after adjusting the width and height values of the page in CSS. The drawing now fits well on the page. I like having the knowledge that I need to create a link between a thumbnail image and its file. By using the point to file tool, I will be able to have the public view a larger version of the original illustrated poem in a browser window. And I like knowing how to think about choosing coinciding colors to make the webpage more appealing for the public. Regarding the footer, I will need to change the name of authorship to my own and include more information about the exercise that is in the wiki.
This is a page from the illustrated poem Dunes by F.T. Marinetti, an artist of the Italian Futuristic school. It was set using CSS in 2012. While first creating the borders and parentheses, I found that tracing the image using html code is very beneficial in determining the accuracy. During this first step, I gained a greater understanding of the structure of html code such as the importance of keeping order using divs, id’s, spans, and classes and the reasoning for use of cascading styling sheets. To adjust the size of the parentheses, a transform scale was included in a span of the html code. I also found that the use of the properties of the selector type alleviated the difficulty that I experienced in adusting the space between the words and lines.
Please view my Omega-3 video mash
Having completed the exercises in chapter 3, I have the ability to create a 2-column page with span tags. The span tags allow me to embed videos. And the div tags allow the videos to stay in place if the window is resized. I enjoyed this exercise because the combination of linking the videos from one page to another allows for a flow of content to be applied to different pages with related information. I chose to use omega 3 fish oil as the subject of the first video and the next videos to show the benefits of the product.
I found that uploading the chapter_3 site to the remote server to be difficult. The original index file was overwritten with the Chapter_3 index file. And this caused me to have to upload the index file that I saved on my flashdrive to replace the one that was lost.
Nora Christians 