Posts Tagged ‘First Flash Website’

Azar | First F**** Site

March 9, 2010 |  by  |  Project Two, Student Work  |  , ,  |  Comments Off on Azar | First F**** Site

PROJECT OVERVIEW
This is an autobiographical visual representation of me, Chris Azar. It features three sections, an introduction, a heart section and a head section. The mood of the piece is surprisingly more dark/creepy than I had previously imagined. However, once I recognized the organic elements I threw out my word mark (which is clean and in helvetica) and replaced it with my hand written signature. That signature for now is one of three elements of navigation. I will continue to add to functionality of every section in the site.

This is merely a work in progress..
I spent far too long in photoshop and developing content for this project and there a lot of things I didn’t get to or couldnt get to work in the action script. For example I created a new portfolio page over the weekend to be the target of an iframe but couldn’t get a function to work.I however am not defeated and will get shit to work. I also wanted the pencil to link to my blog. I will probably also add a small music player and a pre-loader for the next round. I would also like the heart/head items to go in reverse back into place, Finally, I would like to add tool tips to all the items in the heart/head sections. (Especially because a portion of the heart section is in french.)

ANIMATIONS
So far what I have are three stop action sequences and a bunch of tweens. I’ll start with the heart items. They all pour out of a masked hole where my heart may be. They have a red tint that fades as it loads over 30 seconds. The items on the left represent my immediate family. My parents split in 99 and now live in separate towns in RI. The towns (bristol and tiverton) are located on either side of the mount hope bridge (pictured in green). Rhode Island is the Ocean State and a golden anchor is featured on the state flag. The phrases in french read Tout le monde coule.. mais je demeure. In a french poem “le point” (the bridge) represents stability and values while the water represents life as flowing and constant. So the french phrase in English is the world flows.. but I remain. I love the symbolism and the physical division that the bridge is in my life. It’s just a bonus that the bridge is visually beautiful. So my parents flank the bridge. My mom is 100% irish and is represented by the clovers. My dad is 100% lebanese and is represented next to the cedar of Lebanon. Ever since they split my kid sister (16 year old Maggie Azar) has packed up and traveled with me every week on Sunday night to the other parent’s house. She is the beautiful butterfly that floats between the two parents. She has always been an avid reader and is seen against a couple bookshelves. She is the first one to emerge from my heart intentionally. The images that are on the right are images of friends from RI. There are a lot of inside jokes connected to the things in the carriage. I will add otto and sports symbols (running and biking and red sox) to the right side as well.

This site was very therapeutic even through the frustrations with as3. I didnt realize that making a rationale would entail my life story haha.

The head items are for my portfolio and my blog. I will add social networking links and a link to my resume in there too.

AUDIENCE
This site was made very selfishly. It was crafted primarily with the subject in mind (me). I guess prospective employers interested in seeing my portfolio/flash skills/creativity, would be my audience. But in reality, my mom, (who has a flash player and a monitor wide enough to accommodate
950px wide stage) is probably my main audience.

RESOURCES
A wicked lotta shit..

lynda is easy.
ended up getting addicted to learning and bought a subscription.

This is what I used to install a tooltip.

The tutorials on this blog.

Special thanks to you harper for sorting through that batch of errors for me. It really got me started.

I have a few more bookmarked that I haven’t used yet but will.

EMBEDDED SWF

ZIPPED FOLDER
Azar-Project2 Zipped

DC First Flash Website

March 8, 2010 |  by  |  Project Two, Student Work  |  , , , , ,  |  Comments Off on DC First Flash Website

Project 1

Rationale::

The drawn branch is the only element to survive form project 1 to project 2. I threw out the textured backgrounds, mountains, flowers and a whole bunch of other crap to create this stripped down scene.
I like how each state is just a small window of the overall whole.
The site opens up on the branch, with a sketched version of myself swinging from the tree on the bottom of the frame and a clothesline to the right with links to my portfolio.
One of the most popular reactions to the site so far is that it is “very me” which I guess is the goal.
Most of the illustrations were hand-drawn in illustrator using a wacom tablet and the pen tool. Since this website is about me, I made sure all of the elements were self-generated.
The animations are relatively simple (although we all know simple in flash can still mean hours of tweaking!).
The transitions are simple shifts and zooms to match the simplicity of the site. When you click on the clothesline thumbnails, the site zooms in. In the future I will embed players to view all the images in each portfolio. I am also still working on creating tooltips.

I definitely referenced a bunch of tutorials, especially those on the blog, but here are a few I remember::

Create Links

Tooltips (via Azar)

onComplete

Conditional Statements

I lost the folder with my inspiration images when my thumb drive crashed in the beginning of the semester but I looked at a bunch japanese style paintings for inspiration for the branch and the bird as well as searching those terms in iStock photo. Suggestions from Harper and DMillz led to the creation of the tire swing and the portfolio clothesline.