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
  • Planche contact avec InDesign CS5

    Planche contact avec InDesign CS5

    Stéphane Baril  |
    21 373

    InDesign CS5

  • Parentage et Gabarits (2/2)

    Parentage et Gabarits (2/2)

    Stéphane Baril  |
    13 203

    InDesign CS4

  • Intégration de 3D dans un PDF 2/2

    Intégration de 3D dans un PDF 2/2

    Stéphane Baril  |
    11 950

    Photoshop CS5

  • Tests de choix de couleurs pour un appart

    Tests de choix de couleurs pour un app…

    Stéphane Baril  |
    14 783

    Photoshop CS6

  • Couleurs non imprimables dans le Sélecteur de couleurs

    Couleurs non imprimables dans le Sélec…

    Stéphane Baril  |
    10 213

    Photoshop CC


  • 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