[Tyler Pate] : Bonjour, je m’appelle Tyler Pate, alias The Creative Pain.
Vous allez découvrir ici comment utiliser Firefly Boards pour créer un visuel de skateboard personnalisé, de l'élaboration du moodboard à l’idéation de concepts, jusqu’à leur exportation vers Photoshop pour finaliser le design.
C’est parti !
Allons d’abord sur firefly.adobe.com/boards pour y réunir les références de notre projet.
Pour définir le style visuel, je vais importer des images de référence en cliquant sur Ajouter du contenu.
Je peux aussi glisser-déposer les fichiers concernés.
J'ai sélectionné de précédentes créations, ainsi que certains de mes croquis bruts, pour orienter le style et la disposition.
J’ai même ajouté des images Adobe Stock pour mieux préciser mes choix.
Je peux également cliquer sur l’icône Rechercher à droite pour ajouter d’autres images Adobe Stock directement dans Firefly.
Définir une orientation visuelle à l’aide de moodboards ciblés
Je peux ensuite placer ces ressources sur les plans de travail que j’ai créés afin de structurer mon workflow en moodboards ciblés : un pour les styles graphiques, un pour la thématique et un pour les couleurs.
Générer et affiner des concepts à partir de références visuelles
Ensuite, je clique sur Générer une image pour ouvrir le panneau d’options.
J’ai sélectionné ici le modèle Gemini 3.
Je clique sur Échantill. depuis zone de travail, puis avec le curseur Pipette, je sélectionne mon croquis, qui servira de référence principale pour la disposition et la direction.
Je répète l’opération en échantillonnant cette fois tout le plan de travail qui contient les images de référence pour le style graphique et les couleurs.
Notez que les vignettes des références s’affichent en bas.
Je saisis ensuite le prompt suivant pour orienter les résultats : « Utilise mon croquis pour la disposition et mes autres images pour le style et les couleurs.
» Je clique à présent sur Générer.
J'obtiens alors un concept prêt à être développé.
Je répète le processus en axant mes retouches sur des zones spécifiques du concept et en affinant chaque section pour transformer mon idée en un brouillon concret.
Il est très utile d'avoir plusieurs plans de travail.
Plus ces derniers sont organisés, plus les résultats générés sont précis et cohérents, notamment quand on utilise des prompts.
J’apprécie tout particulièrement le fait de pouvoir partager des plans de travail avec des collègues ou la clientèle.
Il suffit d’un Adobe ID gratuit.
Cela facilite la collaboration pendant la phase d’idéation et permet ainsi d’ajouter des commentaires ou des notes, tout en gardant une flexibilité pour les mises à jour.
Passer du concept à la réalisation avec Photoshop
Une fois le concept bien défini, nous pouvons passer à la production.
Je fais un clic droit sur l’image et choisis Ouvrir la copie dans Photoshop.
Photoshop en ligne s’ouvre alors dans une nouvelle fenêtre, ce qui est idéal pour effectuer des retouches rapides.
Ici, je vais plutôt télécharger le fichier et l’ouvrir dans Photoshop sur ordinateur.
Dans l’application, je vais utiliser mon concept comme schéma directeur.
Je peux alors ajuster la disposition et les couleurs tout en conservant une maîtrise créative totale et en utilisant mes outils Photoshop préférés.
Je peux aussi me servir des pinceaux de texture, des outils de retouche et des calques de réglage pour créer un visuel de skateboard unique et fidèle à mon style.
Astuce
Voici un petit conseil : utilisez Firefly Boards comme un outil de production, et pas juste pour trouver l'inspiration ou générer un résultat final.
Cet espace vous permet de structurer vos idées dès les premières étapes et de garder le cap jusqu’au design final.
Vous savez désormais comment utiliser Firefly Boards pour concevoir un visuel personnalisé et le finaliser dans Photoshop.
Merci et à bientôt pour une prochaine vidéo.
Remarque : les ressources Adobe Stock sont fournies à des fins d’entraînement uniquement. Voir les conditions
Ce que vous apprendrez
Définir une orientation visuelle à l’aide de moodboards ciblés
Importez des croquis, d’anciennes créations et des références Adobe Stock pour définir le style, la thématique et les couleurs de votre projet. Organisez vos ressources dans différents moodboards pour structurer vos idées et garder le cap.
Générer et affiner des concepts à partir de références visuelles
Appuyez-vous sur des croquis et des moodboards de référence pour orienter la disposition, le style et les couleurs. Multipliez les itérations afin de faire émerger des concepts plus percutants et mieux définis.
Passer du concept à la réalisation avec Photoshop
Transférez le concept de votre choix dans Photoshop, puis peaufinez la disposition, les couleurs, les textures et d’autres détails à l’aide de vos outils de production habituels. Astuce: intégrez dès le départ Firefly Boards à votre workflow de production pour clarifier l’orientation et maintenir ce cap jusqu’au design final.
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
General information
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
We’ll still count your use of our site and services
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
Operate the site and core servicesOperate site and measure engagement
Always active
These cookies are required, and they are used to enable the site and related services core functionality. Without them the site could not operate, so they cannot be disabled.
These cookies enable the site and related services’ core functionality and collect statistics about user engagement, such as counting active use to help us understand trends. These cookies cannot be disabled.
Measure performance
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued and how often unique visitors return to the site, making it hard to improve information we offer to you.
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued, making it hard to improve information we offer to you.
Extend functionality
These cookies are used to enhance the functionality of Adobe sites such as remembering your settings and preferences to deliver a personalized experience; for example, your username, your repeated visits, preferred language, your country, or any other saved preference.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
