Mes amis et moi

Le graphisme sous toutes ses formes
 
AccueilAccueil  FAQFAQ  S'enregistrerS'enregistrer  ConnexionConnexion  
Vote BoosterForum
Pour faire connaitre notre forum ICI
Vote référencement
mesamisetmoi
Mesamisetmoi
Pour faire connaitre notre forum.
Sondage
Votez pour votre présentation concours préférée ICI
Collective art le film
Le film du collective art 115 en musique ICI
On attend vos votes
***FO2W Pirates votez ICI ***Duel Agathe vs Jaja "Reflet dans le miroir" Votez ICI
Le rappel du jour
Le défi graph du jour 22/05 un render par jour Le nouveau est ICI
Les posteurs les plus actifs de la semaine
Kate Tomato Queen
l’ombre porté Vote_lcapl’ombre porté Voting_barl’ombre porté Vote_rcap 
dolce
l’ombre porté Vote_lcapl’ombre porté Voting_barl’ombre porté Vote_rcap 
inuit
l’ombre porté Vote_lcapl’ombre porté Voting_barl’ombre porté Vote_rcap 
jaja
l’ombre porté Vote_lcapl’ombre porté Voting_barl’ombre porté Vote_rcap 
agathe
l’ombre porté Vote_lcapl’ombre porté Voting_barl’ombre porté Vote_rcap 
aurore@
l’ombre porté Vote_lcapl’ombre porté Voting_barl’ombre porté Vote_rcap 
gaspard
l’ombre porté Vote_lcapl’ombre porté Voting_barl’ombre porté Vote_rcap 
Papymouzo
l’ombre porté Vote_lcapl’ombre porté Voting_barl’ombre porté Vote_rcap 

Partagez
 

 l’ombre porté

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Papymouzo
Dream team
Dream team
Papymouzo

Separation l’ombre porté Empty
Separation l’ombre porté Empty
Messages : 2741
Activité : 4874
Separation l’ombre porté Empty

l’ombre porté Empty
MessageSujet: l’ombre porté   l’ombre porté EmptyMar 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
@dmin
@dmin
Kate Tomato Queen

Poissons Separation l’ombre porté Empty
Separation l’ombre porté Empty
Age : 51
Messages : 16719
Activité : 21525
Localisation : Charente
Separation l’ombre porté Empty

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

Bonjour Papy
Merci pour le tuto l’ombre porté 3793917936





---------------------------------------------------------------------------
[Vous devez être inscrit et connecté pour voir cette image]
Revenir en haut Aller en bas
aurore@
Graph'actif
Graph'actif
aurore@

Poissons Separation l’ombre porté Empty
Separation l’ombre porté Empty
Age : 37
Messages : 2101
Activité : 3572
Localisation : region parisienne
Separation l’ombre porté Empty

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

merci beaucou PAPY





---------------------------------------------------------------------------
[Vous devez être inscrit et connecté pour voir ce lien]
Revenir en haut Aller en bas
http://aurore.bbconcept.net/
agathe
Modérateur
Modérateur
agathe

Capricorne Separation l’ombre porté Empty
Separation l’ombre porté Empty
Age : 69
Messages : 12426
Activité : 17921
Localisation : bien dans mes baskets
Separation l’ombre porté Empty

l’ombre porté Empty
MessageSujet: Re: l’ombre porté   l’ombre porté EmptyMar 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
Dream team
Dream team
Papymouzo

Separation l’ombre porté Empty
Separation l’ombre porté Empty
Messages : 2741
Activité : 4874
Separation l’ombre porté Empty

l’ombre porté Empty
MessageSujet: Re: l’ombre porté   l’ombre porté EmptyMar 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
Modérateur
Modérateur
agathe

Capricorne Separation l’ombre porté Empty
Separation l’ombre porté Empty
Age : 69
Messages : 12426
Activité : 17921
Localisation : bien dans mes baskets
Separation l’ombre porté Empty

l’ombre porté Empty
MessageSujet: Re: l’ombre porté   l’ombre porté EmptyMar 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 l’ombre porté 2483649060






---------------------------------------------------------------------------
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é




l’ombre porté Empty
MessageSujet: Re: l’ombre porté   l’ombre porté Empty

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  :: Graphisme :: Tutos exercices pratiques-