Jump to content

Search the Community

Showing results for tags 'Photoshop : Les astuces pros dévoilées'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Accueil
    • Annonces de Webmaster Hub
    • Webmaster Hub se présente
    • Les nouveaux membres se présentent
    • Revues de presse
    • Le salon de Webmaster Hub
    • La tribune de Webmaster Hub
  • Publications et Redirections
    • Référencement et Publicité
    • Droit, Finances et Administration
    • Les techniques de l'Internet
    • Noms de domaines et hébergement
    • La tribune du Hub
  • Création et exploitation de Sites Internet
    • Les langages du Net
    • Les fondations d'un site
    • Accessibilité et Ergonomie Web
    • E-commerce
    • Administration & Droit
    • Systèmes de publication
  • Promotion de Sites Internet
    • Techniques de Référencement
    • Techniques de Promotion
  • Informatique & Internet
    • PC-Gyver
    • Les Navigateurs
  • Les services de Webmaster Hub
    • Infogérance serveurs dédiés
    • Partenariat et échanges de liens
    • Offres et demandes de prestations de service

Blogs

  • Dan's Blog
  • Blog de Webadev
  • Toulouzheing
  • Phoblog
  • boutiques
  • KaRaK
  • Nicolas Blog
  • Americas - Info
  • Spidetra Blog
  • Rat de bibliothèque
  • Une bonne blog... de Bourinho
  • Blog e-Business et Emarketing
  • La piscine
  • Vincent
  • Blog de Georges
  • Dessiner le web
  • Web shopping
  • Toulouse
  • Webmarketing, what else ?
  • SpeedAirMan's blog
  • Le Blog de Dadou
  • illustration et delires graphiques d'un infographiste...
  • paolo
  • CQJD News
  • magie

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Skype


Localisation


Société

Found 7 results

  1. La duplication (2ème partie) sous Photoshop CS2 Niveau de difficulté 1 Je duplique, tu dupliques, il duplique, ... C'est bien beau tout ça, mais est-ce que tous ces gens connaissent les astuces de pros de ce 2ème billet sur la duplication ? A vrai dire, je n'en sais rien mais je leur conseille tout de même de découvrir la suite de La duplication (1ère partie) avec 2 nouvelles astuces pour dupliquer sur photoshop efficacement. J'ai mis en téléchargement le fichier photoshop pour vous accompagner tout au long des explications, il n'est pas indispensable mais c'est un plus pour comprendre : duplication-tomato.psd 1/ Dupliquer un calque Pour cette astuce, rendez-vous dans notre fenêtre des calques préférées (qui va surement devenir votre meilleure amie, après la barre d'outils et les raccourcis claviers ), pour l'afficher, j'appuie sur le raccourci F7. J'ai deux calques, le fond Bg et mon image de soupe en boîte Boîte tomato. Et j'ai envie de me servir de la société de consommation comme sujet et médium artistique (ça ne vous rappelle pas quelqu'un ) Pour le faire, je clique sur le calque Boîte tomato dans la palette des calques en maintenant la touche Alt enfoncée et je glisse le calque entre le calque Boîte tomato d'origine et le calque Bg, je relâche le clique de ma souris, le calque est dupliqué, il se nomme automatiquement Boîte tomato copie. Je répète l'action/la duplication 3 fois pour arriver à cette composition : 2/ Grouper les calques et dupliquer ce groupe Maintenant, je vais mettre tous les calques qui constituent ma première ligne de boîte de soupe à la tomate dans un groupe. Pour cela, ça se passe comme dans un dossier windows pour la sélection des calques dans la palette des calques. Je clique sur le calque Boîte tomato j'appuie sur la touche Maj et tout en la maintenant enfoncée, je clique sur le calque Boîte tomato copie 3. Mes calques sont sélectionné j'appuie sur Ctrl + G pour les grouper et je nomme ce groupe Rangée 1. Je duplique le groupe de la même façon qu'un calque (Sélection du groupe dans la palette des calques, Alt, cliquer-glisser, et compagnie )... Puis je décale mes lignes de boîte de conserve avec l'outil Déplacement V en ayant sélectionné un groupe dans la fenêtre des calques. Et voici ce que ça nous donne côté créa : Grâce à cette astuce de duplication sous photoshop vous pouvez recréer facilement les plus grandes oeuvres de Andy Warhol, et surtout vous servir du concept de la série pour vos propres créations. Vous verrez dans une autre Astuce photoshop un autre moyen de créer des séries de motifs...
  2. Devenir un pro du flashback sous Photoshop CS2 Niveau de difficulté 1 Contrairement à ce que beaucoup d'utilisateurs croient, revenir en arrière "où je veux, quand je veux et comme je veux", c'est possible dans Photoshop. Non, ce billet ne va pas être un remake de Retour vers le futur (au passage si quelqu'un vend un hoverboard, je suis preneur, contactez moi par MP) ou un spectacle de L'Illusionniste, mais je vous promets qu'on ne va pas en être loin Allez en avant pour votre premier cours de magie... sous photoshop ! 1/ Revenir en un clic dans l'historique Personnellement, j'utilise cette technique plutôt pour la retouche de photo que pour la création d'interface web. Photoshop permet de visualiser les différentes actions éffectuées les unes après les autres depuis l'ouverture d'un document dans la palette historique Fenêtre > Historique. Et il permet de cliquer sur une des actions antérieures pour repartir de celle-ci. Dans l'exemple qui suit j'ai ouvert ma photo, j'ai utilisé un filtre aquarelle, tapé un texte et enfin déplacé mon arrière plan préalablement converti en calque. Il me suffit de cliquer sur Aquarelle pour supprimer toutes les actions qui suivent et faire d'autres tests après mon filtre Aquarelle 2/ Ctrl Z illimité (ou presque) Certains voudraient pouvoir revenir en arrière autant de fois qu'ils le souhaitent comme dans les logiciels vectoriels illustrator ou flash. Et bien dans photoshop aussi c'est possible (enfin presque*) ! Appuyez sur Ctrl + Alt + Z et vous pourrez revenir en arrière *autant de fois que le permet l'historique (c'est quand même beaucoup mieux que le Ctrl + Z unique ). Pour faire l'inverse et rétablir les actions supprimées, utilisez le raccourci Ctrl + Maj + Z. 3/ Revenir à zéro Vous avez testé pas mal de mises en page et d'effets mais rien ne vous plait ! Et bien il suffit de tout recommencer, quitter votre document sans enregistrer, rouvrir un nouveau document, rentrez les mêmes paramètres de base ou ouvrir la même photo de base... Un peu long tout ça non ? Et bien voici un raccourci qui va vous permettre de revenir à zéro avec vos paramètres ou votre photo de base sans rouvrir un nouveau document : Ctrl + F12. Il supprime toutes les actions qui suivent l'ouverture de votre document vierge
  3. Des astuces "select" (1ère partie) sous Photoshop CS2 Niveau de difficulté 1 Si vous n'avez pas comprit le jeu de mot du titre passez votre chemin, les autres c'est bon vous pouvez découvrir ou revoir les 3 nouvelles astuces sur l'outil Sélection pour gagner beaucoup, beaucoup mais alors beaucoup de temps Quand on les connait on ne s'en passe plus, ça serait bête de passer à côté ! Allez trève de blabla on passe à l'action... 1/ Inverser ma sélection en... 1/4 de seconde Activez l'outil Sélection rectangulaire M (ou n'importe quel autre outil de sélection), sélectionnez l'élément que vous souhaitez garder. Vous pourriez inverser votre sélection en allant dans le menuu Sélection > Intervertir mais vous perdriez toujours quelques précieuses secondes à chercher dans un menu alors qu'un simple raccourci clavier ne vous prendrez qu'un quart de seconde : Ctrl + Maj + I. Votre sélection est intervertie appuyez sur Suppr pour supprimer ce que vous ne vouliez pas garder et enfin sur Ctrl + D pour déselectionner. 2/ Ajouter à ma sélection Nous ne sommes pas parfaits et nos sélections ne le sont pas non plus du premier coup. Il y a un moyen simple pour y remédier c'est de modifier notre sélection en ajoutant tout ce qui lui manque. On peut cliquer sur l'icône Ajouter à la sélection dans le menu des propriétés de l'outil Sélection : Mais il faudra alors revenir à chaque fois cliquer sur une icône différente dès lors qu'on souhaitera ne rien ajouter ou soustraire à la sélection, ce qui est très peu pratique. Pour gagner du temps, il suffit de rester sur l'icône Nouvelle sélection et d'appuyer sur le raccourci clavier Maj avant et pendant que vous cliquez-glissez la nouvelle sélection qui va s'ajouter à l'ancienne. Une icône sélection avec un petit + apparaît sur le curseur : 3/ Soustraire de ma sélection Pour soustraire de la selection, voici ce qu'il faut éviter de faire : Le raccourci clavier n'est pas le même que pour l'ajout à la sélection. En effet, pour soustraire il faut appuyer sur le raccourci Alt avant et pendant que vous cliquez-glissez la nouvelle sélection qui va se soustraire de l'ancienne. Une icône sélection avec un petit - apparaît sur le curseur Un bon utilisateur de l'outil Sélection sait jongler entre les touches Maj et Alt de son clavier pour tantôt ajouter à la sélection et tantôt soustraire de la sélection.
  4. La duplication (1ère partie) sous Photoshop CS2 Niveau de difficulté 1 La duplication est très utilisée sur photoshop tout particulièrement dans le web, on retrouve souvent des éléments répétitifs sur les interfaces graphiques de site Internet. On peut distinguer 3 aspects de duplication sous photoshop, dans ce billet je vais parler du premier qui est "la duplication d'un élément graphique à l'intérieur d'un même calque" et l'utiliser à deux fins différentes : multiplier le fond d'un bouton et agrandir le fond d'un bouton. Pour mieux comprendre les lignes qui vont suivre, je vous invite à télécharger ce fichier psd que j'ai fait en plus des textes et des screenshots pour que vous ne soyez pas perdu. 1/ Dupliquer sur un même calque Ouvrez le fichier bouton-dupliquer.psd dans photoshop. Le bouton forum style menu apple est visible, il est composé de 3 calques : Bg pour le fond blanc, Btn pour le fond du bouton et un calque texte pour l'intitulé du bouton forum. Cliquez sur le calque Btn pour travailler sur ce calque uniquement. Appuyez sur le raccourci clavier M pour activer l'outil sélection rectangulaire, et faites un cliquer-glisser pour sélectionner l'élément graphique du fond du bouton forum. Appuyez maintenant sur le raccourci clavier V pour activer l'outil déplacement. Survolez la zone sélectionnée et vous voyez apparaître une paire de ciseaux à côté de la flèche noire du pointeur. Appuyez et maintenez enfoncer la touche Alt de votre clavier, l'icône change, une deuxième flèche apparait mais blanche. C'est le pointeur de la duplication. Tout en maintenant la touche Alt enfoncée, cliquez-glissez la sélection pour la dupliquer à la droite du premier bouton. Astuce pour garder alignée la duplication : maintenez la touche Alt enfoncée et la touche Maj en même temps. Appuyez sur le raccourci clavier Ctrl + D pour désélectionner l'élément dupliqué. Vous avez 2 fois le même fond de bouton sur l'unique calque Btn. 2/ Astuce : élargir rapidement un bouton Ouvrez le fichier bouton-dupliquer.psd dans photoshop. Le bouton forum style menu apple est visible, il est composé de 3 calques : Bg pour le fond blanc, Btn pour le fond du bouton et un calque texte pour l'intitulé du bouton forum. Cliquez sur le calque texte forum pour travailler sur ce calque uniquement. Appuyez sur le raccourci clavier T pour activer l'outil texte et cliquez sur Forum pour modifier le texte du bouton. Tapez à la place : Règles du forum. Ne cherchez pas à le déplacer, je vous le confirme, ce texte ne rentre pas dans ce bouton Cliquez sur le calque Btn pour travailler sur ce calque uniquement. Appuyez maintenant sur le raccourci clavier V pour activer l'outil déplacement. Survolez la zone sélectionnée et vous voyez apparaître une paire de ciseaux à côté de la flèche noire du pointeur. Appuyez ensuite sur le raccourci clavier M pour activer l'outil sélection rectangulaire, et faites un cliquer-glisser pour sélectionner la partie droite sans le coin arrondi gauche de l'élément graphique du fond du bouton forum. Appuyez et maintenez enfoncer la touche Alt de votre clavier, l'icône change, une deuxième flèche apparait mais blanche. C'est le pointeur de la duplication. Tout en maintenant la touche Alt enfoncée, cliquez-glissez la sélection pour la dupliquer vers la droite et laissez chevaucher l'élément dupliqué sur l'élément d'origine. Astuce pour garder alignée la duplication : maintenez la touche Alt enfoncée et la touche Maj en même temps. Appuyez sur le raccourci clavier Ctrl + D pour désélectionner l'élément dupliqué. Vous avez agrandi le fond de ce bouton et son intitulé ne pose plus de problème . Le duplication (2ème partie) est disponible
  5. Attribution de calques à un calque sous Photoshop CS2 Niveau de difficulté 1 Je vais vous présenter une fonction de photoshop qui va changer votre façon de créer vos interfaces ou vos images. Cette nouvelle astuce va libérer votre créativité, vous allez pouvoir oser de nouvelles choses. Non je ne parle pas d'alcool ou de drogues en tout genre et encore moins d'une nouvelle secte et de son grand gourou, mais de l'attribution de calques à un calque. Laissons les étapes nous montrer la voie . 1/ Création du premier calque Créer un nouveau calque et le nommer J'ai pris une photo avec 2 cerfs, je les ai détouré puis mis en silhouette noire pour bien voir le résultat final. J'ai 2 calques : mon fond blanc et mes silhouettes de cerfs. 2/ Le deuxième calque Ensuite, je crée un deuxième calque Ctrl + Maj + N que je nomme Dégradé, puis avec l'outil dégradé U activé, je trace un dégradé sur mon deuxième calque fraîchement créé. Ce qui me donne : 2/ J'attribue le deuxième calque au premier calque Et c'est à cette étape que ça devient intéressant. Je vais attribuer mon calque Dégradé au calque 2 cerfs. Pour ce faire, rien de plus simple : j'appuie sur la touche Alt de mon clavier et tout en maintenant la touche pressée je clique entre mes 2 calques. Vous verrez une icône apparaître lorsque votre curseur sera entre vos 2 calques : Le calque Dégradé prend la forme de la silhouette de mes 2 cerfs : On peut évidemment attribuer plusieurs calques à un même calque. Je vous laisse imaginer toutes les possibilités qui s'offrent à vous en termes de créativité !
  6. S'organiser et gagner en efficacité sous Photoshop CS2 Niveau de difficulté 1 Comme vous avez pu le voir dans le précédent billet Créer un nouveau calque et le nommer, il suffit de connaître et de mémoriser quelques petites astuces simples et rapides pour gagner en efficacité sur photoshop. Ici, vous allez voir 2 nouvelles combines qui vont vous permettre d'organiser votre composition photoshop et à terme de ne plus vous perdre au milieu de tous vos calques. 1/ Je nomme mes calques Oula, je sais ce que vous vous dites : "Il vient de créer son blog sur Webmaster-hub et il radote déjà, ça promet pour la suite !". Moi je vous réponds un gros "Oui, mais !". Nommer ses calques, c'est tout de même la base de l'organisation de sa composition photoshop et cela permet d'éviter de long moment de solitude lorsqu'on ressort son fichier quelques semaines, voire quelques mois plus tard. Je vous invite donc à lire ou relire la conclusion du précédent billet Créer un nouveau calque et le nommer. 2/ A la recherche du calque perdu Si je vous dis qu'en un clic on peut sous photoshop retrouver un calque situé sur notre plan de travail, vous allez me croire ? Et bien j'espère que oui car c'est possible. L'outil déplacement doit être activé avec le raccourci V, ensuite, en cliquant sur le bouton droit de votre souris la liste des calques situés le plus près du pointeur de votre souris apparaît. Il ne reste plus qu'à sélectionner le calque que vous ne trouviez plus et le tour est joué. Cette astuce est très pratique aussi lorsque vous avez plusieurs calques qui se chevauchent et que vous voulez en sélectionner un qui n'est pas au premier plan 3/ Les annotations Il existe une fonctionnalité dans photoshop peu connue et donc peu utilisée mais pas pour autant inutile, l'outil annotation. C'est une sorte d'outil mémo ou bloc note grâce auquel on peut très rapidement écrire une petite note ou indication sur son plan de travail photoshop. J'ai dis écrire ? Il y a encore mieux maintenant il faut penser multimédia , on peut carrément enregistrer sa petite note à l'aide d'un micro, c'est encore plus rapide que de l'écrire non ? Pour cela, il suffit d'utiliser le raccourci clavier N pour l'annotation écrite et N une seconde fois pour une annotation audio. Ensuite pour écrire une annotation sur votre plan de travail, il faut cliquer-glisser une zone et taper sa petite note. La zone de texte est réajustable et elle se cache quand vous ne voulez plus la voir, un petit feuillet jaune reste pour vous indiquer qu'il y a une annotation à cette endroit. Dans l'avenir, il vous suffira de double-cliquer sur cette petite icône jaune pour vous relire ou vous réécouter (dans le cas d'une annotation audio). Sur le screenshot, j'ai mis un exemple d'annotation qui me rappelle que ma photo "Kiwi" a été validée par le client le 18 décembre 2006 et que je dois acheter le fichier à l'adresse http://www.fotolia.fr/id/557375 . J'aurais aussi très bien pu mettre une annotation sur un repère qui me montre la limite d'une résolution de 800 par 600 pixels pour savoir ce qu'un visiteur verra de mon interface de site sans utiliser la barre de défilement de son navigateur. Ce sont deux exemples qui illustrent l'outils annotation, mais chacun d'entre nous a ses propres besoins, et quelque soit le besoin cet outil vous sera très utile dans votre organisation, et vous fera gagner en efficacité .
  7. Créer un nouveau calque et le nommer sous Photoshop CS2 Niveau de difficulté 1 Créer un calque dans photoshop c'est très simple et c'est la base pour toute création sur ce logiciel (beaucoup d'autres fonctionnent avec des calques aussi comme flash ou illustrator). C'est une action récurrente lorsqu'on crée une image, il est donc important de bien connaître les astuces qui vont nous faire gagner beaucoup de temps, ce qui va nous permettre d'être plus efficace. 1/ J'ouvre la fenêtre des calques Visualiser les calques qui compose notre image est vital durant la création de celle-ci, la fenêtre des calques ne doit jamais être cachée. Pour l'ouvrir soit je clique sur Fenêtre > Calques et je perds 5 secondes et deux clics sur la vie de ma souris (estimée à 1 millions de clics ), soit j'appuie sur le raccourci clavier F7 et... miracle ! La fenêtre est ouverte 2/ Créer un nouveau calque Une image est généralement composée de plus ou moins de calques selon sa destination finale (une interface de site internet un peu complexe peu atteindre 100 calques). Pour créer un nouveau calque je peux cliquer sur la minuscule icône Créer un calque, quand vous avez réussi à la trouver et à mettre votre pointeur de souris dessus (en 1600x1200, c'est comme si vous arriviez à localiser la tour Eiffel depuis l'espace), un nouveau calque est ajouté avec le nom Claque n. Une autre technique qui nécessite une petite gymnastique des doigts est d'appuyer simultanément sur les touche de votre clavier Ctrl + Maj + N, ce qui produit exactement la même chose : un nouveau calque... mais en beaucoup plus vite ! 3/ Nommer ce nouveau calque Nommer son calque, ça prend 2 secondes et demi et pourtant nombre de graphistes ne le font pas. C'est dommage et c'est un grand manque de professionnalisme ! Je vous mets au défi de reprendre votre fichier photoshop 2 mois après sa dernière édition, car un client veut retoucher un peu le webdesign de son site. Une cinquantaine de Calque n vous attendent pour de bonnes heures de recherche avant de mettre enfin la main sur le calque du bouton contact bleu que le client préfère maintenant en rouge. Et surtout si vous travaillez dans une team de graphiste et intégrateur, si vous voulez vous faire des ennemis, ne nommer pas vos calques Pour nommer un calque, je double-clique sur le nom du calque, une zone de texte éditable apparaît je valide par la touche Entrée après avoir mit un nom explicite pour mon calque.
×
×
  • Create New...