Monday, November 30, 2009
Saturday, November 28, 2009
W 12- MY REACTION TO BDC 101 DIGITAL MEDIA
The course provided a broad introduction of principles of visual design. I learnt a variety of skills and techniques in media production software for graphic design such as photoshop, flash, HTML and CSS. The most important lesson I’ve learnt in this class when I am looking back on these past few weeks, I believe was at the time when I was working on my flash project and that is how visual design software can work together interactively .The course content was tackled both in the lectures and the tutorials which in a complementary fashion allowed for a thorough understanding of the underlying theories as well as hands on experience with the concepts that were being taught on a weekly basis. This design of the course in my opinion allows for maximized learning for that students are not only benefiting from obtaining a strong theoretical background about visual and interactive design but are also provided with the opportunity to put these ideas into practice during the tutorials. My suggestion for improving the tutorial sessions would be having the tutorial instructions online in a step by step manner before the tutorials itself perhaps as a video file that shows each of the steps on the screen of the computers so that the students can familiarize themselves with the ideas that will be worked on during the upcoming tutorials and perhaps practice on them beforehand. This would allow for more sophisticated questions to arise because students will be familiar with the basic procedures prior to the lab which in turn increases the productivity and the efficiency of the tutorial sessions.
All in all I found this course quite interesting and eye opening for that prior to these classes my overall impression of a poster never went above and beyond appreciation of the colors and the message they were trying to get across. Now, I notice the artistic details in color compositions, typography or alignment. I now understand why some posters are eye catching and some never get noticed by the audience. Thanks to the skills that I have acquired throughout this course I have much appreciation and respect for the amount of work that goes into animations and I have discovered a new passion for 3D animations in a sense that I now more than ever want to peruse animation making on my path to becoming as well rounded as I can be for my career.
All in all I found this course quite interesting and eye opening for that prior to these classes my overall impression of a poster never went above and beyond appreciation of the colors and the message they were trying to get across. Now, I notice the artistic details in color compositions, typography or alignment. I now understand why some posters are eye catching and some never get noticed by the audience. Thanks to the skills that I have acquired throughout this course I have much appreciation and respect for the amount of work that goes into animations and I have discovered a new passion for 3D animations in a sense that I now more than ever want to peruse animation making on my path to becoming as well rounded as I can be for my career.
W 11-Web 3.0 or Semantic Web
Week 11
Web 3.0 or Semantic Web
An interesting idea that I came across in the past few days that got me thinking was the idea of Semantic Web. Web 3.0 or Semantic Web is a relatively new idea that will be revolutionizing the way we experience web. In a sense it is the new vision of the web for information processing and knowledge exchange. The PC magazine describes it as“a version of Web where machines can better read, understand, and process all that data floating through cyberspace”.
Some may wonder how this idea will work. After all it is one of the ideas that are almost too good to be true! To make this happen we need a metadatabase, this database has to be able to read all of the human readable pages and then translate that to machine readable database. For creating such a meta database we need to describe official standards for this real world database including the Recourse Description Framework (RDF) and the Web Ontology Language (WOL). Creating such a framework and Web Ontology Language needs a lot of time, effort, special services, tools and real world sites. ? R. David Lankes, an associate professor at Syracuse University 's School of Information Studies , says "You get the ability to do all these very complex queries, but it takes a tremendous amount of time”. Nonetheless ,researchers are hard at work to bring these amazing ideas to life. For example HP has been reportedly working on a development platform called Jena and Orac for Semantic Web structures .
Like any other revolutionary idea Web 3.0 is not without its skeptics. Some argue that the complications that the Semantic web can bring about outweighs the ease and comfort it offers to the users. Despite the fact that full reassurance of the skeptics about the benefits of a semantic web will need a certain amount of time but in my opinion like any other new technology with a solid research behind the closed doors of the companies that are working on bringing these ideas to life and with a plan that well predicts the potential issues that may arise and experts to deal with the elevation of the public knowledge necessary for the smooth emerging of this potentially life changing technology we will in future refer to this as the best thing that happened to technology since perhaps the introduction of World Wide Web.
Web 3.0 or Semantic Web
An interesting idea that I came across in the past few days that got me thinking was the idea of Semantic Web. Web 3.0 or Semantic Web is a relatively new idea that will be revolutionizing the way we experience web. In a sense it is the new vision of the web for information processing and knowledge exchange. The PC magazine describes it as“a version of Web where machines can better read, understand, and process all that data floating through cyberspace”.
Some may wonder how this idea will work. After all it is one of the ideas that are almost too good to be true! To make this happen we need a metadatabase, this database has to be able to read all of the human readable pages and then translate that to machine readable database. For creating such a meta database we need to describe official standards for this real world database including the Recourse Description Framework (RDF) and the Web Ontology Language (WOL). Creating such a framework and Web Ontology Language needs a lot of time, effort, special services, tools and real world sites. ? R. David Lankes, an associate professor at Syracuse University 's School of Information Studies , says "You get the ability to do all these very complex queries, but it takes a tremendous amount of time”. Nonetheless ,researchers are hard at work to bring these amazing ideas to life. For example HP has been reportedly working on a development platform called Jena and Orac for Semantic Web structures .
Like any other revolutionary idea Web 3.0 is not without its skeptics. Some argue that the complications that the Semantic web can bring about outweighs the ease and comfort it offers to the users. Despite the fact that full reassurance of the skeptics about the benefits of a semantic web will need a certain amount of time but in my opinion like any other new technology with a solid research behind the closed doors of the companies that are working on bringing these ideas to life and with a plan that well predicts the potential issues that may arise and experts to deal with the elevation of the public knowledge necessary for the smooth emerging of this potentially life changing technology we will in future refer to this as the best thing that happened to technology since perhaps the introduction of World Wide Web.
W 10 -FIVE CHARACTERISTICS OF WEB 2.0
Week10
Web 2.0 is an interactive user base version of web. Some main characteristic which defines web 2.0 are the following:
•dynamic content
•user contribution
•social media
•online application
•collective intelligence
Dynamic content: The content of the websites are dynamic. The information is always changing and the websites are constantly updated to catch up with it. A good example that comes to mind is the websites for news which are updated every minute to keep the viewers updated with the most recent events from all around the world or the currency rates that are constantly changing and for those that are in the businesses that deal with international trades access to the most updated information is sometimes more vital than air.
User contribution: by changing the content of our blogs or updating our facebook even if it is as simple as changing our status as we change our thoughts through out the day , we are constantly generating new content for the internet. The other examples are youtube, tweeter and Wikipedia. In a world where there is so much happening around us there is always something new to be shared whether its music or your most random thoughts and everyone can have a contribution to this data base if they chose to do so.
Social media: social media is defines as socializing, connecting with others and sharing things through media. Online chat rooms, facebook, my space and personal blogs are some examples of the social aspects of the media. If you are a business owner or an executive in a large company, social media allows you to monitor what is being said about you or about your competitors. This is made possible through reviewing of websites such as twitter or by reviewing fan pages . You can also ask online questions from doctors or share some ideas with almost anyone and anywhere. In a sense internet makes the world seem like a small town where socially you can access anyone while allowing you to filter through people and be selective about who you want to talk to before you start a conversation while this was a luxury that did not exist before the invention of the World Wide Web.
Online application: For using application softwares such as word or protools, we need to buy and install them on our computer. Today there are more and more softwares available on the internet that one can use online, such as google.doc. Online applications make team working easier. For example if a team are working on a project to prepare a presentation, they can use google.doc word processor and share their documents. Another example, when you register in one of the giant stores such as Sears or the Bay, You can shop or return in different cities or branches, there is an online application program that enables associates to log all of the information relate to registrant such as calls, return transaction or pick up dates. This helps association issues to be more effectively handled.
Collective intelligence: collective intelligence is a form of networking enabled by the internet. By using Web 2.0 users are able to generate their own content. This allows them to share their knowledge with other people. Collective intelligence is not only quantitative but also qualitative contribution.
Interactive online games via interactive dialogs between users and game developers who are constantly working together allow for an environment that is an example of collective intelligence that allows for achieving the goal of the game. Another example of collective intelligence is that the web enables companies to bring in solutions and intelligence of public in order to improve their product . This would lower the costs of the company because by the virtue of the fact that the intelligent idea is not necessarily that of an expert the company can buy the intelligent idea at a lower cost and more efficiently than it would otherwise. In other words it allows for a more effective search of intelligence which in turn enables companies to buy intelligence for less.
Web 2.0 is an interactive user base version of web. Some main characteristic which defines web 2.0 are the following:
•dynamic content
•user contribution
•social media
•online application
•collective intelligence
Dynamic content: The content of the websites are dynamic. The information is always changing and the websites are constantly updated to catch up with it. A good example that comes to mind is the websites for news which are updated every minute to keep the viewers updated with the most recent events from all around the world or the currency rates that are constantly changing and for those that are in the businesses that deal with international trades access to the most updated information is sometimes more vital than air.
User contribution: by changing the content of our blogs or updating our facebook even if it is as simple as changing our status as we change our thoughts through out the day , we are constantly generating new content for the internet. The other examples are youtube, tweeter and Wikipedia. In a world where there is so much happening around us there is always something new to be shared whether its music or your most random thoughts and everyone can have a contribution to this data base if they chose to do so.
Social media: social media is defines as socializing, connecting with others and sharing things through media. Online chat rooms, facebook, my space and personal blogs are some examples of the social aspects of the media. If you are a business owner or an executive in a large company, social media allows you to monitor what is being said about you or about your competitors. This is made possible through reviewing of websites such as twitter or by reviewing fan pages . You can also ask online questions from doctors or share some ideas with almost anyone and anywhere. In a sense internet makes the world seem like a small town where socially you can access anyone while allowing you to filter through people and be selective about who you want to talk to before you start a conversation while this was a luxury that did not exist before the invention of the World Wide Web.
Online application: For using application softwares such as word or protools, we need to buy and install them on our computer. Today there are more and more softwares available on the internet that one can use online, such as google.doc. Online applications make team working easier. For example if a team are working on a project to prepare a presentation, they can use google.doc word processor and share their documents. Another example, when you register in one of the giant stores such as Sears or the Bay, You can shop or return in different cities or branches, there is an online application program that enables associates to log all of the information relate to registrant such as calls, return transaction or pick up dates. This helps association issues to be more effectively handled.
Collective intelligence: collective intelligence is a form of networking enabled by the internet. By using Web 2.0 users are able to generate their own content. This allows them to share their knowledge with other people. Collective intelligence is not only quantitative but also qualitative contribution.
Interactive online games via interactive dialogs between users and game developers who are constantly working together allow for an environment that is an example of collective intelligence that allows for achieving the goal of the game. Another example of collective intelligence is that the web enables companies to bring in solutions and intelligence of public in order to improve their product . This would lower the costs of the company because by the virtue of the fact that the intelligent idea is not necessarily that of an expert the company can buy the intelligent idea at a lower cost and more efficiently than it would otherwise. In other words it allows for a more effective search of intelligence which in turn enables companies to buy intelligence for less.
Thursday, November 26, 2009
When I started this project it was close to Halloween, so I chose my theme to be an extremely scary movie clip. I needed a lot of space for my project because I wanted to make it as scary as possible and I wanted to use every thing we leaned in class . To do so, surprisingly I did a lot of Photoshop before I could do start my project in flash. In my first scene for White ghost symbol (I used brush tool to draw a ghost ), for Blood drop symbol (I used oval tool to draw a blood drop ) and for Blood drop movie clip( I used motion tween to create four blood drops. To create a blood pot I used oval and rectangular tools. I used this blood pot in white ghost motion tween in first scene. I imported blood font and typed my text, then created an Action script on white ghost movie clip to go to the next scene.
My second scene was a beautiful house with a blue sky. I Used Photoshop( HSV) to create four variations of the sky. I also used a different image to create the graveyard and then by using HSV adjusted the colour of the house and clouds. I created Four different clouds changing to one another within one hundred frames. To Create fog I used brush tool and a shape tween. To created a moon that matches the scary sky, I used oval tool, color adjustment and decreasing the alpha of the moon. I also put one lightning and started to copy the lightning and flipped it horizontally and expanded some of the lightning that I copied in my flash ,so, not all the lightings are the same size.
Action script
Created 4 action script event listener for 4 movie clips on the stage to play their movies and one to take us back to the beginning scene
Used mask over the face of the red monster on the button left corner on the stage.
Created motion guide for the green ghost movie clip to travel across the stage
To create the Action Script, first I named two Movie Clips in the Properties panel(eg. Monster green_mc and green_monster). In Action Script window I wrote an Event Listener to call a function that I called eg. monster1. In the function I wrote a method for the Movie Clip (green_monster) to play. Finally I used button Mode to see the hand pointer on the Movie Clip when I move the mouse pointer over.
White ghosted Movie Clip is used to take us back to the first Scene. I placed the Text (Start Again) at Frame 100 because I wanted the white ghost to play a motion tween with alpha changes and at Frame 100 which is my last Frame we see the text and not before that.
I learned that when I imported a gif animation to my library, I get many bitmaps.
In time I learned it’s best to start with a new Move Clip and then import a gif animation to the stage. This way I can see various bitmaps in many frames to see to movements.
My second scene was a beautiful house with a blue sky. I Used Photoshop( HSV) to create four variations of the sky. I also used a different image to create the graveyard and then by using HSV adjusted the colour of the house and clouds. I created Four different clouds changing to one another within one hundred frames. To Create fog I used brush tool and a shape tween. To created a moon that matches the scary sky, I used oval tool, color adjustment and decreasing the alpha of the moon. I also put one lightning and started to copy the lightning and flipped it horizontally and expanded some of the lightning that I copied in my flash ,so, not all the lightings are the same size.
Action script
Created 4 action script event listener for 4 movie clips on the stage to play their movies and one to take us back to the beginning scene
Used mask over the face of the red monster on the button left corner on the stage.
Created motion guide for the green ghost movie clip to travel across the stage
To create the Action Script, first I named two Movie Clips in the Properties panel(eg. Monster green_mc and green_monster). In Action Script window I wrote an Event Listener to call a function that I called eg. monster1. In the function I wrote a method for the Movie Clip (green_monster) to play. Finally I used button Mode to see the hand pointer on the Movie Clip when I move the mouse pointer over.
White ghosted Movie Clip is used to take us back to the first Scene. I placed the Text (Start Again) at Frame 100 because I wanted the white ghost to play a motion tween with alpha changes and at Frame 100 which is my last Frame we see the text and not before that.
I learned that when I imported a gif animation to my library, I get many bitmaps.
In time I learned it’s best to start with a new Move Clip and then import a gif animation to the stage. This way I can see various bitmaps in many frames to see to movements.
W 9- flash artist statement
When I started this project it was close to Halloween, so I chose my theme to be an extremely scary movie clip. I needed a lot of space for my project because I wanted to make it as scary as possible and I wanted to use every thing we leaned in class . To do so, surprisingly I did a lot of Photoshop before I could do start my project in flash. In my first scene for White ghost symbol (I used brush tool to draw a ghost ), for Blood drop symbol (I used oval tool to draw a blood drop ) and for Blood drop movie clip( I used motion tween to create four blood drops. To create a blood pot I used oval and rectangular tools. I used this blood pot in white ghost motion tween in first scene. I imported blood font and typed my text, then created an Action script on white ghost movie clip to go to the next scene.
My second scene was a beautiful house with a blue sky. I Used Photoshop( HSV) to create four variations of the sky. I also used a different image to create the graveyard and then by using HSV adjusted the colour of the house and clouds. I created Four different clouds changing to one another within one hundred frames. To Create fog I used brush tool and a shape tween. To created a moon that matches the scary sky, I used oval tool, color adjustment and decreasing the alpha of the moon. I also put one lightning and started to copy the lightning and flipped it horizontally and expanded some of the lightning that I copied in my flash ,so, not all the lightings are the same size.
Action script
Created 4 action script event listener for 4 movie clips on the stage to play their movies and one to take us back to the beginning scene
Used mask over the face of the red monster on the button left corner on the stage.
Created motion guide for the green ghost movie clip to travel across the stage
To create the Action Script, first I named two Movie Clips in the Properties panel(eg. Monster green_mc and green_monster). In Action Script window I wrote an Event Listener to call a function that I called eg. monster1. In the function I wrote a method for the Movie Clip (green_monster) to play. Finally I used button Mode to see the hand pointer on the Movie Clip when I move the mouse pointer over.
White ghosted Movie Clip is used to take us back to the first Scene. I placed the Text (Start Again) at Frame 100 because I wanted the white ghost to play a motion tween with alpha changes and at Frame 100 which is my last Frame we see the text and not before that.
I learned that when I imported a gif animation to my library, I get many bitmaps.
In time I learned it’s best to start with a new Move Clip and then import a gif animation to the stage. This way I can see various bitmaps in many frames to see to movements.
My second scene was a beautiful house with a blue sky. I Used Photoshop( HSV) to create four variations of the sky. I also used a different image to create the graveyard and then by using HSV adjusted the colour of the house and clouds. I created Four different clouds changing to one another within one hundred frames. To Create fog I used brush tool and a shape tween. To created a moon that matches the scary sky, I used oval tool, color adjustment and decreasing the alpha of the moon. I also put one lightning and started to copy the lightning and flipped it horizontally and expanded some of the lightning that I copied in my flash ,so, not all the lightings are the same size.
Action script
Created 4 action script event listener for 4 movie clips on the stage to play their movies and one to take us back to the beginning scene
Used mask over the face of the red monster on the button left corner on the stage.
Created motion guide for the green ghost movie clip to travel across the stage
To create the Action Script, first I named two Movie Clips in the Properties panel(eg. Monster green_mc and green_monster). In Action Script window I wrote an Event Listener to call a function that I called eg. monster1. In the function I wrote a method for the Movie Clip (green_monster) to play. Finally I used button Mode to see the hand pointer on the Movie Clip when I move the mouse pointer over.
White ghosted Movie Clip is used to take us back to the first Scene. I placed the Text (Start Again) at Frame 100 because I wanted the white ghost to play a motion tween with alpha changes and at Frame 100 which is my last Frame we see the text and not before that.
I learned that when I imported a gif animation to my library, I get many bitmaps.
In time I learned it’s best to start with a new Move Clip and then import a gif animation to the stage. This way I can see various bitmaps in many frames to see to movements.
Monday, November 9, 2009
W 8 - PHOTOSHOP AND FLASH INTEGRATION
As I was working on my flash project, I realized how productive mixing the Photoshop and flash techniques can be. Specifically I was able to copy and paste images from Photoshop and obtain a graphic symbol in flash which added an incredible flexibility to my work.
I decided to conduct some further research on the internet for more information on the topic. I came across an article on the integration of photoshop and flash which helped me a lot throughout the project. I also found some information in a very useful tutorial video on www.tentonbooks.com about how we can copy and paste a Photoshop image in flash and get it as a graphic symbol. The most interesting aspect of this feature is that by importing an image all layers of the image are imported. This means that by converting Photoshop layers to flash layers, each Photoshop layer has its own layer inside flash movie as a flash keyframe.
I had to do a lot of work in Photoshop before I could start my project in flash. For example I used the brush tool to draw a ghost or oval tool to draw a blood drop. I also had to create a blood pot by using oval and rectangular tools. I found the skills in the integration of these software particularly useful for sophisticated results that is beyond what each of the software can offer in isolation.
I decided to conduct some further research on the internet for more information on the topic. I came across an article on the integration of photoshop and flash which helped me a lot throughout the project. I also found some information in a very useful tutorial video on www.tentonbooks.com about how we can copy and paste a Photoshop image in flash and get it as a graphic symbol. The most interesting aspect of this feature is that by importing an image all layers of the image are imported. This means that by converting Photoshop layers to flash layers, each Photoshop layer has its own layer inside flash movie as a flash keyframe.
I had to do a lot of work in Photoshop before I could start my project in flash. For example I used the brush tool to draw a ghost or oval tool to draw a blood drop. I also had to create a blood pot by using oval and rectangular tools. I found the skills in the integration of these software particularly useful for sophisticated results that is beyond what each of the software can offer in isolation.
Sunday, November 8, 2009
W 7 - HOW HAS DIGITAL MEDIA CHANGED MUSIC CULTURE
Digital media has in many ways changed music culture in our information based society. I would like to propose what I think is an important distinction to make in this argument and that is that digital media is only the means through which the music culture has changed. This change is parallel to many any other aspects of culture we once used to hold. It is important to realize that the underlying cause of these changes in culture, and inevitably that of the music culture, is the changes that took place parallel or even prior to the birth of digital media. Advances in technology and its availability in a rather cost effective manner to the public has resulted in what I would like to call an era of “disposable music”. This I believe is due to the blurring of the lines of the once known and established genres of music. This has resulted in the design to be no longer a core value in music creation. With public access to the technology of creating and promoting music through the digital and mass media, anyone can create and promote their own design without necessarily being educated about a particular design or a commitment to practice within the borders of one genre or another. As a result whatever the imagination can create and is pleasing to the ears of an audience has become a type of music that is easily accessible through the digital media that allowed for its creation in the first place and has its own fans and followers.
As the music culture changes, with it comes a change in how the audience knows and enjoys music. The audience being exposed to a wide variety of music at the tip of their fingers now have the luxury of screening many audio files online before committing to buying a CD. Most CDs have a theme, a design and some even strictly belong to a particular genre of music. However in the era of mass and digital media, one is no longer forced to even commit to the purchase of an entire CD. One can simply choose the tracks that he or she likes and download them into an MP3 player. This in turn results in less commitment to a particular genre of music and it allows for the audience to be more selective and more informed in their decision making. As a result the audience establishes a wider taste which further blurs the lines between genres of music. The logic behind making the decisions becomes not the design or the genre of music but rather what pleases the ears.
As the music culture changes, with it comes a change in how the audience knows and enjoys music. The audience being exposed to a wide variety of music at the tip of their fingers now have the luxury of screening many audio files online before committing to buying a CD. Most CDs have a theme, a design and some even strictly belong to a particular genre of music. However in the era of mass and digital media, one is no longer forced to even commit to the purchase of an entire CD. One can simply choose the tracks that he or she likes and download them into an MP3 player. This in turn results in less commitment to a particular genre of music and it allows for the audience to be more selective and more informed in their decision making. As a result the audience establishes a wider taste which further blurs the lines between genres of music. The logic behind making the decisions becomes not the design or the genre of music but rather what pleases the ears.
W 6 - THINKNG ABOUT MY FLASH PROJECT
Before I started to work on my flash project I had a couple of ideas is mind. But when I imagined my projects in my head all of them were missing something somehow. I was very inspired by animation challenge in the third flash tutorial. I found Peep and his friend, wwwpeepandthebigwideworld.com ,an amazing example for animation. I was moved by all aspects of it and the simplest yet most effective considerations in the movie clips, sound, music and the design of the characters. Peep and his friends are a wonderful example of perfection using parsimonious ideas. I was particularly moved by the use of bright and elementary colors in these series of animations which I thought was very well suited for its audience who are children.
At the time Halloween was just around the corner and since Halloween is my next favourite time of the year after Christmas, I started to work on my flash project with the theme of Halloween . There was one core rule to my project and that was that I wanted to make the most scary flash clip possible.
My inspirations came from all around the place. I was constantly thinking about it as I passed the stores and houses that were preparing themselves for Halloween with scary decorations. I also did some research on the internet to get some ideas about my characters and the events that I wanted portrayed . flash-gallery-software.com inspired me for using scary foggy house, scary sound and music, flying ghosts, flying witches and scary pumpkins. coldhardflash.com inspired me for using bloody font. amarasoftware.com inspired me by the way that they created text in flash animation.
In my first flash version, I used a scary house for my background ,two tweens and two gifs with sound effect and a control button . When it all fell into place after the first attempt I was quite disappointed for that it wasn’t nearly as scary as I was hoping to achieve. So I started to work on a second version of the practically the same idea but this time with extreme amount of effort to make it scary. By using masks , tweens , Photoshop, more sound effects and buttons, I created a foggy scary house with flying ghost around it. By doing so, I took my project to the next level and I ended up being quite satisfied .
At the time Halloween was just around the corner and since Halloween is my next favourite time of the year after Christmas, I started to work on my flash project with the theme of Halloween . There was one core rule to my project and that was that I wanted to make the most scary flash clip possible.
My inspirations came from all around the place. I was constantly thinking about it as I passed the stores and houses that were preparing themselves for Halloween with scary decorations. I also did some research on the internet to get some ideas about my characters and the events that I wanted portrayed . flash-gallery-software.com inspired me for using scary foggy house, scary sound and music, flying ghosts, flying witches and scary pumpkins. coldhardflash.com inspired me for using bloody font. amarasoftware.com inspired me by the way that they created text in flash animation.
In my first flash version, I used a scary house for my background ,two tweens and two gifs with sound effect and a control button . When it all fell into place after the first attempt I was quite disappointed for that it wasn’t nearly as scary as I was hoping to achieve. So I started to work on a second version of the practically the same idea but this time with extreme amount of effort to make it scary. By using masks , tweens , Photoshop, more sound effects and buttons, I created a foggy scary house with flying ghost around it. By doing so, I took my project to the next level and I ended up being quite satisfied .
W 5 - POSTER COHIBA CLUB
My poster is an advertisement for a club called Cohiba Club”. This is a dancing club for the youth, therefore, bright colors are chosen for the poster to match the entertainment theme. I used the tool shape to create people dancing on the poster in order to give the audience the perception of an active club. I also gave the females in my poster a sexy pose and the male a cool pose, then coloured them red for two reasons. First reason is that this color matches the background. The second reason is that the color of red represents passion and love. I also added a stereo and music tones in the background to which I am trying to imply the reason for dancing. My final touch was the coconut tree which is a tropical tree to support and match the name of my club which is a Cuban name.
W4 - TEXTUAL POSTER - CV
Volition or will is the cognitive process by which an individual decides on and commits to a particular course of action. Creativity is shown on this poster by using the first two characters of the phrase “Creative Volition” placed in the center of the document with diagonal angle in light color over gradient dark background. Use of two light green and pink colors emphases the phrase “Creative Volition” and use of two contrast colours dark and white place the focus on the larger text “CV”.
Furthermore Artist is using mask to show the phrase “Creative Volition”
Through the larger text “CV”.
W4 - TEXTUAL POSTER - THEY
In this design we see all the alphabets in the belly of the word “THE”.
The theatre, theology, thesis, theory, then, there THEFT, theme, therapy, theocracy, thermonuclear, theorem, they.
This is an artistic design with lots of messages which somehow viewer needs to think of what is the main message. At the same time viewer will learn about a multi purpose poster using various words but all connected. The target audience are artist but for average people is hard to understand the central massage or theme of this design.
The frame and its color match and complement the text.
W 3 - INSPIRED BY WORKING WITH OPACITY
I was very inspired by the “additional exercise_working with opacity” handout. It made it possible for me to see the before and after transformation images and that was fascinating to me for that the outcome of the transformations on the picture of the flower resulted in a completely different work of art from that of the original. I was also familiarized with a variety of techniques namely removing the background using polygon lasso tool with feathered edge.
The step by step transformations of the original work that started with copying and pasting the image of the flower three times to rotation of the flowers on horizontal and vertical planes and changing the colors and the sizes of the images fascinated me as I saw the original picture gradually transform right before my eyes. This tutorial demonstrated how working with photoshop blending modes and opacity enables us to create infinitely increasing arts from one original piece by changing the way pixels in different layers mix with each other.
One of the most fascinating aspects of opacity is the use of multiple layers. By lowering the opacity of a layer we can make the art work on one layer more translucent so that the layer beneath it shows through and the results are marvellous combinations of layers. Imagine the perfect vacation poster that can be made possible using a simple combination of two layers .The oceans in the background and an island in far that you can see through your martini glass. It would be a dream come true, a perfect get away that you portray for your audience using simply two layers so all that is left is to imagine the possibilities!
The step by step transformations of the original work that started with copying and pasting the image of the flower three times to rotation of the flowers on horizontal and vertical planes and changing the colors and the sizes of the images fascinated me as I saw the original picture gradually transform right before my eyes. This tutorial demonstrated how working with photoshop blending modes and opacity enables us to create infinitely increasing arts from one original piece by changing the way pixels in different layers mix with each other.
One of the most fascinating aspects of opacity is the use of multiple layers. By lowering the opacity of a layer we can make the art work on one layer more translucent so that the layer beneath it shows through and the results are marvellous combinations of layers. Imagine the perfect vacation poster that can be made possible using a simple combination of two layers .The oceans in the background and an island in far that you can see through your martini glass. It would be a dream come true, a perfect get away that you portray for your audience using simply two layers so all that is left is to imagine the possibilities!
W 2 - POSTER - TROY
This poster depicts the epic story of Troy which has war, love, conviction.
We can see that the artist hasn’t changed his style in the entire poster. The four main colors for the poster are: Black, Gold, White, Brown.
This poster communicates fluently with its audience. In the poster everything is connected and consistent. The two legendary warriors, the legendary battlefield, two people who caused the war, and main historic names. In the Troy poster there is a strong proximity between the elements of the poster. There are nicely grouped together and also there is enough space in between groups to communicate they are different.
We got the characters Achilles and Hector with their swords across each other and facing each other (symbols of the great warriors), then we got the characters Paris and Helen under the swords which, it points out the cause of the war, and then takes us to the battlefield and points out the Achilles and the Trojan horse and then brings us to the title and the actors name. Troy is the name of this movie, therefore it’s printed in larger fonts and centered to catch the eyes.
W 2 - POSTER - GANGS OF NEW YORK
Different elements of this poster group together and there is enough space between them so it is very easy to communicate this, also everything on the poster is visually is connected that shows strong proximity and alignment.
The characters are placed in the flag so, it means they represent the people of America and then the flag is cut into the shape of the city of New York and then the texture in the American flag says something about America and it’s cities. And then represents us with the title.
W 2 - POSTER - TERMINATOR SALVATION
The poster has a strong alignment and repetition as we can see the style doesn’t change anywhere on the poster and every element is visually connected.
The destruction of the city is shaped into skull and expulsions in the city are shape into the eyes of skull. So the skull, the city and the explosion represents death. Every element such as (skull, city, explosion, destruction) is connected and cohesive to send only one message to the viewer.
The white text stands out on the dark background in the entire poster.
W 2 - POSTER - BATMAN
In the Batman poster even though the element are very different (i.e. the night view of the city, the bars and the man) but, the strong contrast between these elements allows the users eye to flow from one element to another down the page.
Also a strong alignment visually connected each element to other elements.
We can see how the man is watching over the city and how he is imprisoning himself and putting himself in the darkness so he can bring the city to the light.
Vertical alignment is shown from top to bottom starting with the top logo, logo title, Batman, coming soon in the footer.
Choose of colors is amazing in regards to work with only black, Navy blue, white, blue gradients. Text is clear because of it’s white color on the black or dark background.
The white glow around the bat as the logo also with the black background is complementing Batman’s story.
W1 - My First Opinion
Prior to the starting of the classes the term digital media to me was synonymous to making 3D animations. I later learnt that there are many stages prior to making an animation as we as audience are used to seeing in the media. There are plenty of skills that need to be learnt such as Photoshop and flash, I later learnt, before one is even able to understand the most basic units of making a 3D animation. On that note, I must say that after the first lecture I was both excited and disappointed at the same time .I was disappointed because we were not immediately starting 3D animations which was what I was looking forward to the most but that soon changed following the tutorial. I learnt so many basic skills on Photoshop such as superimposing pictures and editing images that were obviously the prerequisites to learning 3D animations. I was more than happy that we started at such a basic level because that would allow my knowledge in this field to build up on a solid base of understanding the elements of the field. This starting from the basics approach in a sense made me appreciate the amount of work and the level of skills that goes toward making ,what I once thought to be ,a simple animation more than I ever thought possible.
I learnt by the end of the first lecture that digital media is an umbrella word under which many skills are contributing to the outcomes that we are used to watching in the media as naïve audience. There are many details to be considered in manipulation and editing of images that are taken into consideration especially when targeting a particular audience. There is much to be appreciated in the roles that visual and interactive designs play in various media. Similarly there is much to be understood about graphic designs such as typography , colour theory and compositions.Therefore every RTA student should have a solid understanding and an in depth familiarity with digital media because these days there is not a single entrainment industry that doesn’t require these skills. This topic on all its levels I believe is the modern language of communicating with the audience in the era of mass media.
I learnt by the end of the first lecture that digital media is an umbrella word under which many skills are contributing to the outcomes that we are used to watching in the media as naïve audience. There are many details to be considered in manipulation and editing of images that are taken into consideration especially when targeting a particular audience. There is much to be appreciated in the roles that visual and interactive designs play in various media. Similarly there is much to be understood about graphic designs such as typography , colour theory and compositions.Therefore every RTA student should have a solid understanding and an in depth familiarity with digital media because these days there is not a single entrainment industry that doesn’t require these skills. This topic on all its levels I believe is the modern language of communicating with the audience in the era of mass media.
Full CSS Manual
A CSS (cascading style sheet) file allows you to separate your web sites
(X)HTML content from it's style. As always you use your (X)HTML file to
arrange the content, but all of the presentation (fonts, colors,
background, borders, text formatting, link effects & so on...) are
accomplished within a CSS.
Download Full CSS Manual
(X)HTML content from it's style. As always you use your (X)HTML file to
arrange the content, but all of the presentation (fonts, colors,
background, borders, text formatting, link effects & so on...) are
accomplished within a CSS.
Download Full CSS Manual
Wednesday, November 4, 2009
Monday, September 14, 2009
CN Tower
Located in the heart of Downtown Toronto, the world's tallest tower (553 metres) stands between the SkyDome and the Metro Toronto Convention Centre on Front Street, just north of Bremner Blvd. Near the top, a 24 sq. metre glass floor allows visitors to watch the streets under their feet.
Subscribe to:
Posts (Atom)
