Ecrans Squeak 2
From OFSET Wiki
[edit] Deuxième partie – L'écran Dessin
En ouvrant la barre du NAVIGATEUR, nous trouvons une touche avec un pinceau. En cliquant dessus, nous sommes projetés sur l'espace DESSIN qui laisse apercevoir, par transparence, l'écran MONDE sous-jacent. A droite de l'écran, la palette, qui est l'instrument au service du dessinateur. Nous allons détailler ses différentes fonctions. Nous verrons ensuite quels genres de créations elle permet de réaliser, et, pour en finir, quelles relations elle peut entretenir avec l'écran Monde et l'univers des projets.
[edit] La description de la PALETTE
Elle propose un certain nombre d'outils :
- Le PINCEAU - dessiner librement.
- Le SEAU DE COULEUR - remplir d'une teinte uniforme le fond ou une surface fermée.
- La PIPETTE - capturer en la touchant une couleur présente sur l'écran pour la réutiliser.
- La GOMME - à plusieurs largeurs pour supprimer.
- Le catalogue des EPAISSEURS DE TRAITS (à choisir).
- Le NUANCIER DE COULEURS - aux mêmes caractéristiques que celles du nuancier de l'écran Monde.
Quelques touches de fonctionnement :
- DFAIT supprime la dernière intervention.
- FINI ramène l'objet traité sur l'écran Monde.
- VIDE supprime le motif de l'écran dessin sans le détruire (il subsiste sur l'écran Monde).
- JETE l'élimine définitivement et ramène sur l'écran Monde.
En dessous, la liste des couleurs en cours d'utilisation, mises en mémoire et réutilisables.
A la base de la palette, 2 onglets qui se déplient : l'onglet des formes préenregistrées et l'onglet des 3 tampons.
En bordure de l'écran, 2 icônes vont servir à des CHANGEMENTS DE TAILLE et d'ORIENTATION.
Nous allons examiner maintenant quelques uns des effets que l'on peut obtenir grâce à ce dispositif.
[edit] Le dessin libre
- Le Pinceau autorise toutes les formes de tracés avec toutes les teintes du nuancier et dans toutes les épaisseurs. Ces formes, figuratives ou non, peuvent être construites, en accumulant, juxtaposant ou superposant tâches, lignes, et couleurs comme sur une feuille de papier à dessin avec crayons et pinceaux. Le produit est transféré sur l 'écran monde avec la touche FINI. Ce produit devient un OBJET et est dotée d'un Halo mobile qui a un bouton supplémentaire (gris -
) qui le ramène sur l'écran de la Palette. Ce qui va permettre des va-et-vient entre les deux écrans.
Le tracé obtenu en déplaçant la souris n'a pas la précision de celui que produit le crayon guidé par la main. Si l'on désire travailler sur la forme, il faudra prendre en compte les caractéristiques de l'outil pour en tirer des effets plastiques.
- Le seau répartit la couleur aussi bien à l'intérieur des espaces fermés (cloisonnement) que sur le fond ce qui fait que le dialogue pinceau/seau à peinture va être à la base de multiples créations.
- la catégorie 'NO COLOR' efface la couleur. Dans une zone fermée elle crée des vides au travers desquels un motif sous-jacent apparaît, comme dans l'exemple central.
[edit] L'utilisation des formes préenregistrées
On les découvre en appuyant sur le petit carré qui est à la base de la palette.
Nous avons la même série que dans le catalogue des accessoires de l'écran Monde (avec, en plus la ligne droite). Une icône les signale et quand on en pointe une, on voit apparaître au bout de la souris un signe qui sert de base à sa construction (une croix pour le centre du cercle, un coin pour le démarrage du rectangle etc.). Il est très facile de retrouver les moyens qui permettent de les manipuler.
Elles se présentent sous 2 aspects, les formes qui se construisent avec un trait extérieur de couleur et les formes cernées d'un trait noir.
[edit] Les effets graphiques
Pour avoir un forme géométrique limitée à son seul contour extérieur noir, il faut pointer la taille du trait dans la Palette et ensuite la bande NO COLOR. Nous avons à ce moment-là des surfaces graphiques.
[edit] Le choix des couleurs
La couleur est introduite à l'intérieur de la surface grâce au SEAU A PEINTURE en la choisissant dans le nuancier.
[edit] Le cas du triangle/polygone
Il a l'apparence d'un trapèze. Posé sur l'écran, il prend la forme d'un triangle de couleur ponctué par de petits cercles jaunes placés à la pointe de ses sommets, avec un petit triangle vert intermédiaire. Les cercles jaunes portent le nom de POIGNEES.
En déplaçant vers l'extérieur les poignées, on peut modifier et agrandir la forme du triangle.
En sélectionnant les triangles verts, on les transforme en sommets, donc en poignées et de nouveaux triangles verts apparaissent sur les côtés supplémentaires qui pourront, à leur tour, être transformés en cercles jaunes, etc. En multipliant ainsi le nombre des côtés on obtient des polygones de plus en plus complexes, réguliers ou irréguliers.
Mais on peut aller plus loin :
En déplaçant dans toutes les directions les poignées avec la souris, et en s'aventurant dans le domaine des angles rentrants, on va traverser la surface existante et créer des vides de recoupement au travers desquels un objet sous-jacent devient visible.
Toujours à partir de ce petit triangle, on pourra élaborer des silhouettes monochromes du type OMBRE CHINOISE (A).
Si l'on superpose et agence ensemble plusieurs triangles modifiés, on peut obtenir des silhouettes polychromes (B).
Il est également possible d'associer plusieurs formes géométriques entre elles (C).
Le triangle est la seule surface de l'espace Dessin à pouvoir changer de couleur à postériori.
Tant qu'il est actif on peut changer une ou plusieurs fois sa couleur. Il suffit d'en sélectionner une dans le nuancier et de déplacer la souris, la surface concernée change de ton.
[edit] Le segment rectiligne
Il n'existe pas sous cette forme sur l'écran MONDE.
La souris immobilise une de ses extrémités en cliquant sur l'écran et détermine en se déplaçant par glissement la longueur de son tracé et son orientation. Le trait devient définitif quand on relâche la souris.
- On peut avoir des traits discontinus, indépendants les uns des autres, rayonnants, parallèles, entrecroisés etc.
- Ou des traits continus (enchaînement successif de lignes dont la suivante se réimplante à l'extrémité de la précédente). Cela permet de tracer des silhouettes multiformes, (labyrinthes, figures géométriques ou figures fermées appartenant à n'importe quel domaine du réel ou de l'imaginaire, agrémentées ou non de la couleur.
[edit] La particularité de 'no color' - transparence
On l'utilise comme une couleur, avec le SEAU DE PEINTURE. Si on touche une zone colorée, la couleur est éliminée et l'on a, en remplacement, une zone vide qui laisse apparaître les éléments sous-jacents.
A partir de là on peut envisager des superpositions de plans très divers :
- A droite un graphisme coloré dont le fond a été supprimée que l'on superpose à une ellipse rouge.
- A gauche, des graphismes de couleur sur fond noir éliminés avec no color et placés sur fond blanc, on obtient un négatif NOIR/BLANC.
[edit] Les tampons de forme
A la base de la palette se trouvent 3 icônes dont le rôle va consister à mettre en mémoire (de façon provisoire) un dessin réalisé sur l'écran de la Palette. Si l'on active la première icône, la souris adopte la forme d'un angle et va permettre de le cadrer (lui ou une de ses parties) et de le sauvegarder dans une case située sous la première icône.
Plusieurs dessins différents (qui dépassent largement le nombre de 3) pourront être emmagasinés dans des cases successives que l'on fera défiler à l'aide des flèches sous-jacentes. On a la possibilité d'aller les récupérer en activant l'icône concernée et de les déposer sur l'écran, de les modifier puis de les réenregistrer dans une nouvelle case. Sur l'écran, la souris prend, au cours de l'opération, la forme du motif sauvegardé et joue le rôle d'un DUPLICATEUR en en déposant une copie sur l'écran chaque fois que l'on pose la souris.
[edit] Le réservoir de formes
Le premier rôle du dispositif est de mettre en mémoire les fragments relevés par le cadrage pour s'en servir au cours de des réutilisations. Le réservoir perd sa mémoire si l'objet est transporté sur l'écran Monde (nécessité de transporter sur cet écran les formes que l'on veut sauvegarder).
[edit] Les créations par glissement
Le déplacement sur l'écran d'un motif emmagasiné dans le tableau des 3 tampons, provoque des duplications successives plus ou moins rapprochées qui peuvent se succéder ou se recouvrir en suivant le sens du mouvement de la souris. Cela provoque des enchaînements de formes quelquefois inattendus, mais d'une grande richesse et d'une grande diversité. C'est un procédé qu'il faut explorer pour en maîtriser les effets.
Glissements latéraux , parfois en va-et-vient, et un glissement vertical d'une même silhouette d'arbre (avec changements de couleur pour le dernier motif).
[edit] Les jeux de fonds
Le dispositif des 3 tampons donne la possibilité de reproduire à intervalles réguliers, un ou plusieurs éléments qui seront disposés soit en colonnes (répétition simple) ou en damier (répétition décalée ) ou de toute autre façon répétitive qui pourrait être expérimentée. Mais le plus intéressant ne se situe pas dans le système de répétition qui a quelque chose de mécanique, mais dans le travail d'élaboration des motifs qui constitueront le jeu de fond.
Une forme, très simple au départ, peut être construite sur l'écran de la Palette, puis emmagasinée, reprise, fragmentée, manipulée une ou plusieurs fois jusqu'à l'obtention d'un produit final satisfaisant pour l'auteur. On peut utiliser les systèmes de répétition ci-dessus cités, ou bien on peut inventer de nouveaux.
Ce procédé se fait remarquer par sa rapidité d'exécution. Il autorise des recherches multiples et peut se comparer au travail réalisés par les créateurs utilisant les logiciels informatiques de l'industrie qui servent à la fabrication des papiers et tissus imprimés.
[edit] Les changements d'écran
Un objet crée sur l'écran DESSIN ne peut pas bénéficier des avantages qui sont ceux des objets Squeak. Pour cela, il va falloir lui faire quitter l'écran de l'Espace Dessin avec la touche Fini et le transporter sur l'écran MONDE, où il sera crédité d'un Halo personnel qui contient la poignée grise Redessine autorisant le retour en arrière. On pourra le changer de place, le dupliquer, faire varier sa taille et le programmer.Il n'y a plus de halo rose couleur et bordures car une couleur unie de l'objet n'a plus de sens pour un dessin.
Les objets issus de l'écran Dessin ne peuvent modifier leurs couleurs que sur cet écran.
Pour modifier une forme issue de la Palette et qui se retrouve sur l'écran Monde il y a plusieurs possibilités :
- rapatrier directement le motif sur l'espace Dessin ; l'original sera modifié et sa forme première sera perdue.
- rapatrier une copie après duplication et il y aura, sur l'écran Monde, 2 versions, (avant et après modification)- utile pour les projets d'animation.
On va pouvoir combiner également des formes issues des 2 écrans.
- pour en faire une œuvre unique grâce à la capture d'écran ;
- ou pour les associer dans le cadre d'un projet.
Cependant, un groupe mixte ne peut pas passer sur l'écran Dessin. Seuls seront transférés les éléments ayant été construits sur l'espace Dessin.
[edit] L'écran Monde
Comme nous l'avons déjà vu, son Halo présente un nombre de poignées réduit et les transformations qu'il peut subir se limitent à celles de la COULEUR :à partir du Menu Rouge (style de remplissage), ou du Visualiseur de commandes. Mais il possède la poignée grise d'accès à l 'écran Dessin, ce qui veut dire qu'il va y avoir possibilité de transfert du fond vers l'espace dessin.
Sur l'écran de la Palette, le SEAU de COULEUR permet de changer la couleur du fond Monde. Rapatrié, cet écran se dépose à l'arrière, comme une pellicule, sans occulter ce qui peut s'y trouver. Si nous transférons, de la même façon et successivement, plusieurs fois le fond Monde sur l'espace dessin, nous avons une succession de couches qui se recouvrent les unes les autres comme des pellicules superposées, sans se détruire. En pratiquant, sur l'espace Dessin, des ouvertures dans ces couches (No Color), il est possible d'apercevoir les stratifications inférieures.
Ici, la teinte nuancée qui passe du gris clair au noir est celle de l'écran primordial modifié avec l'aide de la poignée 'menu rouge'. Les 2 écrans superposés (jaune, puis bleu) on été percés, sur l'écran dessin, d'ouvertures rondes laissant apercevoir les écrans sous-jacents.
Mais l'écran Monde peut aussi recevoir, sur l'écran dessin, une décoration colorée ou graphique propre.
- Caractéristiques de l'écran Monde modifié sur l'espace dessin (couleurs et graphismes):
Il va constituer un arrière plan sur lequel on pourra poser et déplacer des objets pris dans le magasin des Accessoires (ellipses etc.)ou dessinés normalement sur l'espace dessin (un escargot, une coccinelle)en atteignant celui-ci à partir du pinceau de la barre orange des fonctions .
[edit] Quelques exemples
[edit] Au pinceau
Des créations avec le pinceau. Au bon vouloir et à l'inspiration de chaque utilisateur.
[edit] Au polygone
A partir du triangle/polygone de l'écran-dessin.
- Transformation de 3 triangles par déplacement des poignées, regroupement et composition sur l'écran Monde avec 2 ellipses.
- Le même type d'exercice, mais retravaillé sur l'écran Dessin après une capture d'écran (ce qui donne des trames).
[edit] Au tampon
Avec les 3 tampons et le bouton des changements de taille de l'espace dessin. Une maison construite sur l'espace dessin. Utilisation du bouton rouge pour des réductions ou des agrandissements et utilisation de la mémoire des 3 tampons.
[edit] Effets de glissement
- Déplacement d'un dessin récupéré dans un fichier et recomposé en forme d'affiche.
- Quelques tâches de couleur que l'on travaille à l'aide de la mémoire des 3 tampons, que l'on promène ensuite avec la souris sur la surface de l'écran, et dont on modifie les couleurs avec le seau.
- Glissements graphiques de formes géométriques linéaires (cercles, carrés, étoiles etc.)
[edit] Le dialogue des écrans dessin et monde
...préparation à l'animation ou à la BD'.
Le fait de pouvoir créer un objet sur l'écran Dessin, puis de l'entreposer et le dupliquer sur l'écran Monde et de revenir une ou plusieurs fois sur l'écran dessin pour le faire évoluer tout en conservant les premières productions, est un procédé qui rappelle ceux utilisés pour la fabrication des séquences de dessins animés ou de séries de BD. Pour l'un et l'autre système, il faut pouvoir avoir en réserve une suite d'attitudes ou de scènes fixes que l'on modifie puis enchaîne les unes à la suite des autres.
Pour l'animation, Squeak possède un outil appelé RECIPIENT ou réservoir d'images qui joue ce rôle de stockage puis de distributeur d'images pour les projeter ensuite sur une image témoin. Pour les séries BD, il utilise à peu près les mêmes moyens mais on doit enchaîner les images les unes à côté des autres.
[edit] Le procédé des briques
- Construire séparément et successivement les parties mobiles d'un sujet à manipuler (ici, on aurait pu décomposer davantage et séparer le corps et les pattes) sur l'écran Dessin.
- Les entreposer sur l'écran Monde et ne travailler qu'avec des duplicata pour composer les attitudes.
- Quand un mouvement est prêt, le capturer avec 'saisir un rectangle de l'écran' et le transférer sur l'écran Dessin pour le débarrasser de son fond rectangulaire avec 'No Color'.
[edit] Animation Squeak
Les différentes attitudes sont introduite dans le réservoir d'image qui va servir à l'animation de l'image témoin sur l'écran.
[edit] Bande dessinée
Les images d'une BD peuvent être construites avec des procédés analogues. Mais les détails mobiles s'inscriront à l'intérieur de vignettes et devront être modulées pour passer de premiers plans à des plans plus éloignés selon les besoins de l'histoire. On utilisera pour cela les poignées d'agrandissement ou de réduction de l'espace Dessin ou la poignée jaune du Halo.
Le matériel est entreposé sur un coin de l'écran, et les copies subissent les modifications ou les morcellements nécessaires au scénario.
D'autres procédés de formule plus classique et tout auusi utilisables avec Squeak existent mais ils ne seront pas développés ici. Ils passent tous par la constitution d'une bibliothèque de formes et par l'utilisation d'images témoins que l'on fait évoluer.
[edit] En résumé
Nous venons de voir que l'écran Dessin possède de multiples ressources à la disposition de l'utilisateur pour enrichir la gamme des objets dont il pourra se servir lors de l'élaboration de ses projets.
Mais aussi, ces moyens peuvent être mis au service de la création plastique. Les pistes sont innombrables. Quelques exemples on été donnés, mais chacun peut partir à l'aventure et trouver d'autres pistes en se laissant aller au plaisir de la découverte.
