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
  • Ajustement automatique à la Taille écran

    Ajustement automatique à la Taille écr…

    Stéphane Baril  |
    16 029

    Photoshop CC

  • Couleurs non imprimables dans le Sélecteur de couleurs

    Couleurs non imprimables dans le Sélec…

    Stéphane Baril  |
    10 794

    Photoshop CC

  • Un panneau pour créer une animation image-par-image

    Un panneau pour créer une animation im…

    Stéphane Baril  |
    23 442

    Photoshop CS5

  • Plaidoyer pour l'usage du Cadre de l'application

    Plaidoyer pour l'usage du Cadre de l…

    Stéphane Baril  |
    12 056

    Photoshop CS6

  • Colonnes et images

    Colonnes et images

    Stéphane Baril  |
    15 522

    InDesign CS4


  • 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