L I N F O’T E C H N O F U T U R C E P E G R AT R I M E S T R I E L D ’ I N F O R M AT I O N S U R L E S F O R M AT I O N S P O U R L’ I N D U S T R I E G R A P H I Q U E

8

Nouveautés en auto-formation

ImageReady: GIF animés et cartes-images

Illustrator :petit safari dans la jungledes vecteurs

Voyage en ActionScript…

hein,ok, d’accord?

33

Si tout le monde dégageait la lumière d’une bougie, le soleil serait inutile .

(Moshen MAKHMALBAF, réalisateur iranien de « Kandahar »et Niloufar PAZIRA, écrivain et comédienne afghane)

Des gens heureux…

Depuis plusieurs mois, des artistes, peintres et photographes hantaientle « lieu Cepegra » à la découverte d’un détail qui enflammerait leurimaginaire.

Coups de pinceaux et clic-clac rivalisaient d’ingéniosité et surtout decoups de cœur pour éclairer le « lieu » sous un autre jour. Sous une autrelumière. Sous un autre regard.

Loin des réceptions mondaines et des galeries aseptisées, ce vendredi 16novembre, l’exposition «Le lieu dans le lieu» a réchauffé ce début d’hiveret uni dans les mêmes émotions des gens d’horizons si différents par lemode d’expression et si proches par la sensibilité artistique et humaine.

Merci à Patrick, Jean-Luc et leur équipe d’avoir osé cette « folie ». Merciaux « passants d’un soir » d’avoir égayé par leur présence et leur bonnehumeur ce « Lieu dans le lieu ». Merci aux artistes de faire vivre « autre-ment » les couloirs et autres recoins du Cepegra et aux musiciens pourl’ambiance chaleureuse qu’ils ont apporté à cette soirée où j’ai vu desgens heureux…

Que l’An Nouveau apporte à notre « Lieu » et à ses hôtes d’autres évé-nements intra-muros du même acabit, ainsi que santé et bonheur.

Marc Fontaine

Éditosommaire

actualité du centre

agenda

à livre ouvert

Trimestriel gratuit, imprimé à 5000 exemplaires 4e trimestre 2001

Rédaction : Technofutur CepegraAvenue Georges Lemaître 226041 GosseliesTél. 071250321 - Fax : 071250399

Conception : Nathalie Gautier

Création maquette : Michel Giens

PAO et impression : Technofutur Cepegra

Sponsoring : Mike Wachowski

Ont collaboré à la rédaction Murielle Chauvaux - Serge Delescaille - de ce numéro: Alain Duchateau - Nathalie Gautier -

Thierry Herman - Jean-Luc Urbain…Éditeur responsable : Émile Rosar

Direction régionale de CharleroiRue de l’Ecluse 16 - 6000 Charleroi

Imprimé sur papier 100 % recyclé.

16

en Acti nScripto6

4

dossier

15

coup d’œil sur l’actualité5

Édito

9

le coin des surfeurs

dossier

Auto-formationtoujours plus…

toujours mieux…

13 dossier

ImageReadypromenade guidée

Petit safaridans la jungle des vecteurs

Photo de couverture : Alain BruscoIl me paraîssait essentiel d’apporter une forme de charisme aux images que cetendroit pouvait offrir. Intégrer une présence humaine aux plastiques et résines, eny glissant des détails de chair avec pour tout liant la lumière, cette idée m’a séduitpour m’investir dans ce concept « Le lieu dans le lieu ».

Illustration deuxième de couverture : Serge Delescaille

Voyage

44

La formation des travailleurs est devenue unenécessité, en particulier au sein des départe-ments pré-presse. Comme nous vous en par-lions sur notre site Internet www.cepegra.be,l'auto-formation est une solution pour suivrel’évolution, répondre à vos besoins et à ceux dusecteur.

Technofutur Cepegra accroît son potentiel envous offrant un espace «Auto-formation/Documentation/Emploi »quatre étoiles danslequel 5 Mac G4, 5 PC et une variété de CDd'auto-formation, sans cesse grandissante, sontà votre disposition.

Vous souhaitez maintenir vos acquis, préparerun examen d'entrée, découvrir ou redécouvrirun logiciel, ou simplement élargir vos connais-sances pour le plaisir d’apprendre… Cet espacevous offre l’opportunité de vous former à votrerythme mais également de vous informer. Nossupports de formation donnent réellement vie àl'information, ils sont simples et agréables à uti-liser. Dans la section documentation, des revues,livres et autres ouvrages up-to-date peuventêtre consultés à loisir.

Grâce à cette formidable infrastructure acces-sible en horaire décalé, il vous est enfin facile derester au "TOP". Dans cet espace, il est égale-ment possible de consulter les offres d'emploisur le net (hotjob…) et dans la presse écrite ouêtre conseillé pour votre recherche d’emploi.

Au plaisir de vous rencontrer…

Jean-Luc Urbain

Voici les logiciels que vous pourrez exploreren auto-formation :

Photoshop 6-Volume I

Tour d'horizon de Photoshop : Ouvrir, impor-ter une image. Gérer son plan de travail,

annuler/revenir en arrière, dimensionner/redi-mensionner une image. Les couches et lacouleur, choisir un mode couleurs, corrigerles couleurs. Plus net ou plus flou, retoucherune image avec les outils, retoucher uneimage avec les filtres…

Photoshop 6-Volume II

Outils vectoriels. Calques mode d'emploi,effets de calque. Masques et sélections, créerune sélection. Les textes dans Photoshop.Imprimer, enregistrer une image. Fonctionsautomatiques. Les tranches…

Pour rappel nous avons ouvert l'auto-forma-tion avec un produit maison tout chaud, dis-ponible à l'achat : « Traitement de l'image »De l'acquisition de l'image au photomontage,une visite complète de Photoshop.

ImageReady et Photoshop

Présentation des nouveautés et d'ImageReady.Passer d'une application à l'autre, passer versd'autres applications. Interface : élémentscommuns et différences. Gestion des cou-leurs et palette Web, optimisation desimages, création d’animations, trajectoire…

QuarkXPress 4-Volume I

Introduction à Quark 4. Zoom et déplace-ment. Les lettrines. Fonctionnement de ladéfonce, recouvrement. Prise en main dulogiciel…

QuarkXPress 4-Volume II

La gestion de longs documents. Les colonnes,boîtes de texte automatique. Gestion du fluxde texte (1). Gestion du flux de texte (2).Colonnes et chaînages, saut de colonnes etde blocs, césures automatiques, césuresmanuelles, justification…

InDesign-Volume I

Premier contact, introduction et lancementdu logiciel, utilisation de l'aide fournie.Gestion/utilisation des modules externes.L'interface, les objets, la colorisation.Présentation de la palette des outils.Création/manipulation d'objets, alignementet organisation. Utilisation des repères, desrègles…

InDesign (volume II)

Utilisation avancée de la mise en page.Autoriser la réorganisation de pages.Utilisation avancée des textes, vectoriser dutexte. Importation de documents. La distri-bution. Pré-presse, le contrôle en amont,création de pages PostScript (EPS).Multimédia, créer une version HTML, créerune version PDF…

Illustrator (bases)

Introduction. Différences entre vectoriel etbitmap. Mes premiers documents, utilisationde l'interface, règles, repères et grilles.Maîtriser les bases d'Illustrator. Organiser etenrichir son travail. Dessins à la plume…

Illustrator 9

Les textes (avancés). Dessiner, coloriser, trans-former. Les graphiques. Techniques avancées :pathfinder : quelques généralités, réunion,intersection. Enregistrer pour le Web…

Flash 5

Présentation. La base de flash 5 : l'animation,création de l'animation, création des médias.Mouvements et interpolations. Les différentstypes de symboles. L'importation dansFlash 5. Son et vidéo. Programmation.Publication Internet…

Auto-formation

C’est dans votre évolution, que nous puisons notre motivation…

toujours plus…toujours mieux…

5

Director 6 (bases)

Introduction. Interface, scène, fenêtres prin-cipales. Nouvelle animation. Importer oudessiner, calques…

iMovie 2

Introduction à la vidéo numérique (DV).Étapes initiales. Premiers contacts avec l'in-

terface. Importation d'un film à partir de lacaméra. Ajouter des clips, disposer les clipssur la table de montage, élaguer et effacerles séquences…

Dreamweaver 4

Vue d'ensemble. Introduction. Le texte, lesliens, les images, les tableaux, les formu-

laires, les cadres ou frames, les feuilles destyle, les comportements, la gestion de site.Les bibliothèques et les modèles. Insertion,gestion des actifs…

Horaire d'ouverture de l'Espace Auto-forma-tion/Documentation/Emploi :

Du mardi au vendredi de 9 à 18 heures.Le samedi de 9 à 12 heures.

Contact info-réservation :(Réservation : 2 heures min.)Jean-Luc UrbainEspace Auto-formation/Documentation/EmploiTechnofutur Cepegra - 1er étage Phone : 071250366 - Fax : 071250399 Cellulaire : 0476 30 80 43E-mail : jl.urbain@cepegra.be

surcoup d’œill’actualité

Police bitmap contre police vectorielle, policeTrueType opposée à police PostScript, police PC oupolice Mac: la confusion est totale dans l'esprit dunovice confronté aux problèmes de caractères.

Il était temps d'essayer d’uniformiser ces formats…

OpenType, création conjointe de Microsoft etd'Adobe Systems, est un nouveau format de fichierde polices multiplate-forme.

Ce format présente d'irrésistibles atouts: un seul etmême fichier de polices compatible Mac et PC, unjeu de caractères étendu reposant sur une normeuniverselle et des fonctions typographiques sophis-tiquées.

Un seul fichier

La gestion des polices est simplifiée : un seulfichier contenant toutes les données (vecto-

rielles, métriques et bitmap), interchan-geable sur Macintosh et sur Windows.

Norme universelle

Grâce à la norme Unicode (système interna-tional de codage des caractères sur deuxoctets qui englobe quasiment tous les alpha-bets du monde), un même caractère corres-pond toujours au même code, et ce, dansn'importe quelle police.

Typographie avancée

Les glyphes sont les formes spécifiques que peutrevêtir un caractère (plus petites unités séman-tiques d'une langue). Un caractère peut corres-pondre à plusieurs glyphes; ainsi, le «a» bas de

casse, la petite capitale «a» et une varianteornementale bas de casse du «a» forment lemême caractère mais trois glyphes distincts.

Un jeu de caractère "traditionnel" se limitait,par le passé à 256 glyphes. Pour accéder à denouveaux signes (petites capitales, lettresornées, indices, ligatures…), il a fallu multi-plier les fichiers. Le nouveau format defichier OpenType peut contenir plus de65000 signes en un seul fichier.

Pour plus d'info, rendez-vous sur le site Adobehttp://www.adobe.fr/type/opentype/main.html

Nathalie Gautier

L a g u e r r e d e s p o l i c e s

_root.oldy)/_root.inertie;_bouton2._x += (_root.pos_root.oldy)/_root.inertie;_bouton2._y += (_root.posonClipEvent(enterFrameme=[_root.ligne,_root.caoot.cercle];if (_root.start {z = z+1;if (z<40) {if(_root.auto eq 0) {_root.b

6

àOn se donne déjà rendez-vous là-bas pour laseconde édition mais c’est une autre histoire.La formation que nous vous proposonss’adresse aux non-programmeurs (nous-même d’ailleurs blablabla…).

Nous avons en effet pu constater après troisjours de conférences à Barcelone que lespointures de l’ActionScript étaient tous illus-trateurs, graphistes de formation ou d’expé-rience. Ces très jeunes artistes, moyenned’âge : vingt-trois ans, ont appris en autodi-dactes aidés par les forums de discussion destrès nombreux sites consacrés à l’ActionScriptet au moment où nous rédigeons cet article,la bibliographie consacrée à l’ActionScripts’est considérablement étoffée, cependantles formations sont rares à moins de serendre à Paris.

L’ActionScript est un langage de program-mation puissant, orienté objet, issu duJavaScript. La difficulté consistait d’abord àtrouver un angle d’approche pour initier unpublic qui s’est empressé d’oublier sa trigopour dessiner des petits mickeys dans lesmarges, dans le fond, près du radiateur. Nousavons imaginé cet apprentissage commecelui d’une langue étrangère : acquérir desautomatismes de syntaxe simple, passer auperfectionnement pour ensuite générer sespropres codes dans un atelier.

Nous n’insisterons jamais assez : Flash estmésestimé voire méprisé à tort dans ce paysde conservatisme frileux où le Web est par-fois affaire de coterie branchouillarde. Enclair, ou les Belges sont des génies méconnusdu Web détenant une Vérité que la planèteentière ignore ou nous sommes ridicules. Àvous de voir… Oui, on sait, on se la joueJean-Pierre Coffe mais y en a marre !

Flash peut aujourd’hui TOUT gérer : base dedonnées avec Coldfusion, php ou xml, clipsvidéo, cartoons, art digital avec l’ActionScript.Tout, on vous dit.

Voili !

Nous cédons la place bien volontiers à Alainqui assurera les volets 2 et 3 de cette forma-tion et est balèze de chez Balèze enActionScript. Disons que nous sommes profd’anglais mais que lui a vécu trois ans auxStates. Cela nous paraît un assez bon rac-courci.

Go ahead !

Your good ol’ trainerserge.delescaille@cepegra.be

Serge Delescaille

Du soleil de maisur las Ramblas

l’Acti nScriptoNous démarrons nos formations ActionScript. Quel rapport avec las Ramblas, me direz-vous ?A priori rien, sinon que tout part de Barcelone et de la première édition de son festival Offfentièrement consacré à Flash et plus particulièrement à l’ActionScript.

www.praystation.com

www.offf.org

www.presstube.com

tintin et milou à Barcelone

www.houyhnhnms.org

www.flashforward.com

_root.sx-_root.sy-+=

e){forarre,_r

== 1)

bou-

7

Formation ActionScript

Niveau 1 (4 jours)

- différences de syntaxe entre Flash 4 et Flash 5

- mouvement (aléatoire, friction,accélération, suivis de souris)

- objets : son, date et heure, couleur- arrays et lists- propriétés d’objet- champs de texte dynamiques- formulaire- preloading évolué

Niveau 2 (4 jours)

6 exercices construits étape par étape

- dessin dynamique- jeu de particules- login, mot de passe avancé- objet time- Space Invader- la table de mixage 4 entrées

Atelier (5 jours)

Chaque stagiaire développe un projet per-sonnel.

En pratique…Pour commencer, un premier script assezsimple (moins de 15 lignes de code) permet-tant de dessiner avec Flash. Pour cela, nousavons besoin de trois objets : un point dedépart, un trait qui servira de tracé, et unbouton qui permettra de définir le secondpoint du tracé. À chaque clic sur le bouton,un trait sera tracé entre le point de départ etcelui-ci, à ce moment, le bouton deviendra lepoint de départ et ainsi de suite. L'astuceconsiste à dupliquer un trait de base, luidonner ses dimensions et position par rap-port aux deux points définis.

Création du trait

Créez un nouveau document dans Flash 5,fond noir, la dimension peut rester celle pro-posée par défaut, simplement veiller àmettre 35 images/sec au lieu de 12, celaaugmentera la fluidité de l'animation (lescalculs seront effectués plus souvent). Unefois le document créé, tracez un trait à 45°,veillez à ce que l'épaisseur soit sur « filetmaigre », ces deux éléments sont impératifs

pour que le trait ne varie jamais d'épaisseur.Dans la palette Info, choisissez une longueuret une hauteur de 100 pixels.

Une fois que cela est fait, sélectionnez letrait et appuyez sur F8, vous transformezalors le trait en clip. Nommez le « trait »,sélectionnez-le et ouvrez le panneau desactions « Fenêtre > Actions ». Passez en modeexpert (triangle noir dans le bord supérieurdroit du panneau action) et entrez le codesuivant : ( attention Flash est sensible à lacasse des caractères ).

onClipEvent (enterFrame) {_root.ligne._yscale = (_root.bouton2._y-

_root.bouton1._y);_root.ligne._xscale = (_root.bouton2._x-

_root.bouton1._x);_root.ligne._x =

(_root.bouton1._x+_root.bouton2._x)/2;_root.ligne._y =

(_root.bouton1._y+_root.bouton2._y)/2;}

Les deux premières lignes fixeront la dimen-sion du trait (x représentant les coordonnéessur l'axe horizontal et y celles de l'axe verti-cal), les deux suivantes fixeront la position dutrait.

Ouvrez à présent le panneau Occurrence etentrez comme nom «ligne». Ce nom est diffé-rent pour montrer que dans Flash, pour appelerun clip, il ne faut pas le faire par son nom debibliothèque mais par son nom d'occurrence.

Voilà le premier élément fini, pour résumer,un trait, dont les dimensions et positiondépendent de deux points définis par l'utili-sateur.

Le point de départ

Moins compliqué que le trait, seul deuxlignes de codes seront nécessaires. Ellesserviront à déplacer le premier point dutracé lorsque la touche espace sera pressée.Dessinez une petite croix ou un petit cerclesans contours, peu importe du moment quece point est visible. Il servira simplement deréférence visuelle. Comme pour le trait,sélectionnez la forme que vous venez detracer. Appuyez sur F8, sélectionnez le com-portement clip. Ouvrez le panneau Actionen mode expert et tapez le code suivant :

onClipEvent (enterFrame) {if (Key.isDown(Key.SPACE)) {

_root.bouton1._x += (_root._xmouse-_root.bouton1._x)/_root.inertie;

_root.bouton1._y += (_root._ymouse-_root.bouton1._y)/_root.inertie;

}}

Ces deux lignes de code induisent un dépla-cement du premier point du trait vers la sou-ris, en fonction de la valeur d'inertie entréedans le champ de texte. Cela permettra de nepas dessiner uniquement des lignes qui setouchent, de lever la plume en quelque sorte.

Créez le champ de texte en traçant un rec-tangle avec l'outil texte. Une fois que celaest fait, allez dans le menu Option de texte,choisissez dans la liste Texte de saisie,cochez l'option Bord/Arr.plan, ce qui permet-tra de bien différencier le champ de texte dufond et insérer une valeur numérique dans lerectangle. Dans le champ Variable tapez« inertie », qui est d’ailleurs utilisé dans lecode précédent.

Pour ouvrir la palette occurrence, allez dansFenêtre > Panneaux>Occurrence

8

Le point permettant de tracer

Nous arrivons dans la partie la plus ardue del'exercice. Nous allons maintenant créer unbouton dans un clip.

Pourquoi ? Pour récupérer l'état cliqué de lasouris et bénéficier des avantages du clippour le déplacement.

Créez un cercle, orange par exemple, ouautre objet à votre convenance. Appuyez surF8, sélectionnez le bouton et ouvrez le pan-neau Action toujours en mode expert, indi-quez y le code suivant :

on (press) {i = i+1;

duplicateMovieClip ("_root.ligne","_root.trait" add i, i);

_root.bouton1._x = this._x;_root.bouton1._y = this._y;

}

L'état « on press » ne peut être obtenuqu'avec un bouton. Ces 3 lignes permettentde dupliquer le trait dans sa position actuelleet de ramener le centre sous le pointeur de lasouris. Donc, on crée le trait tel qu'il est et onprépare le point de départ pour continuer letracé. Maintenant que le code est entré,appuyez sur F8 à nouveau, à ce moment vous

choisissez dans la boîte de dialogue le com-portement clip. Pour résumer, nous avonsdonc un bouton dans un clip.

Rendez-vous sur la scène (si vous y êtes bienvous pourrez sélectionner tous les objets),sélectionnez simplement le clip contenant lebouton et ouvrez le panneau action (toujoursen expert) pour y mettre le code suivant :

onClipEvent (enterFrame) {_root.bouton2._x += (_root._xmouse-

_root.bouton2._x)/_root.inertie;_root.bouton2._y += (_root._ymouse-

_root.bouton2._y)/_root.inertie;}

Ce code sert à déplacer le curseur avec le mou-vement de la souris (_xmouse, _ymouse).Comme le bouton qui permet de dupliquer letrait se trouve dans ce même clip, la copie sefera en fonction de la position de la souris.

Dernier point à ne pas oublier, bien vérifierque vos occurrences sont nommées : pour lecentre : bouton 1, pour le point permettantde tracer (celui qui vient d'être expliqué) :bouton 2, pour le trait : ligne.

Vous pouvez à présent dessiner dans Flash !

Alain Duchateau

Pour ouvrir la palette action allez dans Fenêtre>Actions. Il est préférable de taper le script en mode expert.Pour afficher ce mode cliquer sur le petit triangle noir dans le coin supérieur droit de la palette action.

Pour afficher ce panneau, allez dans Fenêtre>Panneaux>Options de texte

9

Les plans d’accès constituent un passageobligé pour la grande majorité des gra-phistes : folders, cartons d’invitation, projetsplus ambitieux… les travaux qui requièrentl’intégration de cartes sont nombreux. Laméthode pour réaliser de tels éléments estaujourd’hui bien connue et n’a pas subi debouleversement depuis de nombreuses ver-sions d’Illustrator (même si le pathfindernous a offert la possibilité de créer facile-ment les plans à l’aide de formes et non plusde tracés ouverts).

Petit rappel :la méthode traditionnelle

Une superposition de tracés identiques,créés par «Copier-Coller devant », permetd’obtenir l’illusion de lignes « parallèles »quelque soit leur forme. Un premier tracé,doté d’un contour noir épais (une dizaine depoints, par exemple) est donc copié puiscollé sur place («Coller devant » du menu

Édition ou C-F au clavier). La copie estensuite modifiée pour recevoir une épaisseurmoindre (8 points) et une couleur blanche.Seules deux lignes séparées l’une de l’autrepar une distance constante restent alorsvisibles. Voilà notre première route. D’autresviendront s’y ajouter… à condition que tousles tracés dotés d’un contour blanc se trou-vent placés au-dessus des tracés noirs.

La méthode a fait ses preuves mais présenteun inconvénient : chaque route étant compo-sée de deux tracés superposés (parfois davan-tage), sa correction est délicate. Déplacer unpoint d’ancrage ne pose pas de problème.Une sélection par cliquer-glisser à l’aide laflèche blanche permet de sélectionner lespoints superposés appartenant aux différentstracés. Mais modifier une tangente, et doncune courbure, est impossible. Il faut alorseffacer un des tracés puis le remplacer parune copie de l’élément corrigé.

L’arrivée de la version 9 du logiciel d’Adobeet de la possibilité de contours multiplesqu’elle offre a fait naître l’espoir d’une solu-tion plus pratique pour la création de plans.Nous allons tenter de parvenir à ce résultatet nous en profiterons pour découvrir lesprouesses dont est capable Illustrator : ilnous faudra utiliser les aspects et les styles,mais aussi les sous-calques, le ciblage et lesfonctions de transparence.

Premier essai : la palette Aspect

Pour cet exemple, j’utiliserai un petit planscanné qui servira de base au dessin. Aprèsavoir placé ce modèle sur un calque ver-rouillé, j’ai créé à la plume (sur un nouveaucalque) les routes importantes. Une fois cestracés terminés, il faut les transformer enrues, c’est-à-dire obtenir deux traits « paral-lèles ». Une première manière de procédervient tout de suite à l’esprit : il suffit dedoter les tracés de routes de deux contours,un noir puis un blanc légèrement plus étroit.

Illustrator 10 arrive et beaucoup d’entre nous n’ont pas encoreassimilé les nouveautés de la mouture précédente.Dans cet article, nous revenons sur les possibilités offertespar les palettes Aspect et Transparence: ces fonctions ont un intérêtcertain mais restent d’un maniement délicat qui oblige souventà effectuer quelques détours. Suivez le guide…

Au départ, nous disposons d’un plan scanné qui servira de base. Il se trouve sur un calquemémorisé en tant que modèle (calque verrouilléet non-imprimable, image atténuée). Les premièresrues ont été tracées sur un second calque.Dans cette capture, elles ne possèdentqu’un contour noir fin.

Nos tracés ont reçu deux contours différents.Après avoir créé le premier, il a fallu passerpar le menu local de la palette pour accéderà la fonction « Ajouter un nouveau contour ».

La méthode traditionnelle : chaque route estconstituée de deux tracés identiques superposés :le premier possède un contour noir, le secondun contour blanc plus fin.

Petit safaridans la jungle des vecteurs

10

Pour cela, on sélectionne l’ensemble des tra-cés et on passe par la nouvelle paletteAspect. On clique alors sur l’attribut Contourpuis on en choisit la couleur et l’épaisseur.Ici, noir et 10 points. Il reste alors à ajouterun second contour en utilisant le menu localde la palette (le petit triangle en haut àdroite).

Mais lorsqu’on procède ainsi, les routes nese croisent pas correctement mais se super-posent… Le résultat n’est donc pas satisfai-sant, comme le montre la capture d’écran ci-dessus. Cet inconvénient était cependantprévisible : le même problème surgit lors-qu’on cherche à dessiner des routes à l’aidede motifs de contours. Heureusement,Illustrator nous propose une solution…

Deuxième essai :Groupement et « ciblage»

Plutôt que d’appliquer le double contour àchaque tracé individuel, il est possible d’endoter un groupe dans son intégralité. Pour yarriver, je commence par annuler les opéra-tions précédentes pour revenir à l’état d’ori-gine. Je sélectionne ensuite mes tracésavant de les associer (via la traditionnellefonction «Objet>Associer » ou par le rac-courci C-G). Ce nouvel ensemble apparaîtalors dans la palette des calques, sous la

forme d’un sous-calque baptisé «Groupe »(en déployant si nécessaire le calque à l’aidedu petit triangle situé à sa gauche).

Illustrator 9 permet d’agir sur l’aspect dugroupe en tant que tel. C’est donc ce dernierqui se verra doté des deux contours que jevais créer. Pour cela, il me faudra « cibler » legroupe avant toute tentative de modifica-tion : un simple clic sur le petit rond situé sur

la droite du nom du sous-calque et le groupese retrouve sélectionné mais aussi ciblé.

On peut alors repasser par la palette Aspectpour recréer nos deux contours. Cette fois, lapalette m’indique directement que je tra-vaille sur un groupe et non plus sur une séried’objets isolés. Et le résultat est immédiat :les carrefours ne présentent plus de défauts,les rues se croisent correctement, les dépas-sements noirs ont disparu…

Problème résolu ? Pas vraiment. Si toutes lesroutes que nous avons à tracer ont la mêmetaille, cette façon de procéder fera l’affaire.Mais pas question d’y avoir recours pour yajouter les chemins plus petits dont nousavons pourtant besoin dans le cas présent.La méthode ne fonctionne que parce que j’ai

appliqué le double contour à l’ensemble d’ungroupe. Mais des tracés d’épaisseurs diffé-rentes ne peuvent évidemment pas recevoirles mêmes attributs.

Je peux créer un nouveau groupe reprenanttous les chemins étroits puis, après avoirciblé ce groupe, lui donner les valeurs decontours souhaitées (noir 6 points et blanc5 points, par exemple). Dans ce cas, je meretrouverai confronté à mon problème pré-cédent : à l’intérieur du groupe, les croise-ments entre chemins se font de manièrecorrecte mais entre les deux groupes, cela nefonctionne pas. Les carrefours entre routeset chemins ne sont pas corrects et un effetde superposition apparaît. Pour le supprimer,il me faudra cette fois faire un détour par lanouvelle palette de transparence…

Troisième essai :modes de fusion

La gestion des transparences constitue sansdoute la nouveauté la plus attendue de la

Cliquer sur le petit rond qui jouxte le nomdu sous-calque, cible celui-ci. Dès lors, les attributsqui seront créés à l’aide de la palette Aspects’appliqueront au groupe en tant que tel.La palette Aspect nous le confirme : c’est bienle groupe qui est sélectionné…

Le résultat n’est pas celui que j’espérais : les croisements des routes n’apparaissent pas correctement.En fait, l’ordre d’empilement des tracés a été respecté, ce qui entraîne le débordement de traits noirssur les routes placées en dessous…

Les débordements disgracieux aux carrefoursont disparu. Pari gagné ? Pas encore. Ajouterdes routes d’une taille différente serait impossible…

11

dernière version d’Illustrator. Et, Adobe a lar-gement répondu à nos attentes en nouslivrant une palette qui ne se contente pas depermettre la création d’objets translucidesmais s’agrémente aussi de possibilités bienplus avancées. On y retrouve ainsi les modesde fusion que les photoshopistes avertisconnaissent déjà depuis longtemps.

De plus, ces fonctionnalités peuvent s’appli-quer à des objets, des groupes et des calquesmais également à un simple attribut.Autrement dit, il est possible de modifier latransparence d’un contour sans affecter lesautres attributs du même objet.

Dans le cas présent, je pourrais faire undétour par la palette Aspect pour sélection-ner le contour noir (le groupe ayant été cibléauparavant). Rendre le contour simplementtranslucide ne me servirait à rien. Ici, il me

faut m’arranger pour qu’il interagisse demanière sélective avec ce qui se trouve endessous de lui. C’est justement à cela queservent les modes de fusion.

En règle générale, ils déterminent la manièredont un objet (un calque entier dansPhotoshop) va venir s’appliquer sur les élé-ments situés sous lui. Le mode Luminosité,par exemple, permet de conserver les valeursde luminosité (de contraste) de l’objetauquel on l’applique tout en utilisant lesvaleurs de couleur de ce qui est en dessous.

Dans le cas qui m’occupe, le but est de fairedisparaître les traits noirs des chemins là oùils empiètent sur les parties blanches desroutes. Un mode me permet d’obtenir cerésultat, le mode « Éclaircir ».

En mode « Éclaircir », les traits noirs ne res-tent visibles que là où ils sont plus clairs quece qui se trouve sous eux. Ils disparaissentdonc là où ils se superposent aux traitsblancs. Quand nous activons le mode«Éclaircir », les traits noirs des chemins dis-

paraissent totalement car ils sont placés au-dessus du calque modèle qui contient l’ori-ginal scanné.

Si je masque ce modèle (en cliquant sur l’œilà côté du calque dans la palette des

calques), mes tracés réapparaissent mais lescroisements des routes sont à présentconformes à mes souhaits.

On devine immédiatement quel problème vaalors se poser. Si je me contente d’une cartesur fond blanc, le travail que j’ai effectuéjusqu’à présent pourra suffire. Si, par contre,je désire agrémenter mon plan d’un fondcoloré et de zones indiquant les bois ou leschamps, je serai obligé de trouver uneastuce qui empêchera la disparition de mestraits noirs aux endroits où ils viendrontcouvrir ces nouveaux éléments.

Quatrième essai :La fusion isolée

Pour y parvenir, il faudra que je limite l’ac-tion de mon mode de fusion au seul calquequi contient les routes et chemins.

Le problème semble avoir été prévu parAdobe puisqu’Illustrator permet cette possi-bilité sous la forme de la fonction « Fusionisolée ». Une fois encore, il me faudra ciblerun élément : ici, c’est le calque tout entierqui fera l’objet de ce ciblage. Il suffira alors

Le menu local des modes de fusion se trouvejuste à côté du réglage d’opacité. Lorsqu’on cliquesur « Normal », une liste se déploie. Ici, j’ai choisile mode « Éclaircir ». Comme le montre la paletteAspect, le mode n’a été appliqué qu’au contour noir.

Une fois le groupe ciblé, je peux sélectionnerl’attribut contour noir puis modifier sa transparence.

Les nouveaux chemins ont été réunis au seind’un groupe et celui-ci a été ciblé afin de recevoirdes attributs. L’opération à bien fonctionnémais les carrefours présentent des défauts.

Cette fois, tous les croisements paraissent correctsmais le travail n’est pas pour autant terminé…

12

de repasser par la palette Transparence et decocher l’option « Fusion isolée ». Le mode defusion verra son action limitée aux élémentsqui se trouve sur le calque. C’est d’ailleurs laraison qui m’a poussé à ne pas créer de nou-veaux calques pour y placer ces derniers. Encela, Illustrator 9 risque de nous forcer àmodifier un peu nos habitudes. Dans cetteversion, il peut être utile de remplacer lerecours aux calques par l’utilisation desgroupes et donc des sous-calques.

Il ne me restera plus qu’à placer les éléments(fond, bois, ruisseau…) d’arrière-plan sur unnouveau calque et à placer celui-ci en des-sous du calque des routes. Mission accom-plie : mon plan est terminé. Mais une ques-

tion subsiste : en dehors de la découvertedes nouvelles fonctions, quel peut être l’in-térêt d’une méthode aussi complexe?

Épilogue :Aspects et Styles

La possibilité de modifier la forme d’unecourbe grâce aux tangentes est bienentendu un des avantages de cette méthode.Mais au-delà de ce petit plus, la puissanced’Illustrator 9 vient des aptitudes à l’auto-matisation qu’il offre : dessiner un nouveauplan reprenant la même structure serait trèssimple.

Un passage par la palette Aspect nous per-met de récupérer les aspects déjà créés (unefois les différents groupes ciblés). On peutalors cliquer sur la petite icône qui se trouveà côté du mot «Groupe », pour ensuite laglisser dans la palette des styles. Une foisdans celle-ci, il est même possible de nom-mer ce style en passant par la fonction«Options de style » (ou en double-cliquantsur la vignette du style). Une fois mes stylescréés, ils pourront même être sauvegardésdans une bibliothèque spéciale, conservéeavec le logiciel. Pour cela, il vous faudra sau-ver un fichier Illustrator contenant les stylessouhaités dans le dossier «Bibliothèque destyle » de l’application.

Pour Dessiner un nouveau plan, il me suffirade tracer les différentes routes, de les grou-per de manière adéquate puis, après avoirciblé un groupe, de lui appliquer un stylerécupéré dans la bibliothèque (en passantpar le menu fenêtre). La nouvelle carte sefera ainsi rapidement et chaque tracé res-tera modifiable.

Thierry Herman

Le mode de fusion « Éclaircir » entraîne la disparitiondes traits noirs là où ils se superposent à d’autresobjets plus clairs. Cela me procure des croisementscorrects mais entraîne aussi la diparition des traitslà où ils se superposent à d’autres objets(les polygones verts représentent les bois).

Pour mémoriser un aspect sous forme de « Style »,il suffit de cliquer sur l’icône qui le représente puisde le glisser jusqu’à la palette « Style ».Dans la capture ci-dessus, trois styles ont été créés :un pour les routes, un pour les chemins et le dernier(assez facultatif) pour la fusion isolée.Quand les styles ont été créés, ils peuvent recevoirun nom (double-clic sur la vignette d’un des styles).Ce nom apparaîtra chaque fois que la vignettedu style sera survolée par la souris.

Pour fignoler la carte, quelques aménagements ont encore été nécessaires. Pour donner des limitesbien définies au plan, un masque (renommé « Masque d’écrêtage » dans la version 9) a été ajouté.Bizarrement, tous les éléments pris dans un masque se voient à présent regroupés sur un seul calque.Si cet inconvénient n’a aucune importance ici, il peut s’avérer particulièrement gênant dans certains cas…

Cette fois, c’est le calque lui-même qui a été cibléafin de recevoir une seule modification : la fusionisolée. Remarquez le petit dégradé dans les rondsdes deux groupes. Il indique que ceux-ci ont reçudes attributs propres.

13

Pour ce dernier article consacré àImageReady, nous allons préparer deux élé-ments destinés à une nouvelle page de notresite Web fictif. Avant de nous attaquer à laréalisation d’une bannière animée, nouscommencerons par créer un plan contenantdes liens vers d’autres pages.

Ce type d’objet porte le nom d’image-map(traduit littéralement en carte-image) et estutilisé depuis les débuts du Web. Pour créercette carte interactive, nous disposons d’unplan dessiné dans Illustrator et exporté sousforme de fichier Photoshop. Avant de le sau-vegarder dans un format acceptable pour leWeb, nous allons y ajouter une série dezones sensibles qui renverront le visiteurvers les pages Web correspondantes.

Notre document de départ contient ici deuxcalques: le fond et un calque reprenant lareprésentation du cimetière, un des endroits surlequel nous aurons à placer une zone réactive.

Transformer ce calque en zone sensible neposera aucun problème. Une fois le calqueactivé, un passage par le menu Calque révèleune fonction «Nouvelle zone de carte-imaged’après un calque». Sélectionner cet article demenu créera instantanément un rectanglecouvrant la partie opaque du calque actif.

La palette principale d’ImageReady présenteun onglet dédié aux cartes-images. Danscelui-ci, la rubrique « Forme» permet dechoisir le type de zone sensible souhaité. Ici,nous retiendrons l’option «Polygone ».

Dans la même palette, on pourra directe-ment attribuer une adresse URL vers laquellele visiteur sera renvoyé (temple.html, parexemple). Dans le champ «Cible », on peutaussi déterminer dans quelle fenêtre ou« frame» sera visualisée la nouvelle pagevisitée (voir numéro précédent, p. 11).

Si la création de zones sensibles à partir decalques est très facile, la méthode consis-tant à créer celles-ci manuellement ne posepas beaucoup plus de problèmes. Une foissélectionné l’outil Carte-image polygonal, ilsuffit de tracer des formes correspondantaux liens nécessaires.

Chaque nouvelle zone devra bien entendurecevoir une adresse URL et éventuellementune cible.

Après la découpe en tranches et la création de roll-overla dernière étape de notre exploration d’ImageReadynous fera découvrir deux nouvelles fonctions : les GIF animés et les cartes-images…

Toutes les propriétés des zones sensibles se retrouvent dans la palette Carte-image. On peut choisir le typede forme qu’on souhaite créer ainsi que l’adresse URL à laquelle la zone sera liée…

En plus du fond, notre fichier de départ contientun autre calque qui nous servira de basepour une zone sensible.

La palette des outils contient une série d’outilsde création et de manipulation des zones sensibles.

La zone sensible qui vient d’être créée présenteune forme rectangulaire. Un détour par la paletteCarte-image permettra de la rendre polygonale.

BonuxImageReady

le cadeau

d’Adobe Photoshopsuite et fin

14

Chaque zone peut être sélectionnée à l’aidede l’outil de sélection de zone. Un passagepar la palette Carte-image permet alorsd’attribuer des liens aux zones (usine HTML,église.html et village.html dans notreexemple). Il ne restera plus alors qu’à réglerles paramètres d’exportation du fichier : ici,on choisira le format GIF et la palette decouleur Web. Seize nuances de couleurs suf-firont pour obtenir un résultat valable pourune taille limitée (environ 15 Ko pour notrefichier de 468 pixels de côté).

Au moment de sauver le fichier, il ne fautpas oublier de créer le fichier HTML : c’estcelui-ci qui contiendra dans son code lescoordonnées spatiales des zones sensibles.

Une bannière animée

Pour notre bannière animée, nous disposonsd’un fichier Photoshop contenant 6 calques :un fond bleu avec un texte, un calque detexte et 4 calques vectoriels.

Ceux-ci contiennent des tracés en forme depied créés à l’aide des nouveaux outils vec-toriels de Photoshop 6. La première étape denotre animation consistera simplement àfaire apparaître ces calques un à un.

Pour cela, nous aurons besoin de la paletteAnimation. Dans celle-ci, nous commence-rons par créer de nouvelles images clés (unsimple clic sur l’icône en forme de petitepage, à côté de la corbeille). À chaque nou-velle image, nous affichons un “pied” de plus.

Une fois cela fait, il est possible de sélec-tionner toutes les images (avec la touchemajuscule enfoncée) puis de leur attribuerune durée en cliquant sur le petit menu localplacé en dessous de chacune d’elle (ici, on achoisi 0,4 seconde).

Pour le texte « Inscrivez-vous ! », l’animationsera un peu plus complexe. Ce texte devravenir de la droite et coulisser vers la gauchetout en passant de la transparence à l’opa-cité. ImageReady nous facilitera largementla tâche en générant une série d’imagesintermédiaires à partir de deux images clés.

Après avoir ajouté une nouvelle image clé, letexte sera placé presqu’en dehors de la zonede travail. Il suffira alors de diminuer l’opacitédu calque. Sur une autre image, le mêmecalque sera placé dans sa position définitive,

et son opacité sera réglée sur 100 %. Pourcréer les étapes intermédiaires de ce dépla-cement, nous utiliserons alors la fonction de« Trajectoire » (tweening dans la version ori-ginale US).

La boîte de dialogue « Trajectoire » offre lapossibilité d’ajouter un certain nombred’images intermédiaires entre les imagessélectionnées. Les modifications prises encompte peuvent porter sur la position descalques, leur opacité ou encore sur les effetsqui y ont été appliqués.

Lorsqu’on valide l’opération, ImageReadyajoute autant d’images que spécifié dans laboîte de dialogue. Pour parvenir à un résul-tat convaincant, il restera à préciser la per-sistance de chaque image dans l’animation.Ici, elle sera fixée à 0,1 seconde pour cha-cune d’elle exceptée la dernière qui subsis-tera 1 seconde entière. Attention, seule untest dans un navigateur pourra vous donnerune idée exacte de la vitesse de déroulementde l’animation. Dans le même ordre d’idées,on peut également décider du nombre derépétitions de l’animation qui seront exécu-tées dans le navigateur. Toujours dans lapalette «Animation », on choisira alors lenombre souhaité (en remplaçant la valeurpar défaut « Toujours » dans le petit menulocal placé en bas et à gauche de la palette).

Pour être réellement terminée, l’animationdoit à présent être sauvegardée. Optimiséeau format GIF et avec une palette de 64 cou-leur, l’animation ne pèsera qu’environ 5 Ko.Vraiment pas de quoi alourdir une pageWeb…

Tous les fichiers nécessaires à la réalisationde cet exercice sont disponibles sur le site ducentre Technofutur Cepegra à l’adresse sui-vante :http://cepegra.be/pages/present/frampres.html

Thierry Herman

Plusieurs zones ont été créées à l’aide de l’outilde traçage. Chacune d’elles peut être sélectionnéeafin de recevoir un nom, une adresse URL…

Pour la bannière, nous disposons d’un fichiercontenant six calques. Au départ, seul le fond estvisible. Les autres calques seront affichés au coursde l’animation.

Chaque image peut se voir attribuer une durée. Pour faciliter la tâche de l’utilisateur, cette mêmeopération peut s'appliquer en une seule foisà toutes les images sélectionnées.

À ce stade, quatre images ont été ajoutéesà l’animation et les quatre empreintes de passont à présent visibles

Élément essentiel des animations crééesavec ImageReady, la boîte de dialogue permetd’ajouter automatiquement des étapesintermédiaires dans une animation.

15

S A L O N

20/03/02 > 22/03/02SALON SIPAB

Votre grand rendez-vous annuelavec les responsables du marketing,des achats, des ventes, et de la pro-motion, dans les entreprises belgeset européennes se déroulera auprintemps. Pour la 23e édition duSIPAB, ses organisateurs ont réservéle palais 3 de BRUSSELS EXPO(Heysel) ;

Pour plus d’info, visitez le siteInternet : http://www.sipab.be

22 > 26/03/02LE MONDIAL IMAGE PHOTO - SON

Les industriels de la photo, du sonet de l’image ont créé un nouveaugrand salon public et profession-nel, Le Mondial Image – Photo –Son, « Le Salon de la Vie HighTech ». Cette première édition sedéroulera à Paris Expo, Porte deVersailles, du vendredi 22 au mardi26 mars 2002.

Pour plus d’info, visitez le siteInternet: http://www.mondial-image-photo-son.com/

24/11/01 > 24/02/02ROBERT KOT

La thématique du portrait est aucentre des préoccupations deRobert Kot. Il explore ici les poten-tialités nées de la rencontre entrele portrait et le multimédia, lesnouvelles technologies de l’image.Son installation dans l’espaceplace le visiteur en position despectateur et d’acteur de l’exposi-tion. Confronté à une projection devingt-cinq tirages en mouvement

rotatif permanent, le visiteuractive involontairement un sys-tème de détection et déclencheainsi une action sur l’écran. Un desportraits apparaît au premier plan,provoquant une confrontation,jusqu’à ce que le spectateur quittele faisceau infrarouge. Le scénariode la projection se trouve donc àchaque fois modifié, dépendanttotalement du va-et-vient desspectateurs et de leur réactionface aux images. L’interactivitéautorisée par la technique est iciau service de la rencontre et del’échange.

Les œuvres de Robert Kot sont expo-sées au Musée de la Photographie, 11avenue Paul Pastur 6032 Charleroi.

Pour plus d’info, téléphonez au071435810, ou visitez le siteInternet: http://musee.photo.infonie.be

17/11/01 > 17/02/02CELSIUS 1535ACIER EN SCULPTURE

À travers cette exposition organi-sée en synergie avec l’asbl Art etAcier, le Musée des Beaux-Arts deCharleroi met en évidence le tra-vail d’artistes contemporains etpropose également un regardexpérimenté sur le matériau acierdans son utilisation artistique.

Celsius 1535 - Acier en sculpture,propose les réalisations monumen-tales en acier de vingt-deuxartistes belges et étrangers, simul-tanément dans les salles du Muséedes Beaux-Arts et dans l’espaceurbain, en un parcours étonnant.

Installations, réalisations pour unlieu, sculptures, parfois très impo-santes, animeront les salles duMusée des Beaux-Arts, dont lavitalité déborde hors de l’institu-tion et envahit l’espace urbain. Dixartistes de Celsius 1535 ont choisidix lieux dans la ville. Ce parcourshors du commun permet, d’unepart, de sensibiliser la population àl’art urbain ; d’autre part, offre lapossibilité d’une réflexion sur descréations contemporaines, enphase avec l’espace environne-mental.

Lieu : Musée des Beaux-Arts, Hôtelde Ville (2e étage), Place Charles II,6000 Charleroi.

Pour plus d'info, téléphonez au071861136 (35).

26 et 27/01/02LES JOURS D’ÉMOI

Imaginez… Un atelier géant, 30interventions différentes, deshommes, des femmes qui créent,en direct, des artistes, des per-sonnes comme vous et moi… Tousportés par une même concentra-tion de création…

L’objectif des « Jours d’Émoi », estde mettre le public en relationdirecte avec des processus decréation divers et variés, tant sur leplan de la démarche que sur lestechniques abordées. Il est essen-tiellement centré sur les ArtsPlastiques et Visuels avec, néan-moins, une ouverture en directionde la musique, de la danse etl’écriture. De plus, cette année,durant les 24 heures que durel’événement, des cafés–politiquesse dérouleront, traitant de thèmescomme : « La place de l’artiste dans

la cité » - «Du rôle pédagogique del’art » - « Quelle politique pourquelle culture ? » - «De l’influencedu monde socio-économique sur lacréation contemporaine » - « L’art,espace de liberté, espace deparole » - «Ekwé, t’es Artiste toi ? etmoi ? ou, du Statut de l’Artiste » -« Les Jours d’Émoi, c’est pourquoiencore ? »

Lieu : Centre culturel de Ans/AlleurOrganisé par l’asbl «Comme VousÉmoi ».

Plus d’info ? Téléphonez au042536232.

05/10/01 > 27/01/02MONS/EXPOART/W20

Vaste exposition consacrée à l'artdu 20e siècle en Wallonie, Art/W20regroupe quelque 350 œuvres de250 artistes toutes disciplinesconfondues : peintures, dessins,gravures, sculptures, installationset photographies. Des artistes telsque Magritte, Delvaux, Rassenfosse,Misonne, Ubac, Michaux, Marchoul,Bury, Nyst, Belgeonne, Charlier,Ransonnet, Lizène, Buisseret ouOctave ponctueront un parcourspeu ordinaire, regard panoramiquesur un siècle d'art en Wallonie.

Lieu: Mons au Musée des Beaux-Arts Machine à eau - Salle Sain - Georges. Pour plus d’infos, téléphonez au065335580 ou 065405308 ou visitez lesite Internet: http://www.mons.be

E X P O S

16

àlivre ouvertdesle coin

surfeurs

Pour recevoir notre catalogue des formations, faxez ou renvoyez-nous ce bon avec vos coordonnées àTECHNOFUTUR - CEPEGRA - Avenue Georges Lemaître 22 - 6041 Gosselies - Fax : 071/250399

À faxer ou renvoyer au centreTechnofutur Cepegra - Avenue Georges Lemaître 22 - 6041 Gosselies - Fax : 071250399

Nom: Mme/M. : Prénom:

Fonction : Entreprise :

Adresse :

Code postal : Localité :

Téléphone : E-mail :

� Je souhaite recevoir le nouveau catalogue reprenant les formations en modules dispensées dans le centre de formation.

� Je souhaite recevoir le catalogue de la formation en management en communication et production graphiques.

� pour travailleurs

� pour demandeurs d’emploi

Comment trouver rapidementl'information dont vous avezbesoin?

Grâce à hotjob, le portail de l'emploiet de la formation sur Internet, c'esttrois fois plus facile:

Vous trouvez des milliers d'offresd'emploi dans tous les domaines.

Vous accédez à une mined'informations préparées par desspécialistes du marché de l'emploi.

Vous êtes guidé vers d'autres sitesWeb en Belgique ou à l'étranger,des entreprises qui recrutent, desagences d'intérim, des bureaux derecrutement, des services publics,des associations, ...

Internet devient un outil de plus en plusimportant pour ceux qui veulentavancer sur le plan professionnel. Maisc'est aussi un véritable labyrinthe...

hotjob est une initiative du FOREM cofinancée parla Région wallonne et le Fonds social européen

Espace légèreté…

Décidez de vous aérer un peu latête en parcourant quelques ima-ginaires ludiques et attrayants,vous verrez Internet peut égale-ment faire de l’image un poème. Jepense notamment à quelques ani-mations développées dans ce site.

www.inook.com

L’esthétique et la fluidité du siteKenzo valent également le détour,on y voyage tout en douceur au gréde ce que les mots nous inspirentou par l’intermédiaire d’un guide.

www.kozen.com

Si votre souris est en mal d’aven-tures animalières, emmenez-ladonc faire une escapade sur cesite. La petite faune sympathiquequi y réside devrait assouvir sa soifde nouvelles rencontres.

www.made-in-plastic.com

Une partie de pétanque sur cro-mozone seul ou à plusieurs pourraviver la mémoire des accents dePagnol, l’odeur suave des orangersou la stridulation des grillons…C’est un jeu ! Pour ce qui est duvoyage en Cannebière à vous defaire appel à votre imaginaire…

labs.cromozone.be/petanque-demo

Autres jeux, autre lieu surwww.bechamel.com une multituded’animations raviront certainementl’enfant qui sommeille en vous… etsi malgré ces distrayantes visitesvotre esprit est toujours embrumé?Le stress que génère votre environ-nement professionnel est tel quevous ne savez plus où vous en êtes?Installez-vous confortablement, ser-vez-vous un grand verre d’eau etfaites donc un petit tour sur…www.perdu.com

That’s all folks !

Typo-graphisme

La typographie est un élémentincontournable dans le graphismesous toutes ses formes. Les tech-niques d'aujourd'hui permettent dedémultiplier les possibilités offertesaux créateurs dans ce domaine. Àpartir des travaux de quelques-unsdes designers les plus innovants dumoment, TYPO-GRAPHISME étudiela relation entre la créativité et latechnologie de l’ère numérique.Des livres aux magazines et dessites Internet aux habillages, unéventail de médias exploré pourdonner une idée précise des pro-cessus de création. De multiples

exemples détaillés, illustrés de nom-breux visuels et interviews, présen-tent les différentes phases des pro-jets. Un outil indispensable pour lestravaux numériques.

typo-graphisme, Yolanda Zappaterra,

Pyramyd, ISBN 2-910565-06-8.