WikiHow Article Mockup

{ "type": "wikiHow article mockup", "header": { "background": "green", "elements": [ "hamburger menu icon", "wikiHow logo", "search bar with 'Search how to...' text", "5 navigation icons: PRO/PPRO, QUIZZES, EDIT, EXPLORE, LOG IN" ] }, "breadcrumbs": "HOME » CATEGORIES » COMPUTERS AND ELECTRONICS » INTERNET » CHATGPT", "article_info": { "title": "{argument name=\"article title\" default=\"How To Use GPT-Image 2\"}", "metadata": "Written by wikiHow Staff | Updated: June 10, 2024", "sidebar": [ "PDF Download Article button", "METHODS box: 1 Using GPT-Image 2 on Arena.ai" ] }, "intro_box": "GPT-Image 2 is OpenAI's most advanced AI image generator. It creates high-quailly, detailed, and accurate images from your text prompts. This wikiHow will show you how to try GPT-Image 2 for free on arena.ai.", "steps": [ { "number": 1, "title": "{argument name=\"step 1 title\" default=\"Go to arena.ai.\"}", "description": "Open your web browser and navigate to https://arena.ai. Arena is a platform where you can compare and try thousands of AI models, including OpenAI's latest image generator.", "embedded_image": { "type": "dark mode website UI mockup", "logo": "arena", "navigation": ["Battle", "Side-by-Side", "Direct Chat", "Leaderboard", "Community", "Sign In", "Sign Up button"], "hero_text": "The world's largest arena for AI models", "input_ui": { "model_dropdown": "Model: {argument name=\"model name\" default=\"duct-tape-3\"}", "settings": "Default", "text_input": "Enter your prompt here...", "button": "Run" } } }, { "number": 2, "title": "{argument name=\"step 2 title\" default=\"Select the model 'duct-tape-3.'\"}", "description": "Click the Model dropdown menu and choose 'duct-tape-3.' Duct-tape-3 is the name Arena uses for GPT-Image 2, OpenAI's most capable image generation model." }, { "number": 3, "title": "{argument name=\"step 3 title\" default=\"Prompt it.\"}", "description": "Type your prompt in the box and click Run. GPT-Image 2 will generate an image based on your description.", "tip_box": "TIP GPT-Image 2 is the best AI image generator because it produces incredibly detailed, accurate, and high-quality images, handles text well, follows complex instructions, and has a deep understanding of the world." } ] }

• Modelgpt-image-2
• Use caseapp-ui-mockup
• Styleprompt-defined style
• Aspect ratioFlexible

• Use caseapp-ui-mockup
• Styleprompt-defined style
• Recommended specs1:1, 4:5, 16:9, or 9:16
• ModelGPT Image 2

Use this WikiHow Article Mockup prompt as a base. Replace the subject, product details, environment, lighting, brand colors, and output ratio while keeping the app-ui-mockup intent and the visual style direction stable.

• SubjectReplace the product, person, scene, interface, or object being generated.
• Use caseKeep or rewrite the destination as app ui mockup, ad creative, cover image, poster, or ecommerce hero.
• FrameChoose 1:1, 4:5, 16:9, or 9:16 based on the final placement.
• Brand cuesAdd colors, materials, props, text-safe space, and the platform where the image will be used.

Choose the frame for the destination first, then use 1K, 2K, or 4K based on output quality needs. Product images and posters usually benefit from higher resolution.

• CheckSubject, lighting, composition, and frame are specific enough to review.
• CheckText-safe space is included when the image will carry a headline or ad copy.
• CheckResolution, credit cost, and final destination are checked before generation.

WikiHow Article Mockup works because it starts from the image job, then controls subject, composition, lighting, style, and frame. It is best for app ui mockup while keeping the prompt-defined style direction stable.

• Can I use it directly?Yes. Replace the subject, brand cues, and frame, then generate in Image2Studio.
• Which ratio should I use?Choose 1:1, 4:5, 16:9, or 9:16 based on the destination.