Hellooo o/

Je viens proposer mon 3eme petit tutoriel avec une technique assez simple pour ceux qui ne connaissent pas encore, pour faire un effet 3D :)
(Il me semble qu'il existait déjà un autre, mais la technique n'est pas du tout la même x))

Voiciii :

Tuto Effet 3D:

LP & Webdesign - Index

LP

Webdesign

Bases & Astuces - Index

Aides, Astuces

Lexique des équivalents Anglais / Français par Zayl
Lexique du vocabulaire graphique par Wasp
Faire un screenshot par Legend
Réduire une image sans la déformer par Ilan
Les bases dans une création par Spree

La Couleur

Outils

Le Détourage

Les Cadres

La Typographie

Autres

Etape 2 – Créer un document vierge

Dans l'étape précédente nous avons vu l'import d'une image dans photoshop et sa modification, puis son enregistrement une fois modifiée. C'est un bon début mais vous allez rapidement vous rendre compte que vous aurez besoin de créer une image ayant une dimension précise, notamment sur le forum pour vos avatars et signatures, mais à plus long terme si vous souhaitez réaliser un thème de forum, pourquoi pas, ce n'est pas si compliqué qu'il n'y parait !

C'est le but de cette étape que de décider des dimensions du document que nous voulons obtenir à la fin.

Créer un document

Commençons, une fois votre logiciel ouvert, par créer un nouveau document, chose que nous n'avons pas encore abordé. Pour cela, vous devez aller dans "Fichier" puis cliquer sur "Nouveau".



Vous obtenez la fenêtre suivante :



Dans le premier champ vous pouvez (comme je l'ai écrit) choisir un nom pour votre document. Personnellement je ne le fais jamais et je le nomme au moment de l'enregistrement...mais il ne faut pas forcément faire tout ce que je fais car il y a des bêtises dans le lot x). Donc à votre guide, mettez un nom ou pas, ce n'est pas l'essentiel.
Le point essentiel c'est à notre niveau actuel d'indiquer la TAILLE de notre création. Puisque nous n'allons réaliser que des créations destinées au web, du moins en très grande majorité dans ce cursus, sachez que l'unité devra être le pixel, et que la résolution restera toujours à 72. Lorsque j'aborderais l'impression papier je vous parlerais plus en détail de cela mais vous n'avez pas besoin de changer ces valeurs dans un premier temps.
Vous devez donc avoir :
- votre taille en pixel : ici j'ai choisi une taille format "signature" à peu près
- la résolution à 72
- le mode colorométrique en RVB (là aussi laissez toujours comme ça)
- le fond, qui peut être blanc ou transparent, mais comme nous n'allons pas travailler sur la transparence pour l'instant j'ai choisi blanc.
Validez et vous obtenez un merveilleux document que voici :



Oui, c'est blanc et tout vide, mais au moins c'est à la bonne dimension, celle qu'on veut, qu'on a décidé. Il s'agit maintenant de mettre une image là-dedans !

Importer et glisser une image dans un document

L'import, vous savez faire. Reprenons donc notre méthode précédente : ouvrez le dossier contenant vos images à part de votre logiciel, trouvez l'image que vous souhaitez utiliser et faites-la glisser dans photoshop.



J'ai donc mes deux images présentes, ou plutôt mes deux documents : le premier est le document que je crée, l'autre est l'image qui va me servir à le faire. C'est bien, mais comment mettre l'image dans le document ? Et bien par le même procédé utilisé jusqu'à présent ! Je le fais gentiment glisser dans mon document vierge. Arrangez vous pour placer vos deux document de sorte que les deux se voient, puis
sélectionnez l'outil de déplacement :

Cliquez sur l'image importée et maintenez le clic, faites glisser l'image vers votre document à fond blanc, puis relâchez.



J'ai donc mon image dans mon document, mais elle est grande, cette image. Il me faut donc la retravailler un peu...mais je ne peux pas procéder comme dans l'étape 1 ! En effet, si j'agis sur la taille de l'image c'est en réalité la taille de mon document qui va changer, or je ne veux pas, j'ai décidé que mon document-signature fera cette taille, point final. Il faut donc que je ne change que l'image que je viens de faire glisser.
Heureusement, photoshop fonctionne par calques, que je vous expliquerais un peu mieux après. Sachez juste qu'après avoir déplacé une image vous pouvez modifier que cette image là si vous le souhaitez, pas le reste. Les éléments sont indépendants.
La fenêtre des calques se trouve ici :



Et comme vous pouvez le voir j'ai deux calques : le premier (le plus bas) c'est mon fond blanc, lors de la création du document. Le second calque, plus haut, c'est l'image que je viens de placer. Normalement c'est ce calque là, celui de l'image, qui est sélectionné (dans mon cas le calque sélectionné est en gris).
Il faut être sur le calque pour pouvoir le modifier.
Comme je le disais, j'entrerais davantage dans les détails des calques dans une étape future. Pour le moment, essayons simplement de modifier notre image.

On peut la déplacer

Pour cela, avec le même outil déplacement que précédemment je peux cliquer sur l'image et en maintenant le clic la bouger pour mettre dans mon document la partie qui m'intéresse, par exemple ici Naruto (le personnage blond habillé en orange).

On peut la réduire

Je peux réduire l'image. Mais pour cela pas question d'utiliser le même procédé que dans l'étape 1. A la place je vais utiliser un outil spécial, celui-ci :



Il se nomme "rectangle de sélection". Une fois que vous l'avez sélectionné, faites un clic droit sur l'image dans votre création, puis choisissez "Transformation manuelle".



Voici ce qui se passe :



Nous voyons apparaitre un cadre, dont on ne voit pas tout, et c'est normal car en fait c'est le bord de notre image. Le document étant plus petit que l'image que nous y avons ajouté, seule une partie est visible...mais ce n'est pas parce que le reste ne se voit pas qu'il n'existe pas ! L'image entière est bien là, et la preuve avec ce rectangle.
Une fois l'image sélectionnée ainsi, vous pouvez la réduire. Techniquement vous pouvez aussi l'agrandir un peu, mais attention à la perte de qualité ! Agrandir une image signifie étirer les pixels qui la composent et donc perdre en qualité, votre image risque d'avoir un aspect "sale", flou.



Heureusement, il existe une astuce qui vous servira très souvent : appuyez sur MAJ de votre clavier, puis placez-vous à un angle de votre rectangle d'image (le rectangle qui est apparu avec la sélection). Lorsque la double flèche apparait, cliquez tout en gardant "MAJ" enfoncé, puis glissez pour redimensionner votre image !



Concernant mon image, je l'ai à peine réduite.



Pour valider votre transformation, vous pouvez appuyer sur "Entrée" mais également cliquer sur l'icône de validation présente en haut sur la barre d'option d'outil.



Vous avez d'ailleurs à côté le rond barré vous permettant d'annuler la transformation que vous venez de faire.

On peut la faire tourner

Bien sûr dans le cas présent il ne s'agira pas de lui faire faire un 360 mais de l'incliner plus ou moins pour centrer sur ce qui nous intéresse.
Il va se soi que dans certains cas vous n'aurez pas besoin de le faire, mais je passe en revue ici quelques unes des transformations possibles pour un début d'utilisation du logiciel.

Pour pencher notre image nous allons utiliser le même outil que pour la redimensionner, l'outil "Rectangle de sélection" .

Une fois cet outil sélectionné, de la même façon faites un clic droit sur votre image et choisissez "transformation manuelle".
Si vous placez maintenant votre curseur en dehors du rectangle délimitant votre image mais toujours dans la zone gris clair de votre espace de travail, vous pouvez faire tourner l'image, le curseur se change en une flèche double courbée.



Cliquez et maintenez le clic, puis faites glisser la souris d'un côté ou de l'autre pour pencher plus ou moins l'image.

Dans mon cas, ayant deux personnages, je vais m'arranger pour qu'on les voit tout les deux sur ma signature.





Voilà, nous avons notre création cadrée comme voulu !



Mais ce n'est pas terminé, nous allons la travailler un peu plus avant d'enregistrer.

Mettre un petit effet

Puisque vous avez joué avec les filtres dans l'étape précédente, nous allons en mettre deux ! Sans aller dans une transformation trop grande non plus nous allons utiliser la "réduction du bruit" et un "éclairage", tout simplement.
Commencez par aller dans "Filtres", "Bruit", "Réduction du bruit".



Puis entrez les valeurs suivantes.



Attention, les valeurs peuvent être à adapter selon votre image ! Jouez avec les curseurs jusqu'à ce que le résultat vous plaise.
Validez:



Nous allons ensuite mettre un second filtre, l'éclairage cette fois. Pour cela allez dans "Filtres", "Rendu", "Eclairage".
Vous obtenez ceci :



Pour le moment ne cherchons pas à nous compliquer la vie, choisissez une lumière blanche (qui est par défaut me semble-t-il), puis amusez-vous seulement à doser les données jusqu'à ce que ça vous convienne. Sachez que vous pouvez orienter l'éclairage de la même façon que vous avez bougé l'image tout à l'heure : cliquez sur les bords du rond de l'aperçu à gauche puis faites le pivoter en glissant.
Une fois que vous avez ce que vous voulez, validez.



C'est plutôt pas mal non ?

Aller un dernier ajout...

Ajouter un texte

Nous allons apprendre à utiliser l'outil texte. Quel est-il tout d'abord ? C'est celui-ci :



Sélectionnez-le puis placez-vous sur votre document et créez un rectangle en cliquant puis glissant sans relâcher, puis relâchez le clic. Vous devez obtenir quelque chose comme ça :



Vous pouvez choisir la police, sa taille et son alignement dans la zone d'option d'outil encadrée en rouge ici :



Et si vous manquez d'options, il y en a d'autres en cliquant sur l'icône encadrée en bleu.



Je vais pour ma part écrire mon texte en arial et d'une couleur unie pouvant néanmoins se lire sur le fond où je vais mettre mon texte.



Vous remarquerez que mon texte n'est pas là où j'avais fait mon cadre au départ. En effet, une fois que vous avez écrit ce que vous souhaitez dans votre cadre, puis que vous l'avez validé avec l'icône présent ici :



Libre à vous de le déplacer avec l'outil de déplacement . Veillez à ce que le texte soit lisible

Voilà !

Il nous suffit maintenant d'enregistrer la création en procédant comme expliqué dans l'étape 1 : cliquez sur Fichier, Enregistrer sous.... Choisissez votre dossier "Mes Créations" ou tout autre dossier qui vous convient, n'oubliez pas de nommer votre création pour mieux la retrouver ensuite si besoin.



Enregistrez. Mettez 10 en qualité, validez.

C'est terminé !

Etape 1 : ouvrir et modifier un document

Photoshop est un logiciel complexe et rempli d'une multitude d'options, de filtres et d'outils dont vous découvrirez des fonctions insoupçonnés même après plusieurs années de travail dessus. Les bases sont cependant essentielles pour vous en sortir et débuter, mais c'est majoritairement seul, par la suite, que vous apprendrez réellement à atteindre ses limites. Dans un premier temps je vais donc vous expliquer son fonctionnement le plus simple, pour aller progressivement vers des notions plus complexes. Ce cursus n'est pas une fin en soi, ce n'est pas parce que vous l'avez terminé et entièrement assimilé que vous possédez le meilleur niveau possible dans le domaine de l'infographie, même amateur, sachez-le. Il est cependant censé vous donner suffisamment de clefs pour vous permettre de vous amuser seul avec ce gros logiciel qu'est photoshop.

Nous voici donc dans la première partie de ce cursus et dans sa toute première étape. Concrètement j'aurais pu commencer par "comment créer un document", mais j'estime tout aussi valable de démarrer par un petit aperçu de ce que l'on peut faire sur une image existante, trouvée sur la toile par exemple. C'est également plus ludique ! Et c'est pourquoi j'ai estimé plus judicieux de débuter par là.

Dans un premier temps commencez par ouvrir photoshop en double cliquant sur son icône (raccourci bureau) ou en suivant le chemin de son emplacement (Démarrer > Programmes > Adobe photoshop CS).

Importer un document

Vous constatez dans un premier temps que la disposition de votre fenêtre comporte des éléments connus, en particulier cette barre, encadrée en rouge :



Vous avez le même type de barre dans Excel, Word, Open document, et d'autres très nombreux logiciels. Vous pouvez également voir une colonne d'outils à gauche, des blocs semblant également utiles à droite (que vous n'avez peut-être pas tous, j'y reviendrais), et une barre horizontale comportant des options, juste en dessous de celle que j'ai encadrée.
Cela fait pas mal d'éléments, mais nous les verrons petit à petit en essayant de ne jamais rester trop longtemps dans un aspect "théorique" rébarbatif qui consisterait à vous présenter et décrire tout les outils un par un avec toutes leur fonctions...que vous ne retiendrez forcément pas.

Pour le moment, nous en sommes avec notre logiciel ouvert qui n'attend plus qu'une image, et nous allons voir les différentes méthodes pour importer une image. Elles sont très simples.

1ier cas : vous possédez une image sur votre ordinateur

Allez sur "Fichier" et cliquez dessus. Vous verrez un déroulant vous proposant de nombreux choix :



Cela fait pas mal, mais concentrons-nous sur le début. Pour importer une image dans notre logiciel nous allons sélectionner "Ouvrir".



C'est vrai, mais ici "Parcourir" ne va pas simplement ouvrir une petite fenêtre avec vos documents dans lesquels vous pourrez naviguer, il va vous ouvrir "Adobe Brige" qui est un petit logiciel accompagnant Photoshop permettant un meilleur tri de vos images et de vos dossiers. Personnellement je ne l'utilise pas, ayant pris l'habitude de déjà bien ranger mes documents (). Par ailleurs, il est possible que votre version de Brige ne soit pas fonctionnelle et n'ouvre donc rien du tout.

Nous allons donc faire simple et simplement cliquer sur "Ouvrir...".



La fenêtre ouverte vous placera toujours sur l'endroit où vous avez enregistré votre dernier document ou à l'endroit d'où vous avez importé votre dernier document. Dans mon cas il s'agit bien évidemment des images de cette étape de Cursus que vous lisez en ce moment, d'où le nom de dossier "Etape 1" et la présence des images "1", "2" et "3" x).
L'affichage est simple, vous avez les liens du poste de travail et de vos documents sur le côté à gauche, naviguez dans votre ordinateur jusqu'à atteindre votre dossier d'images.



Si vous êtes arrivés dans votre dossier d'images mais que vous souhaitez en avoir un aperçu, vous pouvez changer le type d'affichage tout à fait normalement, comme si vous étiez dans le dossier directement.
Clic droit > Affichage > Miniatures (par exemple)



Si vous voulez avoir un aperçu réel de l'image à ouvrir avant de l'avoir effectivement ouverte sur photoshop, vous pouvez faire un clic droit sur elle et choisir "aperçu".
Une fois que vous avez une image à modifier (ne vous prenez pas la tête pour la choisir dans un premier temps, vous aurez l'occasion d'en essayer pleins d'autres ensuite^^), cliquez sur le nom de l'image et faites "Ouvrir".





Avant d'aller plus loin en modifiant notre image nous allons voir d'autres méthodes d'import qui pourront être utiles.

2ième cas : parcourir nos fichiers en dehors du logiciel

Comme vous avez pu le constater (ou comme vous le constaterez à force d'utiliser photoshop) sa manie de nous mettre directement dans le dernier dossier où nous avons pris ou enregistré un document est lassante. Cela nous oblige parfois à remonter dans les dossiers parents pour replonger dans d'autres.
Il y a donc une méthode simple permettant d'ouvrir un document sur photoshop : le faire glisser dedans !
Personnellement, je n'utilise JAMAIS "ouvrir", j'ai toujours un ou deux dossiers d'ouverts dans ma barre de tâche, je place ma fenêtre fichier d'un côté et je fais glisser mon document. Je vous explique :
Commencez par ouvrir le dossier contenant vos images, l'ouvrir vraiment, pas dans photoshop mais bien sur votre bureau, comme ceci :



Je suis bien sur mon bureau, et j'ai ouvert mon dossier. Photoshop est toujours ouvert également puisque présent sur la barre des tâches en bas. Je vais maintenant restaurer photoshop en grand, puis mettre ma fenêtre de dossiers d'image par dessus :



Voilà, j'ai bien photoshop en dessous, et la fenêtre de mes dossiers d'image par dessus. Finalement, je suis un peu dans le même schéma que lorsque je fais "Ouvrir", la différence c'est que là je peux plus facilement naviguer dans mes dossiers, si je double clique sans faire exprès sur une image ça ne l'ouvre pas dans le logiciel mais ça l'ouvre dans l'aperçu d'image classique, et photoshop ne me remettra pas automatiquement dans le dernier dossier modifié.
Maintenant, je peux me balader tranquillement dans mes dossiers et chercher l'image sur laquelle je veux m'amuser un peu. Une fois trouvée il suffit que je clique sur elle et sans relâcher ce clic je la fait glisser sur photoshop (décalez votre fenêtre de fichier si besoin) :



Dès que vous relâchez le maintient du clic sur photoshop l'image choisie va s'ouvrir dans le logiciel et bien sûr votre fenêtre de dossier disparaitra puisque passera sous votre celle de photoshop. Elle reste néanmoins ouverte puisque présente dans la barre des tâches en bas d'écran et donc accessible en un clic.

3ième cas : importer directement une image d'internet

Cette méthode consiste à faire glisser directement une image de votre navigateur internet vers photoshop, un peu comme la méthode précédente. Pour essayer cela, ouvrez votre navigateur, parcourez le net et trouvez une image qui vous plait :



De la même façon que tout à l'heure nous allons faire glisser l'image. Vous pouvez réduire votre fenêtre internet pour pouvoir procéder de la même façon que tout à l'heure, mais vous pouvez aussi la faire glisser sans réduire la fenêtre de la façon suivante : cliquez sur votre image et maintenez le clic, faites glisser l'image jusqu'en bas de votre écran sur l'onglet photoshop, attendez qu'il s'ouvre puis déposez votre image sur votre plan de travail et relachez le clic !








Voilà pour le tour d'horizon sur les moyens d'importer une image dans photoshop. Je vous conseille d'utiliser la seconde méthode, essentiellement.

Maintenant, il est temps de s'amuser un peu avec notre image !

Le fonctionnement des documents ouverts sous photoshop

Tout d'abord sachez que vous pouvez organiser votre plan de travail comme il vous convient le mieux. Le voici lorsque votre image est ouverte :



J'ai indiqué des chiffres :
Le "1" permet de réduire l'image en une petite barre, comme celle qui est déjà présente en bas à gauche de mon espace de travail. Cela permet de se garder une image sous la main pour n'avoir plus qu'à l'aggrandir pour continuer d'y travailler dessus ou l'utiliser. Attention cependant à ne pas abuser de cela, si votre espace photoshop ressemble à un écran de Tetris, empilant les images "fermées", ça risque de devenir gênant.
Le "2" permet d'afficher l'image en plein écran c'est à dire prenant tout votre espace de travail.
Le "3" est pour fermer l'image... attention donc. Cependant, photoshop n'étant pas idiot, il vous demandera toujours (en cas de modification sur le document) si vous souhaitez enresgistrer votre travail.
Le "4" est la barre de votre image, son cadre, et fonctionne un peu comme toutes vos fenêtres sous windows. Si vous avez plusieurs images ouvertes empilées il vous suffit de cliquez sur le cadre de l'une d'elles se trouvant en dessous pour qu'elle passe au dessus des autres. Vous pouvez également agrandir votre espace de travail sur l'image en plaçant votre cursus à l'angle (où se trouve ma flèche rouge). Votre cursus prendra alors la forme d'une double flèche noire et vous permet d'agrandir l'espace. Attention car cela n'agrandit pas l'image ! Cela permet par contre d'avoir une "marge" autour de votre image vous permettant de mieux travailler sur ses bords, son cadre etc... Cette marge ne fait pas partie du document.
Vous avez également un pourcentage en bas à gauche du cadre de votre image, dans mon cas il indique 100%. Il représente le pourcentage d'agrandissement de l'image. Ici elle est en taille réelle. Vous pouvez la réduire ou la zoomer, mais ce n'est que le visuel qui change, là aussi. Si vous enregistrez votre image elle aura toujours la même taille, cela ne permet qu'un meilleur travail en zoomant par exemple sur une zone où vous avez quelque chose de pointilleux à réaliser.

Si tout cela vous semble encore flou n'ayez crainte, ça se précisera par la suite car je redonnerais des indications au fur et à mesure que j'aborderais d'autres éléments.

Redimensionner une image

Mon image est ouverte sous photoshop, je vais donc pouvoir la modifier. Commençons par voir comment changer sa taille. Si par exemple je souhaite qu'elle soit plus petite pour la placer en signature sur un forum, je vais devoir la réduire car placée tel quelle elle va tout déformer ou n'apparaitre que partiellement.
Pour modifier la taille de cette image (et pas sa taille d'affichage mais bien ses dimensions réelles), j'ai deux solutions :
- la première est de faire un clic droit sur le bord du cadre de l'image, sur son en-tête, là où se trouve le nom de l'image (marqué "4" sur l'image précédente) et de cliquer sur "Taille de l'image".

La seconde est d'aller dans la barre en haut du logiciel, de cliquer sur "Image" puis "Taille de l'image".

Les deux solutions reviennent au même et vous ouvrent toutes deux cette fenêtre :



Ne faites pas attention à l'encadré pour l'instant. Vous avez là la taille de votre image en pixel tout d'abord, puis en dessous l'équivalent en centimètres ainsi que la résolution. Dans un premier temps on va mettre de côté ces tailles en "cm" et la résolution, car ce qui nous intéresse c'est les pixels, c'est l'unité des dimensions d'image sur le web.
Le second élément important est l'encadré rouge. Dans mon cas, il est coché. Il s'agit de "Conserver les proportions" et c'est bien sûr très important lorsque vous voulez redimensionner une image. Si je décoche cette case et que je ne change que la hauteur de mon image, elle sera écrasée, comme ceci :




Vous voyez sur la première image que je n'ai pas changé la largeur, seulement la hauteur, et l'image est écrasée, ce n'est pas bon.
Si au contraire je m'assure que la case "Conserver les proportions" est bien cochée, et que je change une des deux dimensions (par exemple la hauteur à 200pixels), l'autre dimension va être automatiquement adaptée afin que les proportions de l'image soient intactes :




La largeur s'est adaptée et les proportions sont bonnes. Cela vous permet donc de redimensionner une image.

Recadrer une image

Mon image actuelle présente une partie noire ne comprenant rien. Par ailleurs, pour faire une bonne signature par exemple, il faudrait qu'elle soit bien plus large que haute... Je peux la recadrer pour centrer sur un élément précis, enlever un espace vide, etc.

Pour recadrer nous avons besoin d'un outil particulier que vous trouverez dans votre colonne d'outil, la colonne à gauche.



L'outil de recadrage est celui encadré en rouge. Sélectionnez-le. Il permet de créer un carré ou un rectangle qui sera votre nouvelle image. Créez donc un rectangle en cliquant sur votre image puis en glissant vers un autre endroit de l'image, puis relâchez. N'ayez crainte, même tracé, votre reclangle est encore modifiable ! Vous pourrez l'adapter, l'ajuster.



Vous avez donc un reclangle donc vous pouvez changer encore les dimensions en plaçant votre curseur sur un des cotés ou un angle. Le contenu du rectangle apparait normalement alors que l'extérieur est plus sombre, il s'agira de ce qui ne sera pas gardé de l'image. Pour le moment rien n'est "coupé", vous pouvez toujours annuler.
Pour annuler ou valider le recadrage, vous pouvez faire un clic droit sur le rectangle et choisir donc "recadrer" ou "annuler" selon si vous êtes satisfait ou non du résultat.
Vous avez aussi la solution d'appuyer sur "Entrée" sur votre clavier, ce qui recadre directement.



Je rappelle donc que l'image est ce qui est au centre, le gris clair autour n'est que mon espace de travail élargi pour ce document, et le gris plus foncé autour est l'espace de travail de photoshop. Si j'enregistre à ce stade ce que j'ai fait, je n'aurais que l'image du milieu, rien d'autre.

Annuler une action

Nous venons de recadrer notre image. Bien. Mais si on souhaite revenir en arrière et finalement représendre l'image en son ensemble, il faut annuler l'action réalisée.
Pour cela vous avez la méthode classique de cliquer sur "Edition" (dans la barre en haut du logiciel) puis "Annuler", ou avec l'équivalent raccourci Ctrl+Z.
Mais vous avez une autre méthode qui vous sera plus utile lorsque vous aurez réalisé de nombreuses étapes sur votre document. Il s'agit de se servir de l'Historique, un cadre présent à droite de votre espace de travail :



Si ce bloc n'est pas présent, c'est qu'il vous faut l'afficher car il n'y était pas de base. Sachez que vous pouvez organiser ce poste de travail comme vous voulez, les petites fenêtres qui sont à droite peuvent être enlevées, ajoutées, et leur tailles peuvent même être changées de la même façon que cette d'une fenêtre windows.
Pour afficher l'Historique si vous ne l'avez pas, allez dans "Fenêtres" en haut de la page du logiciel. Vous verrez alors un menu déroulant comportant les fenêtres possibles. Celles qui sont affichées comportent un "V" devant leur nom. Pour afficher l'Historique cliquez simplement sur son nom.

La fenêtre de l'Historique fonctionne comme une liste des étapes réalisées. Chaque fois que vous effectuez une action sur un document une ligne apparait sur l'historique. Chaque document possède bien sûr son propre historique.
Dans le cas présent nous avons :



Notre image de base en premier, avec l'aperçu. En dessous une ligne indiquant qu'on a ouvert ce document sous photoshop. Puis encore en dessous une ligne "recadrage" car nous avons recadré notre image.
Pour annuler le recadrage nous allons cliquer sur "ouvrir".



J'ai cliqué sur "Ouvrir", et hop! L'image comporte les dimensions qu'elle avait d'origine.

Quelques filtres et premier essais de couleur

Aller, on va s'amuser un peu maintenant et entrer dans le vif du sujet.
Photoshop comporte tout d'abord des filtres que vous pouvez appliquer sur votre image. Pour être honnête, ce n'est pas ce qui vous servira le plus par la suite, enfin pas dans ce cursus en tout cas, si ce n'est quelques filtres bien ciblés, mais ça permet de découvrir un peu le logiciel de façon ludique.
Ces filtres se trouvent ici :



Et chaque groupe de filtre en possède plusieurs. A vous maintenant de tester ces filtres ! N'oubliez pas que vous pouvez revenir en arrière avec "annuler" ou avec l'Historique.
Le premier filtre indiqué sur mon screen est en fait le dernier que j'ai utilisé, pour pouvoir le réappliquer rapidement par exemple. Ceux en dessous je vous déconseille de les tester pour le moment, nous les verrons plus tard. Amusez-vous plutôt avec les filtres "Artistiques" et suivants.
Voici quelques exemples avec les screens comportant les valeurs utilisées :





Bien sûr les valeurs sont a adapter selon l'image choisie, ses tons, ses contrastes etc.



L'un des effets vous plait et vous souhaitez le garder ? Voyons dès maintenant comment l'enregistrer.

Enregistrer son travail

Si un résultat vous plait et que vous voulez le garder il faut enregistrer votre travail, mais pas n'importe comment. En effet, vous avez là ouvert une image présente sur votre ordinateur, si vous la modifiez et que vous l'enregistrez sous le même nom, cela modifiera l'image de base...que vous ne pourrez plus reprendre ensuite !
Nous allons donc l'enregistrer sous un autre nom, dans un autre dossier, celui que vous allez créer pour mettre vos travaux par exemple, ainsi vous n'aurez pas des images modifiées qui se baladent partout.
Allez donc dans "Fichier", puis choisissez "Enregistrez sous".



Vous obtenez cette fenêtre :



(Ne vous occupez pas des couleurs de mes documents) Vous pouvez donc choisir où enregistrer votre document. Allez par exemple dans "Mes Documents", et créez un dossier "Mes créations".



Vous allez remplacer le nom existant de l'image (encadré en rouge) par le nom que vous allez donner à votre création, par exemple "mon premier test".
L'encadré bleu sur le screen est le format de la création. Puisque j'ai modifié une image en format JPG (format le plus courant pour une image), c'est le format qu'il me propose par défaut. Si ce n'est pas le cas pour vous, utilisez le déroulant pour sélectionner ce format.
Cliquez sur "Enregistrer".
Vous allez alors avoir cette fenêtre :



Il s'agit d'information sur l'image, notamment son poids (en bas). La qualité peut être choisie, mais plus elle est élevée plus l'image sera lourde. Dans le cas présent, une qualité de 10 suffit largement. Laissez le "de base". Puis validez.

Voilà ! Vous venez de sauvegarder votre première création ! Ne nous emballons pas, il ne s'agit concrètement que d'une image légèrement modifiée, mais c'est un bon début

Index - Cursus Photoshop

Partie 1 - Découvrir photoshop

Etape 1 : ouvrir et modifier un document
(Importer une image, la redimensionner, la recadrer, découvrir quelques filtres et quelques modification de couleur comme le sepia, noir et blanc, forcer sur certaines teintes etc...+ enregistrement de document)
Etape 2 : créer un document vierge
(Ouvrir un document avec les bonnes configurations de taille, résolution, etc... Faire glisser une image importée dedans, la placer, la redimensionner/recadrer, texte simple + enregistrer le document)
Etape 3 : fusionner deux images (ou plus...)
(Ouvrir un document et y importer deux images pour les fusionner entre elles : découvertes des différentes options de fusion et du système de calques, ainsi qu'utilisation de l'outil gomme à bords flous pour effacer les parties peu esthétiques)
TP 1 - Votre première création complète
(Ouverture de document à la taille voulue, import d'une image de fond type paysage avec retouches filtres, ajout d'un personnage déjà détouré, redimensionnement et placement de celui-ci, gommage de certaines parties du personnage pour l'incruster dans le fond, ajout d'un texte, puis effets de teintes et colorisation de l'ensemble pour harmoniser le tout)
Etape 4 : les calques
(Partie théorique explicative sur les calques, leur logique et utilisation basique d'ordre, fusion, masquer/rendre visible....)

Partie 2 - Les Ressources

Etape 1 : les images
(Explications sur les types d'images, stocks, renders, avec leur différences de format, mentionner le droit à l'image)
Etape 2 : les "abstracts"
(Appelés injustement C4D, où les trouver, comment les utiliser...)
TP 2 - Signature avec "Abstracts"
(Création complète d'une signature avec fond, personnage et utilisation d'"abstracts")
Etape 3 : les formes de pinceau / gomme (=brush)
(Explications sur les différentes formes de pinceau qui servent également de forme de gomme ainsi que leur installation, et exemple d'utilisation pour donner de la lumière et/ou couleur à une création avec application de couleur + option de fusion)
Etape 4 : les formes, les styles, les dégradés et les textures
(Mention simple de l'installation de ces trois autres types de ressources, leur utilisation sera vue plus tard).

Partie 3 - Les éléments d'une création

Etape 1 : séparer les éléments (détourage)
(comment isoler un élément précis du reste de l'image, explications détaillées sur les différentes manières de détourer)
TP 3 - Elément central en couleur
(réalisation d'une création LP de format moyen, noir et blanc, avec un objet ou élément que l'on souhaite mettre en valeur et sera donc en couleur)
Etape 2 : dupliquer les éléments
(exemples d'effets pouvant être réalisés en dupliquant des éléments. Par exemple dupliquer un personnage puis le mettre en superposition, ou dupliquer un fond, le flouter puis le mettre en incrustation, etc... De plus, on peut dupliquer puis déplacer, pour par exemple faire une ombre.)
Etape 3 : fusionner les éléments
(les calques peuvent être fusionnés entre eux : avantages et inconvénients. Attention aux mises en formes qui deviennent définitives et aux options de fusions qui peuvent s'annuler).
Etape 4 : déplacer les éléments
(Selon leur positionnement, leur ordre, les calques ne donneront pas le même effet. Exemple lorsqu'un calque est dupliqué plusieurs fois, et qu'un effet de couleur/lumière est appliqué à celui de dessous, ou bien tout en haut de toutes les copies)
TP 4 - Création d'un LP
(=large piece. De taille moyenne en utilisant tout les procédés ci-dessus, duplications de calques, effets, etc...)
Etape 5 : le masque d'écrétage
(qu'est-ce que c'est, comment l'utiliser, mentionner la fusion possible)

Partie 4 - Des Brushes aux multiples usages

Etape 1 : les brushes décoratifs
(exemple de brushes type vector, floral etc.... et leur utilisation pour mettre en valeur un personnage ou un texte)
Etape 2 : les brushes "effets"
(exemple d'utilisation de brushes de type nuage, impact de balle, fissure...)
Etape 3 : les options de pinceau
(explications sur les options du pinceau et autres outils comme le doigt ou la gomme, exemple d'utilisation pour faire des trainées de lucioles ou "smuger" un personnage)
TP 5 - Une signature en "Smuge"
(création d'une signature en utilisant le smuge de différentes façons).

Partie 5 - La Typographie

Etape 1 : choix des polices d'écriture
(importance du choix de la police d'écriture selon le mot, l'ambiance de la création, ainsi que de l'association de polices différentes)
Etape 2 : placement et effets du texte
(où mettre le texte ? quelle grosseur ? quelle orientation ? il peut être mis horizontalement, verticalement, ou subir une transformation de texte : explications sur les effets. Mentionner les effets de police comme l'espacement de caractère, le texte en majuscule ou en petites majuscule, étiré en hauteur, etc...)
Etape 3 : mise en forme
(mise en forme du texte, options de fusions... il est possible de travailler le texte comme une image mais attention à la lourdeur et à la lisibilité)
Etape 4 : le texte utilisé seul
(le texte peut se suffire à lui-même, exemples de réalisation ne comportant que du texte).

Partie 6 - Les sélections, transformations, déformations

Etape 1 : la sélection d'éléments
(les différents modes de sélection avec le rectangle, le rond, la baguette magique, mais aussi le clic sur l'image du calque dans la fenêtre de calque. Mentionner que la plume peut servir pour sélectionner, et pas seulement pour détourer par la suite. Expliquer la différence entre la transformation du cadre de sélection et la transformation de la sélection elle-même)
Etape 2 : calque par copier/couper
(apprentissage du claque par copier ou calque par couper et applications utiles)
Etape 3 : transformations et déformations
(passer en revue les différents types de transformation existant avec quelques exemples d'utilisation)
Etape 4 : adapter le contour de sélection
(dilater, contracter la sélection. Lisser les contours ou les flouter)

Partie 7 - Cadres et Hors-cadres

Etape 1 : Un cadre simple
(différentes formes de cadre simples, fin, bandes noires, penché, etc...)
Etape 2 : nécessité de la transparence
(sur un cadre arrondis, nécessité de la transparence)
Etape 3 : éléments sur ou sortant du cadre
(cadres plus élaborés avec des éléments dessus ou sortant de la création hors de son cadre)

Partie 8 - Teintes et couleurs

Etape 1 : l'utilisation des couleurs
(partie un peu théorique sur les couleurs)
Etape 2 : jouer avec les teintes
(l'utilisation de l'outil "teinte/saturation")
Etape 3 : balance des couleurs
(utilisation de l'option du même nom)
Etape 4 : les transferts de dégradés
(pourquoi sont-ils tant aimés et utilisés dans les créations, mentionner le danger des créations un peu trop monochromes ou de l'utilisation de ces effets à l'excès, comme pour les abstracts)

Partie 9 - Lumière et focus

Etape 1 : l'importance de la lumière
(que ce soit dans une création de type montage réaliste mais aussi dans une simple signature, la lumière joue un rôle très important dans la "vie" donnée à la création)
Etape 2 : la profondeur
(si elle est en partie donnée par la lumière, la focalisation se fait surtout par des jeux de netteté et de plus flou, description des différentes façon de flouter ou d'augmenter la netteté, avec les filtres ou les outils)
Etape 3 : les jeux de contraste
(qu'il soit forcé ou atténué, c'est un élément qui donne un style particulier à une création)
Etape 4 : réduction du bruit
(bien utilisé sur un élément ou sur toute la création selon les cas, ce filtre permet d'adoucir ou accentuer certains contours ou certaines couches)
Etape 5 : appliquer une image
(l'utilisation pratique de "appliquer une image" pour finaliser une création)
TP - donner à une image plus de caractère et de profondeur
(l'idée est de prendre une image d'internet, classique, telle qu'un paysage par exemple, et d'y appliquer les techniques vues)

Partie 10 - Du relief et un gain "de folie"

Etape 1 : Les textures
(comment utiliser les textures, comment en ajouter, sur quoi les appliquer, que ce soit sur un fond, un texte, une forme...)
Etape 2 : Les styles
(idem, utilisation, ajout et application essentiellement sur les textes mais pas que)
Etape 3 : Les options de fusion
(la texture et le style sont des options de fusion, voyons ici comment créer ses propres styles en dosant les options de fusion, plus complexes qu'elles ne le paraissent)
TP 1 - créer une texture parchemin
TP 2 - exemple de texte "en or"

Partie 11 - Ca prend "formes" !

Etape 1 : les différentes formes disponibles
(mentionner également que les formes tracées, tant qu'elles ne sont pas pixelisées, sont en "vectoriel" !)
Etape 2 : l'ajout de nouvelles formes
(comment ajouter de nouvelles formes, où les trouver...)
Etape 3 : création de nouvelles formes
(autre utilisation de la plume : la création d'autres formes que celles de base)

Partie 12 - Annexes

Dossiers sur des types de créations précises qui peuvent faire l'objet d'un tutoriel ou d'une étape à eux seuls.
La Retouche photo
Le Photomontage
Le High-tech
Le "Print"

Salut à tous, chose promise, chose due, voici mon premier tutoriel de photomanipulation.

J'essaie de rendre ce tutoriel de manière la plus accessible possible et fournis donc pour cela le .psd de ma création. Je demanderais juste aux personnes qui réaliseront ce tutoriel de respecter mon travail et de ne pas se l'approprier car il s'agit de la pierre angulaire de ma future série graphique de nom de " The Golden Age ". Si je fournis le .psd c'est que je vous fait assez confiance pour cela, donc respecté cette confiance.

Avec ce tutoriel vous allez apprendre à réaliser une abstraction géométrique dans un style très rétro.

résultat final :

Spoiler:

psd : http://www.mediafire.com/?rcvkar5aygitooy

Maintenant passons aux choses sérieuses !

Partie 1 : les triangles

Le fond

Spoiler:

Triangle 1

Spoiler:

Triangle 2

Spoiler:

Triangle 3

Spoiler:

Partie 2 : Le Feeling

Spoiler:

Au plaisir et à bientôt pour un nouveau tuto !

Bien... Avant d'être violemment interrompu par la non-accessibilité du forum dû à ma prodigieuse bêtise qui m'a valu une frayeur monumentale pour un simple oubli de mon cerveau-poisson-rouge, je comptais poster un tuto'. Donc je respire, j'essaie de remettre mon coeur à un nombre de battements/minute inférieur à 250 et je poste

Voici donc un tuto' vous permettant de réaliser un wallpaper ou LP plus généralement (grand format, en somme) et le tout sans aucun apport de ressource. Dans la même idée, j'avais déjà posté le tutoriel intitulé "Waves of Life" auquel je vous renvoie si vous ne le connaissez pas.

Ce tutoriel permet de faire un rendu de ce type :




Et voici le tutoriel qui j'espère vous plaira :




Enjoy^^

J'avoue avoir hésité à mettre ce tuto là-maintenant-tout-de-suite puisque j'ai fait cette création cet après-midi même et que je souhaitais la présenter pour la SAT ... mais je ne tiens pas, Kaly a flashé dessus et veut absolument essayer, je pense (et j'espère !) que ce sera le cas pour d'autres personnes. En fait, je suis assez fier de mon travail pour le coup (notez que ça ne durera pas plus de quelques heures ou quelques jours, je profite donc XD), donc j'espère que vous ferez bon usage de ceci.

Ce tuto est donc réalisé pour vous aider à faire un fond d'écran abstract sans aucun stock ni ressource ! (chose promise, chose due ). Cela change un peu, il n'y a pas ou très peu de tuto sur les fond d'écran ou les grands formats en général, il est donc bien je pense de remplir cette section.

Voici donc le résultat : Lien du rendu (fond d'écran 1440x900)
(il est bien sûr à ma taille d'écran^^)

Et voici le tuto :




En espérant voir de beaux résultats

Enjoy^^

Plop ! Voici mon deuxième tuto.

Voici le tuto! Bonne chance !

Outcome :


Désolé de l' avoir mis en autant de parties, c'est la première fois que je fais un fond, donc maintenant je sais que 3000 px de hauteur c'est pas assez. x)

Rendus :

Mitashi :

Shanks :

- Luffy -G - :

Mao :

• Pour mon troisième tuto, je vais vous apprendre a faire des serpentins 3D.

[center]Cette Photomanipulation ne peut être faite qu'à partir de Photoshop CS!
Bonjour à tous! Ça m'a prit environ 6 heures à faire la création, parce que je faisais le tuto en même temps, mais ça peut prendre bien du temps. Il faut donc énormément de patience et de la bonne musique! Moi j'ai failli péter un plomb quand mon photoshop s'est planté alors n'oubliez pas de très très très souvent sauvegarder en faisant Ctrl+S!
En espérant que c'est un minimum ressemblant

Rendu:

Spoiler:

Pub Originale de Head:

Spoiler:

Ressources:
Les nuages:

Spoiler:

La fille découpée (chui gentille de vous la donner hein? XDD):

Spoiler:

Tuto:




Le tuto peut prendre un certain temps à charger. Il y a en tout 3 phases. Rafraîchissez l'image si aucune image ne s'affiche ou attendez un petit moment ^^

Vos Rendus:
Riku Asakura

Spoiler:

Voici un nouveau tuto, fait un peu rapidement, pas le temps de corriger d'éventuelles fautes, et pauvre en effets de décoration, m'enfin au moins vous saurez faire un tube en verre

Amusez-vous bien.


Si vous avez des questions n'hésitez pas.
Enjoy

Les rendus :

Spoiler:

Ce tuto est juste énorme !! Laissez les images se charger calmement

J'en profite donc pour parler un peu concernant ce tuto.
Il est issu d'une demande accompagnée de la présentation d'une création sur un de mes forums. Cette création possède un Copyright au nom d'Orion, mais je ne sais pas du tout d'où vient cette création... donc merci à Orion pour l'inspiration XD

Ce tuto synthétise un peu mes connaissances toutes neuves dans le style du high-tech... vous avez certainement pu voir une petite progression entre mon kit actuel et celui de Byakuya par exemple... celui de Bya présentant un peu plus de formes sur le métal.

C'est un peu cela que je compte vous enseigner ici... enfin, enseigner... c'est un gros mot XD

Voilà, maintenant les images doivent être chargée, vous aurez juste besoin d'un petit brush pour la fin du tuto :

Nécessaire :
- Brush lueur (clic-droit > enregistrer la cible du lien sous...)
A placer dans votre dossier formes. (c:/program files (programmes sous vista)/Adobe/Photoshop CS2/Paramètres prédéfinis/Formes/...)

Complément :
- Exemples de forme de base (clic-droit > Enregistrer la cible du lien sous...)

Voici le tuto :
------------------
Rendu
------------------












Si jamais le tuto pose, de manière générale, trop de problème, je vous fournirais mon psd...
Surtout n'hésitez pas à me corriger ou à poser des questions, mais seulement après avoir cherché par vous-même !

Merci, et surtout, COURAGE !!![/center]

Rendus

Spoiler:

Enjoy

Salut les loups.
Voici une tuto assez simple pour vous présenter la technique que j'utilise pour la création de chaînes en métal de tout genre (acier, or... hélas c'est du virtuel XD).

Voilà le tuto :






En espérant qu'il vous sera utile
Au plaisir !

Coucou !

Voilà un tuto pour apprendre à faire un bouton argenté glossy

Bijour tout le monde , Je vous propose mon tout premier tuto depuis que je graph' , c'est normal , je suis un pauvre débutant encore >.< et mais non ... vous moquez donc pas de moi T_T . ^^

Voila pour commencer donc , ouvrez un document , de taille que vous voulez , moi c'est du 600X500 . je l'ai prit en transparence faite comme bon vous semble les ami(e)s .

Ensuite , sur ce même calque là , faite une sélection en prenant l’outil de sélection rectangle . de la taille que vous voulez votre sélection . Ensuite , remplissez cette sélection de noir de préférence .
Ensuite , avec le même tracer , aller sur l'autre côtés du calque pour faire la même chose , ce qui doit vous donnez ceci :
Ensuite prenez l'outil de forme rectangle arrondie , et sélectionner une des barre faite au part avant . Ensuite , aller sur la fenêtre des calques et aller sur tracée , cliquer droit sur le calque et mettez : définir un tracé de sélection de 1 pixel .
la dupliquez le calque , et cacher votre calque précédent , pour apercevoir le premier résultat qui doit vous donnez cela :
Faites la même choses avec l'autre barre noir qu'on a faite , ensuite , dupliquez a nouveau le calque . vous aurez ceci :
A ce moment la , supprimez tout les calque que vous n'utilisez plus c'est à dire , les calque de tracée 1 et 2 , mais aussi le calque de départ , celui avec les deux colonnes noirs qui n'est plus d'aucune utilité .

Pour continuer , fusionnez vos deux calques restant c'est a dire les barre arrondie , pour qu'il ne vous reste plus qu'un seul calque mais aussi pour faire une option de fusion sur les deux en même temps . pour ce faire aller sur la fenêtre des calques cliquez droit sur le calque et option de fusion .
Entrez les paramètres suivants :
Voila . une fois ces paramètres mis , il ne reste plus grand choses a faire . Donc faites un nouveau calques ( ctrl+maj+n ) puis sur ce calque la , prenez toutes la longueur entre les deux barres , avec l'outil de sélection rectangle , et mettez le de couleur de votre choix , moi j'ai choisi le orange , je vous montre :
Ensuite :
Là, il ne vous reste qu'à baisser l'opacité du calque avec le orange ou la couleur que vous avez choisi , et vous avez une bannière pré-faite plus qu'à utiliser pour y ajouter une image ,ou alors l'utiliser en ce que vous voulez ^^ . moi je met d'opacité 50% en général ^^ et je rajoute des effet , voila mon résultat :

Voila c'était mon tout premier Tuto , j’espère qu'il vous aura plus et qu'il vous sera utile , en tout cas ,j’étais bouche bée moi même quand je l'ai découvert ce truc .... ><

Merci a tous quand même et merci au cap'tain avant tout parce que c'est grâce à son tuto bannière métallique que j'ai pu réaliser celui çi .

Bonsoir à tous !
Je ne savais pas comment appeler cet effet, si certains ont des idées sur une meilleure appellation qu'ils le disent maintenant ou se taisent à jamais ( ) lol
Non sérieusement, comme ça je changerais le titre du sujet par un plus... correct ^^
En attendant cela ne change pas l'intérêt du tuto !!
S'il y a une erreur sur le tuto, merci de me prévenir !

Résultats possibles à la fin du tuto

Ressources :
- Brush : Scorp_Sparkle brushes



Amusez-vous bien les loups ! J'espère que ça servira à quelques uns d'entre vous !
Maintenant vous connaissez tous mes secrets lol
Bonne soirée !