Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Avez-vous perdu votre e-mail d'activation ?

Auteur Sujet: Portes "diaphragme" Illustrator => Flash  (Lu 2242 fois)

¤DarkAngel¤

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 39
    • Yahoo! Messenger - dark.angel_71
    • Voir le profil
    • WWW
Portes "diaphragme" Illustrator => Flash
« le: Février 28, 2008, 11:30:37 am »
Bonjour ......

Voilà, j'aurais aimé savoir comment créer ce style de portes sous illustrator, pour ensuite exporter chaque "hélice" dans flash en vue d'une animation d'"ouverture de la porte" ....


(c'est pas du grand art, je sais :P:lol:)


J'avais fait ça rapidos sous photoshop, mais arrivé dans flash, lorsque je fais un déplacement linéaire des hélices, tout va bien, mais quand je fais des rotations, les hélices "pixélisent" et ça fait moche :lol:

Merci ......
IP archivée
:D "Hêtre ou ne pas hêtre, tout dépend du gland !" :D
:D "Aimes les cons, tu t'aimeras toi même !" :D

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1500
    • Voir le profil
    • WWW
    • E-mail
Portes "diaphragme" Illustrator => Flash
« Réponse #1 le: Février 28, 2008, 11:53:14 am »
A vue de nez et très rapidement, tu fais un cercle et avec une courbe que tu superposes plusieurs fois au-dessus du rond. Puis avec le bon Pathfinder tu découpes tout cela.
Si tu veux l'importer dans Flash CS3, utilises dans Illustrator CS3 le panneau Symboles, à l'importation dans Fl, les symboles seront reconnus.
Réponse très rapide, je laisse le soin et le temps à mes petits camarades de montrer la bonne méthode... mais utilises les symboles !
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1500
    • Voir le profil
    • WWW
    • E-mail
Portes "diaphragme" Illustrator => Flash
« Réponse #2 le: Février 28, 2008, 12:34:54 pm »
Je reviens avec une méthode :
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1500
    • Voir le profil
    • WWW
    • E-mail
Portes "diaphragme" Illustrator => Flash
« Réponse #3 le: Février 28, 2008, 12:37:19 pm »
Je l'explique :
- tu créés un cercle
- tu créés une courbe de Bézier parfaitement symétrique (sans fond, contour uniquement)
- tu superposes les deux
- tu fais une rotation par rapport au centre de la courbe, avec duplication (rotation = 360/nombre d'éléments)
- tu sélectionnes le tout
- tu utilises le Pathfinder Division
- tu peux ainsi isoler un élément
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1500
    • Voir le profil
    • WWW
    • E-mail
Portes "diaphragme" Illustrator => Flash
« Réponse #4 le: Février 28, 2008, 12:43:08 pm »
Pour l'importation dans Flash CS3, il faut que tu créés un symbole à partir d'un des éléments isolés, un élément du "diaphragme".
Tu en glisses un dans le panneau Symboles.
- tu choisis un type Graphique si tu veux l'importer comme symbole graphique dans Fl,
- tu choisis un type Séquence vidéo si tu veux l'importer comme symbole clip dans Fl.
Attention : dans ton illustration; il faut que tu utilises un symbole créé précédemment.
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

¤DarkAngel¤

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 39
    • Yahoo! Messenger - dark.angel_71
    • Voir le profil
    • WWW
Portes "diaphragme" Illustrator => Flash
« Réponse #5 le: Février 28, 2008, 13:40:15 pm »
ok merci ^^ .....

Par contre, j'ai un soucis : j'ai bien tout suivi (enfin je crois :p ) mais j'ai cette erreur :



(toutes mes courbes "copies" sont bien liées à la première ....)

????????????

:lol::D
IP archivée
:D "Hêtre ou ne pas hêtre, tout dépend du gland !" :D
:D "Aimes les cons, tu t'aimeras toi même !" :D

¤DarkAngel¤

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 39
    • Yahoo! Messenger - dark.angel_71
    • Voir le profil
    • WWW
Portes "diaphragme" Illustrator => Flash
« Réponse #6 le: Février 28, 2008, 14:15:09 pm »
Dôbeul post ^^ .....

en fait je suis arrivé à ça :



Est-ce bon ????

Comment faire pour "isoler" une seule partie ????

Merci ..

ps : désolé, mais je suis inculte coté illustrator, je ne m'en suis jamais servi :P:lol::rolleyes:
IP archivée
:D "Hêtre ou ne pas hêtre, tout dépend du gland !" :D
:D "Aimes les cons, tu t'aimeras toi même !" :D

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1500
    • Voir le profil
    • WWW
    • E-mail
Portes "diaphragme" Illustrator => Flash
« Réponse #7 le: Février 28, 2008, 14:18:46 pm »
Citation de: DarkAngel
toutes mes courbes "copies" sont bien liées à la première
Que veux-tu dire par copiés et liées ?
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1500
    • Voir le profil
    • WWW
    • E-mail
Portes "diaphragme" Illustrator => Flash
« Réponse #8 le: Février 28, 2008, 14:27:36 pm »
Pour sélectionner une partie du résultat du Pathfinder, utilise l'outil Sélection directe progressive : flèche blanche avec un +
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

¤DarkAngel¤

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 39
    • Yahoo! Messenger - dark.angel_71
    • Voir le profil
    • WWW
Portes "diaphragme" Illustrator => Flash
« Réponse #9 le: Février 28, 2008, 22:49:06 pm »
Je parlais des copies de la première courbe .......

Ok, c'est bien ce que j'essayais ..... mais j'ai du me planter quelque part, car je ne peux en aucun cas selectionner une autre courbe que la première (ni même une partie seulement de celle-là) .....



:lol::P:lol::P:lol::P:lol:

Je ré-essaie donc dès demain :D

@ + donc .... :D
IP archivée
:D "Hêtre ou ne pas hêtre, tout dépend du gland !" :D
:D "Aimes les cons, tu t'aimeras toi même !" :D

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1500
    • Voir le profil
    • WWW
    • E-mail
Portes "diaphragme" Illustrator => Flash
« Réponse #10 le: Février 29, 2008, 08:19:36 am »
Bon je reprends, si tu fais strictement cette démarche cela ne doit pas poser de problème :
- créer un rond, avec fond et un contour quelconque. Etape 1 de la copie d'écran.
- au-dessus, tu créés une courbe de Bézier symétrique. Etape 2 de la copie d'écran.
- tu aligne les deux objets avec les outils d'alignement. Etape 3 de la copie d'écran.
- tu sélectionnes la courbe et tu fais un double clic sur l'outil Rotation pour être en mode paramétré et faire la rotation par rapport au centre de l'objet. Angle de 30° (par exemple) et bouton Copier. Puis Objet -> Transformation -> Répéter la transformation (Pomme/Ctrl + D). Etape 4 de la copie d'écran.
- tu sélectionnes le tout, dans les filtres Pathfinder, tu cliques sur Division (1e de la deuxième ligne). Etape 5 de la copie d'écran.
- Avec l'outil de Sélection directe progressive, tu peux sélectionner un élément. Etape 6 de la copie d'écran.

Ensuite, tu convertis cet élément en symbole et tu l'utilises dans ton illustration, pour qu'en suite il soit reconnu comme symbole Flash
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]
 




 
Wisibility.com
Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources gratuites et payantes vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Illustrator, InDesign, Flash…

Aujourd’hui, Wisibility réunit une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…

Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Des centaines de tutoriels accessibles gratuitement et une boutique sur laquelle vous trouverez des formations complètes et des exercices pratiques.

Wisibility organise des événements graphiques, réalise une WebTV

Wisibility sur Adobe TV

Retrouvez nos tutoriels et nos émissions
sur le site officiel Adobe



 
Nos partenaires

Adobe   fotolia   WebINK   Amka   macandphoto   club
 


Contact - Wisibility est une marque déposée - Mentions légales

Creative Commons License

infos - inspiration - rendez-vous - logiciels materiels - tutoriels gratuits - formations en ligne - forums - galeries - glossaire - wisi tv