Dégradé de forme illustrator

Recherche :

Dernière réponse
Sujet : Dégradé de forme illustrator
nikos69	Ces pseudos ombres portées en dégradé de forme c'est bien joli, mais ca devient vite la plaie je trouve (combien de fichiers on récupère au taf avec des tracés à gogo pour pas grand chose). Tu peux sinon (pour l'exemple du casque de trooper), faire l'ombre sous forme d'un simple rectangle, et de créer le dégradé avec un masque. https://reho.st/preview/self/6ea7b2 [...] 42d7fe.png Les ombres portées toutes faites sont effectivement assez limitées.

Dernière réponse

Sujet : Dégradé de forme illustrator

nikos69

Ces pseudos ombres portées en dégradé de forme c'est bien joli, mais ca devient vite la plaie je trouve (combien de fichiers on récupère au taf avec des tracés à gogo pour pas grand chose).
Tu peux sinon (pour l'exemple du casque de trooper), faire l'ombre sous forme d'un simple rectangle, et de créer le dégradé avec un masque.
https://reho.st/preview/self/6ea7b2 [...] 42d7fe.png
Les ombres portées toutes faites sont effectivement assez limitées.

Votre réponse

Nom d'utilisateur

Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !

Le ton de votre message

Votre réponse

Smilies

Liste des smilies perso
Wiki smilies
Chercher un smiley

Options

Activer votre signature
Désactiver les smilies
Activer la notification par email du sujet

Aperçu

Vous avez perdu votre mot de passe ?

Vue Rapide de la discussion

nikos69

romainjx

Bonjour !

Effectivement le flat design est un dessin très simplifié, "plat", en général dessiné avec presque uniquement des formes géométriques. Le volume est donné grâce aux ombres utilisées et dessinées. Je l'ai déjà utilisé pour des clients cependant je n'avais jamais utilisé cet aspect du flat design et je n'avais donc jamais fait face à ce soucis avant aujourd'hui.
Il existe en effet plusieurs styles de flat design :
- le premier, l'effet d'ombre et de volume est procuré par les nuances de couleurs que l'on utilise de part et d'autre de l'objet en le coupant en son milieu : http://media.gettyimages.com/vecto [...] 67a&w=1007
- Le deuxième, une ombre grossière sans atténuation ou dégradé : http://blog.karachicorner.com/wp-c [...] sign-6.jpg
- Le troisième, avec une ombre plus "réaliste" avec une certaine atténuation : https://mir-s3-cdn-cf.behance.net/p [...] de00fd.png

Ombre portée n'est pas le bon terme, dans l'énervement de mon échec (je déteste ne pas maîtriser qqch d'aussi ballot que ca), et la précipitation du besoin e réponse je n'ai pas fait attention aux termes utilisés excusez moi.

Pourtant je vous assure que l'effet d'ombre en dégradé de forme est bien utilisé par beaucoup de graphistes dans le flat design.

Merci de votre réponse Harrybeau1 et merci aussi de votre tentative @11micheldu11 ^^ c'était vraiment très gentil vu mon état de détresse !!

Harrybeau1

romainjx a écrit :

Bonjour à tous peuple de Hardware.fr ! Je suis tout nouveau sur ce forum et je viens ici faire appel à vous parce que je me trouve un peu embêté avec illustrator. Je m'explique : je souhaitais faire une ombre porté sur un logo en flat design. Je respecte donc les règles que j'ai apprises sur différentes vidéos Youtube c'est a dire faire Maj+Alt sur l'objet afin de le faire glissé/dupliqué avec un angle de 45°. Puis je met l'objet dupliqué en opacité 0%. Ensuite je fais Objet > Option de dégradé > Distance spécifié > 1 px. Et la c'est le drame ! je me retrouve avec un dégradé de forme pas du tout comme sur les vidéos mais sur lequel on vois ABSOLUMENT TOUTES LES ETAPES DU DEGRADE EN NOIR ET BLANC ET GRIS. le résultat n'est pas du tout lissé, fluide ou quoi comme sur les tutos. Une fois exporté en jpeg le résultat est parfait mais ce n’est pas ce qui m’intéresse, je souhaite avoir un vecteur avec la "bonne tête". Voilà pas mal de temps que je me prend la tête avec ca et je ne trouve pas de solution. Je fais donc appel à vous !

Merci beaucoup d'avance :)

@11micheldu11 > Il faut googler ! ^^
Le flat design comme son nom l'indique, signifie design plat.
Définition relevée sur le net : "Le design plat ou flat design est un style de design d'interface graphique caractérisé par son minimalisme. Il se base sur l'emploi de formes simples, d'aplats de couleurs vives et de jeux de typographie."

Sachant cela, je suis étonné que personne n'ait relevé le souci dans la question posée par romainjx :
les graphismes en flat design sont justement épurés et dépouillés de toutes ces ornementations faciles de type 'ombres portées', 'biseautage/estampage' qui ont eu leurs heures de gloire lors des dernières décennies.
Pourquoi vouloir mettre une ombre portée dans ce cas ? Ça ne colle pas avec le courant flat design qui est encore la tendance actuelle.

Enfin sur l'aspect purement technique, un dégradé de formes est assez réaliste si on prend soin de cocher la case lissage et de mettre un nombre d'étapes conséquent.
Si l'export en jpeg est OK, le souci vient peut être de l'affichage dans illustrator (ça se paramètre dans les préférences).
Pour les ombres portées made in Illustrator, je ne suis pas très fan. J'évite même.

La solution la plus subtile serait de concevoir le logo sans ombre portée dans Illustrator et de lui appliquer une ombre portée (si elle est essentielle) :
- soit dans le logiciel de mise en page (Indy, Xpress ou autres)
- soit dans le css si c'est du web (box shadow).

Voilou :)

11micheldu11

et en français ça veut dire quoi ?.....

romainjx

Bonjour, oui oui je connais l'effet ombre portée mais je ne l'utilise pas car il ne produit pas l'effet flat design recherché

Contrariness

Pourquoi ne pas utiliser la fonction "ombre portee" qui existe de base dans Illustrator ?
Selectionnez votre forme, puis menu "Effet/Special/ombre portee"

romainjx

Et je me suis trompé de smiley pour le sujet c'est plutôt qqch de type panique et à l'aide ^^

romainjx

Bonjour à tous peuple de Hardware.fr ! Je suis tout nouveau sur ce forum et je viens ici faire appel à vous parce que je me trouve un peu embêté avec illustrator. Je m'explique : je souhaitais faire une ombre porté sur un logo en flat design. Je respecte donc les règles que j'ai apprises sur différentes vidéos Youtube c'est a dire faire Maj+Alt sur l'objet afin de le faire glissé/dupliqué avec un angle de 45°. Puis je met l'objet dupliqué en opacité 0%. Ensuite je fais Objet > Option de dégradé > Distance spécifié > 1 px. Et la c'est le drame ! je me retrouve avec un dégradé de forme pas du tout comme sur les vidéos mais sur lequel on vois ABSOLUMENT TOUTES LES ETAPES DU DEGRADE EN NOIR ET BLANC ET GRIS. le résultat n'est pas du tout lissé, fluide ou quoi comme sur les tutos. Une fois exporté en jpeg le résultat est parfait mais ce n’est pas ce qui m’intéresse, je souhaite avoir un vecteur avec la "bonne tête". Voilà pas mal de temps que je me prend la tête avec ca et je ne trouve pas de solution. Je fais donc appel à vous !

Merci beaucoup d'avance :)