OVH Cloud OVH Cloud

Comment proportionner un ajout à une image en photoshop ?

35 réponses
Avatar
YouDontNeedToKnowButItsNoelle
Bonjour m'sieurs dames !
J'ai beau gratter mon cerveau surchauffé par la canicule, je n'arrive
toujours pas à faire la chose suivante par script. J'utilise Photoshop CS3.
Soit un logo en png et des images de taille variable sur lesquelles je
le colle dans un coin.
Je voudrais que ce logo (qui existe aussi sous forme SVG, je ne sais
plus où...) soit toujours de la même proportion par rapport à l'image à
laquelle il est surimposé. Disons, sur une des dimensions, genre largeur
= 15% de la largeur de l'image
J'arrive à le décaler du bord de façon proportionnée, mais pas mieux.

Merci de vos suggestions utilisant Photoshop.

Noëlle Adam

10 réponses

1 2 3 4
Avatar
jdd
Le 02/07/2015 15:24, YouDontNeedToKnowButItsNoelle a écrit :

D'autre part, mes grandes photos ne font pas toujours la même taille :
il m'arrive de recadrer ( ce qui entraine ma question).



sauf que tu nous dit que ton problème de signature c'est pour l a
publication sur le net,Tu peux donc donc signer en même temps que tu
redimensionne, ce qui supprime le problème...

jdd
Avatar
Pierre Maurette
YouDontNeedToKnowButItsNoelle :
Le 02/07/15 10:44, Pierre Maurette a écrit :

Ne serait-ce pas plus facile d'avoir une image contenant le logo "bien
placé" avec le reste transparent, soit un png de grande taille soit du
vectoriel si c'est possible ?



Photoshop est bête, il enlève tout ce qui n'est que de la transparence dans
le fichier png de sorte qu'il est impossible de l'avoir "bien placé". Il ne
garde que l'enveloppe qui englobe le tout.




CS6. Faire varier la taille d'un png par crop (après avoir si
nécessaire modifié la taille de la zone de travail). Importer. L'image
sera proposée centrée et redimensionnée. C'est là que vous pouvez
pousser en bas à droite. Ce n'est qu'une fois validée l'import que "il
enlève etc.", mais on s'en fiche puisque l'objet utile est dimensionné
et positionné.

--
Pierre Maurette
Avatar
YouDontNeedToKnowButItsNoelle
Le 02/07/15 15:31, jdd a écrit :
Le 02/07/2015 15:24, YouDontNeedToKnowButItsNoelle a écrit :

D'autre part, mes grandes photos ne font pas toujours la même taille :
il m'arrive de recadrer ( ce qui entraine ma question).



sauf que tu nous dit que ton problème de signature c'est pour l a
publication sur le net,Tu peux donc donc signer en même temps que tu
redimensionne, ce qui supprime le problème...

jdd


Oui : ça m'oblige juste à préparer autant de scripts et de logos que
j'ai de dimensions de sortie pour le web ( pas dramatique, il y a
toujours une solution ). Et vu les alignements et décalages, c'est ch...
J'empile l'importation du marquage, la sélection des calques pour les
aligner en bas à gauche, et la réduction du calque du dessus pour que ça
ne soit pas collé bêtement dans l'angle.
Un truc à base proportionnelle m'aura davantage plu. Plus général, et je
me disais que j'avais peut-être manqué une fonction évidente.

D'autre part, j'ai affecté une touche à mon script, mais il n'a pas
l'air de la prendre en compte.

Noëlle Adam
Avatar
jdd
Le 02/07/2015 16:33, YouDontNeedToKnowButItsNoelle a écrit :

Oui : ça m'oblige juste à préparer autant de scripts et de logos que
j'ai de dimensions de sortie pour le web



tu fais le plus grand d'abord, et tu copie dans toutes les autres tailles

avec imagemagic c'est ca:

convert -resize 1920x1920 $I1 $I2

la taille indiquée étant la taille voulue

jdd
Avatar
YouDontNeedToKnowButItsNoelle
Le 02/07/15 15:47, Pierre Maurette a écrit :
YouDontNeedToKnowButItsNoelle :
Le 02/07/15 10:44, Pierre Maurette a écrit :

Ne serait-ce pas plus facile d'avoir une image contenant le logo "bien
placé" avec le reste transparent, soit un png de grande taille soit du
vectoriel si c'est possible ?



Photoshop est bête, il enlève tout ce qui n'est que de la transparence
dans le fichier png de sorte qu'il est impossible de l'avoir "bien
placé". Il ne garde que l'enveloppe qui englobe le tout.




CS6. Faire varier la taille d'un png par crop (après avoir si nécessaire
modifié la taille de la zone de travail). Importer. L'image sera
proposée centrée et redimensionnée. C'est là que vous pouvez pousser en
bas à droite. Ce n'est qu'une fois validée l'import que "il enlève
etc.", mais on s'en fiche puisque l'objet utile est dimensionné et
positionné.



CS3 que j'ai moi...Et quand je fait ça au moment où j'aligne les calques
(en bas à gauche pour moi), l'objet se retrouve tout collé au bord. Ou
bien je ne comprend pas ? Un script enregistrerait le déplacement
latéral en valeur relative ? J'y retourne tout de suite.

Conclusion : ben non, ça ne fonctionne pas parce que ce qui est
enregistré dans ce cas, c'est le déplacement par rapport à
l'emplacement d'importation (au plein milieu) et donc, ça ne tombe pas
pareil si j'ai une verticale, une horizontale ou une carrée, même en
admettant que j'aie pris une valeur commune qui est 1024 pixel pour la
hauteur.

Et je perds un peu de la souplesse que me donné l'importation avant
réduction...

Noëlle Adam
Avatar
René
"YouDontNeedToKnowButItsNoelle" a écrit dans le message de groupe de
discussion : mn3lkk$mhm$

CS6. Faire varier la taille d'un png par crop (après avoir si nécessaire
modifié la taille de la zone de travail). Importer. L'image sera
proposée centrée et redimensionnée. C'est là que vous pouvez pousser en
bas à droite. Ce n'est qu'une fois validée l'import que "il enlève
etc.", mais on s'en fiche puisque l'objet utile est dimensionné et
positionné.



CS3 que j'ai moi...Et quand je fait ça au moment où j'aligne les calques
(en bas à gauche pour moi), l'objet se retrouve tout collé au bord. Ou
bien je ne comprend pas ? Un script enregistrerait le déplacement latéral
en valeur relative ? J'y retourne tout de suite.

Conclusion : ben non, ça ne fonctionne pas parce que ce qui est enregistré
dans ce cas, c'est le déplacement par rapport à l'emplacement
d'importation (au plein milieu) et donc, ça ne tombe pas pareil si j'ai
une verticale, une horizontale ou une carrée, même en admettant que j'aie
pris une valeur commune qui est 1024 pixel pour la hauteur.


Je ne comprends pas ce paragraphe. Si ton logo est placé au centre tu le
déplaces en bas à droite puis tu le redimensionnes par le coin gauche-haut.
(en tenant la touche MAJ pour conserver les proportions)

Je ne suis pas fort en PS et ma version est CS6 aussi. Par bidouillage non
compris et non assumé j'ai réussi à copier une lettre-logo dans le coin
d'une image vide puis à la copier dans une autre image en pouvant la
redimensionner.
J'ai du utiliser les fonctions suivantes: Convertir en objet dynamique,
pixelliser, et Transformation manuelle; alors j'ai pu redimensionner la
lettre-logo facilement à la dimension de la nouvelle image.

A toi de vérifier si tu as la "Conversion en objet dynamique" dans ta
version CS3. Pixelliser ne serait pas nécessaire, et Transformation manuelle
devrait y être.
Remarque je ne sais pas pourquoi j'ai du convertir en objet dynamique...
mais bon si quelqu'un d'autre sais faire sans... Ta difficulté vient
peut-être que tu ne peux copier un fond vide dans CS3. Alors fais comme
suit:

Ma méthode consiste à créer le logo en position et proportion dans une
grande image vide, disons 2000 pixels de large. Si tu ne parviens pas à
copier le vide autour de du logo, place 1 pixels dans 2 coins opposés. Puis
enregistre cette image de ton logo sur fond vide. Lors de la copie dans un
calque d'une autre image le redimensionnement proportionnel du logo laissera
les 2 pixels à l'extrême bord de l'image ou même un peu en dehors si tu le
veux.

René
Avatar
YouDontNeedToKnowButItsNoelle
Le 02/07/15 23:06, René a écrit :

Je ne comprends pas ce paragraphe. Si ton logo est placé au centre tu le
déplaces en bas à droite puis tu le redimensionnes par le coin
gauche-haut. (en tenant la touche MAJ pour conserver les proportions



Yes, mais ça m'oblige à le faire à chaque fois ! Ça ne répond pas du
tout à la question qui est de travailler en script pour automatiser, et
sur des fichiers d'orientation et de taille variable.
Pour le moment : j'importe le logo dans la grande image, je fais une
réduction du logo en % fixe (mais de sa propre taille, pas de l'image),
je sélectionne les 2 calques, je les aligne en bas et a gauche, puis je
selectionne le calque du dessus et je le réduit un peu (e n% de
l'ensemble, là ) pour décoller le logo de l'angle. Tout ça est
scriptable, alors qu'un déplacement manuel ne l'est pas.

Et la canicule est de retour, mon cerveau est frit.
Je ne tiens pas dans mon atelier sous rampants pour faire des tests.

Merci, à bientôt

Noëlle Adam
Avatar
René
"YouDontNeedToKnowButItsNoelle" a écrit dans le message de groupe de
discussion : mn6pou$n4e$


Le 02/07/15 23:06, René a écrit :

Je ne comprends pas ce paragraphe. Si ton logo est placé au centre tu le
déplaces en bas à droite puis tu le redimensionnes par le coin
gauche-haut. (en tenant la touche MAJ pour conserver les proportions



Yes, mais ça m'oblige à le faire à chaque fois ! Ça ne répond pas du tout
à la question qui est de travailler en script pour automatiser, et sur des
fichiers d'orientation et de taille variable.
Pour le moment : j'importe le logo dans la grande image, je fais une
réduction du logo en % fixe (mais de sa propre taille, pas de l'image), je
sélectionne les 2 calques, je les aligne en bas et a gauche, puis je
selectionne le calque du dessus et je le réduit un peu (e n% de
l'ensemble, là ) pour décoller le logo de l'angle. Tout ça est
scriptable, alors qu'un déplacement manuel ne l'est pas.



Reli ci-dessous de mon autre message:
Ma méthode consiste à créer le logo en position et proportion dans une
grande image vide, disons 2000 pixels de large. Si tu ne parviens pas à
copier le vide autour de du logo, place 1 pixels dans 2 coins opposés. Puis
enregistre cette image de ton logo sur fond vide. Lors de la copie dans un
calque d'une autre image le redimensionnement proportionnel du logo laissera
les 2 pixels à l'extrême bord de l'image ou même un peu en dehors si tu le
veux.

C'est peut-être un peu vague. J'explique, ce qui est plus long que de
l'exécuter.
1 - Tu fais une image de ton logo placé sur un fond vide, le tout à la
largeur de ta plus grande photo.
Pas nécessaire que l'image soit haute, la hauteur du logo suffit, mais la
largeur doit être maximum.
Ex: ton image maximum est de 2000 de largeur par une hauteur variable. Ton
logo est de 200 x 200 pixels, placé à 50 pixels du bord.
Alors l'image à fond vide doit avoir 2000 pixels par 250 pixels en hauteur,
ou plus ce qui ne changera rien.
2- Cette image-logo est à placer comme calque sur ta photo. Comme je le
disais si ton CS3 ne te permet pas de conserver le fond vide utilise la
méthode des 2 pixels (un petit gris suffit) Alors tout le fond vide sera
conservé.
3- Enregistre ton image-logo-vide.
4- En pratique sur une photo tu n'as que peu d'opérations à faire: charger
l'image-logo dans un calque. En mode Modification manuelle tirer sur un coin
pour positionner avec la photo, tirer sur l'autre coin. Il n'y a aucun
calcul, aucun %. Automatiquement proportionnel à la largeur de ton image.
C'est très rapide et visuel. Et tu peux utiliser un script pour charger
l'image-logo et autant de photos que possible ainsi que préparer tes
actions.

Et très important:
Si ta photo est différente, plus étroite ou basse, tu peux visuellement
décider de corriger immédiatement, tout comme changer les nuances du logo si
nécessaire.
Enfin tu peux inclure le calque du logo dès le début du travail sous PS et
l'inclure ou pas dans l'image finale selon la destination.

Evidemment si tu as 1000 photos terminées que tu veux agrémenter du logo...
Divise tes photos en lots de dimensions semblables et utilise un script pour
insérer le calque logo. Tu apprécieras peut-être de pouvoir visualiser et
harmoniser lorsque nécessaire.

René
Avatar
YouDontNeedToKnowButItsNoelle
Le 03/07/15 23:25, René a écrit :

4- En pratique sur une photo tu n'as que peu d'opérations à faire:
charger l'image-logo dans un calque. En mode Modification manuelle tirer
sur un coin pour positionner avec la photo, tirer sur l'autre coin. Il
n'y a aucun calcul, aucun %. Automatiquement proportionnel à la largeur
de ton image. C'est très rapide et visuel.



Mais ce n'est pas automatisable, c'est fait à la main à chaque passage.
Je veux bien consacrer un peu de temps à rattraper quelque bidules à la
main, à choisir entre accentuer ou pas...Mais pas à faire des trucs
mécaniques qui devraient être automatisés ! tant pis pour les cas où le
logo est trop gros.
D'ailleurs, j'ai eu une nouvelle idée.

Et tu peux utiliser un script
pour charger l'image-logo et autant de photos que possible ainsi que
préparer tes actions.

Et très important:
Si ta photo est différente, plus étroite ou basse, tu peux visuellement
décider de corriger immédiatement, tout comme changer les nuances du
logo si nécessaire.
Enfin tu peux inclure le calque du logo dès le début du travail sous PS
et l'inclure ou pas dans l'image finale selon la destination.

Evidemment si tu as 1000 photos terminées que tu veux agrémenter du
logo...


Le fait, c'est que je les "termine" au fur à mesure. ça me permet de
voir où j'en suis, et je dépose les photos web dans un répertoire qui se
synchronise en même temps (le upload n'est pas très rapide pour moi, ça
se fait donc en tâche de fond)

Divise tes photos en lots de dimensions semblables

Impraticable ...Je fait un recadrage éventuel sur le contenu, je n'ai
que 3 proportions (1:1, 2:3 et 3:2) mais les dimension peuvent varier.
J'ai l'impression que l'on ne voit pas la différence entre dimensions et
proportions.

et utilise un
script pour insérer le calque logo. Tu apprécieras peut-être de pouvoir
visualiser et harmoniser lorsque nécessaire.

René


En fait j'ai essayé la méthode de Maurette et je ne vois pas pourquoi la
commande "transformer le calque actif" n'est pas disponible après
l'importation, alors que dans mon script actuel elle l'est.
Bizarre bizarre mais je vais y arriver si les moustiques n'ont pas ma
peau avant.

Noëlle Adam
Avatar
René
"YouDontNeedToKnowButItsNoelle" a écrit dans le message de groupe de
discussion : mn726k$bgc$

Le 03/07/15 23:25, René a écrit :


Impraticable ...Je fait un recadrage éventuel sur le contenu, je n'ai que
3 proportions (1:1, 2:3 et 3:2) mais les dimension peuvent varier.
J'ai l'impression que l'on ne voit pas la différence entre dimensions et
proportions.

En fait j'ai essayé la méthode de Maurette et je ne vois pas pourquoi la
commande "transformer le calque actif" n'est pas disponible après
l'importation, alors que dans mon script actuel elle l'est.



Mais oui je connais la différence entre proportions et dimensions.
Je sais (parce que je viens de le vérifier) que si l'image-logo importée est
plus petite que la photo, l'importée se placera au centre de la photo.
Je sais que si l'image-logo importée est plus grande elle sera aussi centrée
mais - ce que je viens aussi de constater - elle sera redimensionnée
proportionnellement à elle même (homothétiquement) en sorte qu'elle soit
entièrement incluse dans la photo.
Tu dis que n'as que 3 proportions de photos de dimensions variables. Alors
tout devient simple...
Il faut faire une image-logo pour chaque proportion : une pour 1:1, une pour
2:3, et une pour 3:2 ET il faut que chacune de ces 3 images-logo soit de
dimensions égales ou supérieures à la plus grande photo de même proportions.
Ainsi en important l'image-logo ayant les mêmes proportions que la photo
active, l'image-logo sera automatiquement centrée et réduite aux dimensions
de la photo.

L'image-logo dont je parle doit avoir un fond vide et le logo placé dans le
bon coin. Si CS3 ne te permet pas cela, utilise le truc des 2 pixels dans
les coins opposés comme je l'ai dit précédemment.

Et ton problème est résolu.
Aucun calcul, aucune recherche de fonction, aucune manipulation, seulement
une importation comme Maurette le dit.
Tu objecteras que le script ne reconnais pas les proportions.... Il suffit
de faire 3 scripts : 11, 23, 32.

Ici ça le fait.
Merci pour tes problèmes, ils m'obligent à fouiller un peu PS.

René
1 2 3 4