Titre : « De l’apprentissage de l’autonomie à l’autonomie réelle : mettre les apprenants au centre de leurs apprentissages. Comment, pourquoi et à quel prix ? »

Pour consulter mon mémoire, vous pouvez le télécharger ici.

Le portfolio est un outil qui revêt de multiples intérêts ou objectifs, et qui peut prendre différentes formes. La création d’un portfolio peut être à l’initiative de son auteur, ou bien être requise dans le cadre institutionnel par exemple.  C’est le cas des portfolios d’apprentissage mis en place dans le cadre scolaire ou universitaire. Que la demande soit explicite (éventuellement imposée) ou non, il y a toujours une demande ou plutôt un public ou destinataire potentiel à l’origine du portfolio : c’est le cas du portfolio professionnel que l’on crée dans le but de le présenter à des clients ou employeurs potentiels. Il vise à susciter l’intérêt, plaire et convaincre.

Le portfolio est un outil d’évaluation : c’est un moyen pour son auteur d’obtenir une évaluation externe de la part d’un public, mais également de s’évaluer lui-même, en particulier lorsqu’il se place dans une démarche réflexive et constructive (ex : dans le cas d’un portfolio d’apprentissage). On peut facilement affirmer que tout portfolio s’inscrit dans une interaction sociale, même lorsque l’auteur adopte d’abord une démarche auto-réflexive. Le portfolio vise sans doute à produire un effet sur soi-même et sur les autres sans que les deux effets recherchés soient pleinement conscients et dissociables pour l’auteur. Comme l’être humain est un être résolument social, qui cherche par conséquent à communiquer avec l’autre, le contexte social ou le potentiel d’interactions sociales lié au projet du portfolio lui donne du sens. Dans le cas contraire, son auteur finirait par se lasser et tournerait en rond.

Quel que soit le degré d’autonomie et la capacité d’analyse de son auteur, le portfolio le conduit à des choix, à une prise de décision et à un certain degré d’auto-évaluation (par la prise de recul, l’auto-critique, l’auto célébration, etc.). Au niveau du contenu, il décide de présenter tel travail plutôt que tel autre, choisit de publier un billet réflexif sur une expérience vécue ou de ne pas le publier, etc. Si la plate-forme de portfolio utilisée et les compétences techniques de l’auteur le permettent, celui-ci va également opérer des choix dans la façon de présenter le contenu (choix relevant de la communication visuelle, qu’ils soient conscients ou non, efficaces ou non) et dans la manière d’organiser le contenu, à travers différentes rubriques. Toutes ces actions font émerger chez l’auteur un certain nombre de questions. Voici certaines questions que je me suis moi-même posé :

« Cet élément a-t-il bien sa place dans cette rubrique ou dans ce portfolio ? ».

« Ce travail que je présente illustre-t-il suffisamment bien telle compétence ? ».

« Mon portfolio reflète-t-il les progrès que j’ai accomplis ? « 

« Les choix visuels et mon style rédactionnel sont-ils adaptés à mon public cible  ? »

« Celui-ci pourra-t-il se repérer et naviguer aisément ? ».

L’étendue des questions et leur nombre sont illimités. Quant aux réponses que l’auteur apporte et les choix qu’il opère, ils ne sont pas définitifs. A commencer par le choix de la plate-forme de portfolio. J’en ai pour ma part essayé trois avant d’établir la version actuelle de mon portfolio numérique d’apprentissage (on pourra lire ce précédent billet dans lequel j’ai relaté cette expérience).

A mon avis, le portfolio a un potentiel très fort : c’est un produit (le portfolio que l’on décide de montrer à un public à un moment donné) qui s’inscrit dans un processus de création, de réflexion et d’apprentissage (le portfolio est évolutif et symbolise un mouvement). Il rend plus visible à son auteur un certain nombre de ses cheminements, l’aidant à prendre peu à peu conscience qu’il est sujet de sa formation ou de toute autre démarche qu’il a entreprise et dans laquelle s’inscrit son portfolio. Le contenu du portfolio apporte des preuves tangibles que l’auteur se situe dans l’action : il n’est pas entièrement passif et ne fait pas que subir (sa formation par exemple). Au sein même des contraintes qui lui sont imposées et des difficultés qu’il rencontre (il y en a toujours), le portfolio est un espace de liberté qui favorise le questionnement et permet de tirer profit de l’expérience. C’est enfin une philosophie : adopter le portfolio ou adhérer à sa démarche réflexive, c’est accepter le changement et l’inconnu et se donner les moyens d’évoluer. Nous savons éventuellement d’où nous partons, mais ne savons jamais exactement où nous allons ni par quels chemins nous passerons !

• La note d’intention
• Le cahier des charges (et la planche tendance)
• Le dossier de conception

En effet, si un client fait appel à nos services en tant que chef de projet concepteur Web, le premier document que nous allons lui remettre après l’avoir rencontré et discuté du projet sera ce qu’on appelle une note d’intention. Ce document vise à montrer nos idées en termes de conception et de réalisation du site web. Comme la note d’intention d’un réalisateur de films cinématographiques, nous allons expliquer clairement, dans un langage compréhensible pour le client (a priori un non spécialiste), images et captures d’écran à l’appui, nos intentions de réalisation. Il faudra qu’à la lecture de ce document, le client soit convaincu que l’on a bien compris ses attentes et que l’on est à la hauteur du projet.

Mon projet de réalisation web est destiné au centre de ressources de l’Université française d’Égypte, qui a été inauguré en avril cette année. J’ai créé cette même année un blog pour la pratique du français à l’intention des étudiants et enseignants de cette université. Je suis par ailleurs en train de réaliser un catalogue des ressources du centre, afin que les étudiants puissent accéder aux ressources en fonction d’objectifs d’apprentissage. Ainsi, les ressources seront classées selon plusieurs critères. C’était par ailleurs l’objet de mon projet de Base de données (module Base de données Access et Sql).
J’ai donc pensé qu’il était important de concevoir un site web dynamique pour le CERCLE (le centre de ressources), pour donner accès à toutes les informations du centre, les ressources d’une part, les activités et ateliers de l’autre, ainsi que des informations sur les objectifs même d’un tel dispositif (autonomie, certifications, etc.).

Ma note d’intention reflète un projet de réalisation d’un site web dynamique qui va au-delà de ce que je pouvais réaliser dans un temps assez réduit. J’ai toutefois décidé d’écrire la note d’intention du projet dans son ensemble (réalisation d’un site dynamique pour le centre de ressources linguistiques), car il me semble que c’est une phase préparatoire indispensable. Les bases seront ainsi posées en vue de la réalisation d’un site complet.

Cliquez ici pour visualiser ma note d’intention.

Pour le moment, je n’ai eu le temps que de réaliser l’arborescence du site (en prévision du contenu), la partie graphique en CSS, XHTML et quelques éléments en javascript. Il faut à présent que je m’occupe de la partie dynamique à l’aide de PHP et Mysql.

Voici une première version du cahier des charges de ce projet, qui sera complété prochainement.

Pour voir le site en construction, cliquez ici.

Dans le contexte de la formation ouverte et à distance, le travail en binôme ou en groupe, les échanges participatifs et l’entraide sont indispensables. Ces moments et ses approches font d’ailleurs partie intégrante du dispositif. Seul, on peut avoir du mal à se motiver, à rester dans les rails, à comprendre ce qu’on attend de nous en tant qu’apprenant, etc. Il devient rapidement « vital » de soumettre des questions, proposer des solutions, recueillir l’avis des uns et des autres, au risque notamment de se perdre dans la multitude d’informations présentes sur la plateforme de cours et de se noyer dans la quantité de questions qui ne peuvent trouver réponse au moment où on se les pose. Et oui, dans la formation à distance, il faut faire avec l’effet retard et le mode asynchrone. On ne peut pas toujours poser une question en direct à un interlocuteur et s’attendre à avoir une réponse immédiate. Entretenir le dialogue avec les autres permet d’avancer et de désamorcer des difficultés parfois sources d’anxiété.

Les interactions entre apprenants et avec les enseignants sont indispensables et le travail en binôme/groupe crée des liens. Ainsi, on existe plus seulement comme apprenant individuel inscrit à une formation, mais comme membre d’une communauté ayant un (et souvent plusieurs) rôle et des liens multiples avec les autres membres. Comme nous sommes des êtres sociaux, nous avons besoin d’interagir et de construire, lorsque cela est possible, des relations avec d’autres. J’ai eu la chance que cela soit possible au sein de cette promotion. Je crois que ceux et celles qui partagent cette expérience en sont ressortis plus riches et plus forts.

La formation AIGEME est résolument axée sur l’approche socio-constructiviste de l’apprentissage. Au stade adulte où nous sommes, à notre niveau d’études et pour une formation dont la spécialité est la FOAD, il serait d’ailleurs malheureux que le dispositif ne repose pas sur cette approche. Elle requiert de la part des apprenants une aptitude à l’auto-apprentissage, par la nature même du mode d’apprentissage – la FOAD – et parce que les enseignants ne sont pas tous aussi disponibles qu’on le souhaiterait. Il en résulte parfois une certaine frustration. L’évaluation repose en grande partie sur des travaux collaboratifs, coopératifs et participatifs, ce qui permet de gagner du temps et d’apprendre davantage de choses en peu de temps, et de réaliser des projets plus intéressants que ce qu’on aurait pu faire seul dans le même laps de temps. En effet, le domaine de la FOAD est vaste, nous avons eu à mener de front un grand nombre de projets et à construire nos connaissances et acquérir des savoir-faire dans des champs multiples de la FOAD. Dans ce type de formation professionnelle hautement spécialisée, l’efficacité et le rendement sont des mots qui ne doivent pas faire peur aux apprenants !

C’est ainsi que j’ai accompli bon nombre de mes projets en binôme, souvent avec la même personne d’ailleurs (on ne change pas une équipe qui gagne) et un projet conséquent en groupe dans le cadre du module « Transmission des connaissances ». Le travail en binôme et le travail en groupe imposent des règles différentes. On passe du mode de relation duel, auquel on est culturellement habitués, à une relation plurielle qui fonctionne sur le mode réseau, ce qui est bien plus complexe à gérer, d’autant plus qu’on ne connaît pas bien les membres du groupe. Pour ce projet, il fallait bien entendu gérer les aspects techniques du travail collaboratif à distance (outils collaboratifs, planning et délais, décalage horaire) mais aussi les aspects humains du travail en groupe. Une expérience intéressante qui s’est révélée personnellement positive et source de réflexion. C’était l’occasion en effet d’observer et d’analyser nos propres fonctionnements et ceux des autres membres du groupes, notre degré d’implication, notre aptitude à la prise de décision, les rôles implicites au sein du groupe et enfin les modes d’intervention et d’échange privilégiés par les uns et les autres. Ce fut avant tout un cas pratique difficile que nous a soumis  l’enseignant de ce module, Mr Florimond Rakotonoelina ; une mise en situation quasi-réelle avec toutes les questions liées au travail de groupe (tâches collaboratives vs tâches coopératives, esprit d’équipe, gestion du stress, communication, etc.), réalisé à distance (décalage horaire, interculturalité, interprétation des « silences », etc.), selon des consignes précises à respecter (évaluation critériée) et toute la complexité du domaine de la transmission des connaissances dans le contexte de la conception pédagogique multimédia.

]]> http://annecharlottechaput.wordpress.com/2008/09/13/bilan-dun-apprentissage-collaboratif/feed/ 0 acc http://annecharlottechaput.wordpress.com/2008/09/13/vodpod-un-widget-de-partage-de-videoset-de-documents/ http://annecharlottechaput.wordpress.com/2008/09/13/vodpod-un-widget-de-partage-de-videoset-de-documents/#comments Sat, 13 Sep 2008 09:20:48 +0000 acc http://annecharlottechaput.wordpress.com/?p=264 ]]> Dans un billet précédent, dans lequel je parlais du récent service Scribd s’appuyant sur le widget en Flash IPaper, je faisais part de ma petite déception quant à l’impossibilité (jusqu’à présent) d’insérer un document comme objet sur les blogs WordPress hébergés sur WordPress, c’est-à-dire ceux pour lesquels la gestion technique et la feuille de style est entièrement pris en charge par WordPress.

J’ai découvert un nouveau widget disponible dans la rubrique Apparence > Widgets de WordPress : Vodpod. Il permet de mettre en ligne des vidéos mais aussi des documents hébergés sur Scribd.

Il faut d’abord ouvrir un compte sur Vodpod, puis créer un nouveau « Pod ». On peut ainsi créer autant de « pods » que l’on veut et les partager. J’ai tout de suite testé sur mon blog le CERCLE-FLE. Il suffit de faire un copier-coller du code imbriqué d’un de ses propres documents hébergés sur Scribd à l’intérieur d’un pod sur son compte Vodpod. Puis, on ajoute le widget Vodpod sur son blog WordPress, en précisant l’adresse du pod Vodpod. Le tour est joué ! Les visiteurs du blog peuvent alors consulter tous les documents ajoutés sur le pod de Vodpod, selon trois modes de consultation (livre, diapositives et document). En cliquant sur le widget, une fenêtre pop-up s’ouvre juste à droite du widget.

Mon verdict : c’est une solution intéressante mais la fenêtre pop-up ne peut pas être redimensionné comme on veut et les documents rédigés avec une police petite ou qui ont beaucoup de texte ne seront pas très lisible. En revanche, pour des présentations et des documents de type schémas, organigrammes et images, c’est intéressant. Cela permet en un coup d’oeil, de consulter un dossier. Pour mon ePortfolio, j’ai donc choisi d’inclure dans mon pod, qu’une petite sélection de dossiers réalisés cette année. Les autres peuvent être consultés directement à l’aide de IPaper en plein écran, à l’aide d’un permalien que j’insère directement dans l’article.  Cliquez ici pour voir un exemple.

Petite remarque : IPaper me rappelait étrangement la terminologie propre à Mac et il en est de même pour Vodpod et ses « pods ».

1. Créer un rendu dessiné (ou peint) à partir d’une photo
   J’ai testé deux façons différentes :
   • Possibilité n°1 : À partir d’une photo d’un champ de tournesols, j’applique un filtre « artistique » de type « fresque » pour lui donner l’effet et la texture d’un tableau.

   Réglages :

   Taille du pinceau : 1

   Détail du pinceau : 2

   Texture : 2

   • Possibilité n°2 :

   1. J’ouvre mon fichier tournesol.psd.

   2. Je sélectionne Filtre > Esthétiques > Contour lumineux. Cet effet inverse le positif et le négatif de l’image (les noirs deviennent blancs et les blancs deviennent noirs).

   3. Je règle l’épaisseur (du trait pour un rendu suffisamment fin), la luminosité (assez forte pour obtenir un maximum des couleurs initiales ou très basse pour n’avoir qu’un trait de crayon ou un dessin très délavé) et le lissage (assez bas pour conserver suffisamment de détails de l’image).

   4. L’image étant inversée, il suffit de faire ctrl i pour rétablir le positif et le négatif de l’image. J’obtiens ainsi l’image ci-après.

   

2. Rendre floue une partie d’une photo

A partir d’une des photos utilisées dans le TP de niveau 2, j’ai utilisé la baguette magique et réglé la tolérance de la baguette magique afin de sélectionner le personnage uniquement (assez simple étant donné le contraste des couleurs entre le personnage et le reste de la photo). J’ai ensuite inversé la sélection et j’ai appliqué à ma sélection un filtre de type flou (courbe de Gauss) dont j’ai réglé l’intensité. J’obtiens l’image ci-contre.

3. Faire des effets de texte
   

   Voici deux exemples :
   	Ici, j’ai utilisé l’effet plume et l’effet forme géométrique avec du texte.
   	Ici, j’ai ajouté la mention de copyright le long de la courbe de la cible. Cette image est un détail du photo montage vu dans le TP niveau 3.

4. Faire des effets spéciaux
   

   Voici un exemple :
   	A partir du logo du CERCLE (le centre de ressources que j’ai créé), j’ai utilisé des effets en 3D permettant de retourner, déformer, aplanir, etc.

5. Créer un reflet dans une image
   Voici deux exemples de photos avec un reflet :

   Comment créer un reflet ?

   • Ouvrir l’image dans un nouveau fichier psd.
   • Renommer le calque correspondant à l’image de travail (calque 1).
   • Agrandir la taille du canevas en prévision du reflet qui sera créé sous l’image initiale puis recentrer l’image initiale par rapport à la taille du canevas.
   • Créer un fond noir et disposez le, dans l’ordre des calques, après celui qui contient l’image initiale.
   • Créer une copie du calque image initiale calque (copie calque 1).
   • Sélectionner le calque « copie calque 1 » et lui faire subir une transformation verticale, déplacer ensuite l’image sous l’image initiale en laissant un léger espace entre les deux (plus joli à mon avis).
   • Créer un masque de fusion associé au calque « copie calque 1 » en choisissant l’option « tout cacher ».
   • Sélectionner le masque et utiliser l’outil « dégradé » de type « premier plan vers arrière-plan » ou « premier plan vers transparent » et ajuster le « lissage » et le dégradé.
6. Créer des boutons

Voici deux boutons créés à partir du logo du CERCLE, au format gif (fond transparent), en vue de créer ensuite un bouton roll-over (étape suivante).

Voici une autre version du bouton, de couleur légèrement différente et au format jpg :


7. Faire un roll-over

Cliquez ici pour visualiser le bouton CERCLE avec effet roll-over : au survol du curseur sur le bouton, ce dernier change de couleur.

8. Faire une boîte 3D avec des facettes
   • J’ai d’abord cherché un tutoriel sur Internet. Ensuite, j’ai essayé d’appliquer la technique des lignes de fuite et de ligne d’horizon (base du dessin en perspective) dans Photoshop. J’ai également pris un cube photo réel pour observer les perspectives et tenter de les reproduire dans Photoshop.
   • À partir de la même photo du tournesol déjà utilisée aux niveaux précédents, j’ai recadré l’image pour lui donner les dimensions d’un carré (taille d’une des faces de mon cube). Je crée un nouveau fichier psd dans lequel je crée un premier calque que je nomme faceA. Dans ce calque, je copie l’image carrée du tournesol. Ensuite, je fais deux copies de ce calque, que je renomme faceB et faceC. Je positionne la face A du cube, et je lui applique les transformations nécessaires (perspective, distorsion et éventuellement rotation). La position de la première face va conditionner les perspectives des autres faces.
   • Dans le calque faceB, je sélectionne l’image de la seconde face visible du cube et je lui applique également les transformations nécessaires en fonction de la position de mon regard, qui crée une ligne d’horizon et les deux lignes de fuite. Je fais de même avec la troisième face visible.
   • Enfin, j’applique les effets de mon choix aux sélections représentées par chacune des faces du cube.

   Voici le résultat :

   Au final, mon cube n’est pas parfait et ça se voit. Je ne sais pas si un outil dans Photoshop permet de tracer toutes les lignes imaginaires (de fuite, d’horizon) permettant de faire de bonnes perspectives, mais je pense qu’il serait utile de faire ces tracés dans un logiciel comme Canvas (utilisé en architecture).

1. Utiliser les masques de calque
   • J’ai utilisé le masque de calque pour créer un reflet dans une image,
   • et pour créer un fondu entre deux photos.

   


   Créer un masque de calque (cliquez sur l’image pour la visualiser à sa taille réelle) :

2. Créer un dégradé dans le masque
   

   Voici deux exemples :
   	Au départ, j’avais eu l’idée d’utiliser deux photos, l’une de ruines et l’autre de fonds marins poissonneux. J’ai donc cherché dans ma photothèque et sur les sites de photos libres de droits des photos qui pourraient permettre de faire un aquarium avec un paysage de ruines sous la mer. Par manque de temps, mon choix de photos n’a pas été optimal, mais j’ai pu tester la technique du dégradé entre deux calques, en insérant un masque de fusion au niveau du premier calque (celui qui se trouve au dessus). Ensuite, j’ai utilisé l’outil « dégradé ». 1er calque : les ruines 2nd calque : l’aquarium.
   	Avec la photo de la bufflonne, j’ai procédé de la même manière. Un masque permet de créer un dégradé dans le reflet (image retournée verticalement et coupée) pour que l’effet reflet soit plus naturel et plus esthétique. On utilise pour cela l’outil « dégradé».

3. Utiliser les effets spéciaux
   J’ai utilisé des effets spéciaux Photoshop à plusieurs reprises. En voici un exemple :

   A partir du dessin créé pour le niveau 2, j’ai ajouté un effet « chrome » au dessin. Par ailleurs, l’effet de texte appliqué au signe copyright est l’effet « lueur externe ».

1. Se servir des outils de sélection
   • Le masque rapide
   • Le rectangle de sélection
   • L’ellipse de sélection
   • Le lasso (standard, polygonal et magnétique)
   • La baguette magique

   


   Voici quelques exemples d’utilisation d’outils de sélection :
   	J’ai utilisé l’outil rectangle de sélection pour opérer un redécoupage/recadrage de mon tournesol au niveau 1.
   	J’ai utilisé l’ellipse pour sélectionner un échantillon d’une photo (visage de jeune mariée) et que l’on retrouve dans une production montrée au niveau 2
   	J’ai utilisé le lasso magnétique pour sélectionner la partie de ma photo Vincent.psd qui compose le ciel, délimité par la roche en second plan (voir l’exemple).

   On peut lire une page qui résume bien ce qu’il faut connaître sur les outils de sélection : http://akvis.com/fr/graphic-tips/selection-tools/select-photoshop.php

2. Faire un détourage
   
   Ici, j’ai utilisé la technique du détourage en mode masque.
   J’avais essayé d’abord avec la baguette magique (mais j’avais beaucoup trop de variantes de couleurs dans ma photo) et avec le lasso magnétique (mais sans palette graphique, je fatigue vite de faire et refaire). J’ai finalement trouvé un petit tutoriel qui m’a permis de découvrir le détourage en passant par le mode masque.
3. Manipuler les calques, faire un photo montage et manipuler les sélections
   J’ai choisi de regrouper ces trois compétences en une photo composition, que je me suis amusée à réaliser tout en apprenant.
   J’ai pris mon image détourée, j’ai recherché un personnage de BD qui avait un peu la même position que moi, puis j’ai transformé la sélection pour avoir le personnage de « cartoon » orienté dans ma direction (en retournant la sélection selon un axe horizontal).
   J’ai ajouté quelques effets au calque de mon image : l’effet « cible » notamment, et j’ai choisi un mode de fusion autre que « normal ». Enfin, j’ai ajouté un calque texte le long du cercle extérieur de la ‘cible’ pour insérer le copyright. Il a fallu manipuler le texte pour lui donner la bonne courbure.
   Voici le résultat :

1. Dessiner à la main
   Dessiner à la main sans palette graphique, ce n’est pas simple ! J’ai donc choisi pour cette étape d’utiliser un personnage de « cartoon » comme base de départ, plutôt que de partir de zéro.

   J’ai opéré un détourage du contour du personnage à l’aide du lasso magnétique, puis j’ai dessiné au crayon le contour de la silhouette par dessus la sélection faite au lasso. Ensuite, j’ai utilisé l’outil remplissage et la couleur noir à la sélection (l’intérieur de la silhouette) et je lui ai appliqué un filtre pour lui donner un effet pour atténuer le manque de précision de mon dessin.

   Voici le résultat :

2. Utiliser les formes géométriques
   Voici un exemple de forme géométrique que l’on peut utiliser dans Photoshop : la bulle de bande dessinée.
   J’ai utilisé l’outil forme géométrique de type « spécial » et j’ai choisi le type « bulle de BD ». J’ai ensuite ajouté un calque de type texte pour écrire dans la bulle.
   
3. Se servir de l’outil de remplissage

   J’ai choisi l’une de mes photos avec un personnage au premier plan, des pierres et un ciel pâle au second plan (Vincent.jpg). La gamme des couleurs du fond n’étant pas très riche, il n’a pas été très difficile de sélectionner le contour des pierres avec la baguette magique (le lasso magnétique aurait pu faire l’affaire). Une fois la sélection opérée, j’ai sélectionné l’option du menu Sélection pour obtenir l’inverse de la sélection, la sélection se faisant sur le ciel. Ensuite, l’outil « Remplissage » et une couleur de ciel bleu m’ont permis de rendre ma photo plus contrastée au niveau du ciel uniquement sans avoir modifié le reste de ma photo !

   Voici le résultat :

4. Reproduire et cloner
   Cliquez sur une photo pour la visualiser en grand dans une nouvelle fenêtre.

   Dans cette série de 4 photos, je me suis amusée avec l’outil clonage.
   La photo du minaret a un ciel que je trouve superbe. J’ai donc voulu faire disparaître le minaret pour ensuite pouvoir reproduire ce ciel sur ma photo source Vincent.jpg (celle dont le ciel était pâle).
   J’ai fait disparaître le minaret à l’aide de l’outil clonage et j’ai créé un nouveau calque dans mon fichier PSD contenant la photo source (Vincent.psd). Ce fichier contenait donc au moins deux calques : la photo principale et le morceau de ciel bleu « truqué » par clonage (la 2ème photo en partant de la gauche). Une fois de plus, j’ai appliqué la technique du clonage d’un calque à l’autre (en « coloriant » la zone de ciel).

   Dans le photo montage du tournesol (photo n°4 ci-dessus), j’ai utilisé le clonage afin de reproduire certains détails de la photo hors du cadre initial de la photo. À l’intérieur de la corolle, j’ai ajouté la photo d’une jeune mariée après avoir découpé la partie d’une autre  de mes photos. J’ai joué sur l’opacité des calques, le mode de fusion des calques pour éviter que la fleur et la photo de la mariée ne soient trop en contraste. Au contraire, le visage est fusionné dans la corolle du tournesol.
   J’ai laissé libre court à mon imagination pour tester quelques outils de Photoshop, qui est d’une telle richesse qu’on y passe facilement des jours entiers à découvrir et se perfectionner sur quelques outils…

Voici les différentes étapes de ce TP de premier niveau réalisé en autoformation avec Photoshop. Chaque étape correspondait à une compétence à atteindre.

1. Ouvrir une image à partir d’une copie d’écran
   
   Je fais une capture d’écran, puis je sauvegarde l’image au format jpg. J’ouvre cette image dans Photoshop et je l’enregistre au format projet .psd afin de pouvoir la retravailler.
2. Recadrer une image

   Voici la photo source à partir de laquelle j’ai créé plusieurs nouvelles images dans ce TP.

   A partir de la photo source, j’ai utilisé l’outil « rectangle de sélection » pour recadrer mon image à ma convenance, l’outil « recadrage » pour ne conserver que mon nouveau cadre. Puis, j’ai fait pivoter le canevas de l’image du projet (de paysage en portrait) et j’ai recentré mon tournesol (le carré) à l’intérieur du canevas pour lui donner les dimensions d’un polaroïd. Enfin, j’ai créé une nouvelle couche que j’ai nommée « fond » et je lui ai attribué la couleur noir à l’aide de l’option « remplissage ».

3. Donner la bonne résolution et définition
   • Ma photo source (tournesol.psd) avait les caractéristiques suivantes :

   définition : 2048 pixels par 1536 pixels

   résolution : 72 pixels/pouce

   taille : 72,25cm x 54,19cm.

   • J’ai fait un nouvel échantillonnage de ma photo, pour la mettre à un format proche du A4

   nouvelle définition : 842×631

   résolution : 72 pixels/pouce (inchangée)

   taille : 29,7 cm x 22,26 cm.

   • J’ai bien compris les notions de définition et de résolution grâce à un article clair et concis (http://www.pixelvalley.com/appareil-numerique/definition-resolution.php)

   Ensuite, j’ai écouté plusieurs fois cet excellent et captivant tutoriel vidéo de Dominique Legrand sur le site wisibility.com (http://www.wisibility.com/blog/?2006/09/11/38-la-vie-numerique-definition-resolution-du-pixel).

   Ce que l’on doit retenir :

   • Avoir en tête, le format final souhaité de l’image
   • Mauvaise résolution = pixels trop gros / haute résolution = pixels petits
   • Lorsque l’on augmente la définition, la taille de l’image augmente.
   • Si l’on ne sélectionne pas « ré échantillonnage », changer la résolution de l’image ne modifie pas la définition de celle-ci. Sa qualité n’est pas altérée.
4. Agrandir et réduire une image
   

   Agrandir une image signifie modifier sa taille et sa définition.

   Réduire une image : La définition d’origine de ma photo est de 2048 x 1536 pixels.

   Je conserve ma résolution (pour le Web) à 72 pixels/pouce et j’ajuste la taille de l’image en sélectionnant l’option « rééchantillonage » et l’option permettant de conserver les proportions. La conséquence est la suivante : mon image a moins de pixels (définition plus basse), une taille réelle inférieure, mais ses proportions sont conservées. Il n’y aura pas d’effet de pixellisation tant que je ne zoome pas trop.

   Remarque : ce qui compte est en effet la taille finale souhaitée pour une image. Ici, j’ai redéfini mon image à 512×384 pixels, soit une réduction de 75%. Sa taille réelle est maintenant de 18,06 cm x 13,55cm.

5. Ajuster les niveaux de couleurs
   
   J’ai créé un fichier psd dans lequel j’ai créé deux calques pour accueillir l’image source (tournesol.jpg) en haut et en bas. Dans l’image du bas, j’ai ajusté ici le niveau de couleur de la photo au niveau des bleus : réglé la balance des bleus au maximum tout en conservant la luminosité. Ce qui fait un fond très bleu et la fleur reste bien jaune.
6. Ajuster les contrastes
   J’ai créé un fichier psd dans lequel j’ai créé deux calques pour accueillir l’image source (tournesol.jpg) en haut et en bas. Dans l’image du bas, j’ai légèrement ajusté le contraste et la luminosité.
   
   À partir du même fichier psd, j’ai choisi ici le contraste maximum pour ne conserver que le jaune et le noir.
   
7. Sauvegarder pour le web
   L’option « sauvegarder pour le Web » de Photoshop propose 4 options par défaut : le format original, et 3 qualités : haute (60% de l’image d’origine), moyenne (30%) et basse (15%). On peut ajuster la résolution, et jouer sur le flou, et quelques autres options. Les formats d’export sont : gif, jpg, png et wbmp.
8. Nommer correctement les fichiers
   Lorsqu’on a un grand nombre de fichiers images à gérer (photothèque, site web, etc.), il faut utiliser une règle de nommage simple pour organiser les images et pouvoir facilement les retrouver, si on veut les retravailler, en remplacer une qui n’est plus d’actualité, etc. Le nommage peut refléter l’arborescence du site, utiliser des mots-clés ou un ordre d’apparition, etc.