Création d’un modèle
Pour créer un modèle, accédez à Build > Template Basics. Sélectionnez Concepteur ou Développeur. Sur cette page, vous pouvez ajouter des calques d’image et de texte. Vous pouvez également réorganiser les calques, modifier la taille et la position des calques et appliquer des effets d’ombre et d’éclat aux images et au texte.
Voir aussi la vidéo de formation Concepts de base des modèles.
&allowCanvasPrompt et &layer=0 dans l’URL et appuyez sur Entrée ou Retour.Créer le modèle initial creating-the-initial-template
Lorsque vous créez un jeu de modèles, l’option Publish after a save affecte l’ensemble et définit les membres de la manière suivante :
Voir aussi Manually publishing assets (« Publication manuelle des fichiers ») et Manually unpublishing assets (« Annulation manuelle de la publication des fichiers »).
Vous pouvez créer un modèle à partir d’un modèle existant. Ouvrez le modèle, sélectionnez Enregistrer sous et saisissez un nouveau nom dans la boîte de dialogue Enregistrer sous.
Pour créer le modèle initial :
-
Pour créer votre modèle initial, utilisez l’une des méthodes suivantes :
-
Sélectionnez d’abord le ou les images : dans le panneau Parcourir, sélectionnez le ou les fichiers de PSD que vous souhaitez pour votre modèle, accédez à Build > Template Basics.
-
Démarrer à partir de l’écran de modèle : accédez à Build > Template Basics (Concepts de base des modèles). Sélectionnez Concepteur ou Développeur.
-
-
Dans la boîte de dialogue Saisir la taille de la zone de travail, saisissez les mesures de largeur et de hauteur de votre modèle.
-
Sélectionnez un dossier dans la bibliothèque de fichiers, puis faites glisser le fichier PSD ou les images de votre modèle sur l’écran correspondant.
-
Lorsque vous avez terminé, près du coin inférieur droit de la page, assurez-vous que Publish after a save est sélectionné (par défaut).
-
Sélectionnez Enregistrer.
-
Sélectionnez un dossier pour le stockage de votre modèle, saisissez un nom pour le modèle, puis sélectionnez Submit.
Adobe Dynamic Media Classic réduit les images si nécessaire pour les adapter à la zone de travail, c’est-à-dire la zone de l’écran Modèle pour définir votre modèle.
Modifier un jeu de modèles editing-a-template-set
Que vous modifiiez un jeu publié ou un jeu de modèles non publié, l’option Publish après un enregistrement affecte l’ensemble et définit les membres de la manière suivante :
Voir aussi Manually publishing assets (« Publication manuelle des fichiers ») et Manually unpublishing assets (« Annulation manuelle de la publication des fichiers »).
Pour modifier un jeu de modèles :
- En mode d’affichage Grille, accédez à un jeu de modèles, puis, sous l’image, sélectionnez Modifier.
- Modifiez le modèle selon vos besoins.
- Lorsque vous avez terminé les modifications, près du coin inférieur droit de la page, assurez-vous que Publish after a save est sélectionné (par défaut).
- Sélectionnez Enregistrer, sélectionnez un dossier de stockage, saisissez un nom pour la visionneuse, puis sélectionnez Enregistrer.
Suppression d’un modèle
Lorsque vous supprimez une visionneuse de modèles, la visionneuse elle-même est déplacée vers la corbeille. Cependant, les membres (ou "enfants") de cet ensemble ne sont pas affectés ; au lieu de cela, ils conservent chacun leur état publié ou non publié existant.
Voir aussi Manually publishing assets (« Publication manuelle des fichiers ») et Manually unpublishing assets (« Annulation manuelle de la publication des fichiers »).
Pour supprimer un modèle :
- En mode Affichage de la grille, Affichage par liste ou Affichage des détails, sélectionnez un ou plusieurs modèles.
- Dans la barre de navigation globale, accédez à Fichier > Supprimer > Supprimer.
Présentation de l’écran Modèle understanding-the-template-screen
L’écran Modèle contient des outils permettant de manipuler et de paramétrer les calques.
Utilisez ces outils dans l’écran Modèle pour créer des modèles :
-
Panoramique : permet de sélectionner des calques, de les déplacer dans la zone de travail, de les redimensionner ou de les faire pivoter.
-
Texte : crée un calque de texte. Faites glisser le pointeur de l’outil sur la zone de travail pour créer un calque de texte, puis saisissez le texte dans le calque Voir Création d’un calque de texte.
-
Aperçu : ouvre l’écran Aperçu et affiche le modèle dans une visionneuse de zoom. Vous voyez à quoi ressemble le modèle pour les utilisateurs de votre site Web ou de votre application.
-
Résumé des paramètres Ouvre l’écran Résumé des paramètres. Vous pouvez voir le nom de tous les calques d’un modèle, et sur chaque calque, le nom des paramètres qui ont été activés.
-
Éditeur de texte v4.3 et Éditeur de texte v4.2 : utilisez l’Éditeur de texte le plus récent et le plus complet. Vous pouvez choisir d’utiliser la version 4.3 de l’éditeur de texte ou la version 4.2 de l’ancien éditeur de texte. Lors de la création de modèles, l’éditeur de texte v4.3 est sélectionné par défaut. Pour la modification d’anciens modèles, l’Editeur de texte v4.2 est sélectionné par défaut. L’éditeur de texte v4.3 ne prend actuellement pas en charge le retour automatique à la ligne. Par conséquent, lors de la modification d’anciens modèles qui utilisent le retour automatique à la ligne, utilisez l’éditeur de texte v4.2 pour préserver la fidélité du modèle. Si votre ancien modèle n’utilise pas de retour automatique à la ligne, vous pouvez choisir l’éditeur de texte v4.3 pour profiter des nombreuses nouvelles fonctionnalités qu’il propose. Par exemple, Augmentez les marges, Réduisez les marges, Définissez le texte en majuscules et Copiez le texte dans la zone appropriée.
note note NOTE La suppression de l’éditeur de texte v4.2 est prévue comme option dans Adobe Dynamic Media Classic. Lorsque cela est possible, il est recommandé d’utiliser l’éditeur de texte 4.3. L’option Retour à la ligne sera intégrée à une prochaine version de l’éditeur de texte. -
Designer and Developer : sélectionnez l’option qui décrit le mieux votre rôle.
-
Canevas : définit la zone totale disponible, en pixels, pour définir votre modèle. La taille par défaut est de 300 × 300 pixels. Les calques sont placés sur la zone de travail.
-
Liste des calques : répertorie le nom des calques dans le modèle. Pour sélectionner un calque, sélectionnez son nom dans la liste Calques. La liste Calques est assortie d’outils permettant de supprimer, de réorganiser et de paramétrer les calques, et de leur ajouter des effets Voir Utilisation des calques.
-
Zone Propriétés du calque : cette zone offre des outils pour modifier la couleur d’arrière-plan, l’opacité, la taille et la position d’un calque. Vous pouvez également modifier la couleur de fond, l’opacité et la taille de la zone de travail. Vous pouvez également y régler les effets d’ombre et d’éclat Voir Utilisation des calques.
Création de calques d’image creating-image-layers
-
Faites glisser l’image de la bibliothèque de fichiers vers la zone de travail.
Le nom d’identification (ID) de l’image figure dans la liste Calques.
note note NOTE Si nécessaire, Adobe Dynamic Media Classic réduit les images pour les ajuster à la zone de travail lors de la création d’un calque d’image.
Création d’un calque de texte creating-a-text-layer
-
Sélectionnez l’outil Texte .
-
Faites glisser le curseur de la souris pour créer une zone de texte sur la zone de travail ou sur une image.
-
Dans l’écran Texte qui s’ouvre, ajoutez du texte en effectuant l’une des opérations suivantes dans l’onglet Aperçu :
- Saisissez du texte dans la zone de texte. Choisissez Ajuster le texte pour qu’il tienne dans la zone de texte.
- Collez du texte dans la zone de texte à partir du Presse-papiers.
-
Sélectionnez Appliquer, puis fermez l’écran Texte.
Mise en forme de texte format-text
Pour mettre en forme le texte dans un calque de texte, procédez comme suit :
-
Dans la liste Calques, cliquez deux fois sur le nom de la zone de texte à modifier. L’Editeur de texte s’ouvre.
-
Dans la zone de texte de l’éditeur de texte, sélectionnez le texte à mettre en forme. Vous pouvez sélectionner tout le texte, des parties du texte ou des caractères individuels.
-
Spécifiez l’une des options de formatage suivantes, puis sélectionnez Appliquer.
-
Police : sélectionnez une police dans le menu Police. Si une police souhaitée n’apparaît pas dans le menu, vous pouvez la charger dans Adobe Dynamic Media Classic. Voir Polices.
-
Taille de police : sélectionnez une taille de police dans le menu, saisissez une taille spécifique dans la zone ou sélectionnez les flèches Haut ou Bas pour augmenter ou réduire la taille de deux points.
-
Color : choisissez une couleur pour le texte.
-
Bold, Italic ou Underline : sélectionnez le texte, puis sélectionnez l’icône correspondant au type de mise en forme à appliquer au texte.
-
Toutes les majuscules, Exposant ou Indice : sélectionnez le texte, puis l’icône correspondant au type de mise en forme à appliquer au texte.
-
Alignement : choisissez un bouton d’alignement pour aligner le texte à gauche, au centre ou à droite dans le calque de texte.
-
Tracking : saisissez ou sélectionnez une valeur numérique en fonction de laquelle ajuster l’espace entre les mots.
-
Kerning : saisissez ou sélectionnez une valeur numérique en fonction de laquelle ajuster l’espace entre les caractères.
-
Interligne : saisissez ou sélectionnez une valeur numérique en fonction de laquelle ajuster l’espace entre les lignes.
-
Baseline Shift : saisissez ou sélectionnez une valeur numérique par laquelle déplacer un caractère sélectionné vers le haut ou vers le bas par rapport à la ligne de base du texte environnant. Cette option est particulièrement utile lorsque vous définissez des fractions manuellement ou que vous ajustez la position des graphiques intégrés.
-
Mise en forme de paragraphes format-paragraphs
-
Dans la liste Calques, cliquez deux fois sur le nom de la zone de texte à modifier. L’Editeur de texte s’ouvre.
-
Sélectionnez le paragraphe à mettre en forme.
-
Spécifiez l’une des options de formatage suivantes, puis sélectionnez Appliquer.
-
Alignement : spécifiez le type d'alignement en cliquant sur Aligner à gauche, Aligner au centre, Aligner à droite ou Justifier.
-
Justification de fin de paragraphe : sélectionnez cette option pour spécifier le type de justification de la dernière ligne du paragraphe : la dernière ligne s’aligne à gauche, la dernière ligne s’aligne au centre et la dernière ligne s’aligne à droite.
-
Interlettrage : saisissez ou sélectionnez une valeur numérique permettant d’ajuster l’espacement entre toutes les lignes du paragraphe.
-
Retrait intégral : sélectionnez cette option pour augmenter la quantité de texte mise en retrait.
-
Supprimer le retrait : sélectionnez cette option pour diminuer la quantité de texte mise en retrait.
-
Retrait de la première ligne : indiquez la valeur de retrait de la première ligne de texte.
-
Espace avant le paragraphe : spécifiez l’espace qui doit apparaître au-dessus de la première ligne de texte du paragraphe.
-
Espace après le paragraphe : spécifiez l’espace qui doit apparaître sous la dernière ligne de texte du paragraphe.
-
Alignement vertical : sélectionnez l’endroit où vous souhaitez que le texte apparaisse verticalement dans la zone de texte : Haut, Milieu, Bas.
-
Direction du texte : sélectionnez la direction dans laquelle vous souhaitez que le texte s’affiche : de droite à gauche ou de gauche à droite.
-
Modification des propriétés du calque de texte adjust-text-layer-properties
-
Dans l’écran Concepts de base des modèles, sélectionnez la zone de texte à modifier.
-
Dans le panneau Propriétés du calque, sélectionnez l’une des options suivantes :
-
Shrink Text (Text Editor v4.2 uniquement) : sélectionnez cette option pour réduire le texte afin qu’il s’insère dans la zone de texte.
-
Retour à la ligne à la ligne (Éditeur de texte v4.2 uniquement) : pour indiquer si ou comment le texte s’enveloppe, sélectionnez une option de retour à la ligne :
-
Retour à la ligne : entoure le texte pour l’insérer dans une zone de texte trop petite horizontalement.
-
Aucun retour à la ligne : ne renvoie pas le texte lorsque la zone de texte est trop petite horizontalement et coupe une partie du texte.
-
Retour à la ligne insécable : entoure le texte pour l’adapter à une zone de texte et ne rompt pas les mots.
-
Position : spécifie l’emplacement de la zone de texte sur la zone de travail.
-
Marge intérieure : ajoute des marges ou recadre le rectangle du calque. Spécifiez le nombre de pixels à ajouter ou à supprimer pour Gauche, Haut, Bas et Droite. Saisissez des nombres positifs si vous souhaitez ajouter une marge ou des nombres négatifs au recadrage.
-
Affichage et modification du code source du texte view-and-edit-text-source-code
Les informations fournies dans l’onglet Source de l’éditeur de texte sont à titre de référence. Ne modifiez le texte que si vous êtes rompu à l’édition du code source.
-
Dans la liste Calques, cliquez deux fois sur le nom de la zone de texte à modifier. L’Editeur de texte s’ouvre.
-
Dans l’éditeur de texte, pour afficher le code source du texte, sélectionnez l’onglet Source dans l’éditeur de texte.
-
Affichez le texte ou apportez-y les modifications nécessaires.
Les changements sont conservés lorsque vous basculez entre les vues Prévisualiser et Source.
-
Sélectionnez Apply pour effectuer le rendu des modifications.
Utilisation des calques working-with-layers
Utilisez la liste Calques et la zone Propriétés calque pour manipuler les calques. Vous pouvez réorganiser les calques, modifier leur taille et leur position, leur appliquer une rotation et définir leur couleur d’arrière-plan ou de premier plan, leur opacité et leur mode de fusion.
Vous pouvez également modifier la taille de la zone de travail, sélectionner sa couleur d’arrière-plan et modifier son paramètre d’opacité.
Réorganiser les calques reordering-layers
La modification de l’ordre des calques peut avoir une incidence sur l’aspect, en particulier en cas de transparence ou de surimpression. Veillez à prévisualiser le résultat avant de valider vos modifications.
-
Pour réorganiser les calques dans un modèle, utilisez l’une des méthodes suivantes :
- Sélectionnez un calque dans la liste Calques, Sélectionnez ensuite Up ou Down autant de fois que nécessaire pour le placer à la bonne position dans la liste.
- Faites glisser un calque vers le haut ou vers le bas dans la liste Calques.
Modifier la taille et la position des calques et de la zone de travail changing-the-size-and-position-of-layers-and-the-canvas
Les calques doivent être suffisamment petits pour tenir dans la zone de travail. Vous pouvez modifier la taille d’un calque ou d’une zone de travail manuellement ou en spécifiant des mesures. Vous pouvez changer la position d’un calque manuellement ou en spécifiant des valeurs de décalage. Vous pouvez également appliquer une rotation à un calque.
-
Modification de la taille d’un calque : pour modifier la taille d’un calque ou de la zone de travail, sélectionnez le calque ou la zone de travail dans la liste Calques et utilisez l’une des techniques suivantes :
-
Modification manuelle de la taille : sélectionnez et faites glisser un coin du calque ou de la zone de travail. Avec les calques de texte, vous pouvez également faire glisser un côté du calque. Maintenez la touche Maj enfoncée tout en faisant glisser le curseur pour modifier la taille tout en conservant les proportions (forme).
-
Saisir des mesures de taille de calque : saisissez des mesures en pixels dans les zones de texte W (Largeur) et H (Hauteur) de la zone Propriétés du calque.
En plus de modifier la taille d’un calque, vous pouvez lui appliquer un remplissage. Pour ce faire, entrez une mesure de remplissage dans les cases des bords gauche, droit, supérieur et inférieur de la zone Propriétés calque. Le remplissage permet d’ajouter une marge au calque actif pour le décaler du périmètre de son calque de base. Il est pratique pour faire ressortir l’effet d’ombre portée ou d’ombre extérieure ajouté, le cas échéant. De plus, il augmente la taille d’un calque et affiche sa couleur d’arrière-plan dans la zone de remplissage étendue. Le calque de base se repositionne en fonction de la nouvelle taille du calque. Par exemple, si le calque actif est centré sur le calque de base, lorsque vous étendez le côté gauche du calque actif, il s’éloigne d’autant vers la droite du calque de base.
-
Modification de la position d’un calque : pour modifier la position d’un calque sur la zone de travail, sélectionnez son nom dans la liste Calques et utilisez l’une des techniques suivantes :
-
Modification manuelle de la position : déplacez le pointeur près d’une limite de calque, mais pas au-dessus de celle-ci. Lorsque le curseur en flèche à quatre pointes s’affiche, sélectionnez-le et commencez à le faire glisser.
-
Saisir des mesures de décalage de position : saisissez des mesures de décalage de X et Y dans les zones de texte X et Y. Ces valeurs représentent le décalage du point d’ancrage sur les axes x et y, exprimé en pixels.
-
Rotation d’un calque : la zone Rotation répertorie l’angle de rotation du calque. Pour faire pivoter un calque, sélectionnez son nom dans la liste Calques, puis utilisez l’une des méthodes suivantes :
-
Rotation manuelle : déplace le curseur à proximité d’un coin du calque, mais pas dessus. Lorsque le curseur de rotation apparaît, faites glisser l’angle du calque. Maintenez la touche Maj enfoncée lorsque vous faites glisser pour faire pivoter par incréments de 15 degrés.
-
Entrer une mesure de degré : entrez le nombre de degrés de rotation du calque. La rotation s’effectue dans le sens horaire. Pour appliquer une rotation dans le sens anti-horaire, entrez un nombre négatif.
Masquer un calque ou un effet de calque :
Vous pouvez masquer un calque ou un effet de calque en cliquant sur l’icône représentant un oeil en regard du nom d’un calque ou d’un effet. Les calques masqués n’apparaissent pas sur les prévisualisations, ni sur la sortie. Les informations sur le calque sont conservées dans l’URL. hide=1 est ajouté à l’URL pour noter que le calque est masqué de la vue. Par exemple :
layer=5&src=is{PortalCo/title}&pos=274,192&effect=-1&.effect=Drop Shadow&blendmode
layer=5&src=is{PortalCo/title}&pos=274,192&hide=1&effect=-1&.effect=Drop Shadow&blendmode
Déterminer la couleur de fond, l’opacité et le mode de fusion
Pour choisir une couleur d’arrière-plan, une opacité et un mode de fusion pour un calque ou la zone de travail, sélectionnez le calque ou la zone de travail, puis utilisez les techniques suivantes :
-
Couleur de premier plan : sélectionnez Couleur de premier plan et choisissez un échantillon de couleur pour modifier la couleur de l’ombre ou de l’éclat. Vous pouvez également entrer une valeur chromatique dans la zone. La couleur d’arrière-plan ne s’applique qu’aux calques qui utilisent la transparence. Par exemple, elle s’applique partiellement à un calque transparent d’une étiquette de prix ou l’arrière-plan d’une zone de texte. Les calques composés d’une image PSD, TIFF ou PNG dont la transparence est activée peuvent avoir un arrière-plan transparent.
-
Couleur d’arrière-plan : sélectionnez Couleur d’arrière-plan et choisissez un échantillon de couleur pour modifier la couleur des zones remplies.
-
Opacité : faites glisser le curseur Opacité pour rendre n’importe quel calque transparent afin qu’une partie de l’image sous-jacente s’affiche. Le paramètre 100 % est opaque ; 0 est transparent.
-
Mode de fusion : pour simuler l’un des modes de fusion disponibles dans Photoshop, choisissez une option. Les options disponibles sont les suivantes : Normal, Fondu, Eclaircir, Assombrir, Multiplier et Ecran. Ces options sont disponibles pour les calques, non pour la zone de travail.
Utiliser des effets d’ombre et d’éclat sur les calques using-shadow-and-glow-effects-on-layers
Vous pouvez appliquer une ombre ou un éclat à un calque. L’ombre ou l’éclat s’applique au périmètre du calque et s’étend vers l’intérieur ou l’extérieur, selon l’option d’ombre ou d’éclat que vous choisissez. Si votre modèle est issu d’un fichier de PSD avec des effets d’ombre et de lueur, vous pouvez ajuster ces effets dans Adobe Dynamic Media Classic.
Une fois que vous avez appliqué un effet d’ombre ou d’éclat, vous pouvez régler sa taille, sa couleur, son opacité et sa position dans la zone Propriétés calque de l’écran Modèle.
Application d’un effet d’ombre ou d’éclat à un calque applying-a-shadow-or-glow-effect-to-a-layer
-
Sélectionnez un calque dans la liste Calques.
-
Sélectionnez le menu
Add Effectet choisissez une option :-
Ombre portée : applique une ombre au bas et à droite du calque.
-
Ombre interne : applique un effet d’ombre à l’intérieur de tous les bords du calque.
-
Luminosité extérieure : applique un effet d’éclat autour de tous les bords du calque.
-
Luminosité interne : applique un effet d’éclat à l’intérieur de tous les bords du calque.
-
Un nom d’effet apparaît dans la liste Calques après l’application d’un effet. Pour supprimer un effet, sélectionnez son nom dans la liste Calques, puis sélectionnez Supprimer.
Réglage d’un effet d’ombre ou d’éclat adjusting-a-shadow-or-glow-effect
Pour ajuster un effet d’ombre ou d’éclat, sélectionnez d’abord son nom dans la liste Calques. Ensuite, modifiez ses paramètres dans la zone Propriétés calque de l’écran Modèle :
-
Couleur : sélectionnez le bouton Couleur et choisissez un échantillon de couleur pour modifier la couleur de l’ombre ou de l’éclat. Vous pouvez également saisir une valeur chromatique dans la zone.
-
Opacité : faites glisser le curseur pour déterminer l’intensité de l’effet. Les effets moins opaques sont plus transparents.
-
Mode de fusion : pour simuler l’un des modes de fusion disponibles dans Photoshop, choisissez une option. Les options disponibles sont les suivantes : Normal, Fondu, Eclaircir, Assombrir, Multiplier et Ecran.
-
Taille : entrez les mesures dans les zones X et Y pour agrandir ou réduire l’effet d’ombre. Les options de taille ne sont disponibles que pour les ombres intérieures et les ombres portées.
-
Grow : faites glisser le curseur pour étendre l’effet vers l’intérieur ou l’extérieur.
-
Blur : faites glisser le curseur pour contrôler l’aplatissement aux bords de l’effet. Plus le degré de flou est élevé, plus les contours sont atténués.
Masquer les calques masking-layers
La liste Calques comporte un bouton Masque qui définit le mode d’utilisation du masque ou de la couche alpha d’un calque. A l’aide du bouton Masque, vous pouvez appliquer l’effet d’un calque d’arrière-plan à un calque particulier ou au calque parent entier de votre modèle. Sélectionnez un calque dans la liste Calques et sélectionnez Masque pour passer en revue ces états :
- L’arrière-plan du calque est opaque.
- Le contenu du calque est inversé, et une couleur noire unie est appliquée à l’arrière-plan du calque.
- Une couleur noire unie est appliquée à l’arrière-plan du calque.