Thursday, November 11, 2010

Multimedia Nov 11th

Class today:

Follow whats on the blog. Keep your substitute happy. Your work for today will be counted as a quiz grade. I am asking him to leave notes regarding the classes. Less-than-positive comments will result in a detention. Show the substitute how well you can work. In addition, if he decides you can't spend the class time working diligently on whats on the blog, I do have a packet you can read and write an essay on. This warning is on the blog and you were told last class, there's no excuse for not knowing. Do what is on todays blog first! You can work on stuff from the previous class next time. Spend all your time doing the best you can on today's work, nothing else will count for the quiz grade.


You have three things to work on today, get as much done as you can! Post whatever you finish, even if you're not done. Photoshop? Save it as a jpg and show me what you've done even if its not complete. Telling me you have an amazing piece of work without showing me isn't worth anything.



Typography and You!
I have three links for you to look at. Check them out, and then in your blog reflect on typography. What is it? They're just words, right? Why do you think big companies pay artists for typographic work? How might typography effect you or other potential consumers? Is graffiti, even if illegal, typography? What do you think about typography? Think about these as you watch the video and looking over the websites below, then tell me what you can about typography and reflect on your thoughts over it. (video not working? try firefox)






Typographics - Vancouver Film School (VFS) @ Yahoo! Video

TypoGRAPHIC - pay extra attention to the anatomy (use firefox), gallery, and studies sections.
Type101 - a myriad of great resources for people new to typography.
Bits and Pieces of Type - Basic typface anatomy
Jeremy Tankard Typography - use the drop down menu on the left to view his projects.
Typographica - a site full of content on typography.





letter S letter P e letter L letter L
letter W letter i letter T h
Caslon metal type letter f L counterfeit Lego letter I C scrabble letter K letter r



Check out Spell with Flickr.

Type something in and watch Flickr spell it out for you.

Take the html code below and drop it into a gadget on your blog! To do this, you'll have to add the html/javascript gadget and copy and paste the html code into it. You did something similar when you added the code for your avatar at the start of the year.








Anatomy of a Font


Using the links I provided you with earlier, can you identify 1-16 in the diagram? (Click the image to enlarge it). Terms: Apex, Ascender, Arm, Bowl, Counter, Crossbar, Descender, Ear, Finial, Link, Loop, Serif, Spine, Spur, Stem, Tail







Drawing with Typography!





Use your remaining time to play with the following tutorials to learn how to use the free transform tool. Use this tool to rotate, distort, and manipulate text to build an image with letter and words. I know you may not finish. Get as far as you can, and at the end of class save whatever you have so far twice, once as a psd (photoshop file) so you can finish it next class, and once as a jpg so you can upload it to your blog to show me what you've done so far.

How to use the Free Transform Tool
Photoshop Transforming
Using Transform in Photoshop


Using the type tool (just below the pen tool), try to create pictures using text. It may take quite a few layers of text to illustrate your picture. Whats quite a few? I'd say around 20-25. It might be easier to start with a photo on the background, and put a layer of white paint at 50% opacity like we did with the pen illustrations. Then you can position the text or letters on top of the image, instead of guessing the shape of what you're trying to draw. Don't forget to increase the white layer to 100% opacity at the end. When you have the type tool selected, you can change the font, size, etc in the overhead menu.

No comments:

Post a Comment