The Gravy of Charcoal Drawing

Drawing Homework for the Week of 11/16–11/23/2016

gravy_gaff

D’oh!

For this fine pre-Thanksgiving week, PartyPeople, we are going to anticipate those fancy tablecloths soon-to-be dribbled with cranberry blips and gravy bloops by practicing our wipe out drawing skills on a mini-still life of drapery (fabric). Did you know wipe outs are the gravy of charcoal drawing? Yup… they cover everything and are just a tad on the messy side. 😛

The goal of this assignment is to apply what you’ve learned about visual measuring PLUS what you’re currently practicing with value blocking to a more complex subject. Think of it as a benchmark for how well you’ve absorbed the learnin’ so far: like a take home test only more… dusty. By the way, it’s okay to be intimidated by drapery’s undulating forms, but remember it can still be broken down into simple masses and shapes just like everything else we’ve encountered in class.

Although I am assigning this homework now and strongly encourage you to do it this week so you don’t get overwhelmed next week when you get new content thrown your way, you will not turn it in until our next class meeting, which is Wednesday, November 23. No need to send me images unless you need help or feedback, both of which I happily offer. In the meantime, here  are assignment details, some step-by-step and examples to help you succeed.

Da Basics

As stated above, you will be creating for this homework assignment a wipe-out still life of drapery.

wipe_out

D’oh!!

No, no, no… not that kind of wipe out! We’re talking about a drawing where you use erasers to wipe away areas of a preliminarily established value in order to render forms.

You Will Need…

  1. A piece of white drawing paper at least 11″x 14″ in size.

  2. Charcoal. You can use either vine charcoal or compressed charcoal for this assignment, but please start with vine and use compressed only as necessary to make the darkest marks (ie. towards the end).

  3. cat_yack

    D’oh!!!

    Erasers. Kneaded (a.k.a. cat yack) erasers are designed to lift charcoal gently. White vinyl erasers, like the kind that come on the end of most mechanical pencils, can be used for more aggressive  removal, but be careful not to tear your paper.


  4. A piece of plain white or light colored cloth. A sheet, a tablecloth, a napkin, a towel, a t-shirt, your crazy Aunt Ida’s handkerchief… pretty much anything fabric-y will work as long as it’s in the 1–3ish value range and  doesn’t have patterns or printing.

  5. A lamp or other strong directional light source you can point at stuff.

How to Set Up the Still Life

  1. hanging_clothsPin the cloth to a wall or drape it over something and arrange a few big, distinct folds. Three or four will do. You can get fancy if you want, but you’re learning, so I’d rather you demonstrate excellent technique on something simple than mediocre technique on something complex.

  2. Point a light at the cloth from one direction to create strong shadows. Play around with what looks good to you, but make sure you get a deep range of lights and darks.

How to Prepare the Drawing Surface

  1. Cover your drawing paper with a light gray in the 3 to 4 value range. You want it to be dark enough that you can easily see the marks you make with the eraser but not so dark you can’t erase at all. Use vine charcoal for this step, since compressed charcoal is more difficult to remove at any strength.


  2. Blend the marks using your hand, a paper towel or toilet paper until you have an even all-over value.

    charcoal_hands

    Nothing says awesome like charcoal hands!

Drawing the Still Life

I may add some photos of these steps for you this weekend, but, for now, here’s a description of the need-to-do.

  1. Look closely at the cloth to determine the basic shapes and proportions that compose it. These include the envelope, the overall shape of each fold, and the shapes of the highlights, form shadows and cast shadows.

  2. Make faint guide marks on your paper either with an eraser or with vine charcoal in order to map out the basic layout. You don’t have to do a detailed contour since you are value blocking, but get an idea of where the cloth will sit on your paper (composition, baby!)

  3. Use an eraser to wipe away the charcoal from any shape that is a 1 or a 2 on the value scale. These will include the form highlights on the drapery folds, which typically fall on the ridges (or sticky-out bits, as I’m sure they’re called in professional fabric circles). They may also include flat areas of cloth or parts of the background hit by the light. At this point you are looking for distinct shapes, positive and negative, rather smooth blends. I know it’s tempting to make it look all pretty-like from the start, but blending is an end game with both wipe out and value blocking. Because the focus is on shape, you should also avoid outlines.  In fact… for this assignment, lines in general are a big no-no… as in just say no-no to defining form with them.

  4. To avoid struggling with an eraser that behaves more like drawing tool than removal tool, clean it frequently by stretching (for kneeded) or rubbing on a rough piece of paper or cloth (for vinyl).

  5. Use comparative measuring, plumb bobs and angles to ensure your shapes are in the correct place and are the correct.. well… shape. Try to see the form of the highlights you’re wiping out as every bit as distinct anything else. Divorcing yourself from the overall look of what you’re drawing and instead focusing on small areas of shape is the best way to tackle a complex subject without getting overwhelmed.

  6. Work general to specific and all over the paper. Building the total composition helps you see value relative to its surroundings, which saves time and prevents many sobs of anguished frustration. With that in mind, cover the whole composition with either white erased areas (which represent values 1 and 2) OR reserved gray areas from your original toning of the paper (which stand in for values 3–10).

  7. Step back, compare and evaluate. Measure and adjust the drawing as necessary.

  8. Use your vine charcoal to refine and add shapes, separating darker grays (6-10) from light to mid grays. The dark grays will likely lay in the valleys and on the sides of the folds that face away from the light. They will also be in the cast shadows. Be aware that cast shadows for drapery are in multiple. In other words, not only is there a big one for the cloth overall, but each each individual fold tends to have its own cast shadow.

  9. Add, you guessed it, yet another round of refined shapes separating out the darkest darks (8–10) from the mid darks.

  10. You can continue adding refined shapes for as long as you like, though, once you get a fairly convincing range of values, refinement can happen more organically by removing or adding charcoal where needed. Some areas to pay particular attention to include reflected light in the form shadows and also the placement of the core shadows (the darkest part of the form shadow).  Getting these correct adds mega-depth to the piece.

  11. Hey, blend lovers, now is also the time when you can smooth out the transitions between different values. On a related note, did some outlines sneak into your drawing when you weren’t looking? Understandable… they are the sneaky sneaky ninjas of the art world! Fight their stealthy campaign to flatten all space! Erase or blend in all offenders. Shapes only welcome here!!!

  12. You’ve been standing back and evaluating all along, right? Well do it one more time to make sure everything is working as desired. Turn your drawing upside down or look at it through your phone to get a fresh perspective.

Examples

Here are a few examples of charcoal drapery studies. They’re not all wipe out drawings, but they give you some benchmarks nonetheless. FYI: you do not need to set up compositions as complex as these. Again, three or four vertical folds in your cloth will do.

draperydrapery3drapery2

OLYMPUS DIGITAL CAMERA

That’s all, folks!

Don’t forget to check back into the blog next Wednesday for the at-home assignment that will take the place of our usual in-person meeting.

 

Thanksgiving Week is Tastier with Screen Printing

Printmaking Homework Due 11/22/16

For our pre-Turkey day class meeting, please do the following:

number-one-

Complete your guide drawing for Project 4: POP! Goes the Screenprint.

what_to_draw.gif

This drawing should:

  1. Be based on the thumbnail or thumbnails you and I discussed in class.

  2.  Face the direction you want your printed image face. Screen printing does not reverse the image like the other methods we’ve learned this semester.

  3. Be between 11″x 14″ and 16″ x 20″ in size.

  4. stencil.jpg

    All bets are off if anyone is hardcore enough to cut a stencil like this one!

    Have a minimum of three colors not counting white (which is created by saving the paper color). You can design something with more than three, but keep in mind that you will be cutting a stencil for each color (except white). On your guide drawing you can either fill in the colors or write in what’s what. The latter is the better way to go if you’re not sure whether you’re done making changes, but of course the former gives you a better idea of how your print will look.

We will discuss your guide drawings briefly as a group at the beginning of class, so please have them ready to go before 5:20 pm. And, yeah… spend some time on this… the more you do to nail down an exciting composition now, the more likely it is you will get a satisfying print.

If you want a progress check before next class, feel free to e-mail me a photo of your drawing, and I’ll respond with feedback. This is optional, btdubs.

Two

packPack the following items. Do it. Go put ’em in that schoolbag RIGHT NOW so you don’t forget.

  1. An X-acto knife.

  2. A package of X-acto blades. Blades go dull as you work, and it’s much, much, MUCH easier to cut wax paper if you have fresh new sharp ones on hand. That is, unless you want your stencils to look like you chewed them to shape.

  3. A Sharpie marker


  4. A pad of newsprint at least 16″ x 20″. 18″ x 24″ is groovy too.

  5. plastic_containersPlastic containers for mixing. These can be of the purchased Gladware or Ziplock variety OR can be repurposed margarine containers, parmesan cheese tubs, yogurt cups, etc. Anything plastic 8oz or larger with a lid will do. No breaky, breaky glass, please!

By the way, this group of to-brings shouldn’t come as a shock. These are all items from your course supply list. We do not have this stuff for use in the classroom nor will I have them myself, so get ye packing!

number3

tshirt.jpgIn addition to making your guide drawing, spend some time this week on a design for t-shirt printing… assuming you want to, that is. It’s optional.

FYI, I will be burning screens on Monday, November 28 so the last day to turn something in physically is next Tuesday, November 22. If your image is digital, you have until Sunday, November 27 at which point I need a good quality jpg or png by e-mail. Guidelines are below

Even if you don’t want to make an original design, you are still welcome to participate in shirt printing on November 29. All you have to do is bring a shirt… preferably one that will look good with a black design (black on black is SO last season). You can use the design I create or maybe even one by a classmate, assuming you ask super special nicely.

Guidelines for Shirt Designs

  • Our textile ink is black so make the design… you know…black

  • 7″ x 7″ is the max size for your design. It can, of course, be smaller than 7″ x 7″.

  • Either original illustrations or photographs are fine as long as they have opaque blacks. Illustrations can be done on the computer or on a piece of clear acetate in sharpie marker, grease pencil or paint.

  • If you are sending me a digital file, it must be black and white only. You can send a vector file in ai format OR a raster file in jpg or png format. Raster images should be1000px in the long direction at 300ppi.

Das ist alles! Have a great week!

 

10… 8… 12…

Web Design Homework Due 11/17/16

You presumably remember what is due for this upcoming Thursday, but, just in case something this week… oh, I don’t know what… just something… knocked it clean out of your head…

escalated_quickly

…then, here’s a reminder of what must be completed by the beginning of class on Thursday, November 17.

  •  10 ideations,
  • Chapter 8
  • Chapter 12.

Details are below.


number-one-

preparation.jpgComplete your prep work for Project 2: Non-Profit Glory. This must include at least 10 ideations for your home page. It may also involve wireframes and mock ups depending on your personal workflow. The latter two things are helpful in planning the super-dooper-important total functioning of a site (as opposed to just up-front look).

For areas of text in your ideations, you can use placeholder (lorem ipsum). I will provide you with written content files next class. The site map, business description and available images are all in the folder labeled “Garden State Press and Rare Type Collection” on our class Dropbox.

Come prepared to discuss your ideations and the direction you intend to take your Garden State website at the beginning of class on Thursday, November 17.


Two

Complete Chapter 8 in your textbook: pages 311 to 359. When you’re finished, send me the website folder for Tony’s Segway’n USA journal site as it exists at the end of the chapter. You may include an image of the completed crossword on page 356 for extra credit. Combine Chapter 8 files in a folder with Chapter 12 (see point 3 below) labeled yourlastname_homework_nov17, and e-mail it to me before the start of class on the 17th.

helvetica_arielSome info: chapter 8 covers CSS for type and color. Pay special attention to the sections on font sizing. This will be important for coding your Garden State site

There is a short section on Web Fonts in the chapter. You may notice the code is slightly different than what I showed you in class. You will still use the @font-face property in your CSS, but the src url is an absolute path linking to an online font. So far, we have done our web fonts locally, downloading a webkit font folder from Font Squirrel and linking it via @font-face and a relative path—src: url(‘folder/fontname’). Actually, we didn’t even think that deeply about it, since Font Squirrel conveniently provides all the code we need in their sample stylesheets. Copy/Paste FTW!

The salient point is that the spirit of the process is the same, it’s just that one font is hosted online while the other is downloaded and hosted as part of our own website.


number3

Complete chapter 12 in your textbook: pages 545 to 599. Send the updated Starbuzz website folder as it exists at the end of the chapter PLUS a single pdf combining images of completed work for 546, 547, 549, 555, 557, 560, 568, 569, 576 and 596 (optional for extra credit). These should be saved together with the work for Chapter 8 in a folder labeled yourlastname_homework_nov17, and e-mailed to me before the start of class on the 17th.


Other Stuff Worth Knowin’

knowledge_is_power

In addition to reviewing ideations next week, we will run through an reminder exercise on CSS layout techniques (the infamous Chapter 11). Hopefully it will help clear up things for everyone. I will also lay a few reminders about type on ya. Then you will have a bit of time to work on your project sites.

P.S. If you happened to vote and you want that most elusive reward—extra credit—bring your proof: voter registration card, sneaky ninja poll selfies, sticker, etc. Well, bring the sticker if you live somewhere other than the apparently very stingy state of New Jersey, which seems to hate joy, exuberance and everything else stickers embody.

P.P.S. I am almost caught up on grading and will send everyone an update on where they stand in the class on Sunday.

Enjoy the rest of your break and see you Thursday!

 

Screen Print Nation!

Printmaking Tasks Due 11/15/16

what_next.jpg

Here’s what’s next! Finish these four tasty tasks for Tuesday!

  1. Carefully read the Guidelines for Project 4: POP! Goes the Screen Print, especially the information under the Project Description subheading. Spoiler alert: there’s optional extra credit somewhere on this one!

  2. Run through the MOMA interactive exercise on screen printing. I imagine you know the drill by now, but in case not, this is a Flash-based site that won’t work on all devices. And, oh hay, come to class ready to explain the basic history and terms the exercise teaches you. I will ask you questions, and no one likes a pained I-don’t-know silence.

  3. Find an example of a screen print you like using an online image search. It doesn’t have to be related to our theme, but make sure it’s actually a screen print. Digital technology has created some lookalikes. Post your choice along with its title and artist as a comment. I have already added an example for you.

  4. As with our previous projects, brainstorm and research to jump start your creativity, and then sketch at least 10 thumbnails in your creativity journal. These should represent ten distinct directions you might take this print. We will meet one-on-one next week to discuss.

  5. Be ready to expound profound on your woodblock print during our critique, which will be at the beginning of our next class. Fair warning: given the guidelines for Project 3, I’m going to be particularly keen for you to explain what point of view you adopted and how you used formal and aesthetic considerations to convey it.

And What’s Next After That…?

After our critique next week, we will discuss thumbnails and also have an introduction to the technique of paper stencil screen printing. Come ready to absorb the learnin’!

learning.jpg

 

Web Design Updates and Project 2 Info

Happy Halloween, My Spooky Web Designers!

vomiting_pumpkin.jpgUnfortunately, I have spent most of the lead up to this holiday feeling like this punkin–>

The weekend’s unexpected bout with the StomachFlu Fairy was definitely a trick rather than treat, and one that has effectively knocked me down and out. As a result, everything got away from me this weekend (and sadly, I do mean everything… ugh). It turns out the yack-tastic, sleeps-a-lot version of Del is not a very responsible, file-sending, blog-post writing instructor. :/

Thankfully, I am feeling a little more stable today, so I have uploaded to Dropbox a folder containing the site map for gardenstatepress.org and the description, mission and contact information for Garden State Press & Rare Type Collection. This should be used to supplement last Thursday’s in-class client meeting/interview.

FYI: I have NOT added images or info about contracts yet, for reasons I’ll explain in a moment. Don’t fret… it’s good-ish news.

First though… some links to practical information…

Design Brief

good_writing_hard

Below are three links with fab info on writing a design brief just in case you’re struggling with the execution of this important document. Remember, there is no single way to approach the process and no definitive list of “must includes”. The design brief will vary from project to project, but you’re golden as long as you remember the ultimate goal is to create a clear project guide for both you and the client.

  1. A short-but-solid overview of briefs for web design:  http://www.webdesignerdepot.com/2011/03/7-basics-to-create-a-good-design-brief/


  2. A more detailed description of what to ask (and why) as well as a section with comparisons of existing design briefs: not-successful vs. successful: https://designschool.canva.com/blog/effective-design-brief/

  3. A whole flippin’ course on the topic: https://www.lynda.com/Design-Business-tutorials/Running-Design-Business-Creative-Briefs/114320-2.html. This hour-long lesson gives a great overview of the design (creative) brief: whats, whys and hows. I strongly recommend you watch this. You must be signed in to Lynda.com, but, for your convenience, I have linked the course to you as a playlist. If you can’t eek out an hour right now, at least view the Exercise files within the lesson. These contain example questionnaires and blank briefs as well as a completed sample.

information_frogYou don’t know the half of it, cartoon frog!


Pricing

Ah, pricing… the pain-in-the- posterior bane of nearly every freelance creative’s existence.  Yet learning how to charge for your work is crucially important if you want to secure clients and establish a viable career.

money

Unfortunately, no one can provide you with a perfect list of numbers since price depends on your experience and skills, the particular project at hand and the current economic landscape where you work. However, linked below are some get-started guides to supplement what we talked about in class.

  1. A general guide to pricing web designs: https://www.elegantthemes.com/blog/tips-tricks/how-to-price-your-services-a-guide-for-web-designers

  2. Online calculators to help you set project prices. These won’t work in every situation, but they are a place to start. Try ’em out!
    1. http://www.webpagefx.com/How-much-should-web-site-cost.html
    2. http://thenuschool.com/how-much#/start

boatload_of_puppiesRemember that unless it’s a close personal friend or family member or an extremely unusual situation (like you’re saving a boatload of puppies from killer seaweed through the power of web design) you should never ever EVER work for free. You have put a lot of time, money and effort into learning a highly skilled profession, and you should be compensated accordingly. It’s especially important to discourage the practice of spec work, which is damaging to all designers, not just yourself.


Updated and Hopefully Good News about Project 2

good_news_everyone

And finally, let’s return to why I’m holding off on uploading images and contracts right now (other than because of my low-energy oog). I decided in a bout of fevered wisdom  this weekend that it’s impossible to squeeze everything that needs doin’ for Project 2 into the one sad, lone little class we have before the published due date. Thus, I am postponing said date to December 1, 2016.

That sounds like forever away, but it actually only gives us one extra class period due to Fall Break and Thanksgiving break. Still, the delay should mean we have a chance to move through the steps of Project 2 without quite so much rush and crunch. This, in turn, means it’s not so urgent that you start on ideations this week, which in turn turn means you don’t yet need images.

All that said, If you’ve already gotten ideations underway, great… you’re currently winning Web Design! If not, don’t worry about it. Concentrate on writing a strong design brief and understanding the techniques introduced in Chapter 11 of your textbook. They are super special awesome important.

weird_al_important

So what exactly is due for Thursday? Email me the following in a folder yourlastname_november3:

  1. a sub-folder titled yourlastname_starbuzz_float with the float layout files from Chapter 11 (code from pages 482–496)
  2. a sub-folder titled yourlastname_starbuzz_jello with the jello layout files from Chapter 11 (code from pages 501–502)
  3. a sub-folder titled yourlastname_starbuzz_absolute with the absolute layout files from Chapter 11 (code from pages 503–509)
  4. a sub-folder titled yourlastname_starbuzz_table with the table display layout files from Chapter 11 (plus overtones of float, absolute and fixed positioning; code from pages 510–536)
  5. a design brief for Project 2 in pdf format built from the information you gleaned in your interview with Lynn Smith as well as from the materials she provided and any research you have done on similar organizations.

Please note that I do NOT need a pdf with images of handwritten work for Chapter 11, though, as always, you may include an image of the crossword for a bit of extra credit.

If you have any questions, don’t hesitate to e-mail or comment.

Enjoy the holiday! Eat some candy for me, since I’m pretty sure it would be a massively disgusting waste for me to do so.

halloween_calvin_and_hobbes

 

The Great Web Design Balancing Act of 2016

tightrope_danceWeb Design Tasks Due 10/27/16

This week we start walking a dual tightrope that leads to next-level web glory. One foot will be dancing through the preparatory steps for Project 2 while the other takes massive strides across the code we must learn to realize our dramatic development dreams. It will be an intricate balancing act, my intrepid Web Designers, especially with the bevy of upcoming holidays. Never fear, though. I believe in us!

Project 2 Underway!

As you know from our last class, we are underway with our second project in CGA140: a hand-coded site for the fictional non-profit Garden State Press & Rare Type Collection. As with Project 1, we will be working through Project 2 step-by-step. There is a twist, however. We are going treat this whole shebang though it were a real, honest-to-jellybeans commissioned job. Break out the 20 sided dice, my friends, because it’s time to role play!

role_playing.jpg

All the Dos that Need Doing

  1. Read the Guidelines for Project 2, and read ’em GOOD!

  2. professionalSend me an appropriate reply to the mock e-mail you received from prospective client Lynn Smith. If you’re not sure what a professional e-mail response entails, do some internet research, and checky-check the bullet points below:

    • Ideally, you should respond to business-related e-mails within 24 hours (though I understand it may not be possible for this assignment, because skool).

    • Write a short but targeted subject line, so the client knows you have crafted an individual response.

    • Start with a formal salutation: “Dear Mr./Ms./Dr./Professor/etc ClientName”, Unless you have been invited to use a first name, it is better to err on the side of formality.

    • Thank the client for contacting you.

    • State your purpose—the main gist of your communication—as succinctly as possible. I know it seems somewhat hypocritical in the middle of this long post, but people want e-mails to be brief and to-the-point.

    • Demonstrate that you have carefully read the client’s message by addressing any questions or key topics they raise.
      email_tone.jpg


    • Finish the body of the e-mail by outlining clear expectations for what’s next. Does the client need send more information? Will you call to follow up? Etc. If you name a time at which or by which you intend to do something, make sure you can and do meet that goal.

    • Sign with an appropriate closing such as “Sincerely” or “Best Regards” followed by your preferred name or e-signature.

    • Before sending, check spelling and grammar.

  3. gots_to_know.gifBased on Ms. Smith’s initial e-mail, brainstorm 10 questions you might ask to help move this commission forward. Write these down and bring them to our next class meeting. You will get a chance to ask the Director herself to get all the delicious inside scoop-age.


Homework: “It’s All About Appearance” Edition

fabulousThis week’s textbook assignment is to read Chapter 5 and complete Chapter 7, both of which help you understand how to make your websites all pretty and fabulous-like. Wait… 5 and 7… what happened to 6? Well, Chapter 6 covers web standards, which are decidedly UN-pretty (aside from the fact that we covered them pretty well in class). Therefore, you don’t have to go through it all again unless you want/need a review.

Chapter 5 (163–218) is on images for the web. Read it, but you do not have to do the exercises unless you want to (I don’t need to see the work either way, though I am happy to answer questions). Ultimately, I leave it up to you based on your personal level of comfort with image manipulation. Please note that you will need to know how to save your images in the most appropriate size/file formats, how to use images as links and how to work with transparency in PNGs. Chapter 5 is your main outlet for all this, since we will not cover it during class time in any significant way.

Chapter 7 (255–309) expands upon what we covered in class regarding CSS. As with the homework last week, gather your finished chapter work  in a folder titled yourlastname_homework_october27, and e-mail it to me no later than 5:19 pm on—you guessed it—October 27. The folder should include the entirety of your Lounge website as it exists in its final, chapter-end state, organized within a subfolder titled yourlastname_lounge_october27. It should also contain a single PDF combining scans or photographs of your written work from pages 260, 263, 268, 271, 279, 289, 293, 296, 297, 302 (optional for extra credit).


Have groovin’ weekend!

groovin_jay_and_bob.gif

 

Sphere-iously

Drawing Homework Due 10/26/16

Happy Friday, my effervescent drawing students! As you know, we are entering the wonderful world of value in ART104. Hooray!

hooray

If anyone is interested, here is the presentation (in PDF format) that I gave on Wednesday, October 19 on the formal element of value: The Value of Value

Annddd… below is your friendly neighborhood reminder of what you need to complete and bring to our next class.


number-one-Finish Your Value Scale!

If you didn’t get it done in class, complete your value scale of ten 1″ x 3″ bars representing a range from 1 (white) to 10 (black) . Render this in conté crayon (what some of you know as “Blick sticks”). You can also use a kneaded eraser to knock back values if they get a little too dark. Be as neat as possible and create an even progression so that your scale can be effectively used as a guide. The final product should look something like this:
value_scale


TwoDraw a Sphere!

Draw it from your imagination but shade realistically in a full range of values using conté crayon or vine charcoal. You may work in your creativity journal or on a separate piece of paper. For the purposes of this exercise, assume you are rendering a white sphere on a white surface.

hmmIdeally, rendering the sphere is no problem, because you paid attention during the demo and maybe even took some of those helpful things… what are they called? Oh yeah… notes.

In case you were just too burned out after critique to register what we covered, however, here is a step-by-step demo to ensure everyone is on the same page with regard to this important process.

Using Value to Build the Form of an Imagined Sphere

  1. Sketch the box in which your sphere will sit and lightly inscribe a circle within it. It can sometimes help to knock the corners off the box and then refine the resulting octogon into a circle (see image under Step 2).

  2. Indicate the direction of your light source. I did my demo with a imagined light above and to the left at about a 45° angle.
    sphere1


  3. terminatorWhen it’s lit by a single light source, a sphere will have a dark side and a light side (just like the moon). Sketch a light line  perpendicular to the direction of the light to indicate the separation between the two sides (see image under step 2). Some artists call this the terminator, not because it looks like evil robot Arnold Schwarzenegger, but because it marks an ending to the light (which I guess IS kind of the same as evil robot Arnold Schwarzenegger).

  4. The direction of the light will also affect the placement and shape of the cast shadow. The cast shadow is on the  surface on which sphere rests and is caused by the sphere blocking light. One way to estimate how far this shadow extends is to draw lines parallel to the direction of the light, intersecting with the ends of the terminator on down to the resting surface (see image under Step 2).

  5. Refine the terminator into an ellipse by marking the poles: the points where the terminator crosses the edge of the circle. If we imagine the terminator ellipse as being inside a box—which of course is how we’ve drawn ellipses so far—the poles are equivalent to two midpoints. The belly of the ellipse for this particular sphere rounds down into the shadow side. It looks similar to a rubber band around a ball.
    sphere2


  6. Fill in a dark middle value to define the form shadow—the shadow on the object—as well as the cast shadow. Both shadows should be around a 6 or 7 according to your value scale.
    sphere3


  7. There are two main values in the light half of the sphere. FIRST is the highlight, which represents the point where the light source strikes and is the brightest area in the drawing. SECOND is the light middle tone, which for this particular imaginary sphere will probably average around a 3 on your value scale. Roughly block these two values into your sphere.
    sphere4


  8. There are three main values in the form shadow.. FIRST is the shadow edge or core shadow, which is usually next to the terminator. The core shadow is the darkest apparent value on the sphere and will probably be in the 8–9 range.  SECOND is a dark middle tone (the 7ish value you blocked in Step 6) which composes most of the rest of the form shadow. THIRD is the area of reflected light, which is bounced back from the resting surface and hits the sphere on or near the edge opposite the light source. Since our surface is white, this reflection will be lighter than the surrounding shadows.
    reminder_coyoteREMEMBER: all values on the light side will be lighter than any value on the dark side. The human eye can play tricks, making you think that the reflected light, for example, is as light as the light side values. However, it’s not true for examples like ours with a single light source.


  9.  Block in the the cast shadow, which will also have three parts. FIRST: directly under the sphere and will be a 9 or even a 10. SECOND: the shadow will fade to something akin to the dark middle tone of our form shadow (7ish). THIRD: toward the edge of the cast shadow, the value will be a light dark tone in the range of a 5 or 6.

  10. Refine your range of values, erasing, blending and adding darkness where necessary so you get a gradual fade. If you like, add a mid value in the background to set off the sphere and make it feel more like a real object sitting in space.
    sphere5

number3Do the Handout!

Of course, smooth shading isn’t the only way to establish value. You can also use repeated lines or dots to simulate a full range. This method relies on visual blending, which is what happens when your eyes automatically average closely placed blacks and whites so they appear gray.

To practice creating value with lines and dots, complete the worksheet you were given in class. Read the brief description of each technique, and then shade the circles accordingly. Your goal is to recreate the light and shadow the example sphere. FYI: you will have an easier time doing this worksheet if you have already done a blended sphere.



And finally…

reminder_spiderman

Don’t don’t DON’T forget… in addition to homework, your creativity journals are due for midterm review next class. Make sure you pack yours so you can get credit for your work so far!

Please also bring back any conté crayons, charcoal or erasers you borrowed to do your homework.

See you Wednesday!

 

HTML: Better, Faster, Stronger… More Delicious?

Web Design Homework Due 10/20/16

html_cake

Time to dig in, Web Designers, because we’re dishing up a big ol’ heapin’ helpin’ of sweet, sweet HTML in the form of chapters 2 and 3 in your textbook (pages 43 to 121). These  will reinforce and expand what we discussed in class Thursday. Tasty bonus: you can find the necessary chapter files grouped for your downloading pleasure in the Head First folder on our class Dropbox.

Once you’ve devoured the chapters, mix the following together in a folder titled yourlastname_homework_october20. Bake that folder into a zip and e-mail it to me no later than 5:19 pm on October 20.

  1. A folder containing all files (code and images) associated the lounge website you modify for Chapter 2. Title the folder yourlastname_lounge.

  2. A folder containing all files for the Tony’s Journal website you build for Chapter 3. Title the folder yourlastname_journal.

  3. Scans or photographs of your written work for each chapter combined in a single PDF. You can work in the book or on separate paper. The pages you should scan/photograph are 55, 62, 71, 72 (optional for extra credit), 79, 81, 101, 103, 110, 111, 113, 116 (optional for extra credit). Assuming I can count this late on a Friday night, that’s ten required and two optional. For instructions on creating a pdf from multiple files, please see this tutorial: https://helpx.adobe.com/acrobat/how-to/combine-files-single-pdf.html.

That’s all! Dang…I think this might be the shortest homework post I’ve ever written on this blog! Maybe that’s why it hasn’t quite left me feeling full. I mean… for some reason I really want a ginormous piece of cake now.

ground_cake_piece.gif

Have an amazing weekend!

 

More Awesome Drypointing, Less Jaunty Procrastinating

Printmaking Tasks Due 10/18/16

For next week, you have three tasks:

  1. Finish your Project 2: Drypoint matrix by completing the needle drawing on the plate.
  2. Do the homework assignment listed below.
  3. Profit.

Task the First: Project 2: Drypoint

You will have about two hours at the beginning of class to proof, make edits and complete your prints for Project 2 before we have a  mini-critique at 8 PM. It is in your super-serious, can’t-stress-this-enough best interest to come to class with your drypoint matrix complete (or as close to it as you can get). If you’re the type of person who enjoys the occasional jaunty procrastination, this isn’t the time to indulge . Not only do I notice when you aren’t ready for class, but not doing the at-home components of a project greatly reduces the quality of work.

procrastination

Use your anti “pretend-it-doesn’t-exist-forcefield”  laser cannon on this one, folks!

Based on what I saw in class on the 11th, almost everyone has some work to do developing a complete and resolved project. In general, you all have room to build a richer range of values and marks and an overall more sophisticated image. Your proofs (if you made some) or your guide drawings can help determine what needs further attention. Consider viewing your proofs or your matrix upside down or in a photograph to get a different perspective on what’s working and what’s not.

Task the Second: Homework

Finishing the needle work on you drypoint plate is your trophy-for-number-one task this week. However, you also have a homework assignment to be completed in your creativity journal.

homework_struggle

Now that you are familiar with some fancy printmaking lingo, prove it! Define the seven terms listed below and answer the three subsequent questions.  Feel free to look stuff up in printmaking texts, articles or glossaries, but use your own words.

Define the following:

  1. Matrix
  2. Plate
  3. Brayer
  4. Bead
  5. Split Font
  6. Impression
  7. Ghost

Answer the following:

  1. What is printmaking? Consider what has to take place in order for something to be considered a print rather than a drawing or painting.
  2. What is monotype and what are some of the key characteristics of the medium?
  3. What is drypoint intaglio and what are some of the key characteristics of the medium?

I will check that you have completed this assignment at the beginning of class on October 18th. It will factor into your creativity journal grade.

Speaking of… don’t forget, the first review of your creativity journal is two weeks from now on October 25, at which point you should have filled somewhere in the neighborhood of 140 pages (70 front and back).

Task the Third: Profit!

Ooog… 140 creativity journal pages, homework and a critique… scary, scary, SCARY. Quick, let’s talk about something happy. That’s right… food!

yummy_tummy

A request was put in to have nosh for crits from here on out. For next Wednesday, I will bring chips and guacamole to share. Feel free to bring something as well, either for yourself or the group. Don’t go overboard, though. This is a mini crit, which will only last 30-40 minutes.

Questions?

Send them my way. Otherwise I’ll see you next week!

 

Rounding the Corner(s) on Perspective Drawing

Drawing Homework Due 10/12/16

This week you have two tasks my dear drawing students:

number-one-Project 1: The Next Generation

As you know from our discussion in class, I am pushing the due date of Project 1 back one week in order to give you enough time to develop a really strong contour still life. Project 1 will now be due Wednesday, October 19 at the beginning of class.

As part of this change, we are adding another checkpoint along the way. For next week, 10/12/16, block in your chosen composition using light contour lines that are result of careful measurement and observation. Do not draw any dark lines just yet; we are going to review the “correctness” of your proportions and perspective next week prior to you putting finishing touches in place. In other words, keep everything light enough to erase until after we’ve taken a look at the drawing together in class.

**IMPORTANT NOTE**
no_photography.gifPlease draw from life not from a photograph. You don’t learn very effectively if you work from something that has already been flattened into two dimensions. There are also distortions in photographs that may wonk up your drawing. *Gasp* They might even jank it! Bottom line, photos = bad for Project 1.

Some Step-by-Step

  1. Set up your chosen still life. What you choose will be based on the conversation we had in class regarding your thumbnails.

  2. light_cat.jpgIf possible, put a directional light on the still life. This makes it easier to see details and separations.

  3. Put your paper on a piece of board or cardboard as a backing. Ideally, to avoid skewed perspective, you will work vertically like we do on the easels in class.

  4. Measure the overall envelope. If you have objects that extend off the page, the envelope will encompass just what you see within the borders, meaning it may bisect certain objects.

  5. Measure and lightly mark the interior envelopes around each object.

  6. Lightly sketch each object in proportion and according to what you’ve learned about perspective. Use angles and horizontal and vertical “plumb bobs” to ensure everything is correct. Check and double check with different types of measuring to for best results. Can’t remember how to measure? Checky check:


  7. Have I mentioned draw lightly? Hey… you know you should draw lightly! Do not add dark or thick marks yet. Everything needs to be erasable.

  8. Work general to specific. For example, a wine bottle starts with an envelope box and then a neck and body cylinder and then the added details of shoulders, bottle top, etc.

  9. Make sure you step back regularly to evaluate the drawing. Does it feel “right”?

  10. Bring your drawing to class on Wednesday, October 12 so we can discuss it one-on-one. It should be far enough along that we can discuss both the individual objects and the overall composition, but it shouldn’t have any final finish in place, because you will likely need to make changes depending on our conversation.


TwoEllipse Mania!

Draw 10 ellipses in your creativity journal. Each ellipse should utilize a different proportion. For example, one might be 1 to 2, another 1 to 3, a third 2 to 5, etc. You may draw them vertically, horizontally or diagonally, but follow the steps introduced in class on Wednesday, October 5.

bender_ellipse

Drawing Ellipses Step-by-Step

  1. Draw a rectangle to the desired proportion using a measuring stick. A ruler is not necessary. As always, start with light marks that can be easily erased.
  2. Find the midpoint of each of the four sides of the rectangle.
  3. Lightly trace arched lines between the points to create the ellipse.
  4. It can help to feel your way with scribbly sketching. Draw as lightly as possible around and around the circumference until you find the right curve. You can then darken that correct line.

Watch Out for…

bloated_ellipseEllipses that seem to be retaining water…

Your ellipse should touch the sides of the rectangle only at the midpoints. In other words, it should “kiss” the box, not rub up against it. We want our ellipses G rated! If your ellipse touches more than the midpoints, it will look bloated.

invisible_footballAny ellipse that seems ready for the big game…

If your lines curve too sharply from top/bottom midpoint to side midpoint, your ellipse will look pointy like a football rather than gradually curved like a circle in perspective.