Ajuster une photo de mobile à sa résolution d'écran réelle - Wisibility
Ajuster une photo de mobile à sa résolution d'écran réelle

Ajuster une photo de mobile à sa résolution d'écran réelle

Photoshop CS5

 21 février 2012
Stéphane Baril
1090720470
Un ami designer d'interface (dédicace à Ric) m'a demander comment ajuster la taille d'une photo d'un téléphone portable pour que la taille de l'écran de cette image corresponde exactement à sa definition/résolution réelle, afin qu'il puisse créer des interfaces en "pixels perfects". Je me suis dit que la réponse pouvait aussi vous intéresser, d'où ce tuto ;)
Obtenir Adobe Flash Player

9Commentaires

thierry  | 2012-02-21 11:02:48

C'est toujours un plaisir de t'écouter. Quel talent?!

Yves  | 2012-02-21 13:02:01

Très bonne solution au problème, merci de cette astuce ;-)

téo  | 2012-02-21 16:06:45

je ne percute pas sur les dpi ici..., seule importe la définition d'une image (L pixels*l pixels) pour travailler dessus précisément, la résolution dpi,c'est pour la dimension de la sortie papier ou de l'écran selon la formule ((N PIXELS)/(RESOLUTION DPI))*2.54=TAILLE FINALE EN CM

Stéphane B.  | 2012-02-22 15:39:24

@[téo|#c12620] : Tout à fait, l'important est que la dimension soit juste plus que la résolution mais, pendant que j'y suis, je me mets en concordance avec les spécifications de l'appareil tout bêtement ;-)

steevemo  | 2012-02-24 17:41:00

Snif pas de podcast

Bertrand (Wisi)  | 2012-02-24 18:08:56

@[steevemo|#c12629] : C'est réparé

steevemo  | 2012-02-25 18:27:53

Merci

serge paulus  | 2012-03-09 12:13:45

Enfin une bonne application de l'utilité de masquer plutôt que de rogner.
Tout autre chose, quel est le soft qui fait que les lettres tapées sur le clavier apparaissent en live dans un bandeau? Ça facilite bien certains moments du tuto…

Stéphane B.  | 2012-03-13 07:47:42

Merci Serge :)
J'utilise Screenflow pour la capture et la post-Prod rapide.

 Vous aussi, commentez l'article

  • Autres tutoriels du formateur
  • Ombre portée dynamique

    Ombre portée dynamique

    Stéphane Baril  |
    23 514

    Photoshop CS4

  • Correspondance de couleurs d'ambiance dans un photomontage

    Correspondance de couleurs d'ambiance …

    Stéphane Baril  |
    24 891

    Photoshop CC

  • Cumuler - Remplacer les Styles de calque

    Cumuler - Remplacer les Styles de calq…

    Stéphane Baril  |
    11 548

    Photoshop CS6

  • Un panneau pour la mise en couleurs d'une animation image-par-image

    Un panneau pour la mise en couleurs d…

    Stéphane Baril  |
    9 029

    Photoshop CS5

  • Tests de choix de couleurs pour un appart

    Tests de choix de couleurs pour un app…

    Stéphane Baril  |
    14 545

    Photoshop CS6


  • Remonter en haut du tutoriel

    Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
    Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
    Contact - Wisibility est une marque déposée

    Blog - Tutoriels - Wisi TV - Forum