Monday, January 28, 2013

FLASH THOUGHT WEEK 3

01/28/31


WEDNESDAY, FEBRUARY 9, 2011

5 Reasons Flash is NOT dying...give me a break!

1.Flash is a cross-platform software. Flash will work the same on PCs, Macs, and in any browser with very little testing needed which isn't the same for HTML5.

2.Flash has thousands of companies worldwide that have built their business on Flash technology. It will be expensive for many companies to switch.

3.Flash is more secure than HTML5. HTML5 is easier to take the code when you can view the source. Flash's content is more secured which gives the creator to have the upper hand and protect their work.

4. 98% of Internet users has Flash and even then it's a simple download. 

5. Adobe is a large company and they will not let Flash die, but will probably move to make it work on iPhone and iPads in the future. The reason is that there's more Androids that uses Flash which Apple will want to share in the future.


I like that Flash is easy to download and that there's always updates to it. Most of my peers and friends has Androids because they can have touch screen service, download applications, and can have widgets. My friend can make pictures in his text message with having that application. Apple products are specific in what content they will allow so your choices are limited. I also looked at a site where you can have different galleries of showing your pictures for example. There was one that was a 3D template where the demonstration showed that the picture was broken up in several tile pieces, but each piece rotated, flipped, or slide in to make one composition. This simple effect gives a dynamic and static personality than just a flat surface. 

Here's a video that actually discussed how HYPE works and the code with it. It was similar to playing with values on x and y axis, rotation, scaling, positioning, changing colours, fixed and variable vibration, and capture the clip to the canvas. I like that Joshua Davis has been in the industry when Flash was just getting started and he's a traditional artist that was really curious to see what programming could lead to. He has worked with AS1, AS2, and AS3. He breaks down the code and explain it in simple terms and easy to explain. I remember when I was in second semester when you (Andrew) showed us Hype frameworks, but I had no idea. I just know it was hypnotic to look at, but learning action script and understanding how it works with functions, variables, and operators was similar to Hype. It's so simple to be interactive with Hype that you can work with audio, to blur filters, trace bitmap, and just change the properties of an oscillator to make text appear to have motion, feeling, and energy. 

http://www.youtube.com/watch?v=Zk2Y6_m3KJM

DIFFERENT VISUALS FOR MASTER BUBBLE BUBBLE GUM

BLACK BACKGROUND TEMPLATE


I made the bubble burst larger to make the bubble gum be the focal point and to be overcrowding the black background. The black background contrasts against the lighter colour that I had in the original logo that I changed the colour to be more vibrant. The colour is #ED3B7A. The white also contrasts the black background and is the emphasis point. Your eye travels from the middle to outwards then to the background which I wanted to achieve and to show the enormity of the bubble burst. I also changed the size of the text from 12 point to 14 point that it fits in the bubble, but it's more emphasized and the name is still recognizable. I also changed the colour of the pieces of the bubble gum floating in the corners to make it brighter and not fade into the background. The colour of the bubble gum pieces are #EF649C. I also changed the bubble in the centre to be more rounded because when it's oddly shaped than the bubble and the name seems to not balance with the burst that's the outer shape. The colour of the bubble in the middle is #EF649C and the colour of the stroke is #ED438D.



WHITE BACKGROUND TEMPLATE



The colour of the font is #49C8F5. The colour for the bubble burst is #C7265E and the stroke colour of the burst is #EF397A. The shadow of the burst is more prominent to show more depth and layers of the burst. It brings interest, energy, and there's the illusion that there's more than one burst of bubble gum happening. The highlight is also prominent to show transparency and to show more detail in the strokes. I didn't put the bubble gum pieces because I felt that it was too crowded and there would be too much colour that the burst and bubble and the bubble gum would all seem to be uniformed and one piece. The stroke outline colour for the bubble is  #F8408F and is a softer colour which is #F8649E. 


COLOURED BACKGROUND TEMPLATE


The pieces of the bubble gum break up the horizontal lines in the background. The stroke outline colour is #731344 and the colour is #B30F68. The burst seems to be more elastic so that there are patches of dark which I increased the opacity of the shade of black. The colour is also brightened due to white highlight that's increased in its opacity and the colour is #79004F and its stroke colour is #EC3C7A. The stripes are dominant in the background, but I moved the shape of the highlight and shadow of the of the burst so that it seems to be more of lines shooting out horizontally contrasting the vertical background lines. The stroke colour is #C15A89 and the colour is #EE649A. The highlight of the white underneath is increased to make the outline not seem so harsh and to make the centre of the bubble to be bright.  The outline of the stroke of the text is #C15A89 which makes the name pop out and tie with the burst and the background pieces of bubble gum. 


COLOURED BACKGROUND COPY 2 TEMPLATE


The colour palette is bright colours and is definitely more fitting with the concept of this gum being fun, for kids, and just playful. The highlight is more transparent so that it looks that the bubble gum is being stretched to its maximum and that it's exploding. The size of the burst seems large because I increased the pucker and bloat effect that it seems to be strings of gum being pulled and exploding from the centre. The stroke colour of the text makes the white not seem stark and to give it interest. The colour of the bubble is #EE649A and the stroke colour is #EC729D. There's a shadow that contours the bubble.  





Monday, January 21, 2013

MASTER BUBBLE GUM-REVISED BRAND LOGO AI IMAGE

MASTER BUBBLE GUM - AI ILLUSTRATOR




The pieces of bubble gum which are four of them surround the outer perimeter of the bubble gum that's bursting. The pieces of bubble gum are random and are organic so that it can show contrast. The colour of the pieces of the bubble gum are solid and one colour with a darker outline. The weight of the stroke is 1pt. The width of the stroke is uniformed. The brush is flat and is 0.5 pt. The inside colour of the pieces of the bubble gum is F8649E and the colour of the outline of the stroke is F65C9E.

The stroke for the bubble gum burst is 1pt and the brush is chalk scribble and uniformed. The burst is created by the effect of distort and transform. I chose pucker and bloat to emphasize the enormity of the bubble and burst and the contour was organic and curved. The shadow and highlight was made by copying the layer of the bubble gum burst. The highlights were white in colour and I would reduce the opacity to show transparency and a lighter colour as the bubble gum stretches. The shadows are produced by using black colour but reduced the opacity more to show a darker colour that's closer to the middle than the edge, but to blend with it and not contrast. The colour of the burst and the stroke outline colour is EF397A. 

The bubble gum which is in the centre and focus point is an ellipse that's warped with a fisheye effect to create a bulging effect and bloated circle. I played with the horizontal and vertical scaling of the distortion of the fisheye effect. I reduced the scale of the ellipse to make the burst pop out. The colour of the bubble and the colour of the outline of the stroke is F8649E. The stroke for the bubble path is 1pt and uniformed width and the brush is oval with 0.5 pt.

The font is in the middle of the bubble and the colour is white. The font has the same effect of the fisheye effect where the letter is smaller towards the edge, but larger in the middle. The layout of the text is to show the elasticity and stretchiness of the gum. The name of the font is Impact and the size is 36 and centered. I want the font to be simple and to focus on the dynamics and energy of the shapes to show that Master Bubble Bubble Gum is fun, stretchy, make huge bubbles that will explode, and that it's playful with the colour of the shades of pink. 

The colour mode is RGB.

Monday, January 14, 2013

Re-Brand Logo: Master Bubble Bubble Gum

BRANDING ELEMENTS


Why do we exist?
Majority of bubble gums are focused on the intensity and variety of flavours in the market today. It’s not focused on children, but the general public. Even bubble gum is focused on ‘practicing safe breath’ for Excel. Bubble is even for ‘whitening’ teeth. The flavours are either intense such as spearmint or to delight your taste buds such as Trident layers that uses flavours of combinations of fruits and even desserts. The gum are strips that are thin and can’t make big bubbles. The flavour lasts a few minutes and it becomes hard.

Even bubble gum that were popular had problems with it. Dubble Bubble and Bazooka were hard to chew, the flavour lasted a few minutes, and it became hard that it would hurt your mouth in a bit. Hubba Bubba were fun to make bubbles. However it wasn’t as stretchy that the bubbles were thin and easy to break and the size was a bit big to chew. Even Bubble Gum tape makes it chew more  to make bubbles and it becomes harder as you need more of the bubble gum to make bubbles. Then before you know it then your bubble gum tape will be gone.

Master Bubble Bubble Gum is more elastic that it can stretch further and make the biggest bubbles. We hold the record for making the biggest bubbles. We want to make bubble gum fun again and have fun making bubbles.

Where are we going?

We’re aiming for a specific vision that is to bring back the fun than just for practical use. I remember chewing bubble gum and trying to make the biggest bubble each time. I loved  hearing the pop sound when the bubble burst. We want people to love this gum and it become an icon. We want children to know that this is the bubble gum that can allow them to make the biggest bubbles and they can be messy and be a child again even when you’re an adult.

How we’ll know we’re there?

It becomes popular and trendy that children will choose this gum as their favourite and just know that each piece of Master Bubble Bubble gum ensures its promise to keep giving you the biggest bubbles. Children will know the name and just choose this as their gum and make it their own childhood memory and experience. 

What do we do everyday?

We test it by having every employee believe in making Master Bubble Bubble gum as the comeback of fun and child’s gum. Employees will be having competitions to make the biggest bubble to show and believe in the fun of chewing gum, being a kid in a mature environment, and to conduct its elasticity to ensure our standard of quality and promise is kept. We will be doing sample testing at shopping malls and survey to rate people’s opinions about the taste, quality, and characteristics of the gum. 

What we believe in (PRINCIPLES):

-Maintain our record for being the gum to blow the biggest bubbles.
-Maintain fun and laidback personality.
-Create childhood memories and it’ll bring the child out of you.
-Ensure consistency with quality and characteristics.

How we’re different:

We focus on fun and bringing the child out of you. We’ll be focusing on the elasticity and motion of chewing bubble gum for the packaging of Master Bubble Bubble gum. We’ll either have bubbles, bubbles bursting, blowing bubbles, and stretching bubble gum. You don’t need to eat more than one piece to make a big bubble. 

How we say we’re different:

We say we’re different by encouraging to have fun chewing gum again. Make the biggest bubble you can. You can be messy and hear the pop of bursting bubbles again. 

How we act (OUR VOICE):

Our voice is laidback and fun. Pink is energetic, fun, and happy and will be the colour of the gum and a reference to its originality. We want our packaging to reflect what people will experience when they chew Master Bubble Bubble gum such as a mouth making the biggest bubbles, the bubble gum bursting all over, or stretching it in different directions.



MY SKETCHES OF LOGO





IDEA 1: Mouth blowing bubble with the name of the gum on it. The size of the bubble is to emphasize that this gum makes the biggest bubbles.

IDEA 2: Young girl blowing a bubble gum and looking happy. Again connect to being a kid and making big bubbles.

IDEA 3: Lips blowing out the bubble from the side and a crown on the word master to suggest it’s the king of bubble gum and bubbles.

IDEA 4: Bubble burst on the screen with the name emerging from it.

IDEA 5: Bubble gum burst with the title in the inside.

IDEA 6: Bubble gum being stretched and the colour and shadow of the letters will show the elasticity such as the middle will be very clear and translucent, beginning more dark in colour, and the size of the font would be smaller towards the end. Another idea it ripped in the center or stretched so much that the font is exaggerated or half of the letter will be on each side. 

IDEA 7: Bubble gum stretched in different directions, but the font is stretched.

IDEA 8: Better way of conveying gum stretched in different directions where the name is  aligned with the strips of stretched gum of various sizes.

IDEA 9: Bubble gum is being poked where the name is being squished in. So size of the font has to be squished or the name is in the center of the gum that the outer has bursted and is warped.

IDEA 10: Bubble gum stretched so it’s the size of the font is larger to small.



LOGO (INITIAL DRAFT)





This one was chosen due to that it focused on making the bubble gum burst, the bubble is huge and irregular, and that you're having fun with it since the middle of it will be that you're poking the font in. So you poke the bubble and it bursts all over, which shows the fun of playing with bubble gum.


LOGO (REVISED DRAFT)





So focusing on the irregularity and size. There are pieces of the gum floating of the side. I was thinking of the texture background to be pavement so that the gum is being laid on the floor, which you see all the time and we do all the time. The darker area will be the inner bubble where the sides are stretched out or the centre of the bubble will be smaller to suggest that it's being squished in. The font will be placed once I start working with it in Illustrator. I like that it's simple and will make the shape and font emphasized and pop out with the colour, shadow, and highlights.



MASTER BUBBLE GUM - AI ILLUSTRATOR




The pieces of bubble gum which are four of them surround the outer perimeter of the bubble gum that's bursting. The pieces of bubble gum are random and are organic so that it can show contrast. The colour of the pieces of the bubble gum are solid and one colour with a darker outline. The weight of the stroke is 1pt. The width of the stroke is uniformed. The brush is flat and is 0.5 pt. The inside colour of the pieces of the bubble gum is F8649E and the colour of the outline of the stroke is F65C9E.

The stroke for the bubble gum burst is 1pt and the brush is chalk scribble and uniformed. The burst is created by the effect of distort and transform. I chose pucker and bloat to emphasize the enormity of the bubble and burst and the contour was organic and curved. The shadow and highlight was made by copying the layer of the bubble gum burst. The highlights were white in colour and I would reduce the opacity to show transparency and a lighter colour as the bubble gum stretches. The shadows are produced by using black colour but reduced the opacity more to show a darker colour that's closer to the middle than the edge, but to blend with it and not contrast. The colour of the burst and the stroke outline colour is EF397A. 

The bubble gum which is in the centre and focus point is an ellipse that's warped with a fisheye effect to create a bulging effect and bloated circle. I played with the horizontal and vertical scaling of the distortion of the fisheye effect. I reduced the scale of the ellipse to make the burst pop out. The colour of the bubble and the colour of the outline of the stroke is F8649E. The stroke for the bubble path is 1pt and uniformed width and the brush is oval with 0.5 pt.

The font is in the middle of the bubble and the colour is white. The font has the same effect of the fisheye effect where the letter is smaller towards the edge, but larger in the middle. The layout of the text is to show the elasticity and stretchiness of the gum. The name of the font is Impact and the size is 36 and centered. I want the font to be simple and to focus on the dynamics and energy of the shapes to show that Master Bubble Bubble Gum is fun, stretchy, make huge bubbles that will explode, and that it's playful with the colour of the shades of pink. 

The colour mode is RGB.






#001 Assignment- Flash Thoughts


STEVE JOBS-APRIL 2010
Adobe’s Flash products are controlled by Adobe, so Flash isn’t an open system. Apple believes that all standards concerning the web should be open. HTML5 has been adopted by Apple and you can create graphics, typography, animations, and transitions without relying on a plug-in.
It’s annoying to rely on plug-ins especially when you need specific plug-ins that aren’t compatible with the software such as Mac platform. Mac doesn’t play some downloaded videos from certain sites due to needing certain plug-ins, which I don’t want to download. However with Flash, I can watch my YouTube videos which is a quicker way to find the latest music videos for example.
Fortunately, there are over 50,000 games and entertainment titles on the App Store, but again you have to have that software to be able to run that application. So what if you don’t have an Apple product and the App Store serves a specific niche.
Many of the chips used in mobile devices uses a decoder called H.264 that’s industry standard. We want to always be able to connect to the Internet and see our videos, music, and surf anytime and anywhere. So the longer the video can play will make anyone happier than having less time of the video playing and having longer battery life.
It’s a nuisance to have to rewrite Flash websites to work on touch-based services, but then that’s when Flash isn’t for that purpose. I love that Flash can allow you immerse and redefine possibilities. An example is Matt Owen’s “Volume One”, uses the site to think about ideas of interface. He wants to make the interface have an emotional quality beyond their functionality. An example is that people who break up with their lovers on the phone, you have to punch keys on a telephone and play through a personal break-up experience. He’s trying for you to participate in the types of experiences that the site is trying to describe.

Apple isn’t about collaboration. They will only accept a third party layer of software if it adopts the features of Apple products and serves ONLY to create and make the best applications for Apple products.
However I think it’s more better when applications are a cross platform development tool. It can allow you to work with different software, create different possibilities, collaborate, and work from different places. It can allow people to be immersed in different environments and create interactive opportunities and spaces such as using Kinect to make generative art by tracking body movement. 
VIDEO-FLASH IS DEAD LONG LIVE FLASH-2012-07-2012
This video was interesting to show collaboration and again protecting your own creative rights. You use InDesign to make your document and can make your own changes with one2edit. HTML can be restricted because the document won’t look the same in all browsers so this is great that you can make these changes through a web browser. It’s how you visualize creating a web page by drawing it out than doing the design based upon the HTML code and not having to adjust the assets of the InDesign features and assets.
“Flash is dead. Long live HTML5” -Nov 9,2011
HTML5 is now universally supported on major mobile devices so it has become the standard. It’s the best answer for creating and displaying content in the browser across mobile platforms. Adobe will continue to work with the key players in the HTML community that includes Google, Apple, Microsoft, and RIM.
Again HTML5 is great for clicking, but Flash demonstrates and conveys how we read information. If we want to read information then HTML5 is great, but we’ll get bored easily. However there’s a more natural feel to handle objects as real objects than just click, drag, and drop. You can use audio as Mp3 and create a dialogue and have it read words so that text becomes a sensory experience of learning to read in a book that becomes interactive and make the reader engaged and participate.
Steve Jobs wins: Flash being phased out from mobile devices
Published on Wednesday November 09, 2011

Microsoft’s Windows 8 allows users to choose between tablet-style touch and traditional keyboard-and-mouse browsing. This has been built around HTML5 so that it can adapt to mobile and desktop devices.
I like that Microsoft’s Windows 8 allows that crossover between keyboard-and-mouse browsing and tablet-style touch. I was more familiar with desktops with the mouse as the click and drag tool. However I like that there’s the tablet option where you can touch and your finger becomes the mouse and navigation tool. I like that many windows can be open and everything can be on the screen because it’s annoying to close and reopen windows. You can see it on the page than feeling that you lost something that you were looking for. Yet it can be confusing to have all that information on the screen. 
“What’s Really the Deal with Flash and HTML”- OCT 20, 2011
The Contribution of Flash
Animation was animated GIF before Flash. Audio could only be played through RealAudio before Flash. Video was available through external plugins such as REal, Windows Media, and Quicktime.
There’s a large amount of peopel that feels the ‘web is broken’ on an iPhone (in the way that it isn’t on Android devices) because Flash player is missing. YouTube wouldn’t exist without Flash.
Flash-Hatred Camp #3: Flash is ‘Closed’
There are degrees where Flash is an open system. SWF allows any company to make content that publishes to Flash. XFL allows any company to open and save Flash Pro source files.
We need both open-source software and closed-source software for the web. We use Photoshop that’s a proprietary tool for digital images for digital content. Open and closed source software serves their purpose and has their own functionality.
HTML5 needs a browser upgrade which more people would be slower to upgrade than upgrading their phones.
Since iPhone banned Flash player, the market for Flash, and the market comments of Flash have been negative. Many business are making technical decisions based upon misinformation. We talk to clients that have no idea that Flash actually does run on every platform including iOS. Firms have changed to HTML5 as the primary method of video delivery doesn’t realize how few desktops computers support this.
So, Really, Flash or HTML?
It really is which technology is appropriate where? 
-If you’re building for the web: should choose HTML
-If you’re building for mobile web: it depends on the mobile eg. iPhones and iPads don’t support Flash player, so you need to build in HTML to support mobile Safari.
-building games: should be Flash.
-building cross-platform apps-boils down to the nature of the application. Use HTML5 if the app is based on form or user-interface experience. For more engaging and more complex user-interfaces, then choose Flash. 
-If you want to build rich experiences-use Flash.
Consumers want to engage and interact with content and brands through an assort of devices. Companies pays to build and deploy to one device, they should be able to offer the same experience to any of their consumers on any device through a browser and an app. Flash offers the ability to publish to web and desktop, Mac, PC, Linux, iOS, Android, Playbook, Samsung, LG, and Google TVs. It’s similar that someone will pay for another phone if they can get the same features or more on their prior phone than paying for a brand new phone that doesn’t have those features and works on that platform.

One team, one codebase, one experience, and every screen is what Adobe Flash promises and offers today to firms and developers.
GRANT SKINNER-MY THOUGHTS ON THE FUTURE OF FLASH-FEB 3, 2010
“Try building a player that runs a huge range of dynamic content written on a variety of tools (some of which you don’t control) by developers with massively varying skill levels. Now try making it compatible, consistent, and performant across dozens of OSes, browsers, platforms, and devices. And maintain backwards compatibility with the last 9 versions even while your target platforms change. And keep it under 5MB. And maintain it in parity with an OSS effort (Tamarin). And try to keep up with the demands of one of the most active and vocal developer communities”.
This statement just shows the interdisciplinary method of Flash and that it’s a valuable source. Video games online wouldn’t be as engaging, personal, stimulating, and even creating your own avatar. Our day wouldn’t be the same if we didn’t have YouTube as our music source just as we Google everything. Our society engages with interactive media more often to amuse ourselves with entertainment. 
We need tools that are cross-platform to serve a range of services for platforms and devices because technology is constantly changing. Technology doesn’t just use and invent new material but uses a combination of old ideas and putting a spin on it or using it for a different use. James Paterson, “Presstube”, is similar to Photoshop, extend what sketching is. He’s created different drawing tools that you can play with. You can click on one of the tools and drag your mouse across the screen. You could be drawing with squares or even red characters that jump around and disappear. The squares or the characters will be larger and spread out if you move faster. The point of the pen may shrink or disappear if you rest the mouse in one place for some time That’s why Flash and HTML is necessary, but each has their own spot and function and can and still thrive in the industry. 



01/21/13
INTERFACES


This Tedtalk really made me think of how we can see visually how our mind works and make interfaces where the computer is your mind that is mapping out your imagery and relating our personal life, memories, and data that we find to everyday life. It was cool to see the visual map of airplane flights in colours and as a picture than just words. It was cool to see the brightness and so much colour to see people texting "Happy New Year" on New Years eve which shows how it's such an cultural event that so many people partake in, it's festive, and feelings of optimism that's associated with New Years. 

I enjoyed the collaboration of the Johnny Cash video. This made his memorial more personal, individual, creative, and recording what people felt, see, and interpret with visual imagery. The video shows again we want to work with technology that's intuitive and that is EASY to understand and follow. I love the creativity and diversity of the different types of art such as abstract to pointillism to expressionism was shown. It showed who were the artists that contributed and even then you can create the composition of the video by selecting the type such as abstract with just a few steps. 

I also loved the project, "Wilderness Downtown" where we can use google maps to even bring us to our destination before arriving there. We can recreate places that we used to live with using elements in that existing space and make a video. Someone can see your neighbourhood without going there. I love the postcard just isn't flat, but dynamic and lifelike with the blank canvas sprouting leaves to trees popping out from the ground. It relates to when you move to somewhere new where the space is foreign and just blank because you don't know the people there and not familiar with the surroundings. However when you've lived there for some time then you can colour that canvas with personal memories and events. 

This makes me think of what we saw in class of creating hype frame works that can work as generation art. I loved seeing that the colours of the hex values were used to create the composition of a flower. I feel emotions such as spikes, smashing, and colour of red if the music is loud. This makes the imagery be lifelike, personal, and is showing how we interpret music from an artistic perspective. 

This leads me to thinking of the wine label. I was thinking of creating a grape that would roll out then flatten as if the juice is being leaked out of it. The juice is leaked out as the grape repeatedly rolls across but becomes smaller. The juice sometimes leaks as a ribbon to spike as the grape seed goes through its changes of transformation. Then the juice disappears into a ribbon and wraps around the bottle which it becomes part of an element of the logo. I was thinking of having the wrap end with a splash and then the name of the wine appears.