ACCUEIL CREDITS SERVICES FORUM LIENS ANNEXES NAVIGATION Crédits Services Portfolio Forum Articles Tutoriaux Partenariat Contact APPRENDRE ET DEBUTER AVEC PHOTOSHOP // Tutorial Photoshop CS Difficulté : // Télécharger le tutorial au format PDF. Ce tutorial Photoshop va vous permettre de bien commencer avec Photoshop sans vous perdre dans les fonctionnalités. Nous allons découvrir quelles sont les principales fonctionnalité puis nous ferons 2 petits cas pratiques pour les mettre en application. Le premier cas pratique sera la réalisation d'une affiche au format A4. Le second cas pratique sera la réalisation d'une maquette de site internet avec également la conception d'un logo et d'un picto de bouton. A la fin de ce tutorial, vous aurez compris le principe de fonctionnement de Photoshop, la palette des calques, les principales fonctions pour faire vos premières créations graphique de site Internet, d'affiches, de flyers... 1. Commencez par créer un nouveau document avec le menu Fichier / Nouveau. La boite de dialogue vous permet de saisir les infomations de votre nouveau document. En fonction de votre création, choisissez 72 dpi et RVB pour une création pour Internet et 300 dpi et CMJN une création destinée à l'impression. http://www.neutrinium238.com/tutoriaux/photoshop/apprendre-debuter-photoshop.html (1 sur 10)13/02/2007 11:18:34
2. Comprendre le principe des calques sous Photoshop : Comprendre le principe des calques est fondamental, il vous permettra de travailler efficacement et rapidement. Sur photoshop, il est possible de travailler sur plusieurs supports dans un même document, au moyen de calques. Comme en réalité, il est possible de voir à travers un calque. L intérêt est de pouvoir superposer plusieurs éléments graphiques (1 sur chaque calque) et de travailler indépendamment sur certains d entre eux. Il est possible de : - Renommer un calque (clic droit renommer) - Déplacer un calque (clic sur le calque et glisse) : permet de faire passer un élément graphique 1 situé sur le calque 1 au dessus d un autre élément graphique 2 sur le calque 2. - Supprimer un calque (clic + glisse dans la corbeille) L'espace où se trouvent tous les calques s'appelle la pallette de calques. http://www.neutrinium238.com/tutoriaux/photoshop/apprendre-debuter-photoshop.html (2 sur 10)13/02/2007 11:18:34
Vous pouvez organiser vos calques en les mettant dans un dossier. Cliquez glissez ensuite le calque que vous souhaitez dans le dossier nouvellement créé. L'ordre des calque est très important. Un calque A situé au dessus d'un calque B dans la palette des calques apparaitra aussi au dessus dans la zone de travail. Vous pouvez bien sur modifier l'ordre des calques avec les clic-glisse sur un nom de calque dans la palette de calques. Vous pouvez également afficher ou masquer indépendamment chaque calque en cliquant sur l'oeil situé à gauche du nom du calque. Cela vous permet de ne pas afficher le contenu d'un calque sans le supprimer. Cela est utile pour ne pas afficher le contenu d un calque spécifique sur la zone de travail. Par exemple, si on veux faire des tests sur plusieurs calques à la fois et que l on ne veut en garder qu un visible sur la zone de travail sans supprimer définitivement les autres. Astuces :Si dans votre zone de travail, vous ne voyez pas les modifications que vous faites sur un calque, pensez à vérifier que celui ci ne soit pas caché par un autre calque situé au dessus dans la palette de calques. 3. Voici les quelques fonctionnalités qui pourront vous servir dès vos premiers essais sur Photoshop Essayez chacune d'elle pour découvrir les fonctionnalités en détail. Pour les outils qui disposent d'une petite flèche vers le bas, maintenez appuyé sur la flèche pour laisser apparaître de nouveaux outils. Exemple : Outil dégradé / Outil pot de peinture http://www.neutrinium238.com/tutoriaux/photoshop/apprendre-debuter-photoshop.html (3 sur 10)13/02/2007 11:18:34
4. Chaque fois qu'un outil est sélectionné, vous disposez d'options complémentaires à l'outil sélectionné sous la barre de menu. N'hésitez pas à modifier ces options pour découvrir les fonctionnalités plus avancées de chaque outil. Exemple pour l Outil Texte : 5. Cas pratique 1 : faire une affiche ou un flyer Pour avoir une impression de l affiche A4, il convient de qualité de travailler sur une résolution de 300dpi, à taille réelle. Créez un nouveau fichier avec ces caractéristiques : http://www.neutrinium238.com/tutoriaux/photoshop/apprendre-debuter-photoshop.html (4 sur 10)13/02/2007 11:18:34
6. Mise en forme Ecrire du texte : Sélectionner un nouveau calque Sélectionnez l Outil Texte Définissez votre police de caractère ainsi que la taille, la couleur Dessinez une zone de texte sur l espace de travail et tapez votre texte. Tapez sur la touche Entrée du clavier numérique une fois terminé. Ajouter une image : Sélectionner un calque Ouvrir l image que l on veut ajouter : Fichier / Ouvrir Sélectionner l image avec CTRL+A Copier la sélection avec CTRL+C Revenez sur l espace de travail de votre affiche Coller l image CTRL+V Transformer un visuel / du texte : Sélectionner un calque Edition / Transformation manuelle (raccourci CTRL+T) Utiliser les poignets de rotation, de redimensionnement Clic droit pour afficher d autres options : perspective, torsion Une fois les réglages fait, appuyez sur la touche «Entrée» 7. Ajouter des effets spéciaux Sélectionner un calque (de texte par exemple) 8. Cliquer sur ajouter un style de calque http://www.neutrinium238.com/tutoriaux/photoshop/apprendre-debuter-photoshop.html (5 sur 10)13/02/2007 11:18:34
9. Sélectionner un type de style de calque (par exemple : biseautage estampage) Une fenêtre de dialogue s ouvre, ajuster vos réglages ; vous pouvez apercevoir les conséquences de vos réglages en même temps sur l espace de travail. Cliquez sur Ok une fois les réglages faits. 10. Vous remarquerez que le style apparaît sous votre calque dans la palette des calques. Vous pouvez modifier votre style de calque en double-cliquant dessus. 11. Vous pouvez modifier les options de Style, profondeur, taille pour faire évoluer l effet sur votre calque. 12. Vous pouvez aussi accéder à d autres options (supprimer, afficher, masquer..) pour le style de calque en utilisant le clic droit sur le style. Cliquez sur l oeil du style de calque pour ne plus afficher l effet sans supprimer le style. En regroupant ces quelques conseils, voici un exemple de ce que l on peut faire facilement. http://www.neutrinium238.com/tutoriaux/photoshop/apprendre-debuter-photoshop.html (6 sur 10)13/02/2007 11:18:34
13. Cas pratique 2 : Faire une maquette de site Internet, un logo et un picto Pour travailler pour le web, une résolution de 72dpi suffit, prenez la dimension que vous voulez en pixels. Pour un site web classique qui doit rentrer dans une résolution 800x600 sans scrollbar horizontale, créer un document de 760 pixel de large. http://www.neutrinium238.com/tutoriaux/photoshop/apprendre-debuter-photoshop.html (7 sur 10)13/02/2007 11:18:34
14. Mise en forme Les outils principaux dont vous aurez besoin sont les Outils Forme : Rectangle, Rectangle arrondi 15. Réglez les options comme sur le screen suivant (Attention à bien sélectionner "Pixels de remplissage") : 16. Vous pouvez maintenant placer vos éléments sur votre espace de travail. Voici ce que l on peut faire aisément avec : - une forme rectangle arrondie pour le menu - une forme rectangle pour la bannière publicitaire - une forme rectangle pour le corps du site - une forme personnalisée pour le logo - des zone de texte pour les textes - un style de calque pour les ombres portées des forme Menu et Corps du site http://www.neutrinium238.com/tutoriaux/photoshop/apprendre-debuter-photoshop.html (8 sur 10)13/02/2007 11:18:34
17. Création d'un logo En utilisant les formes, les zones de texte, on peut facilement se créer son logo. Exemple de logo de 120 px de large sur 80 px de haut, en utilisant : - 3 formes personnalisées «puzzle» - 1 transformation / rotation pour l une des formes «puzzle» - 3 zones de textes 18. Création d'un picto En utilisant les formes, les styles de calques, on peut facilement créer un picto pour agrément un site internet. Exemple de logo de 120 px de large sur 80 px de haut, en utilisant : - 1 forme personnalisée en forme de flèche - 1 style de calque pour la flèche «Biseautage estampage - Biseau interne» - 1 forme ronde avec l Outil Ellipse (appuyez sur SHIFT pour que la forme reste ronde) - 1 style de calque pour la forme ronde «Biseautage estampage - Biseau externe» et un «Contour Externe de 1px» http://www.neutrinium238.com/tutoriaux/photoshop/apprendre-debuter-photoshop.html (9 sur 10)13/02/2007 11:18:34
19. Quelques astuces Photoshop - Utilisez les touches CTRL / SHIFT / ALT pour découvrir les fonctionnalités complémentaires lors de vos manipulations. Exemple : lors d une transformation / rotation, SHIFT permet de faire tourner le calque par angle de 45. - CTRL+clic sur le nom du calque : sélectionne le contenu du calque - CTRL+ALT+Z pour annuler plusieurs opérations à la suite - Pour enregistrer un gif transparent, masquer le calque «Arrière-plan» en cliquant sur l oeil du calque Arriere plan de la palette des calques. Puis faites Fichier / Enregistrer pour le web et sélectionnez Gif et cliquer sur Enregistrer. - Essayez et persévérez, vous verrez, c'est le meilleur tutorial que je peux vous conseiller :) Un problème avec ce tutorial? Passez sur le forum! Voir un autre tutorial... Rédigé par LePacha. Tous droits réservés 2003-2004 Neutrinium 238 Promotions et Actualité http://www.neutrinium238.com/tutoriaux/photoshop/apprendre-debuter-photoshop.html (10 sur 10)13/02/2007 11:18:34