Petite précision sous forme de tutoriel qui s'ajoute à l'article précédent (voir)
Je pense qu'il fallait que j'aborde une manière trés simple d'affiner votre sélection de l'oeil..
En gros pour travailler plus "pro"
Clic sur l'image pour accéder à mon serveur, puis "enregistrer l'image sous..."
J'ai visité pas mal de blog qui viennent de passer en V2. Je remarque qu'on joue de plus en plus sur le style "reflet".
Je me suis dis que, tant qu'à faire, autant vous livrer une façon de procéder extrèmement simplifiée pour vous permettre, vous aussi, de
pouvoir créer des effets de reflets. J'avais déjà réalisé un tutoriel Photoshop sur ceux ci que vous pouvez trouver en complément d'information ici
Le principe est simple. Si vous souhaitez créer un effet de reflet, la surface réfléchissante doit être un peu plus contrastée.
Étape 1 : Je choisis donc un carré blanc de 250 x 150 pixels et, avec l'outil sélection (le rectangle) de la barre d'outil, je sélectionne la moitié de ce carré.
Ensuite, je clique sur la pallette couleurs et choisis un gris moyen en premier plan et blanc en second. Je prends ensuite l'outl dégradé et j'applique le fond
Étape 2 : J'ajoute une image (la sphère planétaire dans mon exemple), puis je tape un texte (VERBLOG). J'ai donc créé 2
calques . Je vais les fusionner en faisant Menu>calques>Fusionner les calques (ou fusionner avec le calque inférieur). Ne faites pas aplatir l'image ! il faut garder 1
calque.
Étape 3 : Pour faire un reflet, je vais créer un double de ce calque en faisant un clic
droit dessus et "Dupliquer le calque".Nommez le [reflet ]
je vais maintenant
l'inverser : Je fais donc un clic droit de souris et je choisis "transformation manuelle", je clique droit à nouveau et je choisis "symétrie de l'axe vertical". Mon calque s'inverse
en miroir et est centré parfaitement.
Étape 4 : Pour créer la transparence, rien de plus simple. Choisissez votre calque dans la palette d'outil
"calques" de Photoshop et modifiez sa transparence (en haut de la pallette calque, vous avez la possibilité de passer en mode normal, incrustation, fondu, lumière tamisée etc.) . Testez les
effets.. J'ai choisis pour ma part incrustation.
Pour les blogs à fond noir, même principe mais, à la fin, allez dans menu>calques>aplatir l'image
et ensuite passez la en négatif (Menu>image>réglages>négatif).
TUTORIAL PHOTOSHOP : NIVEAU ********
Vous êtes nombreux à me demander comment le menu de mes rubriques a été créé sans le passer en format SWF (Flash player) mais
en le gardant en format image JPEG. Il suffit, grace à Image Ready (intégré à Photoshop) de créer des zones inter-actives sur une image (comme le menu de ce blog)
Exemple : définir sur une pomme et un cendrier, deux liens distincts amenant respectivement à la page
d'acceuil du blog et à un article "recettes" en cliquant sur la vasque.. (non actif ici, voir fin du tutorial)
1) dans photoshop, vous devez dans un premier temps réaliser l'image. pour ma part, j'ai décidé d'animer ce blog avec une icones
symbolisant les rubriques importantes de mon blog. Vous pouvez accéder aux tutoriaux ici
2) une fois votre image ou photo prête à être exploitée, n'oubliez pas d'applatir vos calques (menu>calques>aplatir l'image) et enregistrez là dans une bonne qualité (JPEG niveau 5 pour photo, niveau 7 s'il y a du texte)
3)Allez maintenant dans MENU>Passer à..>IMAGE READY
(si le lien n'est pas disponible,
allez dans l'Explorateur Windows>Program Files>Adobe>
et ouvrez le fichier Adobe Image Ready.exe et ensuite ouvrez l'image JPEG)
Vous voilà dans Image Ready, composant intégré de
PHOTOSHOP..
choisissez affichage>taille réelle pour voir votre image telle qu'elle sera vue dans le navigateur
Internet
dans la barre outil, choisissez l'outil "carte-image", restez appuyé une seconde pour voir apparaitre l'ensemble des options disponibles de cet outil.. Choisissez l'outil CERCLE pour délimiter la pomme
maintenant que la zone CARTE IMAGE est définie, vous allez lui donner des attributs qui vont être
transformés en langage HTLM reconnaissable par vos navigateurs :
une fois cela réalisé, passons au cendrier
cette fois, par commodité puisque le tracé est plus complexe, je choisis l'outil Carte image polygonale
et je réalise un tracé autour du cendrier...
je lui ajoute, à lui aussi, ses attributs WEB :
Maintenant que les zones sont définies, nous allons les tester et obtenir le code source pour le css..
dans la barre outil, vous avez l'icone d'Internet Explorer.. cliquez dessus..
votre navigateur s'ouvre, vous montrant l'image et, en dessous, un code htlm..
COPIEZ CE CODE ET COLLEZ LE DANS WORD PAD ou tout éditeur de texte.. sauvegardez le..
Voici le code source de cette image :
___________________________________________________________________________
<HTML>
<IMG SRC="images/ACCUEIL-RECETTES.jpg" WIDTH=523 HEIGHT=267 BORDER=0 ALT="" USEMAP="#ACCUEIL_RECETTES_Map" image screen "http://idata.over-blog Adresse de votre fichier>
COORDS="351,34, 324,59, 325,97, 314,124, 319,171, 354,205, 396,221, 435,210, 476,185, 494,143, 490,115, 484,100, 492,59, 454,26, 396,20" HREF="http://dometflo.over-blog.com"> COORDS="129,107,94"
> Remplacez le texte orange par l'url exacte de l'image (que vous
avez préalablement hébergée chez ob ou autre, bien sûr !!!) (dans IMG SRC)
____________________________________________________________________
et voilà, il ne vous suffit plus que de créér un article, module, page d'accueil etc. et de coller (Crtl +V) le code source dans la fonction "code source" de l'article. et vous obtiendrez une image sur laquelle les zones que vous avez sélectionné fonctionneront comme des liens..
pour d'autres façon de procéder , voir aussi
le blog de PêUR
article connexe: http://peutetreunereponse.over-blog.com/article-557869.html
Ne loupez pas ce tutorial !!
Vous devez vous dire que photoshop est un logiciel extra
mais que, parfois, ça prends du temps de réaliser tout le temps les mêmes actions..
Imaginez :
vous souhaitez préparer vos photos pour les mettre
dans "vos fichiers" d'over-blog..
et vous en avez 10 à mettre, !!!!
il faut les recadrer, les ajuster, les enregistrer en jpeg ou en gif dans un dossier et ensuite les envoyer !!
pour chaque fichier à envoyer
ça fait, au bas mot, 5 à 6 manip !!
Aujourd'hui, la solution miracle !!
Celle qui va vous faire rentrer dans le photoshop OUTIL plutôt que le PHOTOSHOP détente :LA CRÉATION DE SCRIPTS AUTOMATISÉS..
en gros, comme pour un magnétoscope ou magnétophone, vous allez enregister TOUTES les actions que vous allez faire en temps réel pour pouvoir les rééffectuer d'un clic une autre
fois...
Tout est expliqué ici :
étape 1
préparation d'un script
étape 2 préparation des actions à enregistrer
étape 3 création de l'automatisation, enregistrement
tous les tutoriaux sont en format JPEG ->cliquez sur la petite image
ensuite, une fois sur l'original-->clic droit "enregistrer l'image sous..."
et mettez la sur votre disque dur
vous pourrez l'avoir sous les yeux
en vous servant de photoshop
Si vous êtes coutumier de mes tutoriaux, celui ci est un "must" !!
prenez votre temps mais bossez le..
vous allez adorer !!!!!!!
étape 4 utiliser un script une fois créé
On apprends toujours des autres : Je suis tombé sur un tutorial (en anglais) brillantissime de simplicité pour des effets fabuleux de chrome et de transparence !
Réalisé pour des photoshopistes de niveau correct, il est superbe !
Une fois n'est pas coutume, je vous livre le tutorial d'un autre :
<-clic image Photoshopistes, jetez vous dessus !!!
je vous fais profiter de mes recherches : 62 filtres gratuits et libres de droits pour PHOTOSHOP (6.0 -7.0-7.0.1-CS)
clic ici pour accéder à mon site de téléchargements :
INSTALLER LES FILTRES :
Décompressez le ficnier zip et lancez l'installateur. Choisissez comme répertoire de destination votre repertoire filtre de photoshop qui se trouve souvent dans c://program files/adobe/photoshop/filtre et installez les filtres à l'intérieur.. il y a une dizaines de filtres excellents.. faites votre choix !
CENTRE DE TÉLÉCHARGEMENT :
Le blog évolue :
Tutoriaux PHOTOSHOP en vidéos
et centre de téléchargement d'une capacité de 5 gigas dans lequel je pourrai stocker les tutoriaux vidéos pour que vous puissiez les télécharger ainsi que tous les programmes libres de droit de diffusion que je glane d'ici et là.
VIRUS : je vérifie tous les fichiers par NOrton Antivirus Pro 2006 et Vista Virus scan. Je ne peux cependant être tenu pour responsable pour toute infection virale ou dommages causés par l'ouverture des fichiers.
Ce
Tutorial vidéo : le site néccéssite le player
(clic pour l'obtenir)
(3 mégas, patientez une minute pour le chargement ) va vous permettre de comprendre comment passer une nuance de couleurs (ici, le vert) en noir et blanc, tout en conservant les autres couleurs) J'espère que ces tutoriaux vidéos vous plaisent..
merci de laisser un com : préférez vous en vidéo ou par l'image ? soyez sympa, un petit com rapide sur ce que vous préférez ! merci !
J'ai toujours eu horreur de la facilité : Quand on se dit "passionné" de graphisme, on ne peut concevoir d'être esclave des icônes Windows ! Voilà donc, suite à une question d'un internaute, comment concevoir en deux coups de cuillère à pot ses propres icones : J'ai choisis de créer une icone à partir d'un oeil pour identifier mes fichiers JPEG (extension JPG)
Mise en oeuvre : Créer un nouveau dossier "Mes icones", ça vous facilitera la vie en cas de suppression par mégarde de fichiers..
et voilà direz vous ? Ben oui, c'est fini !!
Il ne reste plus qu'a enregistrer le fichier en format BMP (obligatoire !) . Choisissez BMP Windows 32 bits..
Vous n'avez plus qu'a affecter cette icone à vos fichiers !
:
ERRATUM, OUBLI : J'ai complètement oublié : il faut que le carré que vous réalisiez soit à la taille de l'icone souhaitée. Donc, lorsque vous sélectionnez l'outil en croix de sélection (2) indiquez les valeurs suivante longueur 48 px largeur 48 px !! désolé de l'oubli !!
Simple et sympa, non ?
En voici d'autres, réalisée par mes soins
Vous pouvez aussi télécharger sur mon espace fichier, celui ci:
il vous permet d'avoir dans vos options d'enregistrement photoshop directement le format .ico..Décompressez ce fichier Zip dans votre répertoire adobe/phothosop only/formats
nom du fichier :scriptpourtransformereniconesencoder_en_icone.zip
miroir :FTP : blogtrotter/France
Voir/Télécharger
Un petit tutorial "astuce" pour toujours mettre vos photos "droites" en un seul clic :
L'outil mesure permet de mettre facilement à l'échelle n'importe qu'elle composante d'un montage photo.. Pour les fachés en maths, l'exemple ci contre vous montre la facilité à convertir une image :
Imaginez que vous preniez la photo (A) d'un bloc de pierre faisant 1 mètre de large.. lorsque vous l'importer dans photoshop, l'outil mesure (voir ci dessous) vous donne un chiffre de 3.39 cm à l'écran. Si vous souhaiter créer un deuxième cube 2.5 fois plus grand que le premier, comment feriez vous ? Tout simple, n'est ce pas ?
Vous vous dites que 1 mètre réel est égal à 3.39 pour Photoshop.. donc, si vous souhaitez avoir 2 fois 1/2 plus grand, il faut agrandir le calque jusqu'a 8.47 unité photoshop..
Voilà le principe, passons à l'applicatif :
Je souhaite mettre une femme de 1 m80 (données réelles) à coté d'une voiture. Je sais que du milieu du bas de caisse à la hauteur de la vitre, cela fait 1m20 (données réelles)
un peu de maths niveau 5ème :
3.99 pixels = 120 cm (hauteur de la voiture)
Ma femme a incruster fait 180 cm donc 180/120= 1,5 de ratio
donc 4 pixels x 1,5 = 6 pixel de haut pour la femme (ligne verte)à partir du repère du bas
si je désire la mettre au niveau des roues (repère jaune) il me suffit d’agrandir la hauteur de la femme de ce repère jusqu’au repère vert.. vous avez une proportion fixe de l’objet qui vous permet de placer le sujet proportionnellement partout..
et voilà, cela vous permettra de réaliser des montages photos plus réalistes et correctement mis à l'échelle !
CONCOURS : Êtes vous balaise ? (en gros , avez vous compris quelque chose ? lol)
si j'ai une photo d'une maison qui fait 12 mètres de haut et que...
je veux incruster un calque de moi même debout ( 1 mètre 86) juste à coté d'elle..
Que la mesure photoshop de la maison fait 8.52...
qu'elle sera la mesure du calque du personnage (des pieds au haut des cheveux ) ?
(pas besoin de photoshop, une calcu et dix secondes si vous avez pigé le truc)
Pour pouvoir espérer "découper" un objet d'une façon pro, il vous faut maitriser les tracés de travail.
L'outil plûme sert autant à dessiner qu'à former des contours précis (au pixel prêt !)..
Voici une approche hyper simple pour maitriser la base:
exemple : supposez que j'ai besoin de récupérer la forme d'un char de combat (en haut)pour disposer d'un calque à mettre dans une autre image ou application (en bas)
Pour cela, je vais réaliser un tracé (symbolisé par le contour bleu) autour de la forme que je veux copier....
Bien sûr, vous connaissez tous la façon rapide et "grossière" grâce à la baguette magique..
Mais, celle ci fonctionne comme si vous vouliez peindre les détails d'une maquette avec un rouleau de peintre ! ça n'est pas adéquat ! Si vous voulez apprendre à bosser finement, ne cherchez pas: vous devez passer par la maitrise des tracés..
1)première chose : Faites confiance à ce tutorial !! c'est simple à réaliser, bossez 15 minutes pour apprendre et vous allez découvrir une nouvelle dimension de travail pour vos photos
2) ouvrez une image (pour débuter, une voiture, c'est l'idéal) et sélectionner l'outil plûme.
Avec le bouton gauche, faites un clic.
Vous venez de créer le début de votre tracé.
On appelle les points que vous formez les "points d'ancrages". Ils sont sélectionnables et modifiables...
Faites un deuxième clic plus loin :
Vous venez de créer votre premier "tracé de travail".. Si vous continuez en suivant les contours de votre objet, vous arriverez bientôt à votre premier point d'ancrage originel (le premier, quoi !). Pour fermer votre tracé, mettez votre souris sur le premier point, un petit rond apparaitra au dessus : si vous cliquez, vous fermez votre tracé.
LES COURBES :
Ben oui, tout n'est pas droit !!!
pour réaliser une courbe en tracé, c'est vraiment pas difficile :Réalisez un point normal mais restez appuyé sur le clic gauche et "tirez" la souris dans la direction voulue. Pas plus difficile que ça..
VOTRE PREMIERE GALERE :
vous venez de faire votre première courbe et vous souhaitez continuer à faire des lignes droites mais.... PHOTOSHOP (le maudit !) continue à faire des courbes ?
Pas de panique ! c'est normal. Quand vous "tirez" sur votre souris, vous passez en mode "courbes". Pour repasser en mode "droites", appuyez sur la touche Alt et recliquez sur le dernier point que vous avez tracé en courbe... Vous repasserez en mode droite..
TRACÉ TERMINÉ :
Une fois "bouclé", faites un clic droit sur votre tracé, sélectionnez "Définir une sélection" et...HOP ! le contour de votre tracé devient sélectionnable, découpable, modifiable, bref, pleins de trucs en ..able !!
second tutorial :
j'ai, en 2005, déjà réalisé un tuo sur les tracés : ça dit la même chose mais différemment.. il est ici (clic lien):
 |
Détourer parfaitement un objet
|
Vous connaissez certainement les filtres de photoshop : flou, déformation etc. j'en passe et des meilleurs.. Mais savez vous qu'il existe des milliers de filtres Gratuit, payant ou à l'essai vous permettant d'appliquer des effets pro à vos images..
J'ai choisi de vous parler d'abord du : 
Première chose: comment et où mettre le filtre ?
Les filtres ont pour extension .8bf
Une fois téléchargé, il faut copier ce filtre dans le répertoire de photoshop.
Il se trouve souvent dans le répertoire:
C>Program Files>Adobe>Photoshop (6,7 ou Cs)>modules externes>filtres.
Une fois copié, lancez PHOTOSHOP et il sera disponible dans les filtres (tout en bas)
la planête que vous voyez ci contre a été entièrement réalisée en virtuel grâce au filtre "LUNAR CELL". Il est en version démo de 30 jours, rien n'empèche de le re-télécharger ! ça prends 1 minute !
Non, ce n'est pas la terre ! et pourtant, vous distinguer nettement cet environnement " Terraformé" plus vrai que nature...
Cela peut vous permettre de disposer de textures incroyables et uniques pour vos blog
L'interface est conviviale et ludique : 
Vous travaillez d'abord la texture de la planète, l'atmosphére, les nuages, les tempêtes, les impacts, les orages, l'éclairages des villes, la glace, l'eau, la lumière du soleil et les nuages. Des cases [REAL..] vous permettent de simuler la réalité.
Je vais mettre prochainement en ligne des photos (enfin, presque des vraies lol) en 1800 X 1200 pour que vous puissiez admirer la qualité de restitution..Mieux qu'une image sattelite !
Allez visitez (par Google) et tapez Filtres photoshop gratuits.. vous verrez, il y en a plein !
la bonne adresse d'un internaute fou de filtres ? allez ici : http://bbrunoo.free.fr/graphisme/8bf.php ou la caverne d'Ali baba : http://dafim.dyndns.biz/tutorielpsp/filtres/menu_filtres.htm
Vos avis :