Vous êtes ici : Accueil - Ressources Flash - 3D Isométrie : construction d'éléments II.
Maintenant que l'on est bien rodé pour dessiner n'importe quel volume dans un espace à trois dimensions isométriques, on va passer à la partie la plus intéressante : le dessin. ^0^
Je ne vais pas détailler la construction des formes de base que l'on aura besoin mais juste vous présenter une vue finalle des formes.
De gauche à droite, la partie haute de chaque colonne - ce qui va venir se coller avec l'arcade, la partie cylindrique de la colonne, le socle et l'arcade. A partir de ces éléments, il sera possible de décliner plusieurs versions de colonnes. Un petit prémontage sous Illustrator pour donner une idée :
Une fois les éléments placés sur la grille, on commence à avoir une vue d'ensemble. Mais le vrai travail de recherche graphique commence : placer les détails sur les formes et quel style graphique adopter. De mon côté, je voulais quelque chose de dépouillé, sobre tout en retournant à un effet graphique traditionnel.
Il existe sous Illustrator des librairies de brosses pour les courbes de béziers. Elles se trouvent dans le menu Fenêtres/librairies de brosses. Je me suis contenté d'une seule brosse dans la librairie "brosses artistiques". (à noter qu'il est possible de créer ses propres brosses, mais je ne m'y attarderais pas)
L'étape suivante va consister à prendre les formes construites en tant que patron et dessiner par dessus. Voilà, les 3 étapes pour le socle et la partie cylindrique : au centre, à l'aide de l'outil plume pour les longs traits et l'outil crayon pour les détails. A droite, une application de la brosse en cliquant simplement sur le style voulu.
Petite précision pour l'effet de brosse : lorsqu'on applique un effet, le trait résultant est énorme. Pour avoir la finesse escontée, j'ai paramétré la grosseur du trait à 0.05 points.
Le travail pour la partie basse des colonnes est terminé. Elle sera identique pour toutes les colonnes que l'on va décliner. Pour les arcades, il sera nécessaire de différencier plusieurs cas suivant leur position et leur connection avec les colonnes elles-mêmes. Voici quelques combinaisons possibles :
Les traits rouges indiquent les sections où l'on va séparer les éléments. On remarque aussi que les colonnes 1 et 5 et les colonnes 2 et 4 ne sont que de simples retournements symétriques. Aussi, le travail sera surtout limité aux colonnes 1, 2 et 3. Voilà après décomposition les éléments graphiques qui permettron la déclinaison des 5 colonnes.
Une fois les éléments graphiques dessiné, il ne reste plus qu'à exporter le tout pour Flash. Pour l'exercice, j'ai privilégié le poid et le nombre d'éléments dans Flash. Le meilleur compromis s'est avéré être le format png en 8bits, 4, 8 ou 16 niveaux de gris, suivant le rendu. La transparence est préservée à la place du fond blanc.
Il est possible de cliquer droit sur les 5 éléments ci-dessus pour les télécharger en locale et les ouvrir à l'aide Photoshop ou Fireworks.
Il ne reste plus qu'à monter tous ses éléments dans Flash. C'est ce que je vais détailler dans l'étape suivante.
