AccueilFAQS'enregistrerConnexion

Partagez | 
 

 l’ombre porté

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Papymouzo
Champion des mangeurs de cuisses de poulets
Champion des mangeurs de cuisses de poulets
Papymouzo

Separation
Separation
Messages : 2705
Activité : 4772
Separation
Awards Ami flooder Awards Ami helper

MessageSujet: l’ombre porté   Mar 17 Mai - 11:20

Photo du modèle en PNG
[Vous devez être inscrit et connecté pour voir cette image]
Bonjour
Aujourd’hui un tuto sur l’ombre porté
On commence par crée un calque blanc de départ
De 1000 px x 1000 px avec une  résolution de 72 pixels
Ce qui nous permettra de bien visionner l’effet
Ombre porté
La Photo 1
[Vous devez être inscrit et connecté pour voir cette image]
Maintenant on va importer
Une image pour appliquer l’effet ombre porté
Sur un fond blanc pour bien visionner le rendu de cet effet  
Pour importer l’image on se rend dans le menu barre du haut
Puis Fichier/ Importer ce qui vous permet
Une fois que vous avez validé la position
De mettre votre image en objet dynamique
L’avantage lorsque l’on est en objet dynamique
C’est que l’on peut réduire l’image sans trop de perte en qualité d’image
Photo 2
[Vous devez être inscrit et connecté pour voir cette image]
Maintenant que nous avons le fond blanc et notre image
Nous allons pouvoir analyser l’effet ombre porté
L’ombre porté par défaut est noir ce que l’on peut constater  dans le petit rectangle
Dans l’intituler structure a la droite du mode de fusion
Mais en cliquant droit dessus on ouvre le sélecteur de couleur
Et on peut choisir sa couleur
Je choisi une couleur et je clique à l’intérieur du sélecteur
Pour choisir ma couleur ici un vert je clique
A l’intérieur de la fenêtre en choisissant un vert claire ou foncé
Et en validant en cliquant sur ok
On constate que l’ombre devient  verte
Sur le pourtour de l’image
Photo 3
[Vous devez être inscrit et connecté pour voir cette image]
Juste à côté on trouve  les modes de fusion
Dont Grafolog a réalisé un tuto
Celui qui nous intéresse c’est celui en dessous
Qui nous permet de régler l’opacité de l’ombre
On agit sur l’opacité de l’ombre en bougeant son curseur plus on va bouger
Le sélecteur vers la droite au plus l’ombre sera importante
Photo  4
[Vous devez être inscrit et connecté pour voir cette image]
En dessous on a le réglage de l’angle que l’on verra après puis  
On retrouve trois réglages qui sont
La Distance qui définit le décalage de l’ombre par rapport à l’angle que vous lui donner
Qui s’effectue suivant la position de la flèche à l’intérieur du cercle
Qui vous donne le déplacement de cet ombre  
Ici on a un angle de 90° et donc le déplacement se fera de haut en bas
Photo  5
[Vous devez être inscrit et connecté pour voir cette image]
Ensuite la Taille qui détermine la taille de l’ombre plus ou moins grande
Comme ceci
Photo 6
[Vous devez être inscrit et connecté pour voir cette image]
Puis on a Grossi pour cela il faut se mettre sur le masque de fusion
Pour le voir agir en jouant avec son curseur  
Photo 7
[Vous devez être inscrit et connecté pour voir cette image]
En jouant sur l’angle vous allez pouvoir positionner
L’endroit où vous voulez positionner votre ombre
Ici l’angle est à -17 et l’ombre se trouve à gauche du model
Photo 8
[Vous devez être inscrit et connecté pour voir cette image]
Le curseur Distance va vous permettre de déplacer votre ombre
Suivant l’angle que vous lui avait donné
Photo 9
[Vous devez être inscrit et connecté pour voir cette image]
En jouant avec le curseur taille il va vous permettre d’adoucir
Votre ombre comme ceci en augmentant sa taille
Photo 10
[Vous devez être inscrit et connecté pour voir cette image]
Le curseur Grossi va vous permettre d’augmenter le masque de fusion
Crée par l’ombre porté
Photo 11
[Vous devez être inscrit et connecté pour voir cette image]
Voilà pour la partie structure
Maintenant nous allons voir la partie Qualité
Dans cette fenêtre on trouve
L’intituler Contour qui va vous permettre
D’ajouter des variante a l’opacité en choisissant
Une forme qui fera varier votre ombre  
En cliquant dans la fenêtre des formes
Et en choisissant celle qui sera adapté à votre projet
Photo 12
[Vous devez être inscrit et connecté pour voir cette image]
En cliquant dans le petit rectangle à droite de la forme
Vous allez pouvoir accéder à d’autres réglages et d’autres formes
Si vous cliquez sur la petite icone en forme d’engrenage
Vous aurez accès à d’autres réglages et enfin si vous cochez
La case Lissé votre contour sera plus lisse
Photo 13
[Vous devez être inscrit et connecté pour voir cette image]
Voilà pour l’effet ombre portée
Photo 14
[Vous devez être inscrit et connecté pour voir cette image]
Revenir en haut Aller en bas
Kate Tomato Queen
Le patron
Le patron
Kate Tomato Queen

Poissons Separation
Separation
Age : 51
Messages : 15509
Activité : 20063
Localisation : Charente
Separation
Awards Nouvel ami Awards Ami sympa
Awards Ami graphiste

MessageSujet: Re: l’ombre porté   Mar 17 Mai - 13:04

Bonjour Papy
Merci pour le tuto


[Vous devez être inscrit et connecté pour voir cette image]
Revenir en haut Aller en bas
aurore@
Vice-Champion des mangeurs de cuisses de poulets
Vice-Champion des mangeurs de cuisses de poulets
aurore@

Poissons Separation
Separation
Age : 37
Messages : 1919
Activité : 3291
Localisation : region parisienne
Separation
Awards Vide Awards Vide
Awards Vide

MessageSujet: Re: l’ombre porté   Mar 17 Mai - 18:56

merci beaucou PAPY
Revenir en haut Aller en bas
http://aurore.bbconcept.net/
agathe
Sécurité
Sécurité
agathe

Capricorne Separation
Separation
Age : 69
Messages : 11911
Activité : 17292
Localisation : bien dans mes baskets
Separation

MessageSujet: Re: l’ombre porté   Mar 17 Mai - 19:52

comment ça a l'air compliqué ! je fais ça en agrandissant le tube, je duplique d'abord, bien sûr. Puis je désature, puis je colorie à l'envie et je replace mon tube à l'endroit choisi... ( je m'explique bien ?)


Si le silex est la pierre de la guerre, le galet est celle de l'amour, polie par les eaux de la tendresse.
Revenir en haut Aller en bas
Papymouzo
Champion des mangeurs de cuisses de poulets
Champion des mangeurs de cuisses de poulets
Papymouzo

Separation
Separation
Messages : 2705
Activité : 4772
Separation
Awards Ami flooder Awards Ami helper

MessageSujet: Re: l’ombre porté   Mar 17 Mai - 20:14

Bonsoir Agathe
Non ce n’est pas compliquer
Cela te parait compliquer
Car j’ai détaillé toutes les possibilités de l’effet ombre porté en réalité
On n’en utilise qu’un minimum comme celui de la dernière photo
Revenir en haut Aller en bas
agathe
Sécurité
Sécurité
agathe

Capricorne Separation
Separation
Age : 69
Messages : 11911
Activité : 17292
Localisation : bien dans mes baskets
Separation

MessageSujet: Re: l’ombre porté   Mar 17 Mai - 21:15

ok papy... mais comme je travaille avec GIMP.... c'est sûr que je m'y perds plus que nos amis qui utilisent php



Si le silex est la pierre de la guerre, le galet est celle de l'amour, polie par les eaux de la tendresse.
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: l’ombre porté   

Revenir en haut Aller en bas
 

l’ombre porté

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» css contours ombre portée + bord arrondis
» Comment obtenir un effet d'ombre portée sur les pseudos des utilisateurs?
» Ombre Portée sous les Pseudos
» UDP Port
» masquer un port

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mes amis et moi  :: Le restaurant (Partie graphique) :: Tutos exercices pratiques-