Forums d'entraide informatique - Astuces - Conseils

Des experts à votre écoute pour tous vos dysfonctionnements

Vous n'êtes pas identifié.


#1 14-08-2008 23:55:11

Admin
Administrateur
Date d'inscription: 30-07-2008
Messages: 683

Photoshop : découper une image pour le web

N'avez vous jamais remarqué que dans certaines pages web des images qui semblaient n'être faites que d'un bloc étaient en fait constitué de plusieurs autres images ? Mais comment arriver à un découpage aussi parfait et précis ? La réponse vous est donné par photoshop :
Ouvrez une image. Dans le menu Affichage sélectionnez les options Afficher les règles et Magnétismes des repères.    

http://www.parisdepannage.fr/images/photoshop/decoupe1.jpg
Maintenant, cliquez une fois sur la règle horizontale et sans décliquer descendez le repère horizontal (en bleue sur l'image 2). Même opération pour le repère vertical. Répetez autant de fois cette opération que vous voulez pour le découpage de votre image. Ici, elle a été répété deux fois pour chaque règle afin d'obtenir 9 images différentes.    

http://www.parisdepannage.fr/images/photoshop/decoupe2.jpg
Avec l'outil Rectangle de sélection , sélectionnez une image, normalement les limites du rectangles se positionnent automatiquement sur les marques. Coupez la sélection et créez un nouveau fichier en faisant Fichier> Nouveau qui aura tout de suite la taille de l'image coupée. Collez l'image et enregistrez la. Répetez cette opération autant de fois que vous avez d'images. Ici, elle a était répetée 9 fois. Lors de votre en page web, il faut bien entendu placer ces images dans un tableau.    

http://www.parisdepannage.fr/images/photoshop/decoupe3.jpg
       

Voila ce que cela donne avec une marge interne des cellules de 5.
   

Voilà ce que cela donne avec une marge interne des cellules de 0.


Cordialement

L'équipe Parisdepannage.fr

Hors ligne

 

Pied de page des forums


Copyright Parisdepannage.fr


Fermer la fenètre