{"componentChunkName":"component---src-templates-docs-js","path":"/de-de/guides/create-your-first-image","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"293e3c94-324a-5ce5-a0b1-b3d6259be584","title":"Dein erstes Bild erstellen","slug":"/de-de/guides/create-your-first-image","locale":"de-DE"},"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\": \"Dein erstes Bild erstellen\",\n  \"metaTitle\": \"Dein erstes Bild erstellen | DesignerBox\",\n  \"metaDescription\": \"Offne AI Image in DesignerBox, schreibe einen Prompt oder lade ein Foto hoch und generiere dein erstes AI-Bild.\",\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, \"Dein erstes Bild erstellen\"), mdx(\"p\", null, \"Der schnellste Einstieg in DesignerBox ist das \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"AI Image\"), \"-Tool. Diese Anleitung fuhrt dich vom leeren Prompt bis zum fertigen Bild.\"), 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\": \"Das DesignerBox AI Image-Tool mit den Tabs \\\"Text to Image\\\" und \\\"Image to Image\\\", einem Prompt-Feld und einem Generieren-Button\",\n    \"title\": \"Das DesignerBox AI Image-Tool mit den Tabs \\\"Text to Image\\\" und \\\"Image to Image\\\", einem Prompt-Feld und einem Generieren-Button\",\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. AI Image offnen\"), mdx(\"p\", null, \"Wahle \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"AI Image\"), \" in der Seitenleiste. Du siehst zwei Tabs:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Text to Image\"), \" - ein Bild aus einer schriftlichen Beschreibung erstellen.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Image to Image\"), \" - ein Foto hochladen und umwandeln.\")), mdx(\"h2\", null, \"2. Beschreibe, was du mochtest\"), mdx(\"p\", null, \"Tippe deine Idee in das Prompt-Feld, zum Beispiel \\\"ein Smartphone auf einem sauberen Studio-Hintergrund, weiches Tageslicht\\\". Nutze das \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Negativ\"), \"-Feld, um Dinge aufzulisten, die du vermeiden mochtest (unscharf, verzerrte Hande, Text, Wasserzeichen). Der \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Verbessern\"), \"-Button schreibt einen kurzen Prompt in einen detaillierteren um.\"), mdx(\"h2\", null, \"3. Einstellungen wahlen\"), mdx(\"p\", null, \"Offne die Modellauswahl, um ein \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Modell\"), \", einen \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Kunststil\"), \", ein \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Seitenverhaltnis\"), \" (z. B. 9:16 oder 16:9) und eine \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Anzahl\"), \" (wie viele Variationen generiert werden sollen) festzulegen.\"), 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\": \"Das AI Image-Optionsfenster mit Modellauswahl und deren Credits-Kosten sowie Kunststil-Optionen\",\n    \"title\": \"Das AI Image-Optionsfenster mit Modellauswahl und deren Credits-Kosten sowie Kunststil-Optionen\",\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, \"Die Modelle reichen von schnell und gunstig bis zu hochwertig (z. B. Seedream 5 fur 4 Credits bis GPT Image 2 fur 22), und Kunststile legen das Aussehen fest (Fotorealistisch, Studio Portrait, Neon Future und mehr). Der Composer zeigt die Credit-Kosten auf dem \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Generieren\"), \"-Button an, bevor du startest, damit du immer weist, was ein Bild kostet. Die vollstandige Liste findest du unter \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/de-de/features/image-generation\"\n  }, \"AI Image\"), \".\"), mdx(\"h2\", null, \"4. Generieren und herunterladen\"), mdx(\"p\", null, \"Wahle \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Generieren\"), \". Neue Bilder erscheinen in der Galerie unterhalb des Composers und in \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/de-de/features/brand-profile\"\n  }, \"My Library\"), \". Offne ein Ergebnis, um es herunterzuladen oder in einen Workflow zu schicken.\"), mdx(\"h2\", null, \"Nachste Schritte\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Starte mit einem vorgefertigten Rezept unter \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/de-de/guides/using-techniques-and-templates\"\n  }, \"Techniken und Templates\"), \".\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Lerne die Bearbeitungswerkzeuge unter \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/de-de/features/image-generation\"\n  }, \"AI Image\"), \" kennen.\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Dein erstes Bild erstellen\"\nmetaTitle: \"Dein erstes Bild erstellen | DesignerBox\"\nmetaDescription: \"Offne AI Image in DesignerBox, schreibe einen Prompt oder lade ein Foto hoch und generiere dein erstes AI-Bild.\"\norder: 1\n---\n\n# Dein erstes Bild erstellen\n\nDer schnellste Einstieg in DesignerBox ist das **AI Image**-Tool. Diese Anleitung fuhrt dich vom leeren Prompt bis zum fertigen Bild.\n\n![Das DesignerBox AI Image-Tool mit den Tabs \"Text to Image\" und \"Image to Image\", einem Prompt-Feld und einem Generieren-Button](../images/docs/ai-image.jpg)\n\n## 1. AI Image offnen\n\nWahle **AI Image** in der Seitenleiste. Du siehst zwei Tabs:\n\n- **Text to Image** - ein Bild aus einer schriftlichen Beschreibung erstellen.\n- **Image to Image** - ein Foto hochladen und umwandeln.\n\n## 2. Beschreibe, was du mochtest\n\nTippe deine Idee in das Prompt-Feld, zum Beispiel \"ein Smartphone auf einem sauberen Studio-Hintergrund, weiches Tageslicht\". Nutze das **Negativ**-Feld, um Dinge aufzulisten, die du vermeiden mochtest (unscharf, verzerrte Hande, Text, Wasserzeichen). Der **Verbessern**-Button schreibt einen kurzen Prompt in einen detaillierteren um.\n\n## 3. Einstellungen wahlen\n\nOffne die Modellauswahl, um ein **Modell**, einen **Kunststil**, ein **Seitenverhaltnis** (z. B. 9:16 oder 16:9) und eine **Anzahl** (wie viele Variationen generiert werden sollen) festzulegen.\n\n![Das AI Image-Optionsfenster mit Modellauswahl und deren Credits-Kosten sowie Kunststil-Optionen](../images/docs/ai-image-options.jpg)\n\nDie Modelle reichen von schnell und gunstig bis zu hochwertig (z. B. Seedream 5 fur 4 Credits bis GPT Image 2 fur 22), und Kunststile legen das Aussehen fest (Fotorealistisch, Studio Portrait, Neon Future und mehr). Der Composer zeigt die Credit-Kosten auf dem **Generieren**-Button an, bevor du startest, damit du immer weist, was ein Bild kostet. Die vollstandige Liste findest du unter [AI Image](/de-de/features/image-generation).\n\n## 4. Generieren und herunterladen\n\nWahle **Generieren**. Neue Bilder erscheinen in der Galerie unterhalb des Composers und in [My Library](/de-de/features/brand-profile). Offne ein Ergebnis, um es herunterzuladen oder in einen Workflow zu schicken.\n\n## Nachste Schritte\n\n- Starte mit einem vorgefertigten Rezept unter [Techniken und Templates](/de-de/guides/using-techniques-and-templates).\n- Lerne die Bearbeitungswerkzeuge unter [AI Image](/de-de/features/image-generation) kennen.\n","tableOfContents":{"items":[{"url":"#dein-erstes-bild-erstellen","title":"Dein erstes Bild erstellen","items":[{"url":"#1-ai-image-offnen","title":"1. AI Image offnen"},{"url":"#2-beschreibe-was-du-mochtest","title":"2. Beschreibe, was du mochtest"},{"url":"#3-einstellungen-wahlen","title":"3. Einstellungen wahlen"},{"url":"#4-generieren-und-herunterladen","title":"4. Generieren und herunterladen"},{"url":"#nachste-schritte","title":"Nachste Schritte"}]}]},"parent":{"__typename":"File","relativePath":"de-de/guides/create-your-first-image.md"},"frontmatter":{"metaTitle":"Dein erstes Bild erstellen | DesignerBox","metaDescription":"Offne AI Image in DesignerBox, schreibe einen Prompt oder lade ein Foto hoch und generiere dein erstes AI-Bild.","order":1}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/de-de/guides","title":"Anleitungen"}}},{"node":{"fields":{"slug":"/de-de/features","title":"Features"}}},{"node":{"fields":{"slug":"/de-de/integrations","title":"Integrationen"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base","title":"Knowledge Base"}}},{"node":{"fields":{"slug":"/de-de/pricing-faqs","title":"Preis-FAQs"}}},{"node":{"fields":{"slug":"/de-de/features/relighting-and-angles","title":"Relighting und Winkel"}}},{"node":{"fields":{"slug":"/de-de/features/brand-profile","title":"Markenprofil und Bibliothek"}}},{"node":{"fields":{"slug":"/de-de/features/upscaling","title":"Upscaling"}}},{"node":{"fields":{"slug":"/de-de/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/de-de/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/de-de/features/techniques-and-templates","title":"Techniken und Templates"}}},{"node":{"fields":{"slug":"/de-de/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/de-de/guides/building-workflows-on-the-canvas","title":"Workflows auf dem Canvas bauen"}}},{"node":{"fields":{"slug":"/de-de/features/virtual-try-on","title":"Virtual Try-On"}}},{"node":{"fields":{"slug":"/de-de/guides/creating-videos","title":"Videos erstellen"}}},{"node":{"fields":{"slug":"/de-de/guides/create-your-first-image","title":"Dein erstes Bild erstellen"}}},{"node":{"fields":{"slug":"/de-de/guides/teams-and-brand-profiles","title":"Teams und Markenprofile"}}},{"node":{"fields":{"slug":"/de-de/features/community","title":"Community"}}},{"node":{"fields":{"slug":"/de-de/guides/using-techniques-and-templates","title":"Techniken und Templates verwenden"}}},{"node":{"fields":{"slug":"/de-de/integrations/api","title":"API"}}},{"node":{"fields":{"slug":"/de-de/integrations/white-label","title":"White-Label"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base/how-to-update-card-details","title":"Kartendaten aktualisieren"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base/plans-credits-and-limits","title":"Plane, Credits und Limits"}}},{"node":{"fields":{"slug":"/de-de/features/workflows-and-canvas","title":"Workflows und Canvas"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base/understanding-declined-card-payments","title":"Abgelehnte Kartenzahlungen verstehen"}}},{"node":{"fields":{"slug":"/de-de/features/workflows-and-canvas/node-types","title":"Node-Typen"}}},{"node":{"fields":{"slug":"/de-de/features/image-generation/editing-modes","title":"Bearbeitungsmodi"}}},{"node":{"fields":{"slug":"/de-de","title":"DesignerBox Dokumentation"}}}]}},"pageContext":{"id":"293e3c94-324a-5ce5-a0b1-b3d6259be584","locale":"de-DE"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}