Le coin des débutantes : Module n°5

EXERCICE N°1 : Ajouter une photo et la placer

1. Pour commencer on ouvre la page en cour que l'on avait ultérieurement enregistrée au format .xcf
On retrouve donc notre page et la liste de tous nos calques...

Petit exercice pour se remémorer le module précédent:
-On ajoute une photo a notre page, on la place a l'endroit voulu et a la taille souhaité...

(Je vous laisse faire afin de vous exercer un peu)

Pour ma part j'ai ajouté la même photo que j'ai découpé et placé sous mon cercle et ma fraise...

[url=http:
//www.
hostingpics.
net/viewer.
php?id=419661Sanstitre47.
jpg:2h0kgy3t][/url:2h0kgy3t]

EXERCICE N°2 : Encadrer une photo

Nous allons voir ici différentes façons d'encadrer une photo...

1. Encadrement simple

Nous allons commencer par un encadrement tout simple...
Pour ça on sélectionne le calque de sa photo dans la liste...
On ajoute ensuite un calque en cliquant sur l’icône nouveau calque juste sous la liste (le calque se place toujours juste au dessus du dernier calque sélectionné)... Une fenêtre s'ouvre, on choisit la dimension du nouveau calque par défaut ce sont les dimensions de la page je laisse donc et clique sur valider... le calque se place normalement juste au dessus du calque photo...

[url=http:
//www.
hostingpics.
net/viewer.
php?id=598830Sanstitre48.
jpg:2h0kgy3t][/url:2h0kgy3t]

On va ensuite retourner sur le calque de la photo et on fait "
alpha vers sélection"
(en faisant un click droit sur le calque)...
On retourne sur notre nouveau calque et on va remplir notre sélection par la couleur voulu pour la bordure...

Pour remplir la sélection de la couleur voulu on choisi l'outil remplissage puis on choisi la couleur en cliquant sur le carré couleur, une fenêtre s'ouvre on choisi la couleur voulu et on valide... dans la barre d'outil en dessous des outils vous devez avoir les attributs de l'outil utilisé qui vous permet différents choix (ici j'ai laissé "
remplissage av la couleur PP"
et j'ai sélectionné "
Remplir toute la sélection"
)

[url=http:
//www.
hostingpics.
net/viewer.
php?id=145476Sanstitre49.
jpg:2h0kgy3t][/url:2h0kgy3t]

Une fois l'outil et la couleur choisi on va remplir notre sélection... on va sur la page on se met sur la sélection et on clique dessus (attention d’être bien sur le nouveau calque si un autre calque est sélectionné ds la liste vous risquez de mettre de la couleur sur vos photo ou sur un élément etc)... la sélection se remplit donc de couleur!!!

[url=http:
//www.
hostingpics.
net/viewer.
php?id=276345Sanstitre50.
jpg:2h0kgy3t][/url:2h0kgy3t]

Nous ne voulons pas un rectangle de couleur mais juste une bordure nous allons donc effacer le surplus au centre... pour ça je sélectionne mon rectangle de couleur (il doit déjà etre sélectionné comme on viens de le remplir sinon je fais alpha vers sélection sur le calque de couleur)
Je réduis la sélection en allant dans "
sélection"
puis "
réduire"
... une fenêtre s'ouvre on choisit de combien on veut réduire (ici j'ai choisi 10 px) puis on valide... On remarque que le rectangle de sélection en surbrillance est plus petit...

[url=http:
//www.
hostingpics.
net/viewer.
php?id=393819Sanstitre51.
jpg:2h0kgy3t][/url:2h0kgy3t]

Une fois la sélection réduit a la taille voulu on fait "
édition"
puis "
effacer"
(ou on clique sur la touche suppr du clavier)... Après on n'oublie pas d'enlever la sélection ("
sélection"
puis "
aucune"
)

[url=http:
//www.
hostingpics.
net/viewer.
php?id=803932Sanstitre52.
jpg:2h0kgy3t][/url:2h0kgy3t]

Vous pouvez donnez un peu de relief a votre bordure... pour cela on sélectionne le calque de sa bordure (le nouveau calque)... on click droit et "
alpha vers sélection"
... puis nous allons ajouter un biseau en allant dans "
Filtres"
puis "
décor"
et on choisit "
ajouter un biseau"
...
Une fenêtre s'ouvre, on choisi la mesure voulu (ici j'ai choisi 4), on décoche "
travailler sur une copie"
et on valide... votre bordure parait désormais légèrement en volume!!!

[url=http:
//www.
hostingpics.
net/viewer.
php?id=740173Sanstitre53.
jpg:2h0kgy3t][/url:2h0kgy3t]

[url=http:
//www.
hostingpics.
net/viewer.
php?id=644133Sanstitre54.
jpg:2h0kgy3t][/url:2h0kgy3t]

Si votre bordure vous convient vous pouvez fusionner le calque photo et le calque bordure ensemble afin que les deux ne forment plus qu'un seul et même élément... pour ça rendez vous sur le calque de la bordure et click droit "
fusionner vers le bas"
et hop les deux calques ne forment plus qu'un!!!

2. Encadrement à partir d'un cadre du kit

Dans notre kit il n'y a pas de cadres je vous en ai donc préparé 2 a partir du kit... vous pouvez les télécharger [url=ICI][/url]

Je vais vous montrer sur une nouvelle page afin que ça soit plus clair... a vous d'adapter le mode d'encadrement que vous souhaitez a vos pages...

J'ouvre donc ma page en cours au format xcf. et j'ajoute une photo...

[url=http:
//www.
hostingpics.
net/viewer.
php?id=621178Sanstitre55.
jpg:2h0kgy3t][/url:2h0kgy3t]

J'ouvre ensuite mon cadre... "
fichier"
puis "
ouvrir en tant que calque"
et je choisi le cadre que je veux mettre...

Mon cadre s'ouvre... il est trop grand je le met a la taille voulu (avec l'outil de mise a l’échelle) comme je l'ai fait pour la photo au module 4...
Mon cadre est en position vertical et je le veux à l’horizontal je vais donc dans "
calque"
puis "
transformer"
et je le fais "
rotation a 90"
...

[url=http:
//www.
hostingpics.
net/viewer.
php?id=486973Sanstitre56.
jpg:2h0kgy3t][/url:2h0kgy3t]

Je déplace ensuite mon cadre et ma photo (avec l'outil de déplacement) pour les placer comme je le veux... si la photo est trop grande ou trop petite je peux jouer sur sa taille avec l'outil de mise à l’échelle... si c'est le cadre qui a besoin d’être mis a l'échelle je fais varier sa taille de même avec l'outil de mise à l'échelle (je n'oublie pas de sélectionner le calque qui correspond a l’élément que je veux travailler)

[url=http:
//www.
hostingpics.
net/viewer.
php?id=721583Sanstitre57.
jpg:2h0kgy3t][/url:2h0kgy3t]

On va maintenant enlever le surplus de photo qui dépasse du cadre... On va sur notre calque cadre et on fait alpha vers sélection... le cadre se sélectionne, on veut que l’intérieur aussi soit sélectionné alors on choisi l'outil de sélection lasso, dans les attributs de l'outil on choisi l’icône pour ajouter a la sélection existante (votre sélection s'ajoutera donc a celle existante)... (Ici le cadre étant relativement droit et rectangulaire on aurai pu choisir l'outil de sélection rectangulaire j'ai choisi l'outil lasso afin de vous le faire mieux connaitre...)enfin on fait notre sélection... on se met sur le cadre déjà sélectionné et on fait une sélection en faisant le tour du cadre (comme je l'ai moi même fait (cf photo))

[url=http:
//www.
hostingpics.
net/viewer.
php?id=393242Sanstitre58.
jpg:2h0kgy3t][/url:2h0kgy3t]

Après on sélectionne notre calque photo (c'est celui ci que nous allons retravailler)... on va dans "
sélection"
et on choisit "
inverser"
... ensuite on va dans "
édition"
et on choisit "
effacer"
(ou la touche suppr du clavier)... quand on a fini on n’oublie pas de retirer la sélection par "
sélection"
puis "
aucune"


[url=http:
//www.
hostingpics.
net/viewer.
php?id=913327Sanstitre59.
jpg:2h0kgy3t][/url:2h0kgy3t]

Dans le cas des cadres que je vous est mis ils sont simple et sans volume vous pouvez en donner en ajoutant un biseau si vous le souhaitez (toujours faire alpha vers sélection sur l’élément sur lequel on veut mettre un biseau)... si vous voulez ajouter une ombre, fusionnez les calques cadre et photo (sur le calque cadre "
fusionner vers le bas"
)... une fois les deux éléments en un seul calque on ajoute l'ombre comme on l'a appris pour les photos ou éléments ("
alpha vers sélection"
sur le calque, "
filtres"
, "
ombres et lumières"
, "
ombres portées"
et on place le calque ombre juste sous le calque photo+cadre)

[url=http:
//www.
hostingpics.
net/viewer.
php?id=302452Sanstitre60.
jpg:2h0kgy3t][/url:2h0kgy3t]

Exercice:

En suivant le même principe vous pouvez encadrer une photo dans un cadre de forme plus complexe (comme l'elmt 2 dans mes cadres)... Pour le second cadre celui ci est fin donc pour la sélection lasso je vous conseille de zoomer l'image pour plus de précision (dans "
affichage"
puis "
zoom"
et on choisi la taille de zoom)... pour la sélection lasso vous n’êtes pas obligé de faire le tour du cadre en une seule fois vous pouvez faire par étape (moi je fais pétale par pétale par exemple)... vos sélection s’ajouteront si vous avez sélectionné le bon mode ds les attributs de l'outil...

voici ce que ça donne pour moi:

[url=http:
//www.
hostingpics.
net/viewer.
php?id=511109Sanstitre61.
jpg:2h0kgy3t][/url:2h0kgy3t]

--- Toutes les manipulations vues dans ce module ne sont pas réservées aux photo... vous pouvez les utiliser pour les papiers ou les éléments et vous pouvez faire aussi varier leurs tailles et positions ---

Dans le module 6 vous verrez comment mettre du texte sur vos pages...