Info 08 - Cepegra
Contents
1. Voyage en ActionScript Illustrator d petit safari dans la jung des vecteurs hein ok d accord di Si tout le monde d gageait la lumi re d une bougie le soleil serait inutile Moshen MAKHM ALBAF r alisateur iranien de Kandahar et Niloufar PAZIRA crivain et com dienne afghane Des gens heureux Depuis plusieurs mois des artistes peintres et photographes hantaient le lieu Cepegra la d couverte d un d tail qui enflammerait leur imaginaire Coups de pinceaux et clic clac rivalisaient d ing niosit et surtout de coups de c ur pour clairer le lieu sous un autre jour Sous une autre lumi re Sous un autre regard Loin des r ceptions mondaines et des galeries aseptis es ce vendredi 16 novembre l exposition Le lieu dans le lieu a r chauff ce d but d hiver et uni dans les m mes motions des gens d horizons si diff rents par le mode d expression et si proches par la sensibilit artistique et humaine M erci Patrick Jean Luc et leur quipe d avoir os cette folie M erci aux passants d un soir d avoir gay par leur pr sence et leur bonne humeur ce Lieu dans le lieu M erci aux artistes de faire vivre autre ment les couloirs et autres recoins du Cepegra et aux musiciens pour l ambiance chaleureuse qu ils ont apport cette soir e o j ai vu des gens heureux Que l An Nouveau apporte notre Lieu et2. 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 rents types de symboles L importation dans Flash 5 Son et vid o Programmation Publication Internet Director 6 bases Introduction Interface sc ne fen tres prin cipales Nouvelle animation Importer ou dessiner calques iMovie 2 Introduction la vid o num rique DV tapes initiales Premiers contacts avec l in Police bitmap contre police vectorielle police TrueType oppos e police PostScript police PC ou police Mac la confusion est totale dans l esprit du novice confront aux probl mes de caract res II tait temps d essayer d uniformiser ces formats OpenType cr ation conjointe de Microsoft et d Adobe Systems est un nouveau format de fichier de polices multiplate forme Ce format pr sente d irr sistibles atouts un seul et m me fichier de polices compatible M ac et PC un jeu de caract res tendu reposant sur une norme universelle et des fonctions typographiques sophis tiqu es Un seul fichier La gestion des polices est simplifi e un seul fichier contenant toutes les donn es vecto OO coup d oa terface Importation d un film partir de la cam ra Ajouter des clips disposer les clips sur la table de montage laguer et effacer les s quences Dreamweave
3. ses h tes d autres v nements intra muros du m me acabit ainsi que sant et bonheur M arc Fontaine FTechnofUuU tu r Trimestriel gratuit imprim 5000 exemplaires R daction Technofutur Cepegra Avenue Georges Lema tre 22 6041 Gosselies T l 071250 321 Fax 071250 399 Conception Nathalie Gautier Cr ation maquette Michel Giens PAO et impression Technofutur Cepegra Mike Wachowski Murielle Chauvaux Serge Delescaille Alain Duchateau Nathalie Gautier Thierry Herman Jean Luc Urbain mile Rosar Direction r gionale de Charleroi Rue de l Ecluse 16 6000 Charleroi Sponsoring Ont collabor la r daction de ce num ro diteur responsable Imprim sur papier 100 recycl COMMUNAUT EUROP ENNE FOREM Avec le soutien du Fonds social europ en 4e trimestre 2001 Photo de couverture Alain Brusco II me paraissait essentiel d apporter une forme de charisme aux images que cet endroit pouvait offrir Int grer une pr sence humaine aux plastiques et r sines en y glissant des d tails de chair avec pour tout liant la lumi re cette id e m a s duit pour m investir dans ce concept Le lieu dans le lieu Illustration deuxi me de couverture Serge Delescaille 4 actualit du centre toujours plus toujours mieux 3 coup d il sur l actualit Voyage en ActiQnsc ript dossier Petit safari dans la jungle des vecteurs do
4. E mail
5. ils viendront couvrir 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 calque qui contient les routes et chemins Le probl me semble avoir t pr vu par Adobe puisqu lllustrator permet cette possi bilit sous la forme de la fonction Fusion isol e Une fois encore il me faudra cibler un l ment ici c est le calque tout entier qui fera l objet de ce ciblage Il suffira alors dossier Le mode de fusion claircir entra ne la disparition des traits noirs l o ils se superposent d autres objets plus clairs Cela me procure des croisements corrects mais entra ne aussi la diparition des traits l o ils se superposent d autres objets les polygones verts repr sentent les bois de repasser par la palette Transparence et de cocher l option Fusion isol e Le mode de fusion verra son action limit e aux l ments qui se trouve sur le calque C est d ailleurs la raison qui m a pouss ne pas cr er de nou veaux calques pour y placer ces derniers En cela Illustrator 9 risque de nous forcer modifier un peu nos habitudes Dans cette version il peut tre utile de remplacer le recours aux calques par l utilisation des groupes et donc des sous calques C invers EA Fusion isol e gt _ Perce selon l opacit et le masque Groupe pergant Cette fois c est le calque lui m m
6. seul ou plusieurs pour raviver la m moire des accents de Pagnol l odeur suave des orangers ou la stridulation des grillons C est un jeu Pour ce qui est du voyage en Cannebi re vous de faire appel votre imaginaire labs cromozone be petanque demo Autres jeux autre lieu sur www bechamel com une multitude d animations raviront certainement l enfant qui sommeille en vous et si malgr ces distrayantes visites votre esprit est toujours embrum Le stress que g n re votre environ nement professionnel est tel que vous ne savez plus o vous en tes Installez vous confortablement ser vez vous un grand verre d eau et faites donc un petit tour sur www perdu com That s all folks Aaa aN Typo graphisme La typographie est un l ment incontournable dans le graphisme sous toutes ses formes Les tech niques d aujourd hui permettent de d multiplier les possibilit s offertes aux cr ateurs dans ce domaine partir des travaux de quelques uns des designers les plus innovants du moment TYPO GRAPHISME tudie la relation entre la cr ativit et la technologie de l re num rique Des livres aux magazines et des sites Internet aux habillages un ventail de m dias explor pour donner une id e pr cise des pro cessus de cr ation De multiples www hotjob be hotjob est une initiative du FOREM cofinanc e par la R gion wallonne et le Fonds social europ en faxer ou renvoyer au c
7. a au printemps Pour la 23e dition du SIPAB ses organisateurs ont r serv le palais 3 de BRUSSELS EXPO Heysel Pour plus d info visitez le site Internet http www sipab be EXPOS 22 gt 26 03 02 LE MONDIAL IM AGE PHOTO SON aiir mage Photo aia Les industriels de la photo du son et de l image ont cr un nouveau grand salon public et profession nel Le Mondial Image Photo Son Le Salon de la Vie High Tech Cette premi re dition se d roulera Paris Expo Porte de Versailles du vendredi 22 au mardi 26 mars 2002 Pour plus d info visitez le site Internet http www mondial image photo son com 24 11 01 gt 24 02 02 ROBERT KOT La th matique du portrait est au centre des pr occupations de Robert Kot Il explore ici les poten tialit s n es de la rencontre entre le portrait et le multim dia les nouvelles technologies de l image Son installation dans l espace place le visiteur en position de spectateur et d acteur de l exposi tion Confront une projection de vingt cinq tirages en mouvement rotatif permanent le visiteur active involontairement un sys t me de d tection et d clenche ainsi une action sur l cran Un des portraits appara t au premier plan provoquant une confrontation jusqu ce que le spectateur quitte le faisceau infrarouge Le sc nario de la projection se trouve donc chaque fois modifi d pendant totalement du va et vient des
8. ar d faut simplement veiller mettre 35 images sec au lieu de 12 cela augmentera la fluidit de l animation les calculs seront effectu s plus souvent Une fois le document cr tracez un trait 45 veillez ce que l paisseur soit sur filet maigre ces deux l ments sont imp ratifs Comportement f Clip O Bouton O Graphique dossier Propri t s du symbole pour que le trait ne varie jamais d paisseur Dans la palette Info choisissez une longueur et une hauteur de 100 pixels Une fois que cela est fait s lectionnez le trait et appuyez sur F8 vous transformez alors le trait en clip Nommez le trait s lectionnez le et ouvrez le panneau des actions Fen tre gt Actions Passez en mode expert triangle noir dans le bord sup rieur droit du panneau action et entrez le code suivant attention Flash est sensible la casse des caract res onClipEvent enterFrame _root ligne yscale _root bouton2 y _root boutonl y _rootligne xscale _root bouton2 x _root boutonl x _root ligne x _root boutonl x root bouton2 x 2 _rootligne y _root boutonl y root bouton2 y 2 Les deux premi res lignes fixeront la dimen sion du trait x repr sentant les coordonn es sur l axe horizontal et y celles de l axe verti cal les deux suivantes fixeront la position du trait Ouvrez pr sent le panneau Occurrence et entrez comme nom ligne Ce nom est diff re
9. ca tion un simple clic sur le petit rond situ sur m Bjb E tre Gas EE E Contour Contenu Cliquer sur le petit rond qui jouxte le nom du sous calque cible celui ci D s lors les attributs qui seront cr s l aide de la palette Aspect s appliqueront au groupe en tant que tel La palette Aspect nous le confirme c est bien le groupe qui est s lectionn la droite du nom du sous calque et le groupe se retrouve s lectionn mais aussi cibl On peut alors repasser par la palette Aspect pour recr er nos deux contours Cette fois la palette m indique directement que je tra vaille sur un groupe et non plus sur une s rie d 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 les routes que nous avons tracer ont la m me taille cette fa on de proc der fera l affaire Mais pas question d y avoir recours pour y ajouter les chemins plus petits dont nous avons pourtant besoin dans le cas pr sent La m thode ne fonctionne que parce que j ai O Sanstitre 1 e rc tML DE Les d bordements disgracieux aux carrefours ont disparu Pari gagn Pas encore Ajouter des routes d une taille diff rente serait impossible appliqu le double contour l ensemble d un groupe Mais des trac s d paisseurs diff rentes
10. coup d entre nous n ont pas encore assimil les nouveaut s de la mouture pr c dente Dans cet article nous revenons sur les possibilit s offertes par les palettes Aspect et Transparence ces fonctions ont un int r t certain mais restent d un maniement d licat qui oblige souvent effectuer quelques d tours Suivez le guide Les plans d acc s constituent un passage oblig pour la grande majorit des gra phistes folders cartons d invitation projets plus ambitieux les travaux qui requi rent l int gration de cartes sont nombreux La m thode pour r aliser de tels l ments est aujourd hui bien connue et n a pas subi de bouleversement depuis de nombreuses ver sions d Illustrator m me si le pathfinder nous offert la possibilit de cr er facile ment les plans l aide de formes et non plus de trac s ouverts Petit rappel la m thode traditionnelle Une superposition de trac s identiques cr s par Copier Coller devant permet d obtenir l illusion de lignes parall les quelque soit leur forme Un premier trac dot d un contour noir pais une dizaine de points par exemple est donc copi puis coll sur place Coller devant du menu La m thode traditionnelle chaque route est constitu e de deux trac s identiques superpos s le premier poss de un contour noir le second un contour blanc plus fin dition ou 88 F au clavier La copie est ensuite modifi e pour recevo
11. e chacune d elle ici on a choisi 0 4 seconde ce stade quatre images ont t ajout es l animation et les quatre empreintes de pas sont pr sent visibles Pour le texte inscrivez vous l animation sera un peu plus complexe Ce texte devra venir de la droite et coulisser vers la gauche tout en passant de la transparence l opa cit ImageReady nous facilitera largement la t che en g n rant une s rie d images interm diaires partir de deux images cl s Apr s avoir ajout une nouvelle image cl le texte sera plac presqu en dehors de la zone de travail II suffira alors de diminuer l opacit du calque Sur une autre image le m me calque sera plac dans sa position d finitive et son opacit sera r gl e sur 100 Pour cr er les tapes interm diaires de ce d pla cement nous utiliserons alors la fonction de Trajectoire tweening dans la version ori ginale US Esiques Taupe miya W ikja CE bihi i l ment essentiel des animations cr es avec ImageReady la bo te de dialogue permet d ajouter automatiquement des tapes interm diaires dans une animation La bo te de dialogue Trajectoire offre la possibilit d ajouter un certain nombre d images interm diaires entre les images s lectionn es Les modifications prises en compte peuvent porter sur la position des calques leur opacit ou encore sur les effets qui y ont t appliqu s Lorsqu on valide
12. e qui a t cibl afin de recevoir une seule modification la fusion isol e Remarquez le petit d grad dans les ronds des deux groupes Il indique que ceux ci ont re u des attributs propres II ne me restera plus qu placer les l ments fond bois ruisseau d arri re plan sur un nouveau 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 couverte des 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 une courbe gr ce aux tangentes est bien entendu un des avantages de cette m thode Mais au del de ce petit plus la puissance d Illustrator 9 vient des aptitudes l auto matisation qu il offre dessiner un nouveau plan reprenant la m me structure serait tr s simple Un passage par la palette Aspect nous per met de r cup rer les aspects d j cr s une fois les diff rents groupes cibl s On peut alors cliquer sur la petite ic ne qui se trouve c t du mot Groupe pour ensuite la glisser dans la palette des styles Une fois dans celle ci il est m me possible de nom mer ce style en passant par la fonction Options de style ou en double cliquant sur la vignette du style Une fois mes styles cr s ils pourront m me tre sauvegard s dans une biblioth que sp ciale conserv e a
13. entre ouvert 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 les travaux num riques typo graphisme Yolanda Zappaterra Pyramyd ISBN 2 910565 06 8 Internet devient un outil de plus en plus important pour ceux qui veulent avancer sur le plan professionnel Mais c est aussi un v ritable labyrinthe Comment trouver rapidement l information dont vous avez besoin Gr ce hotjob le portail de l emploi et de la formation sur Internet c est trois fois plus facile Vous trouvez des milliers d offres d emploi dans tous les domaines Vous acc dez une mine d informations pr par es par des sp cialistes du march de l emploi Vous tes guid vers d autres sites Web en Belgique ou l tranger des entreprises qui recrutent des agences d int rim des bureaux de recrutement des services publics des associations M FOREM Technofutur Cepegra Avenue Georges Lema tre 22 6041 Gosselies Fax 071250 399 Q je souhaite recevoir le nouveau catalogue reprenant les formations en modules dispens es dans le centre de formation Q Je souhaite recevoir le catalogue de la formation en management en communication et production graphiques Q pour travailleurs Q pour demandeurs d emploi Nom Mme M Pr nom Fonction Entreprise Adresse Code postal Localit T l phone
14. ible de consulter les offres d emploi sur 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 explorer en auto formation Photoshop 6 Volume Tour d horizon de Photoshop Ouvrir impor ter une image G rer son plan de travail toujours annuler revenir en arri re dimensionner redi mensionner une image Les couches et la couleur choisir un mode couleurs corriger les couleurs Plus net ou plus flou retoucher une image avec les outils retoucher une image avec les filtres Photoshop 6 Volume 1 Outils vectoriels Calques mode d emploi effets de calque Masques et s lections cr er une s lection Les textes dans Photoshop Imprimer enregistrer une image Fonctions automatiques 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 vers d autres applications Interface l ments communs et diff rences Gestion des cou leurs et palette Web optimisation des images cr ation d animations trajectoire QuarkXPress 4 Volume Introduction Quark 4 Zoom et d place ment Les
15. ir une paisseur moindre 8 points et une couleur blanche Seules deux lignes s par es l une de l autre par une distance constante restent alors visibles Voil notre premi re route D autres viendront s y ajouter condition que tous les 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 sente un inconv nient chaque route tant compo s e de deux trac s superpos s parfois davan tage sa correction est d licate D placer un point d ancrage ne pose pas de probl me Une s lection par cliquer glisser l aide la fl che blanche permet de s lectionner les points superpos s appartenant aux diff rents trac s Mais modifier une tangente et donc une courbure est impossible Il faut alors effacer un des trac s puis le remplacer par une copie de l l ment corrig L arriv e de la version 9 du logiciel d Adobe et de la possibilit de contours multiples qu 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 sultat et nous en profiterons pour d couvrir les prouesses dont est capable Illustrator il nous faudra utiliser les aspects et les styles mais aussi les sous calques le ciblage et les fonctions de transparence dossier Petit safari dans la jungle des vecteurs Au d part nous Tree d un plan scann qui servira de base se trouve
16. l op ration ImageReady ajoute autant d images que sp cifi dans la boite 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 un test dans un navigateur pourra vous donner une id e exacte de la vitesse de d roulement de l animation Dans le m me ordre d id es on peut galement d cider du nombre de r p titions de l animation qui seront ex cu t es dans le navigateur Toujours dans la palette Animation on choisira alors le nombre souhait en rempla ant la valeur par d faut Toujours dans le petit menu local plac en bas et gauche de la palette Pour tre r ellement termin e l animation doit pr sent tre sauvegard e Optimis e au 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 page Web Tous les fichiers n cessaires la r alisation de cet exercice sont disponibles sur le site du centre Technofutur Cepegra l adresse sui vante http cepegra be pages present fram pres html Thierry Herman S AEON 20 03 02 gt 22 03 02 SALON SIPAB Votre grand rendez vous annuel avec les responsables du marketing des achats des ventes et de la pro motion dans les entreprises belges et europ ennes se d rouler
17. lettrines Fonctionnement de la d fonce recouvrement Prise en main du logiciel QuarkXPress 4 Volume La gestion de longs documents Les colonnes bo tes de texte automatique Gestion du flux de texte 1 Gestion du flux de texte 2 Colonnes et cha nages saut de colonnes et de blocs c sures automatiques c sures manuelles justification mieux InDesign Volume Premier contact introduction et lancement du 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 alignement et organisation Utilisation des rep res des r gles InDesign volume Utilisation avanc e de la mise en page Autoriser la r organisation de pages Utilisation avanc e des textes vectoriser du texte 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 er une version PDF Illustrator bases Introduction Diff rences entre vectoriel et bitmap Mes premiers documents utilisation de l interface r gles rep res et grilles Ma triser les bases d Illustrator Organiser et enrichir 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
18. nScript et au moment o nous r digeons cet article la bibliographie consacr e l ActionScript s est consid rablement toff e cependant les formations sont rares moins de se rendre Paris L ActionScript est un langage de program mation puissant orient objet issu du JavaScript La difficult consistait d abord trouver un angle d approche pour initier un public qui s est empress d oublier sa trigo pour dessiner des petits mickeys dans les marges dans le fond pr s du radiateur Nous avons imagin cet apprentissage comme celui d une langue trang re acqu rir des automatismes de syntaxe simple passer au perfectionnement pour ensuite g n rer ses propres codes dans un atelier Nous n insisterons jamais assez Flash est m sestim voire m pris tort dans ce pays de conservatisme frileux o le Web est par fois affaire de coterie branchouillarde En clair ou les Belges sont des g nies m connus du Web d tenant une V rit que la plan te enti re ignore ou nous sommes ridicules vous de voir Oui on sait on se la joue Jean Pierre Coffe mais y en a marre Flash peut aujourd hui TOUT g rer base de donn es avec Coldfusion php ou xml clips vid o cartoons art digital avec l ActionScript Tout on vous dit Voili Nous c dons la place bien volontiers Alain qui assurera les volets 2 et 3 de cette forma tion et est bal ze de chez Bal ze en ActionScript Disons que nous sommes pr
19. ne peuvent videmment pas recevoir les m mes attributs Je peux cr er un nouveau groupe reprenant tous les chemins troits puis apr s avoir cibl ce groupe lui donner les valeurs de contours souhait es noir 6 points et blanc 5 points par exemple Dans ce cas je me retrouverai confront mon probl me pr c dent l int rieur du groupe les croise ments entre chemins se font de mani re correcte mais entre les deux groupes cela ne fonctionne pas Les carrefours entre routes et chemins ne sont pas corrects et un effet de superposition appara t Pour le supprimer il me faudra cette fois faire un d tour par la nouvelle palette de transparence Troisi me essai modes de fusion La gestion des transparences constitue sans doute la nouveaut la plus attendue de la akiai JE Les nouveaux chemins ont t r unis au sein d un groupe et celui ci a t cibl afin de recevoir des attributs L op ration bien fonctionn mais les carrefours pr sentent des d fauts derni re version d Illustrator Et Adobe a lar gement r pondu nos attentes en nous livrant une palette qui ne se contente pas de permettre la cr ation d objets translucides mais s agr mente aussi de possibilit s bien plus avanc es On y retrouve ainsi les modes de fusion que les photoshopistes avertis connaissent d j depuis longtemps De plus ces fonctionnalit s peuvent s appli quer des objets des groupes et de
20. nt pour montrer que dans Flash pour appeler un clip il ne faut pas le faire par son nom de biblioth que mais par son nom d occurrence Pour ouvrir la palette occurrence allez dans Fen tre gt Panneaux gt Occurrence Voil le premier l ment fini pour r sumer un trait dont les dimensions et position d pendent de deux points d finis par l utili sateur Le point de d part Moins compliqu que le trait seul deux lignes de codes seront n cessaires Elles serviront d placer le premier point du trac lorsque la touche espace sera press e Dessinez une petite croix ou un petit cercle sans contours peu importe du moment que ce point est visible Il servira simplement de r f rence visuelle Comme pour le trait s lectionnez la forme que vous venez de tracer Appuyez sur F8 s lectionnez le com portement clip Ouvrez le panneau Action en 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 e dans le champ de texte Cela permettra de ne pas dessiner uniquement des lignes qui se touchent de lever la plume en quelque sorte Cr ez le champ de texte en tra ant un rec tangle avec l outil
21. of d anglais mais que lui a v cu trois ans aux States Cela nous para t un assez bon rac courci Go ahead Your good ol trainer serge delescaille cepegra be Serge Delescaille 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 assez simple moins de 15 lignes de code permet tant de dessiner avec Flash Pour cela nous avons besoin de trois objets un point de d part un trait qui servira de trac et un bouton qui permettra de d finir le second point du trac chaque clic sur le bouton un trait sera trac entre le point de d part et celui ci ce moment le bouton deviendra le point de d part et ainsi de suite L astuce consiste dupliquer un trait de base lui donner 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 p
22. p contenant 6 calques un fond bleu avec un texte un calque de texte et 4 calques vectoriels calques Historique Scripts Ce verou MD D Ar DO E Forme 1 Copie E Forme 1 copie 3 Ee Erre E Forme 1 copie 2 Inscrivez vous Pour la banni re nous disposons d un fichier contenant six calques Au d part seul le fond est visible Les autres calques seront affich s au cours de l animation Ceux ci contiennent des trac s en forme de pied cr s l aide des nouveaux outils vec toriels de Photoshop 6 La premi re tape de notre animation consistera simplement faire appara tre ces calques un un Pour cela nous aurons besoin de la palette Animation Dans celle ci nous commence rons par cr er de nouvelles images cl s un simple clic sur l ic ne en forme de petite page c t de la corbeille chaque nou velle image nous affichons un pied de plus Sans d lai 0 1 seconde HE ar He FH 0 5 1 0 z0 50 formation par souri Autre J O4 seconde Chaque image peut se voir attribuer une dur e Pour faciliter la t che de l utilisateur cette m me op ration peut s appliquer en une seule fois toutes les images s lectionn es Une fois cela fait il est possible de s lec tionner toutes les images avec la touche majuscule enfonc e puis de leur attribuer une dur e en cliquant sur le petit menu local plac en dessous d
23. r 4 Vue d ensemble Introduction Le texte les liens les images les tableaux les formu u La guerre 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 deux octets qui englobe quasiment tous les alpha bets du monde un m me caract re corres pond toujours au m me code et ce dans n importe quelle police Typographie avanc e Les glyphes sont les formes sp cifiques que peut rev 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 des actualit d centre ES laires les cadres ou frames les feuilles de style 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 Urbain Espace Auto formation Documentation Emplol Technofutur Cepegra ler tage Phone 071250 366 Fax 071 250 399 Cellulaire 0476 30 80 43 E mail jl urbain cepegra be polices C1 d i TETE casse la petite capitale a et une variante omementale bas de casse du a forment le m me caract re mais trois glyphes distinc
24. s e des Beaux Arts H tel de Ville 2 tage Place Charles II 6000 Charleroi Pour plus d info t l phonez au 07186 11 36 35 26 et 27 01 02 LES JOURS D MOI Imaginez Un atelier g ant 30 interventions diff rentes des hommes des femmes qui cr ent en direct des artistes des per sonnes comme vous et moi Tous port s par une m me concentra tion de cr ation L objectif des Jours d moi est de mettre le public en relation directe avec des processus de cr ation divers et vari s tant sur le plan de la d marche que sur les techniques abord es Il est essen tiellement centr sur les Arts Plastiques et Visuels avec n an moins une ouverture en direction de la musique de la danse et l criture De plus cette ann e durant les 24 heures que dure l v nement des caf s politiques se d rouleront traitant de th mes comme La place de l artiste dans agenda Je la cit Du r le p dagogique de l art Quelle politique pour quelle culture De l influence du monde socio conomique sur la cr ation contemporaine L art espace de libert espace de parole Ekw t es Artiste toi et moi ou du Statut de l Artiste Les Jours d moi c est pourquoi encore Lieu Centre culturel de Ans Alleur Organis par l asbl Comme Vous moi Plus d info 04253 62 32 T l phonez au 05 10 01 gt 27 01 02 MONS EXPO ART W20 Va
25. s calques mais galement un simple attribut Autrement dit il est possible de modifier la transparence d un contour sans affecter les autres attributs du m me objet Dans le cas pr sent je pourrais faire un d tour par la palette Aspect pour s lection ner le contour noir le groupe ayant t cibl auparavant Rendre le contour simplement translucide ne me servirait rien Ici il me Contenu Fond Transparence par d faut Une fois le groupe cibl je peux s lectionner l attribut contour noir puis modifier sa transparence faut m arranger pour qu il interagisse de mani re s lective avec ce qui se trouve en dessous de lui C est justement cela que servent les modes de fusion En r gle g n rale ils d terminent la mani re dont un objet un calque entier dans Photoshop va venir s appliquer sur les l ments situ s sous lui Le mode Luminosit par exemple permet de conserver les valeurs de luminosit de contraste de l objet auquel on l applique tout en utilisant les valeurs de couleur de ce qui est en dessous Dans le cas qui m occupe le but est de faire dispara tre les traits noirs des chemins l o ils empi tent sur les parties blanches des routes Un mode me permet d obtenir ce r sultat le mode claircir En mode claircir les traits noirs ne res tent visibles que l o ils sont plus clairs que ce qui se trouve sous eux lls disparaissent donc l o ils se s
26. sible qui vient d tre cr e pr sente une forme rectangulaire Un d tour par la palette Carte image permettra de la rendre polygonale Transformer ce calque en zone sensible ne posera aucun probl me Une fois le calque activ un passage par le menu Calque r v le une fonction Nouvelle zone de carte image d apr s un calque S lectionner cet article de menu cr era instantan ment un rectangle couvrant la partie opaque du calque actif La palette principale d ImageReady pr sente un onglet d di aux cartes images Dans celui ci la rubrique Forme permet de choisir le type de zone sensible souhait Ici nous retiendrons l option Polygone ZERE armation par souris DEEE Cercle Mo SF ol qu Carte ima Forme Qualit suite et fin Dans la m me palette on pourra directe ment attribuer une adresse URL vers laquelle le visiteur sera renvoy temple html par exemple Dans le champ Cible on peut aussi d terminer dans quelle fen tre ou frame sera visualis e la nouvelle page visit e voir num ro pr c dent p 11 Si la cr ation de zones sensibles partir de calques est tr s facile la m thode consis tant cr er celles ci manuellement ne pose pas beaucoup plus de probl mes Une fois s lectionn l outil Carte image polygonal il suffit de tracer des formes correspondant aux liens n cessaires Chaque nouvelle zone devra bien entendu recevoir une adresse URL et ven
27. spectateurs et de leur r action face aux images L interactivit autoris e par la technique est ici au service de la rencontre et de l change Les uvres de Robert Kot sont expo s es au M us e de la Photographie 11 avenue Paul Pastur 6032 Charleroi Pour plus d info t l phonez au 071435810 ou visitez le site Internet http museephoto nfonie be 17 11 01 gt 17 02 02 CELSIUS 1535 ACIER EN SCULPTURE travers cette exposition organi s e en synergie avec l asbl Art et Acier le Mus e des Beaux Arts de Charleroi met en vidence le tra vail d artistes contemporains et propose galement un regard exp riment sur le mat riau acier dans son utilisation artistique Celsius 1535 Acier en sculpture propose les r alisations monumen tales en acier de vingt deux artistes belges et trangers simul tan ment dans les salles du M us e des Beaux Arts et dans l espace urbain en un parcours tonnant Installations r alisations pour un lieu sculptures parfois tr s impo santes animeront les salles du Mus e des Beaux Arts dont la vitalit d borde hors de l institu tion et envahit l espace urbain Dix artistes de Celsius 1 535 ont choisi dix lieux dans la ville Ce parcours hors du commun permet d une part de sensibiliser la population l art urbain d autre part offre la possibilit d une r flexion sur des cr ations contemporaines en phase avec l espace environne mental Lieu Mu
28. ssier mageReady promenade guid e A agenda le coin des surfeurs livre ouvert actualit d Centre ES toujours plus p _ C est dans votre volution que nous puisons notre motivation La formation des travailleurs est devenue une n 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 suivre l volution r pondre vos besoins et ceux du secteur Technofutur Cepegra accro t son potentiel en vous offrant un espace Auto formation Documentation Emploi quatre toiles dans lequel 5 Mac G4 5 PC et une vari t de CD d auto formation sans cesse grandissante sont votre disposition Vous souhaitez maintenir vos acquis pr parer un examen d entr e d couvrir ou red couvrir un logiciel ou simplement largir vos connais sances pour le plaisir d apprendre Cet espace vous offre l opportunit de vous former votre rythme mais galement de vous informer Nos supports 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 de rester au TOP Dans cet espace il est gale ment poss
29. ste exposition consacr e l art du 20e si cle en Wallonie Art W20 regroupe quelque 350 uvres de 250 artistes toutes disciplines confondues peintures dessins gravures sculptures installations et photographies Des artistes tels que Magritte Delvaux Rassenfosse Misonne Ubac M ichaux Marchoul Bury Nyst Belgeonne Charlier Ransonnet Liz ne Buisseret ou Octave ponctueront un parcours peu ordinaire regard panoramique sur 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 au 065335580 ou 065405308 ou visitez le site Internet http www mons be le coin Espace l g ret D cidez de vous a rer un peu la t te en parcourant quelques ima ginaires ludiques et attrayants vous verrez Internet peut gale ment faire de l image un po me Je pense notamment quelques ani mations d velopp es dans ce site Www inook com L esth tique et la fluidit du site Kenzo valent galement le d tour on y voyage tout en douceur au gr de ce que les mots nous inspirent ou par l interm diaire d un guide www kozen com Si votre souris est en mal d aven tures animali res emmenez la donc faire une escapade sur ce site La petite faune sympathique qui y r side devrait assouvir sa soif de nouvelles rencontres e LoM www made in plastic com Une partie de p tanque sur cro mozone
30. sur un calque m moris en tant que mod le calque verrouill et non imprimable image att nu e Les premi res rues ont t trac es sur un second calque Dans cette capture elles ne poss dent qu un contour noir fin Premier essai la palette Aspect Pour cet exemple j utiliserai un petit plan scann qui servira de base au dessin Apr s avoir plac ce mod le sur un calque ver rouill j ai cr la plume sur un nouveau calque les routes importantes Une fois ces trac s termin s il faut les transformer en rues c est dire obtenir deux traits paral l les Une premi re mani re de proc der vient tout de suite l esprit il suffit de doter les trac s de routes de deux contours un noir puis un blanc l g rement plus troit O 3 pt M rt Contour Contour Nos trac s ont re u deux contours diff rents Apr s avoir cr le premier il a fallu passer par le menu local de la palette pour acc der la fonction Ajouter un nouveau contour dossier Plan Pnchart Al 150 e COMM Aer 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 noirs sur les routes plac es en dessous Pour cela on s lectionne l ensemble des tra c s et on passe par la nouvelle palette Aspect On clique alors sur l attribut Conto
31. t s av rer particuli rement g nant dans certains cas mageReady le Cadeau dossier d Adobe Photosho Apr s la d coupe en tranches et la cr ation de roll over la derni re tape de notre exploration d ImageReady nous fera d couvrir deux nouvelles fonctions les GIF anim s et les cartes images Pour ce dernier article consacr ImageReady nous allons pr parer deux l ments destin s une nouvelle page de notre site Web fictif Avant de nous attaquer la r alisation d une banni re anim e nous commencerons par cr er un plan contenant des liens vers d autres pages Ce type d objet porte le nom d image map traduit litt ralement en carte image et est utilis depuis les d buts du Web Pour cr er cette carte interactive nous disposons d un plan dessin dans Illustrator et export sous forme de fichier Photoshop Avant de le sau vegarder dans un format acceptable pour le Web nous allons y ajouter une s rie de zones sensibles qui renverront le visiteur vers les pages Web correspondantes Ea Opacit fioo fe verro Es Da LI O Mormal En plus du fond notre fichier de d part contient un autre calque qui nous servira de base pour une zone sensible Notre document de d part contient ici deux calques le fond et un calque reprenant la repr sentation du cimeti re un des endroits sur lequel nous aurons placer une zone r active Ran Apang EET EBR La zone sen
32. texte Une fois que cela est 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 du fond et ins rer une valeur num rique dans le rectangle Dans le champ Variable tapez inertie qui est d ailleurs utilis dans le code pr c dent dossier Pour afficher ce panneau allez dans Fen tre gt Panneaux gt 0ptions de texte Le point permettant de tracer Nous arrivons dans la partie la plus ardue de l exercice Nous allons maintenant cr er un bouton dans un clip Pourquoi Pour r cup rer l tat cliqu de la souris et b n ficier des avantages du clip pour le d placement Cr ez un cercle orange par exemple ou autre objet votre convenance Appuyez sur F8 s lectionnez le bouton et ouvrez le pan neau Action toujours en mode expert indi quez y le code suivant on press i i duplicateM ovieClip _root ligne _root trait add i i _root bouton1 _x this x _root bouton1 y this y L tat on press ne peut tre obtenu qu avec un bouton Ces 3 lignes permettent de dupliquer le trait dans sa position actuelle et de ramener le centre sous le pointeur de la souris Donc on cr e le trait tel qu il est et on pr pare le point de d part pour continuer le trac Maintenant que le code est entr appuyez sur F8 nouveau ce moment vous Pour ouvrir la palette ac
33. tion allez dans Fen tre gt 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 Aotions sur objets on press 15 Actions sur objeta L choisissez dans la bo te de dialogue le com portement clip Pour r sumer nous avons donc un bouton dans un clip Rendez vous sur la sc ne si vous y tes bien vous pourrez s lectionner tous les objets s lectionnez simplement le clip contenant le bouton et ouvrez le panneau action toujours en 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 le trait se trouve dans ce m me clip la copie se fera en fonction de la position de la souris Dernier point ne pas oublier bien v rifier que vos occurrences sont nomm es pour le centre bouton 1 pour le point permettant de tracer celui qui vient d tre expliqu bouton 2 pour le trait ligne Vous pouvez pr sent dessiner dans Flash Alain Duchateau duplicate ovieClip roct ligne root trait odd l root boutont this root boutont u this _uyf Bustrator 10 arrive et beau
34. ts Un jeu de caract re traditionnel se limitait par le pass 256 glyphes Pour acc der de nouveaux signes petites capitales lettres orn es indices ligatures il a fallu multi plier les fichiers Le nouveau format de fichier OpenType peut contenir plus de 65 000 signes en un seul fichier Pour plus d info rendez vous sur le site Adobe http www adobefr type opentype main html Nathalie Gautier dossier Du soleil de mal sur las Ramblas A Nu d marrons nos formations ActionScript Quel rapport avec las Ramblas me direz vous priori rien sinon que tout part de Barcelone et de la premi re dition de son festival Offf enti 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 On se donne d j rendez vous l bas pour la seconde dition mais c est une autre histoire La formation que nous vous proposons s adresse aux non programmeurs nous m me d ailleurs blablabla Nous avons en effet pu constater apr s trois jours de conf rences Barcelone que les pointures de l ActionScript taient tous illus trateurs graphistes de formation ou d exp rience Ces tr s jeunes artistes moyenne d ge vingt trois ans ont appris en autodi dactes aid s par les forums de discussion des tr s nombreux sites consacr s l Actio
35. tuellement une cible Pa Outil Carte image rectangulaire F Outil Carte image Circulaire F ns Dwil S lection de carte image F zi La palette des outils contient une s rie d outils de cr ation et de manipulation des zones sensibles Carte image m Nmagelap_0i Toutes les propri t s des zones sensibles se retrouvent dans la palette Carte image On peut choisir le type de forme qu on souhaite cr er ainsi que l adresse URL laquelle la zone sera li e dossier Plusieurs zones ont t cr es l aide de l outil de tra age Chacune d elles peut tre s lectionn e afin de recevoir un nom une adresse URL Chaque zone peut tre s lectionn e l aide de l outil de s lection de zone Un passage par la palette Carte image permet alors d attribuer des liens aux zones usine HTML glise html et villagehtml dans notre exemple II ne restera plus alors qu r gler les param tres d exportation du fichier ici on choisira le format GIF et la palette de couleur Web Seize nuances de couleurs suf firont pour obtenir un r sultat valable pour une taille limit e environ 15 Ko pour notre fichier de 468 pixels de c t Au moment de sauver le fichier il ne faut pas oublier de cr er le fichier HTML c est celui ci qui contiendra dans son code les coordonn es spatiales des zones sensibles Une banni re anim e Pour notre banni re anim e nous disposons d un fichier Photosho
36. uperposent aux traits blancs Quand nous activons le mode claircir les traits noirs des chemins dis Contour Dpacit wi Q Eclaircir L nvers LC roupe per ant _ Perce selon l opacit et le masque _ Fusion isol e Contour C E pt CONtOUr Couleur O 6 pt pacit 100 Eclaircir Contenu Le menu local des modes de fusion se trouve juste c t du r glage d opacit Lorsqu on clique sur Normal une liste se d ploie Ici j ai choisi le mode claircir Comme le montre la palette Aspect le mode n a t appliqu qu au contour noir 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 dossier calques mes trac s r apparaissent mais les croisements des routes sont pr sent conformes mes souhaits Flan Pinch Cette fois tous les croisements paraissent corrects mais le travail n est pas pour autant termin On devine imm diatement quel probl me va alors se poser Si je me contente d une carte sur 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 fond color et de zones indiquant les bois ou les champs je serai oblig de trouver une astuce qui emp chera la disparition de mes traits noirs aux endroits o
37. ur puis on en choisit la couleur et l paisseur Ici noir et 10 points Il reste alors ajouter un second contour en utilisant le menu local de la palette le petit triangle en haut droite Mais lorsqu on proc de ainsi les routes ne se 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 cependant pr visible le m me probl me surgit lors qu on cherche dessiner des routes l aide de 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 en doter un groupe dans son int gralit Pour y arriver je commence par annuler les op ra tions pr c dentes pour revenir l tat d ori gine Je s lectionne ensuite mes trac s avant de les associer via la traditionnelle fonction Objet gt Associer ou par le rac courci 38 G Ce nouvel ensemble appara t alors dans la palette des calques sous la forme d un sous calque baptis Groupe en d ployant si n cessaire le calque l aide du petit triangle situ sa gauche Illustrator 9 permet d agir sur l aspect du groupe en tant que tel C est donc ce dernier qui se verra dot des deux contours que je vais cr er Pour cela il me faudra cibler le groupe avant toute tentative de modifi
38. vec le logiciel Pour cela il vous faudra sau ver un fichier Illustrator contenant les styles souhait s dans le dossier Biblioth que de style de l application Pour m moriser un aspect sous forme de Style il suffit de cliquer sur l ic ne qui le repr sente puis de 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 recevoir un nom double clic sur la vignette d un des styles Ce nom appara tra chaque fois que la vignette du style sera survol e par la souris Pour Dessiner un nouveau plan il me suffira de tracer les diff rentes routes de les grou per de mani re ad quate puis apr s avoir cibl un groupe de lui appliquer un style r cup r dans la biblioth que en passant par le menu fen tre La nouvelle carte se fera ainsi rapidement et chaque trac res tera modifiable Thierry Herman Plan Pinchart Al 150 OMIMFApErEU Pour fignoler la carte quelques am nagements ont encore t n cessaires Pour donner des limites bien d finies au plan un masque renomm M asque 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 peu
Download Pdf Manuals
Related Search