{"componentChunkName":"component---src-templates-docs-js","path":"/features/relighting-and-angles","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"30586375-37c0-537c-81f4-611ba4d725b6","title":"Relighting and Angles","slug":"/features/relighting-and-angles","locale":"en-GB"},"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\": \"Relighting and Angles\",\n  \"metaTitle\": \"Relighting and Photo Angles | DesignerBox\",\n  \"metaDescription\": \"Control lighting with the DesignerBox relighting studio and generate new camera angles and spotlight effects.\",\n  \"order\": 9\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, \"Relighting and Angles\"), mdx(\"p\", null, \"DesignerBox can relight a shot and generate new camera angles, so one source image becomes a full set of polished views.\"), 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/579514abe28c9ded63a07993867aa3f7/356e8/techniques.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/8QAFgABAQEAAAAAAAAAAAAAAAAABAUA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAagER1uY2T//xAAbEAEAAgIDAAAAAAAAAAAAAAADAAECBBETIf/aAAgBAQABBQJ064bLAtLw2vamjfI//8QAFhEBAQEAAAAAAAAAAAAAAAAAARBB/9oACAEDAQE/AcWf/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGxAAAgIDAQAAAAAAAAAAAAAAAAECERAhI3H/2gAIAQEABj8CiSUnbs6PdkcP0//EABsQAQEBAAMBAQAAAAAAAAAAAAERACExUWHw/9oACAEBAAE/IYEdr7OMID4hEJmEHBKixd6w96+mRL+w3//aAAwDAQACAAMAAAAQMw//xAAYEQACAwAAAAAAAAAAAAAAAAABEBFxof/aAAgBAwEBPxAChGr/xAAXEQADAQAAAAAAAAAAAAAAAAABEBEh/9oACAECAQE/EDcX/8QAGxABAQADAQEBAAAAAAAAAAAAAREAITFRQYH/2gAIAQEAAT8QQ2dSjRtOZvJY8D5N7j+Yvi4GHIeHtwAKiUsQMHWwFqOwxca38w//2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"The DesignerBox technique library showing Relighting Studio and Multi-Angle Generator\",\n    \"title\": \"The DesignerBox technique library showing Relighting Studio and Multi-Angle Generator\",\n    \"src\": \"/docs/static/579514abe28c9ded63a07993867aa3f7/4b190/techniques.jpg\",\n    \"srcSet\": [\"/docs/static/579514abe28c9ded63a07993867aa3f7/e07e9/techniques.jpg 200w\", \"/docs/static/579514abe28c9ded63a07993867aa3f7/066f9/techniques.jpg 400w\", \"/docs/static/579514abe28c9ded63a07993867aa3f7/4b190/techniques.jpg 800w\", \"/docs/static/579514abe28c9ded63a07993867aa3f7/e5166/techniques.jpg 1200w\", \"/docs/static/579514abe28c9ded63a07993867aa3f7/356e8/techniques.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, \"Relighting Studio\"), mdx(\"p\", null, \"Apply professional lighting setups to an existing image. You can control the lighting direction, tilt, type, brightness, and color to match the mood you want, all without a physical studio.\"), mdx(\"h2\", null, \"Photo angles and multi-angle\"), mdx(\"p\", null, \"Generate the same product or subject from new camera angles. The \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Multi-Angle Generator\"), \" and \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"360 Product Showcase\"), \" techniques produce several distinct angles from a single shot, ready for a product page or carousel.\"), mdx(\"h2\", null, \"Spotlight\"), mdx(\"p\", null, \"Add a focused spotlight effect to highlight a subject. Relight and angle steps are also available as nodes, so you can chain them inside a \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/features/workflows-and-canvas/node-types\"\n  }, \"workflow\"), \".\"));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Relighting and Angles\"\nmetaTitle: \"Relighting and Photo Angles | DesignerBox\"\nmetaDescription: \"Control lighting with the DesignerBox relighting studio and generate new camera angles and spotlight effects.\"\norder: 9\n---\n\n# Relighting and Angles\n\nDesignerBox can relight a shot and generate new camera angles, so one source image becomes a full set of polished views.\n\n![The DesignerBox technique library showing Relighting Studio and Multi-Angle Generator](../images/docs/techniques.jpg)\n\n## Relighting Studio\n\nApply professional lighting setups to an existing image. You can control the lighting direction, tilt, type, brightness, and color to match the mood you want, all without a physical studio.\n\n## Photo angles and multi-angle\n\nGenerate the same product or subject from new camera angles. The **Multi-Angle Generator** and **360 Product Showcase** techniques produce several distinct angles from a single shot, ready for a product page or carousel.\n\n## Spotlight\n\nAdd a focused spotlight effect to highlight a subject. Relight and angle steps are also available as nodes, so you can chain them inside a [workflow](/features/workflows-and-canvas/node-types).\n","tableOfContents":{"items":[{"url":"#relighting-and-angles","title":"Relighting and Angles","items":[{"url":"#relighting-studio","title":"Relighting Studio"},{"url":"#photo-angles-and-multi-angle","title":"Photo angles and multi-angle"},{"url":"#spotlight","title":"Spotlight"}]}]},"parent":{"__typename":"File","relativePath":"en/features/relighting-and-angles.md"},"frontmatter":{"metaTitle":"Relighting and Photo Angles | DesignerBox","metaDescription":"Control lighting with the DesignerBox relighting studio and generate new camera angles and spotlight effects.","order":9}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/features","title":"Features"}}},{"node":{"fields":{"slug":"/guides","title":"Guides"}}},{"node":{"fields":{"slug":"/integrations","title":"Integrations"}}},{"node":{"fields":{"slug":"/pricing-faqs","title":"Pricing FAQs"}}},{"node":{"fields":{"slug":"/knowledge-base","title":"Knowledge Base"}}},{"node":{"fields":{"slug":"/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/features/brand-profile","title":"Brand Profile and Library"}}},{"node":{"fields":{"slug":"/features/relighting-and-angles","title":"Relighting and Angles"}}},{"node":{"fields":{"slug":"/features/upscaling","title":"Upscaling"}}},{"node":{"fields":{"slug":"/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/features/virtual-try-on","title":"Virtual Try-On"}}},{"node":{"fields":{"slug":"/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/guides/building-workflows-on-the-canvas","title":"Building Workflows on the Canvas"}}},{"node":{"fields":{"slug":"/guides/create-your-first-image","title":"Create Your First Image"}}},{"node":{"fields":{"slug":"/features/techniques-and-templates","title":"Techniques and Templates"}}},{"node":{"fields":{"slug":"/guides/teams-and-brand-profiles","title":"Teams and Brand Profiles"}}},{"node":{"fields":{"slug":"/features/community","title":"Community"}}},{"node":{"fields":{"slug":"/guides/using-techniques-and-templates","title":"Using Techniques and Templates"}}},{"node":{"fields":{"slug":"/features/workflows-and-canvas","title":"Workflows and the Canvas"}}},{"node":{"fields":{"slug":"/integrations/api","title":"API"}}},{"node":{"fields":{"slug":"/guides/creating-videos","title":"Creating Videos"}}},{"node":{"fields":{"slug":"/integrations/white-label","title":"White-Label"}}},{"node":{"fields":{"slug":"/knowledge-base/how-to-update-card-details","title":"How to Update Card Details"}}},{"node":{"fields":{"slug":"/knowledge-base/plans-credits-and-limits","title":"Plans, Credits, and Limits"}}},{"node":{"fields":{"slug":"/knowledge-base/understanding-declined-card-payments","title":"Understanding Declined Card Payments"}}},{"node":{"fields":{"slug":"/features/workflows-and-canvas/node-types","title":"Node Types"}}},{"node":{"fields":{"slug":"/features/image-generation/editing-modes","title":"Editing Modes"}}},{"node":{"fields":{"slug":"/","title":"DesignerBox Documentation"}}}]}},"pageContext":{"id":"30586375-37c0-537c-81f4-611ba4d725b6","locale":"en-GB"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}