Question : Comment créer des boutons de façon dynamique ?

Réponse

boutons dynamiques

Il est possible de créer des boutons dimensionnés de manière dynamique à l'aide de la diffusion Scene7 Image. Vous trouverez ci-dessous des modèles qui permettent de développer des boutons d’interface utilisateur auto-dimensionnables à l’aide du boîtier d'interconnection. Les exemples utilisent la police par défaut distribuée avec le boîtier d'interconnection. L’illustration dérivée doit être suffisamment large pour accueillir l’étiquette de texte la plus longue. Une implémentation réelle consisterait essentiellement à utiliser l’illustration graphique, une police différente et diverses commandes RTF et liées au boîtier d'interconnection pour affiner l’aspect et la position de l’étiquette de texte.

L'exemple ci-dessous dispose d'un arrière-plan en couleur unie. Le texte doit être dans le calque 0 afin que la taille du bouton soit poussée par la chaîne de caractères. L’illustration du bouton doit être transparente au centre pour rendre le libellé et le remplissage visibles :

Lien : http://sample.scene7.com/is/image?fmt=gif&layer=0&text=$text$&extend=10,1,10,1&bgColor=$color$&layer=1&src=TechSupport/b-frame&originN=-.5,0&posN=-.5,0&layer=2&src=TechSupport/b-frame&originN=0.5,0&posN=.5,0&extendN=-.9,0,0,0&$text=button%20with%20solid%20color%20fill&$color=aaffaa

Remarque :

http://sample.scene7.com/is/image?fmt=gif&layer=0&text=$text$&extend=10,1,10,1&bgColor=$color$&layer=1&src=TechSupport/b-frame&originN=-.5,0&posN=-.5,0&layer=2&src=TechSupport/b-frame&originN=0.5,0&posN=.5,0&extendN=-.9,0,0,0&$text=button%20with%20solid%20color%20fill&$color=aaffaa

Cet exemple contient l’illustration du bouton qui fournit le remplissage. Vous devez afficher le texte deux fois ; une fois dans la couche 0 pour fournir la taille globale, puis à nouveau sur le dessus de la technique. Dans ce cas, l’illustration serait opaque :

Lien : http://sample.scene7.com/is/image?fmt=gif&text=$text$&extend=10,1,10,1&layer=1&src=TechSupport/b-comp&originN=-.5,0&posN=-.5,0&layer=2&src=TechSupport/b-comp&originN=0.5,0&posN=.5,0&extendN=-.9,0,0,0&layer=3&text=$text$&$text=button%20with%20image%20fill

Remarque :

http://sample.scene7.com/is/image?fmt=gif&text=$text$&extend=10,1,10,1&layer=1&src=TechSupport/b-fill&op_colorize=$color$,off&layer=2&src=TechSupport/b-frame&originN=-.5,0&posN=-.5,0&layer=3&src=TechSupport/b-frame&originN=0.5,0&posN=.5,0&extendN=-.9,0,0,0&layer=4&text=$text$&$text=colorized%20gradient&$color=6666ff

Voici un exemple utilisé par l’un de nos clients. La principale différence et la complexité accrue sont dues au fait que cet appel génère des boutons PNG transparents. Cela nécessite des appels imbriqués dans le calque 1 et le calque 2. Le mode développeur dans SPS est nécessaire pour créer le modèle.

http://sample.scene7.com/is/image/TechSupport/button_small_default?$txt=Put+your+text+here

Modèle button_small_default.

Remarque :

&$txt=Details%20here&layer=0&textPs={{\fonttbl{\f0\fcharset0%20Arial;}}{\colortbl;\red0\green38\blue117;}\f0\cf1\fs12\b%20%C2%BB%20$txt$}&textAttr=150,norm&extend=25,3,25,1&originN=0,0&hide=1&layer=1&src=is{TechSupport?layer=0&textPs={{\fonttbl{\f0\fcharset0%20Arial;}}{\colortbl;\red0\green38\blue117;}\f0\cf1\fs12\b%20%C2%BB%20$txt$}&textAttr=150,norm&extend=25,3,25,1&originN=0,0&hide=1&layer=1&src=TechSupport/background_button&originN=-0.5,0&posN=-0.5,0}&clipPath=M0,0L20,0L20,20L0,20Z&layer=2&src=is{TechSupport?layer=0&textPs={{\fonttbl{\f0\fcharset0%20Arial;}}{\colortbl;\red0\green38\blue117;}\f0\cf1\fs12\b%20%C2%BB%20$txt$}&textAttr=150,norm&extend=25,3,25,1&originN=0,0&hide=1&layer=1&src=TechSupport/background_button&originN=0.5,0&posN=0.5,0}&clipPath=M20,0L800,0L800,20L20,20Z&layer=4&textPs={{\fonttbl{\f0\fcharset0%20Arial;}}{\colortbl;\red0\green38\blue117;}\f0\cf1\fs12\b%20%C2%BB%20$txt$}&textAttr=150,crisp&extend=25,3,25,1&originN=0,0&effect=-1&pos=1,1&color=0xEDD2A8&op_blur=1&op_grow=1&fmt=png-alpha

Question : j’ai créé le calque de texte dans mon fichier PSD avec une rotation, mais lorsque j’importe ce dernier dans SPS, le modèle généré ne dispose pas de cette transformation par défaut. Y a-t-il quelque chose que je dois faire différemment ? OU voulez-vous prendre en charge les transformations de calque lors de l’importation de fichiers PSD pour les modèles de base ?

Réponse

Malheureusement, actuellement nous ne soutenons pas l’importation de transformations de calque à partir de fichiers PSD dans le modèle de base généré.

Question : Qu’est-ce qu’un chemin de détourage ?

Réponse

Un chemin de détourage est un chemin vectoriel fermé, ou forme, utilisé pour découper une image 2D dans un logiciel d'édition d'images. Tout ce qui se trouve à l’intérieur du chemin sera inclus après l’application du chemin de détourage ; tout élément situé en dehors du chemin sera omis.

Vous pouvez utiliser des masques d’image pour créer des zones transparentes dans les images que vous voulez insérer dans une application de mise en page. En outre, les utilisateurs du système d'exploitation X peuvent incorporer des images Photoshop dans de nombreux fichiers de traitement de texte.

Il est possible d’utiliser uniquement une partie d’une image Photoshop pour une impression ou une importation dans une autre application. Par exemple, vous pouvez utiliser un objet de premier plan et exclure l’arrière-plan. Un chemin de détourage d’image permet d’isoler l’objet de premier plan et rendre le reste transparent lorsque l’image est imprimée ou placée dans une autre application.

Remarque : les chemins sont vectoriels ; en conséquence ils ont des bords trempés. Il est impossible de conserver la souplesse d’un contour progressif, comme dans une ombre, lors de la création d’un masque d’image.

Consultez http://help.adobe.com/fr_FR/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-7715a.html#WSfd1234e1c4b69f30ea53e41001031ab64-7711a pour plus d'information.

Question : Déterminez si un chemin est un chemin de détourage dans photoshop CS6 ?

Réponse

Si une image contient un chemin de détourage, il est affiché dans le panneau « Chemins » de Photoshop avec son nom affiché en gras.

Question : Quels formats de fichier Scene7 prennent en charge les chemins de détourage ?

Réponse

Les formats de fichier Scene7 qui prennent en charge les chemins de détourage sont les suivants :

PSD

EPS (pixellisé).

TIFF

JPG

Question : Comment améliorer la présentation deschemins de détourage pour créer une image transparente dans Scene7 ?

Réponse

L’une des options de retouche d’image SPS dans la rubrique tâche de téléchargement consiste à créer un masque à partir d’un chemin de détourage. Cette page d’assistance présente une brève description de cette option :

http://help.adobe.com/fr_FR/scene7/using/WS1C6180F2-3FB5-4222-BB0F-08C53AB21188.html

Lorsque cette option est sélectionnée et que l’image téléchargée contient un chemin indiqué au chemin de détourage (les fichiers ne peuvent avoir un chemin de détourage unique), le masque est associé à l’lidentifiant du fichier téléchargé. Spécifiquement un MaskPath faisant référence à une image en niveaux de gris de 8 bits est associé à un actif. Le canal alpha de la zone située en dehors du chemin de détourage de l’image masque sera complètement transparente, et la le canal alpha sera complètement opaque pour la zone située à l’intérieur du chemin de détourage. Pour plus d'informations sur MaskPath, consultez la documentation liée à la diffussion des images :

http://microsite.omniture.com/t2/help/en_US/s7/is_ir_api/index.html#is_api-image_catalog-MaskPath

Le catalog::MaskPath remplace le canal alpha dans l’image principale (catalog::Path), s'il existe, et si le canal alpha n'est pas associé (c’est-à-dire pas pré-multiplié). Si l'image alpha est pré-multiplié, le catalog::MaskPath est ignoré et le canal alpha de l’image principale est toujours utilisé.

Le résultat c'est que la région située à l'extérieur du chemin de détourage est transparent lorsqu’il est appelé par l’identifiant de fichier du serveur d’images. Il est possible d’ignorer le masque à l’aide de maskuse=off dans l’URL Image Server, ce qui supprime de façon efficace la transparence créée par le masque. Pour plus d’informations sur maskUse, voir la documentation liée à Image Server.

http://microsite.omniture.com/t2/help/en_US/s7/is_ir_api/index.html#is_api-http_ref-maskUse

Voici un exemple illustrant la transparence créée à partir du masque :

http://testvipd9.scene7.com/is/image/TechSupport/grill1?wid=400&bgcolor=200,100,100

Et la façon donc vous pouvez ignorer le masque et perdre par conséquent la transparence :

http://testvipd9.scene7.com/is/image/TechSupport/grill1?wid=400&bgcolor=200,100,100&maskUse=off

Remarque :

Glossaire des termes

canal alpha non-associé

Les images RVB avec transparence alpha peuvent être stockées de deux manières différentes. L’une consiste à stocker les valeurs RVB brutes et les valeurs alpha comme des couches distinctes ; il s’agit d'« alpha non-associé ». Le format normalisé PNG sur l'alpha « non-associé » (« non prémultipé ») pour stocker des images avec des masques de transparence distincts. La plupart des programmes de traitement d’image stockent les images avec alpha non-associé, afin de pouvoir manipuler les valeurs RVB et alpha indépendamment les unes des autres, et non les données RVB lorsqu’elles sont masquées.

canal alpha pré-multiplié

Une autre méthode consiste à stocker les valeurs RVB non brutes, mais premultipliées par la valeur alpha correspondante, qui est ensuite appelée « alpha associé ».
Si un canal alpha est utilisé dans une image, il est courant de multiplier la couleur par la valeur alpha. On parle généralement d'alpha premultiplié. « L'alpha premultiplié » enregistre les valeurs de pixel premultipliées par la fraction alpha. Les informations alpha d’un pixel ne sont pas seulement enregistrées dans le canal alpha proprement dit, mais il s’agit du canal « multiplié » rouge, vert et bleu. Le logiciel de rendu qui fait référence à l’alpha associé, étant donné que les valeurs RVB déjà multipliées par alpha, ne fonctionnent plus en temps réel lorsqu’il effectue une fusion alpha. Le format TIFF prend en charge les deux types d'alpha, mais il est souvent mal-libellé.

Question : Quels sont les chemins ?

Réponse

Les chemins sont des dessins vectoriels qui peuvent étirer, remodeler sans perdre les détails. Dans Photoshop, vous pouvez utiliser un chemin comme masque vectoriel pour un calque. Les masques vectoriels, tels que les chemins, peuvent être redimensionnés sans perte de détails. Vous pouvez laisser un chemin comme masque et l’utiliser pour définir des zones transparentes dans les images. Cela vous permet d’isoler la zone de premier plan et de rendre tout ce qui est transparent.

Avec Scene7, vous avez la possibilité de créer un masque vectoriel lors du téléchargement dans SPS en fonction du chemin de détourage. En outre, toutes les informations liées au chemin, y compris les masques, peuvent éventuellement être renvoyées dans le cadre d’une réponse d’image générée dynamiquement. Il est également possible d’utiliser des informations de chemin pour définir de façon dynamique les zones transparentes d’un calque ou d’une image.

Dans une future version de Scene7, il est également possible de recadrer dynamiquement un calque ou une image basée sur un chemin.

Question : un masque peut-il être créé en fonction d’un nom de chemin spécifique ?

Réponse

Lors du téléchargement dans Scene7, seul le chemin de détourage peut être utilisé pour créer automatiquement un masque. Toutefois, nous avons pris en charge le référencement d’un chemin nommé inclus dans l’image demandée qui masque toutes les zones d’image à l’extérieur de la définition du chemin. Cette mesure n'exige pas l'extraction du chemin vers un masque SPS, puisque le chemin peut être utilisé par les requêtes de traitement d'image standard Scene7.

Question : Est-il possible de masquer de façon dynamique toutes les zones d’une image hors d’une définition de chemin ?

Réponse

La Scene7 prise en charge faisant référence à un chemin nommé incorporé dans l'image demandée qui masquera toutes les zone de l'image hors de la définition de chemin. Cette mesure n'exige pas l'extraction du chemin vers un masque SPS, puisque le chemin puisse être utilisé avec des requêtes de traitement d'image standard Scene7.

La commande de diffusion de l’image est appelée clipPathE et vous trouverez la documentation sur cette commande ici :

http://microsite.omniture.com/t2/help/fr_FR/s7/is_ir_api/index.html#is_api-http_ref-clipPath

Voici quelques exemples illustrant l’utilisation de clipPathE :

Aucun chemin nommé, aucune transparence :

http://s7d4.scene7.com/is/image/ajhco/kidchair_clippingpath?wid=400&bgcolor=200,100,100

Chemin appelé, affichage de la transparence :

http://s7d4.scene7.com/is/image/ajhco/kidchair_clippingpath?wid=400&bgcolor=200,100,100&clipPathE=Path%201

Une autre image avec des chemins différents définis :

http://s7d9.scene7.com/is/image/TechSupport/grilltest?wid=400&bgcolor=200,100,100&clipPathE=Path%201 http://s7d9.scene7.com/is/image/TechSupport/grilltest?wid=400&bgcolor=200,100,100&clipPathE=work%20brown

Question : il est possible de dynamiquement recadrer une image en fonction d’un chamin ou d’un masque ?

Réponse

Cette fonctionnalité a été ajoutée dans notre version du printemps 2014.

Il existe de nombreuses approches : l’API IPS offre getPhotoshopPath et getPhotoshopPathNames. Le serveur d’images peut recadrer et masquer en fonction du nom de chemin.

Question : Á quoi sert le mode développeur ?

Réponse

Le mode développeur est utilisé lorsque vous souhaitez créer un modèle sans utiliser les outils de conception de l’interface utilisateur. Un modèle s’affiche en mode développeur si devmode=true est dans le modèle ou si l’analyseur n’est pas en mesure d’analyser le modèle.

Question : Comment utiliser la commande de demande de modèle ?

Réponse

La documentation de diffusion de l’image fournit des informations sur la commande de demande de modèle :

http://microsite.omniture.com/t2/help/en_US/s7/is_ir_api/index.html#is_api-http_ref-template

La documentation :
Lorsque le modèle = est présent, l'objet spécifié dans le chemin de requête ne sera pas utilisé comme source du calque 0, mais il peut être référencé sous forme src= ou mask= n'importe où dans le modèle en utilisant le chemin prédéfini $object$ as a src= value. catalogue : Le modificateur de l'objet spécifié dans le chemin de la requête est uniquement appliqué en relation avec la substitution de $object$ dans le modèle, lorsque catalog::PostModifier toujours appliqué.

Exemple :

http://testvipd4.scene7.com/is/image/ajhco/redjacket?$jbpreset$

http://testvipd4.scene7.com/is/image/ajhco/depot?$jbpreset$

URL d'origine :

http://testvipd4.scene7.com/is/image/ajhco?layer=0&size=360,270&src=ajhco/redjacket&layer=1&src=ajhco/ni_360_270_redborder&wid=360

ajoutez un nouveau calque 0, pour sécuriser le numéro de trait fin qui ne s'affiche pas correctement. Le calque 0 est réduit à 270 x 270 car l'image est carré, et le calque 1 est réduit en conséquence à 270 x 270 :

http://testvipd4.scene7.com/is/image/ajhco?layer=0&size=360,270&layer=1&size=360,270&src=ajhco/redjacket&layer=2&src=ajhco/ni_360_270_redborder&wid=360

Utilisez la fonction de modèle pour permettre l’utilisation du modèle dans une préconfiguration :

http://testvipd4.scene7.com/is/image/ajhco/redjacket?template=jbsimpletemplate&wid=360

de telle sorte :

http://testvipd4.scene7.com/is/image/ajhco/redjacket?$jbpreset$ http://testvipd4.scene7.com/is/image/ajhco/depot?$jbpreset$

Voici le modèle (jbsimpletemplate) :

devmode=true&layer=0&size=360,270&layer=1&src=$object$&size=360,270&layer=2&src=ajhco/ni_360_270_redborder&size=360,270

Le paramètre prédéfini (jbpreset) :

wid=360&fmt=jpeg&qlt=85,1&op_sharpen=0&resMode=sharp2&op_usm=1,1,6,0&iccEmbed=0&template=jbsimpletemplate

Question : Pourquoi SPS ne crée pas de modèle pour PSD à couches uniques ?

Réponse

Une seule composition de calque peut être convertie en modèle. Un modèle ultérieur simple n'a aucun avantage comme modèle et ne fait rien de plus que de dupliquer le nombre de fichiers pour l'entreprise en terme d'image et modèle.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne