Klik hier voor uitgebreider navigatie | OPDRACHT 05 > Tile Tool Boundariesmet gastles van Jonathan Puckey30|05|07

body { font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; background-image:url(pic/bg.gif); } a:link, a:visited { text-decoration:none; } a:hover { text-decoration:underline; } form { padding:0; margin:0; display:inline; } #bigwrapper { width:600px; margin:40px auto 40px auto; overflow:hidden; position:relative; border:1px double #CCC; background-color:#FFF; padding:40px 40px 40px 40px; } #header h1 { position:relative; float:left; display:block; margin:80px 0 0 20px; font-weight:bold; font-size:35px; line-height:35px; color:#FFF; text-transform:uppercase; } #header h1 a:link, #header h1 a:visited { color:#FFF; } #header h1 a:hover { color:#EEE; text-decoration:none; } #Search input { padding:0; margin:0; } #Search { text-align:center; padding:5px 0 0 0; margin:0; } #header { position:relative; margin:0; background-color:#444; width:100%; height:120px; float:left; background-image:url(http://); } #footer { position:relative; margin:0; background-color:#444; width:100%; height:30px; border-top:5px solid #FFFF00; float:left; } #footer p { font-size:10px; line-height:10px; text-align:center; color:#FFF; padding:10px 0 0 0; margin:0 0 0 22px; } #footer p a:link, #footer p a:visited { color:#FFF; } #topbar { position:relative; margin:0; width:100%; overflow:hidden; float:left; background-color:#FFF; } #redline { position:relative; height:16px; background-color:#FFFF00; text-align:left; } #redline p { font-size:10px; line-height:10px; color:#FF0000; text-transform:uppercase; padding:3px 0 0 0; margin:0 0 0 22px; display:block; position:relative; float:left; } #redline .where { color:#AAA; } #topbarmenuwrapper, #bottombarmenuwrapper { position:relative; float:left; width:100%; text-align:left; font-size:12px; } #topbarmenuwrapper { border-bottom:5px solid #FFFF00; padding:1px 0 25px 0; } #bottombarmenuwrapper { border-top:5px solid #FFFF00; padding:1px 0 25px 0; } .barmenuright { position:relative; width:47%; float:right; vertical-align:bottom; margin-right:1%; } .barmenuleft { position:relative; width:47%; float:left; vertical-align:bottom; margin-left:1%; } #bottombarmenuwrapper h3, #topbarmenuwrapper h3 { font-size:14px; line-height:14px; color:#EEE; text-transform:lowercase; margin:25px 0 0 0; padding:3px 1px 3px 1px; display:block; background-color:#444; } #bottombarmenuwrapper h3 a:link, #topbarmenuwrapper h3 a:link, #bottombarmenuwrapper h3 a:hover, #topbarmenuwrapper h3 a:hover, #bottombarmenuwrapper h3 a:visited, #topbarmenuwrapper h3 a:visited { color:#EEE; text-decoration:none; } #bottombarmenuwrapper ul, #topbarmenuwrapper ul { padding:0; margin:0; } #bottombarmenuwrapper ul li, #topbarmenuwrapper ul li { list-style:none; display:block; position:relative; line-height:24px; } #bottombarmenuwrapper .textwidget, #topbarmenuwrapper .textwidget { margin-top:5px; } #wp-calendar { width:100%; text-align:center; border-collapse: collapse; } #wp-calendar caption, #wp-calendar th { color:#FFFF00; padding:4px; } #wp-calendar td { padding:1px; border:none; } #wp-calendar caption { font-weight:bold; } #wp-calendar #today { font-weight:bold; color:#FFFF00; } #wp-calendar a { color:#FFFF00; text-decoration:underline; } #topbarmenuwrapper img, #bottombarmenuwrapper img { border:0; } #bottombarmenuwrapper ul li a:link, #topbarmenuwrapper ul li a:link, #bottombarmenuwrapper ul li a:visited, #topbarmenuwrapper ul li a:visited { display:block; position:relative; line-height:24px; height:100%; color:#000; text-decoration:none; border-bottom:1px solid #666; } #bottombarmenuwrapper ul li a:hover, #topbarmenuwrapper ul li a:hover { color:#FFF; background-color:#FFFF00; } #recentcomments li { line-height:24px; border-bottom:1px solid #666; display:block; } #bottombarmenuwrapper ul li a:visited.rsswidget, #bottombarmenuwrapper ul li a:link.rsswidget, #topbarmenuwrapper ul li a:visited.rsswidget, #topbarmenuwrapper ul li a:link.rsswidget, #bottombarmenuwrapper #recentcomments li a:link, #bottombarmenuwrapper #recentcomments li a:visited, #topbarmenuwrapper #recentcomments li a:link, #topbarmenuwrapper #recentcomments li a:visited { border:0; display:inline; line-height:auto; } #bottombarmenuwrapper #recentcomments li a:hover, #topbarmenuwrapper #recentcomments li a:hover, #bottombarmenuwrapper ul li a:hover.rsswidget, #topbarmenuwrapper ul li a:hover.rsswidget { text-decoration:underline; background-color:#FFF; color:#000; } .post { position:relative; width:100%; overflow:hidden; float:left; margin:30px 0 0 0; padding:0 0 30px 0; } .post p, .post ul { font-size:12px; line-height:20px; color:#000; margin:0 20px 0 0; padding: 0 0 20px 15px; border-left:5px solid #FFFF00; } .postsnav { position:relative; width:100%; overflow:hidden; float:left; margin:10px 0 0 0; padding:0 0 10px 0; font-size:12px; color:#000; text-align:center; } .postsnav a:link, .postsnav a:visited { color:#000; } .post ul { border-left:5px solid #666; padding:20px 0 20px 50px; margin:-20px 0 0 0; display:block; position:relative; float:left; width:95%; } .post ul li ul { border:0; padding-left:20px; } .post p a:link, .post p a:visited, .post ul a:link, .post ul a:visited { color:#666; } .post .posth3 { font-size:30px; line-height:30px; color:#000; text-transform:none; margin:0 20px 0 0; padding:0 0 5px 15px; border-left:5px solid #CCC; } .post .posth3 a:link, .post .posth3 a:visited { color:#000; } .post .posth3 a:hover { color:#666; text-decoration:none; } .post .posth2 { font-size:20px; line-height:20px; color:#666; text-transform:none; margin:0 20px 0 0; padding:0 0 0 15px; border-left:5px solid #CCC; } .post blockquote { margin:-20px 0 0 0; display:block; position:relative; float:left; border-left:5px solid #666; z-index:5; width:95%; } .post blockquote p { border:0; padding:20px 0 20px 35px; font-style:italic; } .post h1 { font-size:20px; line-height:30px; color:#FFFF00; text-transform:uppercase; margin:-20px 20px 0 0; padding:15px 0 5px 15px; border-left:5px solid #CCC; } .post h2 { font-size:16px; line-height:25px; color:#FFFF00; text-transform:uppercase; margin:-20px 20px 0 0; padding:15px 0 5px 15px; border-left:5px solid #CCC; } .post h3 { font-size:14px; line-height:20px; color:#FFFF00; text-transform:uppercase; margin:-20px 20px 0 0; padding:15px 0 5px 15px; border-left:5px solid #CCC; } .post .postdata { color:#999; text-transform:lowercase; font-size:11px; line-height:11px; padding:0 0 0 15px; } .post .postdata a:link, .post .postdata a:visited { color:#999; } #commentbar { position:relative; height:30px; background-color:#FFFF00; background-image:url(pic/headerbg.gif); text-align:left; overflow:hidden; } #commentbar p { font-size:10px; line-height:10px; color:#FFF; text-transform:uppercase; padding:10px 0 0 0; margin:0 0 0 22px; font-weight:bold; } #commentwrapper { position:relative; float:left; width:100%; margin:-20px 0 0 0; } .commenteven, .commentodd { position:relative; float:left; width:100%; margin:25px 0 0 0; border:3px double #CCC; } .commentodd { background-color:#EEE; } .commentcontent { margin:10px 15px 10px 15px; } .commentcontent p { font-size:12px; line-height:16px; color:#333; } .commentcontent p a:link, .commentcontent p a:visited { color:#666; } .commentcontent blockquote { font-style:italic; margin:0 0 0 10px; border-left:3px solid #FFFF00; padding:0 0 0 5px; background-color:#DDD; } .commentcontent .commentinfo { color:#999; font-size:10px; line-height:10px; text-transform:uppercase; } .commentcontent .commentinfo a:link, .commentcontent .commentinfo a:visited { color:#999; } #comment { width:100%; }

OPDRACHT 05 >
Tile Tool Boundaries
met gastles van Jonathan Puckey
30|05|07

Aanstaande woensdag 30 mei verzorgt ontwerper Jonathan Puckey een gastles.
Voor deze gelegenheid voegen we beide klassen samen en begint de les voor 3A en 3B allebei om 13.15 uur.
Het eerste uur zal Jonathan voorbeelden van zijn werk tonen en toelichten, vervolgens geeft hij een introductie tot de door hem ontwikkelde Tile Tool en hoe je deze kunt gebruiken. TT is een tool waarmee je binnen Illustrator kunt werken.
Onderstaande affiches zijn door Jonathan gemaakt met behulp van Tile Tool

cl_janvantoorn1.jpgcl_marcbijl1.jpgcl_joseteunissen2.jpgcl_jeanmarc1.jpg
Meer werk van Puckey kunnen jullie vinden op http://www.jonathanpuckey.com

DE OPDRACHT > TILE TOOL BOUNDARIES
In de laatste opdracht van dit semester wordt de thematiek van de eindopdracht Grenzen gekoppeld aan het gebruik van Tile Tool. Waar de enige beperking bij Grenzen is dat je je typografisch moet uitdrukken zijn de beperkingen bij Tile Tool Boundaries juist dat je:
a) je tot beeld moet beperken (dus geen tekst, taal of typografie)
b) alleen van Tiletool gebruik mag maken om dat beeld te maken
c) het medium affiche gebruikt

!!Om te beginnen…
is het nodig voor diegenen van jullie die laptops meenemen naar school om vóór woensdag het volgende op jullie computers te installeren (de anderen kunnen het op de computer thuis installeren):

>>Scriptographer
Scriptographer is a scripting plugin for Adobe Illustrator™. It gives the user the possibility to extend Illustrator’s functionality by the use of the JavaScript language… Download Scriptographer 2.0.023 for Illustrator CS2 hier.
>>Tile Tool Tile Tool allows you to create and draw with Tiles. Download Tile_Tool.js van deze pagina
>> Tilesets >Tiles >Rasters

PLANNING
30 mei
• presentatie werk Jonathan Puckey,
• Tile Tool uitleg van Jonathan hoe werkt het? wat kun je ermee?
• Tile Tool zelf uitproberen waarbij Jonathan aanwezig is om eventuele vragen te beantwoorden en te troubleshooten
De eerste week:
spelen, oefenen, ontdekken hoe je met Tile Tool kunt werken. Voor de les van 6 juni verwacht ik van iedereen minimaal 10 vorm experimenten gemaakt met Tile Tool. Denk daarbij bijv. aan een soort staalkaart of merklap. Houd daarbij in het achterhoofd het thema Grenzen.
6 juni
• klassikaal presenteren van Tile Tool experimenten
• individueel (facultatief) bespreken van ideeen en plannen
De tweede week:
verder idee ontwikkelen en schetsen voor affiches d.m.v. met Tile Tool gemaakt beeld en in het kader van het thema Grenzen
13 juni
• individueel bespreken voortgang
• werken tijdens de les
De derde week:
uitwerken idee voor affiche(s) met d.m.v. Tile Tool gemaakt beeld en in het kader van het thema Grenzen
20 juni
• klassikaal presentaties eindresultaten
27 juni
• individuele beoordelingen

Filed by remarks at May 28th, 2007 under opdrachten/assignments, events

ifuvujy…

Direct Tv Sattelites …

Trackback by ifuvujy — August 21, 2009 @ 1:57 pm

Leave a comment

archief

10 meeste commentaar

meest recent

andere sites