{"componentChunkName":"component---src-templates-docs-js","path":"/fr-fr/guides/create-your-first-image","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"19a14237-45a1-502a-be17-1da7d10bd197","title":"Creer votre premiere image","slug":"/fr-fr/guides/create-your-first-image","locale":"fr-FR"},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Creer votre premiere image\",\n  \"metaTitle\": \"Creer votre premiere image | DesignerBox\",\n  \"metaDescription\": \"Ouvrez AI Image dans DesignerBox, redigez une invite ou importez une photo, choisissez vos parametres et generez.\",\n  \"order\": 1\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Creer votre premiere image\"), mdx(\"p\", null, \"Le moyen le plus rapide de commencer dans DesignerBox est l'outil \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"AI Image\"), \". Ce guide vous accompagne d'une invite vide jusqu'a une image finalisee.\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/356e8/ai-image.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"56.49999999999999%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAEEBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAdxZlpQMP//EABkQAAIDAQAAAAAAAAAAAAAAAAEDAAIEEP/aAAgBAQABBQI93sutecmyJ//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABsQAAIBBQAAAAAAAAAAAAAAAAECEAAREiEx/9oACAEBAAY/ApXBiN0hPbR//8QAGRABAQEAAwAAAAAAAAAAAAAAAQARIUFR/9oACAEBAAE/Ielr5DsgoueJT9RVi//aAAwDAQACAAMAAAAQwA//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAZEAEAAwEBAAAAAAAAAAAAAAABABExIZH/2gAIAQEAAT8QCCDuWQHF7K6oWNRwoEurKyLjeDVmJ//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"L'outil AI Image de DesignerBox avec les onglets Text to Image et Image to Image, une zone d'invite et un bouton Generer\",\n    \"title\": \"L'outil AI Image de DesignerBox avec les onglets Text to Image et Image to Image, une zone d'invite et un bouton Generer\",\n    \"src\": \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/4b190/ai-image.jpg\",\n    \"srcSet\": [\"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/e07e9/ai-image.jpg 200w\", \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/066f9/ai-image.jpg 400w\", \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/4b190/ai-image.jpg 800w\", \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/e5166/ai-image.jpg 1200w\", \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/356e8/ai-image.jpg 1512w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \")), mdx(\"h2\", null, \"1. Ouvrir AI Image\"), mdx(\"p\", null, \"Selectionnez \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"AI Image\"), \" depuis la barre laterale. Vous verrez deux onglets :\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Text to Image\"), \" - creez une image a partir d'une description ecrite.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Image to Image\"), \" - importez une photo et transformez-la.\")), mdx(\"h2\", null, \"2. Decrire ce que vous souhaitez\"), mdx(\"p\", null, \"Tapez votre idee dans la zone d'invite, par exemple \\\"un telephone sur un fond de studio epure, lumiere du jour douce\\\". Utilisez le champ \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Negative\"), \" pour lister les elements a eviter (flou, mains deformees, texte, filigrane). Le bouton \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Enhance\"), \" reformule une invite courte en une invite plus detaillee.\"), mdx(\"h2\", null, \"3. Choisir vos parametres\"), mdx(\"p\", null, \"Ouvrez le selecteur de modele pour choisir un \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"modele\"), \", un \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"style artistique\"), \", un \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"format\"), \" (comme 9:16 ou 16:9) et un \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"nombre\"), \" (combien de variations creer).\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/docs/static/076b7317d03759fa846ae37b940711a4/356e8/ai-image-options.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"56.49999999999999%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAQFAf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAbhLdGDQ/8QAGRAAAgMBAAAAAAAAAAAAAAAAAQMAAgQQ/9oACAEBAAEFAj3ey615ybIn/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGhABAAIDAQAAAAAAAAAAAAAAAQIQABIhMf/aAAgBAQAGPwK46STuQX1K/8QAGBAAAwEBAAAAAAAAAAAAAAAAAAERIUH/2gAIAQEAAT8h4NlE6MFi5wafUaxH/9oADAMBAAIAAwAAABDAD//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABkQAQEBAQEBAAAAAAAAAAAAAAERADEhkf/aAAgBAQABPxAQQe8piEPmnVCjM4UCXKTmXO4Xq7jf/9k=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Le panneau d'options AI Image avec les choix de modeles et leurs couts en credits, et les options de style artistique\",\n    \"title\": \"Le panneau d'options AI Image avec les choix de modeles et leurs couts en credits, et les options de style artistique\",\n    \"src\": \"/docs/static/076b7317d03759fa846ae37b940711a4/4b190/ai-image-options.jpg\",\n    \"srcSet\": [\"/docs/static/076b7317d03759fa846ae37b940711a4/e07e9/ai-image-options.jpg 200w\", \"/docs/static/076b7317d03759fa846ae37b940711a4/066f9/ai-image-options.jpg 400w\", \"/docs/static/076b7317d03759fa846ae37b940711a4/4b190/ai-image-options.jpg 800w\", \"/docs/static/076b7317d03759fa846ae37b940711a4/e5166/ai-image-options.jpg 1200w\", \"/docs/static/076b7317d03759fa846ae37b940711a4/356e8/ai-image-options.jpg 1512w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"Les modeles vont du rapide et economique au haut de gamme (par exemple Seedream 5 a 4 credits jusqu'a GPT Image 2 a 22), et les styles artistiques definissent l'aspect (Photorealistic, Studio Portrait, Neon Future, et plus). Le compositeur affiche le cout en credits sur le bouton \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Generer\"), \" avant l'execution, vous saurez donc toujours ce que coute une image. Pour la liste complete, consultez \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/fr-fr/features/image-generation\"\n  }, \"AI Image\"), \".\"), mdx(\"h2\", null, \"4. Generer et telecharger\"), mdx(\"p\", null, \"Selectionnez \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Generer\"), \". Les nouvelles images apparaissent dans la galerie sous le compositeur et dans \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/fr-fr/features/brand-profile\"\n  }, \"My Library\"), \". Ouvrez n'importe quel resultat pour le telecharger ou l'envoyer dans un flux de travail.\"), mdx(\"h2\", null, \"Etapes suivantes\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Commencez a partir d'une recette predifinie dans \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/fr-fr/guides/using-techniques-and-templates\"\n  }, \"Techniques et modeles\"), \".\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Decouvrez les outils d'edition dans \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/fr-fr/features/image-generation\"\n  }, \"AI Image\"), \".\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Creer votre premiere image\"\nmetaTitle: \"Creer votre premiere image | DesignerBox\"\nmetaDescription: \"Ouvrez AI Image dans DesignerBox, redigez une invite ou importez une photo, choisissez vos parametres et generez.\"\norder: 1\n---\n\n# Creer votre premiere image\n\nLe moyen le plus rapide de commencer dans DesignerBox est l'outil **AI Image**. Ce guide vous accompagne d'une invite vide jusqu'a une image finalisee.\n\n![L'outil AI Image de DesignerBox avec les onglets Text to Image et Image to Image, une zone d'invite et un bouton Generer](../images/docs/ai-image.jpg)\n\n## 1. Ouvrir AI Image\n\nSelectionnez **AI Image** depuis la barre laterale. Vous verrez deux onglets :\n\n- **Text to Image** - creez une image a partir d'une description ecrite.\n- **Image to Image** - importez une photo et transformez-la.\n\n## 2. Decrire ce que vous souhaitez\n\nTapez votre idee dans la zone d'invite, par exemple \"un telephone sur un fond de studio epure, lumiere du jour douce\". Utilisez le champ **Negative** pour lister les elements a eviter (flou, mains deformees, texte, filigrane). Le bouton **Enhance** reformule une invite courte en une invite plus detaillee.\n\n## 3. Choisir vos parametres\n\nOuvrez le selecteur de modele pour choisir un **modele**, un **style artistique**, un **format** (comme 9:16 ou 16:9) et un **nombre** (combien de variations creer).\n\n![Le panneau d'options AI Image avec les choix de modeles et leurs couts en credits, et les options de style artistique](../images/docs/ai-image-options.jpg)\n\nLes modeles vont du rapide et economique au haut de gamme (par exemple Seedream 5 a 4 credits jusqu'a GPT Image 2 a 22), et les styles artistiques definissent l'aspect (Photorealistic, Studio Portrait, Neon Future, et plus). Le compositeur affiche le cout en credits sur le bouton **Generer** avant l'execution, vous saurez donc toujours ce que coute une image. Pour la liste complete, consultez [AI Image](/fr-fr/features/image-generation).\n\n## 4. Generer et telecharger\n\nSelectionnez **Generer**. Les nouvelles images apparaissent dans la galerie sous le compositeur et dans [My Library](/fr-fr/features/brand-profile). Ouvrez n'importe quel resultat pour le telecharger ou l'envoyer dans un flux de travail.\n\n## Etapes suivantes\n\n- Commencez a partir d'une recette predifinie dans [Techniques et modeles](/fr-fr/guides/using-techniques-and-templates).\n- Decouvrez les outils d'edition dans [AI Image](/fr-fr/features/image-generation).\n","tableOfContents":{"items":[{"url":"#creer-votre-premiere-image","title":"Creer votre premiere image","items":[{"url":"#1-ouvrir-ai-image","title":"1. Ouvrir AI Image"},{"url":"#2-decrire-ce-que-vous-souhaitez","title":"2. Decrire ce que vous souhaitez"},{"url":"#3-choisir-vos-parametres","title":"3. Choisir vos parametres"},{"url":"#4-generer-et-telecharger","title":"4. Generer et telecharger"},{"url":"#etapes-suivantes","title":"Etapes suivantes"}]}]},"parent":{"__typename":"File","relativePath":"fr-fr/guides/create-your-first-image.md"},"frontmatter":{"metaTitle":"Creer votre premiere image | DesignerBox","metaDescription":"Ouvrez AI Image dans DesignerBox, redigez une invite ou importez une photo, choisissez vos parametres et generez.","order":1}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/fr-fr/features","title":"Fonctionnalites"}}},{"node":{"fields":{"slug":"/fr-fr/guides","title":"Guides"}}},{"node":{"fields":{"slug":"/fr-fr/integrations","title":"Integrations"}}},{"node":{"fields":{"slug":"/fr-fr/pricing-faqs","title":"FAQ Tarifs"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base","title":"Base de connaissances"}}},{"node":{"fields":{"slug":"/fr-fr/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/fr-fr/features/community","title":"Community"}}},{"node":{"fields":{"slug":"/fr-fr/features/brand-profile","title":"Profil de marque et bibliotheque"}}},{"node":{"fields":{"slug":"/fr-fr/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/fr-fr/features/relighting-and-angles","title":"Eclairage et angles"}}},{"node":{"fields":{"slug":"/fr-fr/features/upscaling","title":"Mise a l'echelle"}}},{"node":{"fields":{"slug":"/fr-fr/guides/create-your-first-image","title":"Creer votre premiere image"}}},{"node":{"fields":{"slug":"/fr-fr/features/virtual-try-on","title":"Essayage virtuel"}}},{"node":{"fields":{"slug":"/fr-fr/guides/building-workflows-on-the-canvas","title":"Construire des flux de travail sur le canevas"}}},{"node":{"fields":{"slug":"/fr-fr/guides/using-techniques-and-templates","title":"Utiliser les techniques et modeles"}}},{"node":{"fields":{"slug":"/fr-fr/guides/teams-and-brand-profiles","title":"Equipes et profils de marque"}}},{"node":{"fields":{"slug":"/fr-fr/guides/creating-videos","title":"Creer des videos"}}},{"node":{"fields":{"slug":"/fr-fr/features/workflows-and-canvas","title":"Flux de travail et canevas"}}},{"node":{"fields":{"slug":"/fr-fr/features/techniques-and-templates","title":"Techniques et modeles"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base/how-to-update-card-details","title":"Comment mettre a jour vos coordonnees bancaires"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base/plans-credits-and-limits","title":"Abonnements, credits et limites"}}},{"node":{"fields":{"slug":"/fr-fr/integrations/api","title":"API"}}},{"node":{"fields":{"slug":"/fr-fr/integrations/white-label","title":"Marque blanche"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base/understanding-declined-card-payments","title":"Comprendre les paiements par carte refuses"}}},{"node":{"fields":{"slug":"/fr-fr/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/fr-fr","title":"Documentation DesignerBox"}}},{"node":{"fields":{"slug":"/fr-fr/features/workflows-and-canvas/node-types","title":"Types de noeuds"}}},{"node":{"fields":{"slug":"/fr-fr/features/image-generation/editing-modes","title":"Modes d'edition"}}}]}},"pageContext":{"id":"19a14237-45a1-502a-be17-1da7d10bd197","locale":"fr-FR"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}