Forums Développement Multimédia

Aller au contenu

- - - - -

dégradé suivant le cercle

PAO Illustrator

17 réponses à ce sujet

#1 sylvain.ploquin

    Ceinture Blanche

  • Members
  • Pip
  • 8 messages

Posté 18 March 2009 - 11:28 AM

bonjour à tous,

mon ami développeur m'a demandé un petit graphique servant pour un loading.
il voudrait un dégradé du blanc ou noir suivant le tracé d'un cercle.

pour être plus clair, j'ai un schéma en pièce jointe.

n'étant pas un pro d'illustrator, je n'ai aucune idée pour faire cela.
merci d'avance !

#2 jeanphilippe

    Grosso modo

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 30486 messages

Posté 18 March 2009 - 11:44 AM

Salut
J'utiliserai une forme artistique
voir mon explication en image ;)

#3 sylvain.ploquin

    Ceinture Blanche

  • Members
  • Pip
  • 8 messages

Posté 18 March 2009 - 12:58 PM

ah oui en effet, je ne n'aurais pas trouvé tout seul ! :) je te remercie.
après quelques tâtonnements dû a mon illustrator en anglais, ça marche.

si je devais être pointilleux,
le dégradé n'est pas super nickel à cause de la décomposition en 255 éléments.
comme c'est pour un export sur Flash, je ne sais pas trop comment tout ca va être gérer. à tester...

sur le même principe, j'ai voulu créer un cercle blanc ayant un dégradé de transparence 0%, pour aller a une transparence a 100%...

je pensais que ca allait etre simple, mais non.
j'ai fait un masque d'opacité sur mon rectangle de base, refait la procédure que tu m'a decrites,
mais cette fois ci la forme n'est pas accepté dans ma palette 'Formes'. je suppose que cela vient de mon masque d'opacité.

compliqué tout ca...


ps :
je trouve ca étonnant qu'illustrator n'est pas sur sa palette de 'Gradient',
un % de transparence qui pourrait etre différents sur chaque couleur composant le dégradé (comme sur Photoshop :) )

Modifié par stuff, 18 March 2009 - 13:00 PM.


#4 jeanphilippe

    Grosso modo

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 30486 messages

Posté 18 March 2009 - 13:00 PM

dans Illustrator CS4 le % de transparence dans le dégradé existe :)

#5 sylvain.ploquin

    Ceinture Blanche

  • Members
  • Pip
  • 8 messages

Posté 18 March 2009 - 13:00 PM

et bien c'est une bonne chose ! :)

Modifié par stuff, 18 March 2009 - 13:01 PM.


#6 jeanphilippe

    Grosso modo

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 30486 messages

Posté 18 March 2009 - 13:11 PM

une autre solution plus simple
tu créés un dégradé de forme
tu le glisses dans la palette forme (pas besoin de décomposer)
et tu l'appliques a ton cercle
voir image jointe

#7 sylvain.ploquin

    Ceinture Blanche

  • Members
  • Pip
  • 8 messages

Posté 18 March 2009 - 15:22 PM

oui c'est encore mieux.

j'ai testé l'import dans Flash. le problème c'est que cette forme est composé d'une multitude de formes, donc lourd en Ko.
ce qui n'est pas génial pour un loading...

je crois que je vais lui proposer un autre picto :)


en tout cas, merci pour les infos, j'ai découvert pas mal de trucs.

#8 jeanphilippe

    Grosso modo

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 30486 messages

Posté 18 March 2009 - 15:34 PM

dans Flash tu peux le séparer (control B ou Pommbe B sur mac) plusieurs fois :)

#9 sylvain.ploquin

    Ceinture Blanche

  • Members
  • Pip
  • 8 messages

Posté 18 March 2009 - 15:57 PM

pas faux.
mais l'objet est tout de même composée d'une multitude de formes :)
et toujours lourd....

#10 jeanphilippe

    Grosso modo

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 30486 messages

Posté 18 March 2009 - 16:55 PM

sinon tu simplifies
tu sépares un cercle en dix avec le Pathfinder Division
et tu colorises de 10 en 10
ainsi, tu auras un picto vectoriel super léger dans flash
voir image jointe

#11 Loic Aigon

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1662 messages

Posté 18 March 2009 - 16:59 PM

Salut,

Afin de limiter le nombre d'objets, tu peux tricher comme suit :
Dans le premier cas, j'ai juste décomposer un cercle en deux morceaux avec chacun leur dégradés.
Donc deux objets. Par contre je crois que la jonction Illustrator/flash concernant les dégradés est pas terrible. Du moins le fut-elle, je crois (n'ayant jamais vraiment exploité flash).

Sinon, histoire de rappeler quelques techniques.

Avant Illustrator 9 (le premier opus à intégrer la transparence), on pouvait obtenir des dégradés et objets transparents en utilisant un masque d'opacité.

Depuis Illu9 et avant CS4, on peut utiliser un dégradé de formes d'un objet opaque vers un objet transparent, ce qui donne l'aspect d'un dégradé opaque>transparent.
Enfin depuis CS4 (Dieu merci) on peut simplement définir l'opacité des points de dégradés.

Dans tous les cas, gare à la transparence en sortie de fichiers, surtout si celle ci recouvre des tons directs ou pire des dégradés, ou pire encore, des dégradés de tons directs :-)

Voili voulou.
Loic

#12 sylvain.ploquin

    Ceinture Blanche

  • Members
  • Pip
  • 8 messages

Posté 18 March 2009 - 18:21 PM

oui j'ai pensé à la subdivision en aplat (par contre je n'ai pas réussi ta technique jean-philippe..., je verra ca demain) ou/et au double cercle avec un dégradé en lineaire.
quand je ne suis pas trop overbooké en ce moment, je tentais de ne pas tricher et de faire vraiment l'idée de départ.
petit défi technique :)

comme je ne connais pas plus que ca Illustrator, c'est sympa et intéressant à creuser.
d'ailleurs je me suis bien amusé avec ce dégradé de forme. assez épatant cet outil !
(je vous ai mis un exemple :) .... bon, moi ça me surprend, vous, sans doute moins...)

je trouve qu'illustrator n'est pas très simple d'utilisation (intuitif) avec ces dégradés, ces transparences, son nuancier...
c'est vraiment un coup à prendre. Je trouve After et Photoshop bcp plus proches dans leur manière de traiter les choses.
le fait d'être dans un logiciel vectoriel change peut être la manière de concevoir certaines parties de celui-ci.

enfin voila,
merci pour vos réponses, ce fut une journée fort intéressante :)

#13 sylvain.ploquin

    Ceinture Blanche

  • Members
  • Pip
  • 8 messages

Posté 18 March 2009 - 20:08 PM

a merde, l'exemple :

Modifié par stuff, 18 March 2009 - 20:09 PM.


#14 Mandrake

    (`·.¸ . . :✩: . . ¸.·´)

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 1374 messages

Posté 29 June 2011 - 19:20 PM

Désolé de déterrer ce topic mais j'y suis tombé un peu par hasard en faisant une recherche mais les images jointes (et à priori très explicatives) ont disparues :)

#15 Kosic

  • Guests

Posté 29 June 2011 - 19:31 PM

C'est vrai que c'est comme un film Hollywoodien, sans les images on comprend vachement moins bien… ça perd beaucoup.

#16 Mandrake

    (`·.¸ . . :✩: . . ¸.·´)

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 1374 messages

Posté 30 June 2011 - 11:07 AM

Bon en gros c'est pour faire un dégradé sur un cercle et pour se faire on crée une forme artistique… J'ai suivi?

#17 Kosic

  • Guests

Posté 30 June 2011 - 13:14 PM

Vous voulez parler de ceci, élégant ami ?

Fichier joint  rolling.png   15.67 Ko   38 téléchargement(s)

C'est aussi ce que j'avais cru comprendre.

#18 Mandrake

    (`·.¸ . . :✩: . . ¸.·´)

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 1374 messages

Posté 30 June 2011 - 15:45 PM

Merci de confirmer ainsi ma pensée charmant volatile :)



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP