Tuesday, December 11, 2007

I can't post the actual video here so I hope you follow the link to youtube! It's the Riddle by Five for Fighting and it combines really video with animation. It's a good song and it's really sweet! Hope you like it:

follow me ==>  
http://youtube.com/watch?v=EgNPGBp4Ygg

Not even with Flash

Monday, December 10, 2007

Lawn Art?!

only in Asia

Photoshop Contest '07

Photoshop Contest 2007
This videos pretty good too...Cool "chalkboard" animation and I like the room that shes in, it reminds me of the Smithsonian Museum of Natural History's Discovery room (does anyone else remember that room? (beyond awesome))



(and yeah ok the music is.....different...but I like it (shes got kind of a kate bush thing goin on).....she does a song called Peach,Plum,Pear that I like too)
Typographical/music video made by some grad student in After Effects (I like the pattern with the dots that kinda bounce in)

Sunday, December 9, 2007

Hey guys, thought I'd share a couple of my friends devient art pages before the end of class. The first is my girlfriends and the second is a good friend of mine. (They both go to MICA so I guess according to Sean they don't completly suck lol)
-http://flying-fox.deviantart.com/ - http://ninjademongirl.deviantart.com/

Friday, December 7, 2007

This site: http://www.melissaclifton.com/tutorial-vector.html shows one hows to make eyes in illustrator...a very nifty site

Shutterstock

Check out the site: Shutterstock.com its like flickr but has alot more vector images that can be used as resources.

illustrator portraits?


Has anyone ever done an illustrator portrait? its fun.

Wednesday, December 5, 2007

nature art


I'm doing a paper on Andy Goldsworthy, who makes art out of nature. Although decay is part of nature's process, he documents his work with photographs. He adapts to the different elements and climates he works in to create his captivating art.

Tuesday, December 4, 2007

I AM 8-BIT

I saw this and thought it was very cute and funny and it made my day better! enjoy!
Oh this was made by a student as well.

blawg

Although they're not digital artists, I think at least some of you would like James Christensen and James Gurney. If anybody would like to post their favorite artists I'd check them out.

Sunday, December 2, 2007

Saturday, December 1, 2007

Lego Art


http://www.blogger.com/img/gl.link.gif


enjoy the rest of the lego creations here

Friday, November 30, 2007

Legal Street Art

Some cool examples of legal street art from a post on WebUrbanist.



Tuesday, November 27, 2007

Illusrator

Okay, so maybe i didn't need to BURN illustrator. I do like its vector qualities, but sometimes it won't do what I want it to do.

Groo the Wanderer

Earlier in the semester Sean mentioned Sergio Aragones. As is turns out this guy is actually worth looking into. He does all sorts of cool illustrations not to mention his comic book, Groo, The Wanderer. Funny and fascinating, and worth a few bucks.



No hard feelings but...

Hmmm, well me on the other hand kinda likes illustrator. I like its precision

Monday, November 26, 2007

blawg

what? http://youtube.com/watch?v=iHsYhORsQPo

Sunday, November 25, 2007

I hate IIlusutrator



I just wanted to say that Illustrator is of Satan.

Saturday, November 24, 2007

Tuesday, November 20, 2007

Animator Interaction

This is from Drawn!

I love this animated commercial for V Water. In it the animator himself intervenes to help his creation when he meets obstacles — it’s like a friendly version of Chuck Jones’s classic Duck Amuck:

Vector Art/Kickin' it Old School

I found an amazing artist named Sean Galloway. He's an Illustrator from good ole' CA, and has worked on various projects. He's worked/contributed on the comics for Teen Titans Go, and Venom. He's also one of the designers for the recent animated series Hellboy Animated. He enjoys drawing revamped versions of his favorite characters, as seen here.


He can be found on Deviant Art as Cheeks 44, or through his link on Gabe art. Head to www.pennyarcadeart.blogspot.com and click on his name on the bottom right list under Sean Galloway.

Sunday, November 18, 2007

Tuesday, November 13, 2007

Crispin Glover

My friend sent me this video the other day and I thought it was pretty funny, however also pretty weird. http://youtube.com/watch?v=WsSx5NA6sXw Haha what do you guys think about it?

blawg

Just to let everyone know, Jerry Seinfeld just called "blog" one of the worst words in the American language.

Science Investigates an old theory

Read this article on "orgone energy." It was brought to my attention from Three Panel Soul, an intersting read for sure.

http://www.foxnews.com/story/0,2933,308462,00.html

Stronger

Daft Punk Stronger



Monday, November 12, 2007

Steam Punk Designs

I found this list and thought someone else may enjoy it as well, it being somewhat related to a recent assignment. This modified "Flying V" style guitar stood out the most to me.

Saturday, November 10, 2007

Need help with flash

Ok, I need someone's help please.

What I am trying to do is create a stick man in flash. What I am having trouble with is, the man is a movie clip and I am trying to make it so that he jumps up and down and his legs and arms simply swing back and forth.



When I try to do a shape tween, the shapes keep breaking into pieces before they get to where I want them. It's a little frustrating because I like the idea I have but I'm flash illiterate. But I need a stick man that I can manipulate with a scrolling background. Any Ideas?

Pierre

Thursday, November 8, 2007

tutorials...

so...


... http://lynda.com/


go to it


subscribe


learn everything Sean dosent teach you and more!


go get awesome.


your welcome


Love,
Awesome Keith

Tuesday, November 6, 2007

Historical Funny.



This is a comic from the site ThreePanelSoul, where the writer and artist try to create comics that are only three panels. This one is a good stitch. They do gaming satire as well as some humor from their own lives. Check out more of them at www.threepanelsoul.com

Monday, November 5, 2007

Flash in WWW

Does anyone know any place with tutorials on creating a navigational menu for a website in Flash?

Model Building

Just incase anyone else was/is interested in building models, here's a website I really like. I mostly use it for Gundam, however it has a variety of other things as well.
http://www.hlj.com/index.html

blahblahblahblawg

:) Boy this weekend was great!

Spam One-Liners

Linzie Hunter has made a set of "Spam One-Liners" on Flickr. There are some funny ones, especially if you imagine them as a sign stapled onto a telephone pole or something. It was a good idea, but I would like to see it go in a bit of a different direction, more illustration than typography, that could be really funny.


- On a aside note, this is post #100 to the class blog, hooray! We should cancel class to celebrate!

Sunday, November 4, 2007

PS3 commercial





Videos

Beck videos are usually pretty excellent and unusual...even if youre not into his music you cant deny the weird awesomeness of the videos





(If youre into that ASCII look , theres a bunch of websites/software that allow you to convert your pictures into ASCII art!!! (for the nerd inside us all) just do a wikipedia or google search)

Tuesday, October 30, 2007

VG Cats & T-Shirts

Kinda late notice, but there are t-shirts for sale off this website that have some intersting designs. The comics are video game satire so you should check those out while your at it. I would post this weeks comic on the blog, but I'm not sure whether it's appropriate or not.

Check out www.vgcats.com

Logo-MADNESS

Ive been trying to work on some logo-type things (and Im really, completely NOT good at it) and I found this site which has some great examples!


also: HERE is a pretty nifty tutorial on making sweet, glassy, CANDY-LIKE buttons.

Monday, October 29, 2007

mike turner


one of my fav artists

Free vector images :)

http://www.vecteezy.com/

Friday, October 26, 2007

Vector Magic

Vector Magic is an online bitmap tracing tool that creates vector images. It works just like Live Trace in Illustrator, though Stanford University, creators of the tool, argue that it works even better.

Check out this comparison :


It seems to me that some of the obvious issues with Adobe's tracer can be fixed by simply toying with some of the options, I'm not familiar with Corel's. But either way, it's another tool to stick in your belt, give it a shot and see how you like it.

Tuesday, October 23, 2007

blawg

When's winter break?

More Gabe Art

Want to see something scary? A grown man consumed into the world of table top games, worst of all Poke`mons.

More Gabe Art

Raymond Swanland

I love fantasy illustration and this guy creates some awesome looking examples of it. He is one of the creators of the Oddworld Universe and much of his work relates to that. I'm not very familiar with Oddworld myself, but it looks cool as hell.

If this image interests you at all check out his website that has many more examples of his work.

Monday, October 22, 2007

Bakers Pink

A teacher shared with us how a shade of pink was used in doctors offices to calm men specifically down when needles were used. The shade seemed to actually make the males more docile and were able to be administered the shot easily.

It was then decided that since the color calmed men down in the doctors office, its uses could be used in other places. The gyms of some prisons were painted this specially made shade of pink, Barker's Pink. The first few months of the gyms being painted proved that the men were calmed by the color and fights were drastically reduced. This didn't last long and after six months the inmates became psychotically violent. This spike in agression in all cases after prolonged exposure led to the ban of this color. It is now illegal in most places to use Baker's Pink.

Saturday, October 20, 2007

Italian video

This was sent to my dad by his brother and I thought it was pretty funny. It's how italians tell time!

http://youtube.com/watch?v=EzIlTABHmv4

Thursday, October 18, 2007

Awesomness

My cousin showed me this video and I thought it was pretty nifty :]
Take a gander....http://www.geekologie.com/2007/10/samsung_1152_person_commercial.php

Tuesday, October 16, 2007

Promesas

Strange/fun video:

digital watercolor

this artist does watercolor paintings digitally. tutorials on how he does it can be found at http://www.trimoon.com/. the gallery of work is http://www.pbase.com/trimoon/watercolor

fun and cute?

http://www.ferryhalim.com/orisinal/


can't go wrong with that!

Stick man flash tutorial

http://www.abbotflash.co.uk/MatchSticktut.asp?tutID=2

This is a tutorial for people that like to draw stick people in flash.

Monday, October 15, 2007

post



digital rose for the sake of posting



Flash Help

Does anyone know how to make a tween, or animation where text gets smaller. Or how to make a zoom-out effect?

mmmm...beeeer

I wasn't quite sure what to put for this weeks blawg so I decided to do a review of several lesser known beers. It's suddenly fall, so many of us at drinking age might wanna try beers slightly darker than the usual summer stuff like bud light(gross) or corona...anyway:
(I'll start with my least favorite)
- Tommyknocker's Pick Axe: Not Great, way to fizzy and a strange after taste will haunt you for a few hours
-Flying Dog Pale Ale: Enh, not rich enough for me, pretty weak taste
-Pete's Strawberry Blonde: Good, sligth fruit flavor..maybe a bizarre mixture for some
-Flying Dog Amber Lager: Very Good, moderately dark, great taste
-Black Hawk Stout: Very Good, so dark not even light can escape it, great taste
-Sam Adam's Octoberfest: Very Good, great blend of spices and all kinds flavors

Sunday, October 14, 2007

Miranda July

I love this

...you should go there because its sweet and creative and just pretty much amazing on many different levels

(ALSO THISis also the work of Miranda July and is also-ALSO great(its interesting to see how different artists promote themselves))



And for no reason at all:



(this is my favorite youtube video)

Saturday, October 13, 2007

Histogram Image

This is pretty nerdy but I think it's neat as hell.

This guy, David from Ironic Sans, was messing around with the idea of having an image that was identical to its own histogram. He had some trouble getting that to work very well but after some messing around found a way to manipulate the histograms to actually create images within them. After reading about this, another digital art nerd, Josh Millard, decided to create a Perl script to fit an image to a specified histogram. Here is an example :


Check out the hyperlinks for more info.

Friday, October 12, 2007

pandora.com

If you like listening to music while you do your work for school or your job, this site is awesome. You just type in an artist or a song and it comes up with an entire radio station devoted to music that is similar whatever it is you like!
go to pandora.com, it's pretty sweet...

Tuesday, October 9, 2007

desperate housewives vs. dexter

I was in the middle of posting a link to Dexter but the teacher just did :-/ so now I am stuck. In another direction, for the sake of art appreciation, I enjoy the opening to Desperate Housewives.

Reed designs

So my brother has a deviant art site and he dabble with digital arts on a constant basis. I just wanted to share his work with u guys as he is hopefully an up and coming artist and we may all be. Some of the works are digital and although he is 22 now his work goes back to early high school.

Blast from the past

This is a character sheet done by an artist named Stephen Silver. Everyone on this blog should know who these people are, and be able to identify each one. Silver is an atist admired by Gabe from Penny Arcade.

car art

last week when we watched the video on cars as being art, it really got me thinking. anything can be art, and I realized how much handmade creation goes into desgining a car. I thought it was interesting that the same techniques that the old masters used in their sculptures are used to design cars by hand.

New Post

Turns out that I have nothing remotely interesting to show
I waited till the last minute and didn't have anything to post, so here is something stupid and funny...
\http://www.funnyordie.com/videos/d7e5ec2c55

pretty!

-sigh-

yeah, I don't know if im gonna do as good with this one right off the bat. I'm gonna have to re do it, because there is much more I want to add.

Someone last week made a flash video about driving. It reminded me of this one that I saw some time ago.

http://www.youtube.com/watch?v=b75PI_fIDYs&mode=related&search=

For some reason the one who posted this decided to post it in three parts.
You can click the links to the others on the page.

Monday, October 8, 2007

nothing

I can't think of anything to post, so I'm just going to put up one of my drafts for this weeks assignment


Sunday, October 7, 2007

blawg

This last assignment was challenging, it's difficult to replace your own style with someone else's. I really tried to get my piece to look like Hanuka's work but I'm still not satisfied. gripe, gripe,gripe....

Thursday, October 4, 2007

Meth Minute 39

I saw "Internet People" last week or whenever it was that it got published but it didn't immediately have the biggest impact. But after seeing "Sex Machine" and then revisiting Dan Meth's previous episode it's growing on me. Maybe I'm just jealous that I didn't come up with such a great idea first. Anyhow, check out this guy's stuff on his frederator site, Meth Minute 39, it's really good, and keep an eye on him for the next few months, he's planning on publishing a video once a week, I believe.



Tuesday, October 2, 2007

woah.

just thought this is pretty sweet. and i want to own one:

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



the video did not want to hyperlink for some reason. sorry.

Cosplay

Does anyone else do it? Probably not haha If you're wondering wtf I'm talking about, cosplay is dressing up in costumes for your favorite shows (usually at conventions) Heres a link to my page if anyone wanted to see: http://images.cosplay.com/gallery.php?member=28829&cat=500. I'll probably regret posting this but thats ok Even if no one else does it, does anyone go to conventions? The next one I'm going to AnimeUSA in November. I guess that's it for now :P

Dalek Interview


http://www.fecalface.com/SF/index.php?option=com_content&task=view&id=554&Itemid=92

Digital Art

Flash is easy and incredibly difficult at the same time. It's really easy to pop out a little stupid flash thing, but if you want to make something good, it takes a really long freaking time and drives you crazy...

Am I the only one who keeps forgetting to post?






http://gargles.net/sidewalk-art-julian-beever/

I'm sure you've seen this in an email before, but if not these chalk drawings are really awesome!

Quote

"where is your blog?" ... "here it is Sean"

Halo 3 anyone?

If anyone's a fan of the Halo franchise, then you should enjoy this.



This is a strip from the webcomic VG Cats. Images are scanned and imported into Flash and Photoshop for coloring.

Fun flashes to watch

I enjoy watching these sick fighting flashes. They make good study guides lol.

http://www.youtube.com/watch?v=-AQlkBHLfXU

I am still learning how to animate sticks. I only started seriously using flash this semester. Is anyone else good with stick animation?

Monday, October 1, 2007

interesting photos




just some cool photos by two artists. The first by Robert Laliberte and the second by Hans Fahrmeyer.

HP Commercial

I don't watch a lot of TV so this may not be new to everyone, but I just saw some pretty cool HP commercials that I thought were great examples of digital art.

Serena Williams

Shaun White

The Making of the Shaun White Ad

An interesting side note, the snowboards shown in the Shaun White Ad were actually illustrated by James Jean, who is probably one of my favorite illustrators.

a bothersome font

The more design classes I take, the more I notice printed stuff and critique it. I keep noticing all these ads that use the font papyrus all over the place, and it's getting to the point where that font really annoys me. Wow, does that sound nerdy or what? I can't believe I actually care about fonts. But I would definitely say that papyrus is the most overused annoying font. There are other overused fonts like times new roman, but oh how papyrus bothers me.

pretty sweet maze.

A helicopter view of Hawes Farm's corn maze for 2007. This year's maze features Scooby Doo.



Hawes Farm Scooby Doo Corn Maze 2007

Add to My Profile | More Videos

Sunday, September 30, 2007

Reverse Graffiti

This is a pretty interesting concept. This guy creates images on the wall of this tunnel by cleaning off the grime. I guess he's technically not doing anything wrong so he they can't really fine him or arrest him for it. Whether or not the authorities actually get the message some people must and things get cleaned up even if only to erase the images.

Saturday, September 29, 2007

link to syllabus

For some reason, I can't find my way back to the syllabus page and I don't remember the link. Can someone post it please?

Tuesday, September 25, 2007

Scribble

http://www.miniclip.com/games/scribble/en/

Yeah, I figured out how to do a link! Anyways this is a really fun game that I am not so good at yet but I'll get there and you should try it and bet it to!

Hyperlinks

Posting a hyper-link in Blogger is simple enough for even the most unfamiliar blogger.

1. Go to the page you want to link to and copy (ctrl+c) the url from the address bar. (it looks like most people have this part down already)

2. Back in your Blogger editor select the text that you want to act as your hyper-link once you publish.


3. Click the link icon at the top of the editor window.

4. Paste(ctrl+v) in the url that you copied in step 1. Click ok.

Piece of cake.
(note: for Macs replace the 'apple' key with the 'ctrl' key for keyboard shortcuts.)

I stole the images in this post from the Dummies' Guide to Blogger blog. Check it out for some great tutorials on all kinds of Blogger related stuff.

What kind of animal is this?

http://www.youtube.com/watch?v=sdUUx5FdySs&mode=related&search=


just a pretty cool animation done by someone. although i'm curious why its called "Kiwi!"

something cute

Here's a christmas card done in flash to check out. I found it when searching for ideas for the card project. just go here:
http://www.ilofil.com/ecards/pyr_xmas/pyrokontrol_xmas.html

237 reasons to have sex

i randomly watched oprah today n the topic was sex. she opened with an article from the Chicago tribune about 237 reasons to have sex. the findings were part of a study conducted by a University of Texas Psychology professor. some of the reasons included "Someone offered me money to do it," "I felt sorry for the person," "I wanted to punish myself" and, "Because of a bet." i found it comically amusing.

Almost forgot

I almost forgot to post this week...I thought some of you might be interested in the company I work for since it is in the field of digital art. We do lots of laser scanning, 3D reproduction, etc. If you are interested in this field, which i assume you are if you are in this class, then check out the website www.directdimensions.com
I'm officially no longer an intern so hopefully I'll be added to the site soon :)

Waste of time, but a good waste.

I guess something like this is probably just for shock value, but it is the extremely hard way to go when doing work lol. This is really cool though, take a look.

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

And by the way, I'm wondering if I should get a PS3 first or Xbox 360?

If anyone is looking for Wii systems, check the pandora's cube in college park. They ALWAYS have them in stock, but you'll pay 400 bucks for it.

Decisions Decisions

Hey all, I was just wondering what everyone's opinion waas on the XBox 360. In terms of next gen I already have a Wii and the PS3 is too expensive for me at the moment lol. But I've been thinking about buying a 360 lately for a couple reasons. Theres all the games, including Gundam (I'm a HUGE Gundam fan btw) and Halo 3, etc. Thoughts on if I should get it or not? -Mike Vares

Monday, September 24, 2007

CHURCH!

Home star Runner

http://www.homestarrunner.com/sbemail70.html Its a funny little website... entertaining

Traditional(ish) animation

I have no idea how I found this (Im pretty sure I started out watching music videos but thats the weirdness of the internet (6 degrees of youtube separation)) but I think its kind of beautiful. I especially like how the smoke moves and the dancing part at the end.



So then I searched around to find out more about the animators and found that they were influenced by William Kentridge--who does these charcoal and pastel drawing/ animation/films. He draws and erases and redraws (and titles things with phrases such as "Felix Teitlebaum's ANXIETY flooded half the house")...which I think is pretty interesting.

This is one of his is called "Felix in Exile" (and the audio is pretty terrible so forgive me)

Sunday, September 23, 2007

More Funny



Here's something from Photoshop. Don't know who made it.

Wednesday, September 19, 2007

Reto Kaul - Concept Artist

It is so frustrating to find such awesome artists that are several years younger than me. But awesome art is still awesome art, no matter who you are.

Reto Kaul is a Swiss freelance concept artist that is kicking my ass. Check out some more of his stuff by clicking the links below.




His Website
Another Gallery
His DeviantART

Tuesday, September 18, 2007

Recording sound clips

So on my flash project I contacted a friend who does editing that could help me sample audio from a DVD. Google sucked ass for the whole process....so he sent me this link and it was SUPER FUCKING easy to use...

http://www.ambrosiasw.com/utilities/wiretap/

Basically on a mac you hit the record button and it will record what ever the output audio is. If you take a sound clip you will hear IM windows popping up and whatever is playing on your itunes, so make sure there are no other sounds going on.

After you hit stop at the end of what you want to sample, it will ask you to save. (AIFC) because its a demo version. Save it to desktop, then drag it to itunes. Right click the file in itunes and convert to MP3. From there drag it in to flash...etc etc...

Since my blogging skills suck, I decided to share this fucking awesome program with you....

Yea!!! I did it!!!

Yea it's done. Now I can go about doing other work. Yea!!!

Fun Pic



I found this picture on one of the websites I visit. The line-work was drawn by hand, then outlined in photoshop. The colors were added in photoshop after the preliminary outlines.
The image and characters belong to Gabe and Tycho of Penny Arcade. Gabe's artwork can be found at www.pennyarcadeart.blogspot.com. You can see his works in collaboration with Tycho at penny-arcade.com.

Blog2!

I'll try to find time this weekend to make that christmas card, but what's the best way to get a good towson icon (high quality and stuff)?

Joy

Ive never used a blog before, not really sure as to what it is or how it works. Hopefully I will by the end of class. ---Joy

Blog!

Yay Digital Art I

Awesome flash movie

http://www.youtube.com/watch?v=Xt8VnpLMCNA <.< look at this neat flash. It's quite original.

techniques

I'm not sure how to make an image in flash blur in and out...if someone can explain it to me that would be great, thanks!
Also, where do you get the TU logo in vector format?

Charlie!

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

I am not sure how to upload the video correctly but here is the you tube link. It's called Charlie the Unicorn and it's my kind of humor :-D and it relates to flash animation... even though I have no idea how to pull this off yet!

Never blogged before

So this is my first blog, I'm not sure what to do...it doesn't help that I missed class last week to help my mom prepare for the holiday (the one time it wasn't a good idea to listen to my mom about skipping class). Not sure what to do about the group project, I have an idea but I am a little lost when it comes to putting it into flash...I guess I'll have to figure it all out tonight in class...

Monday, September 17, 2007

Below

Save your fonts (your type) as a graphic in the library...

Fonts in Flash

Is there a way you can save the fonts in flash so when you move the file over to the school computer the fonts are not missing and you have to use default fonts? If there is a way could you let me know as soon as possible? Thanks!!! Sorry it's such short notice.

Oh Foamy

So... this is something made quite a while back. but gets me everytime.

if you like it, there is also "Foamy's Rant" 2 and 3 out there.

I personally enjoy 1.

http://scarysquirrel.home.comcast.net/rant1.html

"The disease is inside of you."

Make the GIMP work for you

Many of you are probably familiar with and likely use GIMP (GNU Image Manipulation Program) because of the insanely high price tag on Adobe products. If you are a fan you should check out this recently created blog, GIMP UI brainstorm. The UI (user interface) development team is testing out and looking for new ideas for ways to change the program's UI. As far as I understand everyone is welcome to contribute.

Sunday, September 16, 2007

Flash Fun: The Impossible Quiz 2 (Electric Boogaloo)

I love Splapp-me-do's first Impossible quiz and in one of my other classes I saw someone playing the sequel!! (who DOESNT love a sequel!!!!) So, in light of the fact that our next project is due in 2 days and I need procrastination material, I give you:


The Impossible Quiz 2 by =Splapp-me-do on deviantART

ALSO: A weird cartoon-- Also by Splapp-me-do
My favorite thing about this is the useage of Motorhead in episode 2

Badly Drawn Dog 2 by =Splapp-me-do on deviantART

Saturday, September 15, 2007

Typography trouble

Im having trouble with doing the typography animation. If i run the animation in the frame window and watch as the line follows the sound in the timeframe window things look fine, but if i export the animation the timing is off a little.

Friday, September 14, 2007

Preparing images for the web

Since we're all blogging now(we are all blogging now, right?) I thought this recent article from lines and colors could be really useful to everyone. I'll just quote the most essential parts for those too lazy to click a link.

What’s the format, Kenneth?

Web browsers can generally display three kinds of images, news, comics and por… er, I mean GIF, JPEG and PNG. They all use some method of compression to reduce the file size of images so they can be transmitted over the web without taking a week to download.

GIF (Graphics Interchange Format) can be pronounced with either a hard or soft “G”, but the originators of the format say choosy artists choose “jif”. GIF was the original format back in the early days, when the web was 5 steam-powered computers hooked together with Radio Shack speaker wire across the MIT campus. GIF is really only suitable for images with a limited color range (256 colors) and flat areas of color. The GIF format can produce images with a small file size and can be good for some things, like simple, flat-color comics, typography and cartoons of the President’s head on Arnold Schwarzenegger’s body.

JPEG (Joint Photographic Experts Group) is pronounced “jay-peg”. JPEG images are by far the most common image format on the web, and are usually the format you will use to reproduce your art for the web. They support the full range of millions of colors. Used correctly, JPEG compression can compress images to to a remarkable degree without losing apparent image quality. Used incorrectly, it can turn your images into a grunky mess that looks like the cat threw up in your digital camera.

JPEG is a “lossy” compression method, meaning it throws away image data that the algorithm has determined you won’t miss; kind of like your wife cleaning out your studio when you’re not home. If you compress a JPEG too far, however, or re-compress an existing JPEG, you can wind up with dirty looking “artifacts” in the image. This is where is pays to have an image editor that gives you a preview, like Photoshop’s “Save for Web” feature, that shows you an approximation of how your image will look as you choose the compression level. You want the smallest file size possible without seeing any artifacts - dirty, squarish roughness in areas of the image (see the JPEG image above with the compression level of “10″). The stronger the level of compression, the lower the file size; but also the more image data that is thrown away. Always keep copies of your original files; and let your wife know that you really did buy 2 copies of Uncanny X-Men 96 on purpose.

As a general rule don’t re-save a JPEG as a JPEG; create a fresh one from the original file. Re-compression throws away more image data. JPEG’s that are originally saved with minimal compression, however, like those from a digital camera, can be used to make new JPEGs. Not much image data has been discarded. JPEGs saved for the web, though, are generally “pushed to the edge” and compressed as hard as possible without looking bad; re-saving those will make your images look like spoiled peaches.

PNG (Portable Network Graphics) is, the originators insist, pronounced “ping”, though you will hear “pee en gee” in certain circles. PNG images combine some of the characteristics of GIF and JPEG. Like GIF they are a lossless image format and support transparency. Like JPEG they support the full color range millions of colors. The main disadvantage is that their lossless compression method is not as efficient as JPEG’s lossy compression, and they make images with larger file sizes for the same level of apparent image quality.
The emails were right: size matters

Image size
In addition to file size you need to be concerned with image dimensions. You will need to determine how your images will display within your interface design, and how much room you have in your design area, before you resize them and save them out as final files for the web. I’ll be covering the design of online galleries and portfolios in a future post.

Once you know how the images will be displayed, you will probably be making more than one version of each image. Depending on your gallery design, you might be making:
a thumbnail and a full size image,
a thumbnail, medium size preview image, and full size image,
a thumbnail, full size image and jumbo, extra large, Grade-A, hi-res detail image,
a cropped detail close-up,
and/or all of the above.

If you’re clever and persistent, and not doing anything on Friday nights, you may be able to figure out how to have your image editing software save out several size versions simultaneously, for an entire folder full of files, using batch processing.

Resolution, or dpi and ppi, FYI, QED
Resolution in print is measured in “dots per inch” (dpi), or “lines per inch” (lpi), and on the computer is measured in “pixels per inch” (ppi). While this matters in print, or when scanning or working in Photoshop, image resolution does not matter on the web. What matters is the dimension in pixels.

If a 2″ by 2″ (5cm x 5cm) image has a resolution of of 100ppi (i.e 100 pixels per inch), it will be 200 pixels by 200 pixels. If the 2″ image has a resolution of 300ppi, it will be 600 pixels by 600 pixels. Both of those images will print at the same size, 2″; the higher resolution one will have more detail.

Web browsers, however, don’t understand or care about image resolution. All they understand is dimensions in pixels. So the first image will display much smaller on screen than the second. (Unless you learned “new math” in the 60’s, in which case 5 images + 5 images = 12 images.)

Friday, September 7, 2007

some beginning flash tutorials

A couple of people have asked me for some really easy beginning flash tutorials.

Here are two I don't completely hate, and they are from adobe.

http://www.adobe.com/designcenter/flash/articles/flacs3it_firstflash_pt1.html

http://www.adobe.com/designcenter/flash/articles/flacs3_createfla.html

Wednesday, September 5, 2007

Lines and Colors

Great idea, a class blog. These things are getting used more and more, a class that my girlfriend is in also is getting one running, I believe.

Anyhow, since I'm first I'll take an easy post. Check out this blog, Lines and Colors. It's updated daily with lots of great artists, old and new. Great for inspiration when you've hit a creativity block.

Recently featured was Dan Wheaton and his website, Carbonmatter.

I love fantastic/epic concept art and this guy knows how to deliver just that. This is the kind of stuff I hope to be able to produce one day.

Awesome Motion Typography

assignment

For current students, in addition to all of the other things that I will have you do, you gotta also post on this blog at least once a week. It won't kill you. It might make you stronger.

Post about:

techniques
tutorials
cool stuff
things you hate (not me)
things you love (me)
anything else that might be marginally pertinent.

Friday, April 6, 2007

TU multimedia, or tumult i media

Hi, this is our new blog. It is a place where all of my annoying students can shout at the world and at each other instead of just as me.

Ground Rules are simple:

  • Don't piss me off.
  • Don't be rude or otherwise inconsiderate.
  • Do post fascinating things that make you gasp in wonder
  • Do tell us what you are thinking, what you are working on and why