Luxury Editorial Portrait with Red Gradient Background

✨ Stylized Portrait AI Image Generation Prompt 📋 How to Use: Open ChatGPT Upload your image (optional, if building on an existing one) Copy and paste the prompt below A highly stylized portrait of a man with sharp features, flawless fair skin, wearing black sunglasses and a Brown Herringbone, standing confidently against a bold red gradient background, with dramatic and cinematic lighting emphasizing his facial structure and giving a luxury fashion magazine vibe. Ultra-realistic, high-detail, editorial photography style. 8K resolution, symmetrical composition, minimal background elements. 4:3 ratio. 📋 Copy Prompt 🚀 Try in ChatGPT ⚙️ Customize 🎯 Customize Your Prompt 🔄 Reset 🎨 Detail & Style: Highly Stylized Portrait Realistic Portrait Abstract Art Portrait 👤 Subject: Man Woman Child 👁️ Facial Features: Sharp Features Soft Features Defined Jawline ✨ Skin Texture: Flawless Fair Skin Rugged, Textured Skin Smooth, Glowing Skin 🕶️ Accessories: Black Sunglasses Stylish Hat Delicate Necklace 🧥 Clothing: Brown Herringbone Sleek Leather Jacket Tailored Suit 🚶 Pose: Confidently Pensively Casually 🌆 Background: Bold Red Gradient Deep Blue Abstract Minimalist White Studio 💡 Lighting: Dramatic & Cinematic Soft, Diffused Harsh, Direct ✨ Vibe/Style: Luxury Fashion Magazine Gritty Street Photography Classic Portraiture 📷 Render Quality: Ultra-realistic, High-detail, Editorial Painterly, Impressionistic Vector Art, Clean Lines 🖥️ Resolution: 8K Resolution 4K Resolution Full HD Resolution 📐 Composition: Symmetrical Composition Rule of Thirds Composition Dynamic Diagonal Composition 🖼️ Background Elements: Minimal Background Elements Subtle Abstract Shapes Blurred Bokeh Lights 📏 Aspect Ratio: 4:3 Ratio 16:9 Ratio 1:1 Ratio 🚀 Apply Changes 💡 Pro Tips: The highlighted words in the prompt above can be customized Use the Customize button to modify different elements Click Reset to restore original prompt Try different combinations for unique artistic effects @keyframes bounceScale { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { transform: scale(1.1); } 75% { transform: scale(0.98); } 100% { transform: scale(1); } } @keyframes slideDown { 0% { opacity: 0; transform: translateY(-20px); max-height: 0; } 100% { opacity: 1; transform: translateY(0); max-height: 800px; } } @keyframes slideUp { 0% { opacity: 1; transform: translateY(0); max-height: 800px; } 100% { opacity: 0; transform: translateY(-20px); max-height: 0; } } @keyframes resetPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } /* Base style for editable words - transparent by default, no special hover */ .editable-word { background: transparent; color: inherit; /* Inherit color from parent (.prompt-text) so it's readable */ padding: 2px 6px; border-radius: 4px; font-weight: 600; /* Keep bold for distinction */ cursor: pointer; transition: none; /* Ensure no transitions on hover or initial state */ display: inline-block; } /* Ensure no changes on hover */ .editable-word:hover { background: transparent; color: inherit; transform: none; /* No scale or other transforms */ } /* Class for dynamically applied highlight when a word is modified */ .modified-highlight { background: rgba(0, 168, 255, 0.2); /* Subtle transparent blue */ color: white; /* Make text white for better contrast with highlight */ } .preset-btn { background: rgba(255, 255, 255, 0.1); color: #e0e0e0; border: 1px solid #333; padding: 6px 12px; border-radius: 15px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; } .preset-btn:hover { background: rgba(0, 168, 255, 0.2); border-color: #00A8FF; color: #00A8FF; } .preset-btn[data-active="true"] { background: linear-gradient(45deg, #00A8FF, #0080CC); color: white; border-color: #00A8FF; } .customizer-show { display: block !important; animation: slideDown 0.5s ease-out !important; } .customizer-hide { animation: slideUp 0.3s ease-in !important; } .ai-prompt-container button:active { transform: scale(0.98) !important; } .copy-button-success { background: linear-gradient(45deg, #4CAF50, #45a049) !important; animation: bounceScale 0.6s ease-in-out !important; box-shadow: 0 8px 25px rgba(76, 175, 80, 0.4) !important; } .reset-button-success { background: linear-gradient(45deg, #4CAF50, #45a049) !important; color: white !important; border-color: #4CAF50 !important; animation: resetPulse 0.6s ease-in-out !important; } @media (max-width: 768px) { .ai-prompt-container { padding: 20px !important; margin: 15px 0 !important; } .prompt-actions { flex-direction: column !important; align-items: stretch !important; } .prompt-actions button, .prompt-actions a { width: 100% !important; justify-content: center !important; } .customizer-grid { grid-template-columns: 1fr !important; } .preset-btn { font-size: 11px !important; padding: 5px 10px !important; } #customizerPanel > div:first-child { flex-direction: column !important; align-items: flex-start !important; gap: 15px !important; } #resetButton { align-self: flex-end !important; } } // Default values const defaultValues = { detail_style: 'highly stylized portrait', subject: 'man', facial_features: 'sharp features', skin_texture: 'flawless fair skin', accessories: 'black sunglasses', clothing: 'a Brown Herringbone', pose: 'confidently', background: 'bold red gradient background', lighting: 'dramatic and cinematic lighting', vibe: 'luxury fashion magazine vibe', render_quality: 'Ultra-realistic, high-detail, editorial photography style', resolution: '8K resolution', composition: 'symmetrical composition', background_elements: 'minimal background elements', aspect_ratio: '4:3 ratio' }; // Current values (will be modified by user actions) let currentValues = {...defaultValues}; function copyPrompt() { const promptText = document.getElementById('promptText').innerText; const copyButton = document.getElementById('copyButton'); const copyIcon = document.getElementById('copyIcon'); const copyText = document.getElementById('copyText'); copyButton.classList.add('copy-button-success'); copyIcon.textContent = '✅'; copyText.textContent = 'Copied!'; if (navigator.clipboard && window.isSecureContext) { navigator.clipboard.writeText(promptText).then(function() { // Success }).catch(function(err) { fallbackCopyTextToClipboard(promptText); }); } else { fallbackCopyTextToClipboard(promptText); } setTimeout(() => { copyButton.classList.remove('copy-button-success'); copyIcon.textContent = '📋'; copyText.textContent = 'Copy Prompt'; }, 2000); } function fallbackCopyTextToClipboard(text) { const textArea = document.createElement("textarea"); textArea.value = text; textArea.style.top = "0"; textArea.style.left = "0"; textArea.style.position = "fixed"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { document.execCommand('copy'); } catch (err) { console.error('Fallback: Oops, unable to copy', err); } document.body.removeChild(textArea); } function toggleCustomizer() { const panel = document.getElementById('customizerPanel'); const button = document.getElementById('customizeButton'); const buttonText = document.getElementById('customizeText'); if (panel.style.display === 'none' || panel.style.display === '') { panel.classList.add('customizer-show'); panel.style.display = 'block'; buttonText.textContent = 'Close'; button.style.background = 'rgba(255, 193, 7, 0.2)'; } else { panel.classList.remove('customizer-show'); panel.classList.add('customizer-hide'); buttonText.textContent = 'Customize'; button.style.background = 'rgba(255, 193, 7, 0.1)'; setTimeout(() => { panel.style.display = 'none'; panel.classList.remove('customizer-hide'); }, 300); } } function findButtonsForCustomizer(key) { const customInput = document.getElementById(`${key}-custom`); if (!customInput) return []; let currentElement = customInput.parentElement; const buttons = currentElement.querySelectorAll('.preset-btn'); return Array.from(buttons); } function applyPreset(key, value) { currentValues[key] = value; // Update active button const buttons = findButtonsForCustomizer(key); buttons.forEach(btn => { btn.removeAttribute('data-active'); if (btn.onclick.toString().includes(`'${value}'`)) { btn.setAttribute('data-active', 'true'); } }); // Clear custom input document.getElementById(`${key}-custom`).value = ''; updatePrompt(); // Re-render prompt to apply highlight if value is different from default } function applyCustomChanges() { // Get custom values from inputs ['detail_style', 'subject', 'facial_features', 'skin_texture', 'accessories', 'clothing', 'pose', 'background', 'lighting', 'vibe', 'render_quality', 'resolution', 'composition', 'background_elements', 'aspect_ratio'].forEach(key => { const customInput = document.getElementById(`${key}-custom`); if (customInput.value.trim()) { currentValues[key] = customInput.value.trim(); // Remove active state from preset buttons as custom input overrides const buttons = findButtonsForCustomizer(key); buttons.forEach(btn => btn.removeAttribute('data-active')); } }); updatePrompt(); // Re-render prompt to apply highlights based on new custom values // Show success feedback const applyButton = document.getElementById('applyButton'); const originalText = applyButton.innerHTML; applyButton.innerHTML = '✅ Applied!'; applyButton.style.background = 'linear-gradient(45deg, #4CAF50, #45a049)'; setTimeout(() => { applyButton.innerHTML = originalText; applyButton.style.background = 'linear-gradient(45deg, #FFC107, #FF9800)'; }, 2000); } function resetToDefaults() { // Reset values to defaults currentValues = JSON.parse(JSON.stringify(defaultValues)); // Deep copy // Clear all custom inputs ['detail_style', 'subject', 'facial_features', 'skin_texture', 'accessories', 'clothing', 'pose', 'background', 'lighting', 'vibe', 'render_quality', 'resolution', 'composition', 'background_elements', 'aspect_ratio'].forEach(key => { const input = document.getElementById(`${key}-custom`); if (input) input.value = ''; }); // Reset ALL preset buttons first document.querySelectorAll('.preset-btn').forEach(btn => { btn.removeAttribute('data-active'); }); // Activate default buttons for each category based on defaultValues const defaultButtonMappings = [ { key: 'detail_style', value: 'highly stylized portrait', buttonText: 'Highly Stylized Portrait' }, { key: 'subject', value: 'man', buttonText: 'Man' }, { key: 'facial_features', value: 'sharp features', buttonText: 'Sharp Features' }, { key: 'skin_texture', value: 'flawless fair skin', buttonText: 'Flawless Fair Skin' }, { key: 'accessories', value: 'black sunglasses', buttonText: 'Black Sunglasses' }, { key: 'clothing', value: 'a Brown Herringbone', buttonText: 'Brown Herringbone' }, { key: 'pose', value: 'confidently', buttonText: 'Confidently' }, { key: 'background', value: 'bold red gradient background', buttonText: 'Bold Red Gradient' }, { key: 'lighting', value: 'dramatic and cinematic lighting', buttonText: 'Dramatic & Cinematic' }, { key: 'vibe', value: 'luxury fashion magazine vibe', buttonText: 'Luxury Fashion Magazine' }, { key: 'render_quality', value: 'Ultra-realistic, high-detail, editorial photography style', buttonText: 'Ultra-realistic, High-detail, Editorial' }, { key: 'resolution', value: '8K resolution', buttonText: '8K Resolution' }, { key: 'composition', value: 'symmetrical composition', buttonText: 'Symmetrical Composition' }, { key: 'background_elements', value: 'minimal background elements', buttonText: 'Minimal Background Elements' }, { key: 'aspect_ratio', value: '4:3 ratio', buttonText: '4:3 Ratio' } ]; defaultButtonMappings.forEach(({ key, value, buttonText }) => { const buttons = findButtonsForCustomizer(key); buttons.forEach(btn => { if (btn.textContent.trim() === buttonText) { btn.setAttribute('data-active', 'true'); } }); }); // Force update the prompt to remove all highlights updatePrompt(); // Show success feedback on reset button const resetButton = document.getElementById('resetButton'); const originalText = resetButton.innerHTML; resetButton.classList.add('reset-button-success'); resetButton.innerHTML = '✅ Reset!'; setTimeout(() => { resetButton.classList.remove('reset-button-success'); resetButton.innerHTML = originalText; }, 2000); } // Function to dynamically update the prompt string with conditional highlighting function updatePrompt() { const promptElement = document.getElementById('promptText'); // Helper to generate a span with conditional highlighting const createEditableSpan = (key) => { const isModified = currentValues[key] !== defaultValues[key]; const highlightClass = isModified ? ' modified-highlight' : ''; return `${currentValues[key]}`; }; const template = `A ${createEditableSpan('detail_style')} of a ${createEditableSpan('subject')} with ${createEditableSpan('facial_features')}, ${createEditableSpan('skin_texture')}, wearing ${createEditableSpan('accessories')} and ${createEditableSpan('clothing')}, standing ${createEditableSpan('pose')} against a ${createEditableSpan('background')}, with ${createEditableSpan('lighting')} emphasizing his facial structure and giving a ${createEditableSpan('vibe')}. ${createEditableSpan('render_quality')}. ${createEditableSpan('resolution')}, ${createEditableSpan('composition')}, ${createEditableSpan('background_elements')}. ${createEditableSpan('aspect_ratio')}.`; promptElement.innerHTML = template; } // Initialize the prompt and customizer buttons on load document.addEventListener('DOMContentLoaded', () => { updatePrompt(); // Render the initial prompt // Set initial active state for default preset buttons ['detail_style', 'subject', 'facial_features', 'skin_texture', 'accessories', 'clothing', 'pose', 'background', 'lighting', 'vibe', 'render_quality', 'resolution', 'composition', 'background_elements', 'aspect_ratio'].forEach(key => { const buttons = findButtonsForCustomizer(key); buttons.forEach(btn => { if (btn.onclick.toString().includes(`'${defaultValues[key]}'`)) { btn.setAttribute('data-active', 'true'); } }); }); });

Luxury Editorial Portrait with Red Gradient Background

Stylized Portrait

📋 How to Use:

🎯 Customize Your Prompt

💡 Pro Tips:

Leave a Reply Cancel reply

Exploding Pepsi Grape Can with Juicy Fruit & Mint – 4K Commercial Render

Ultra-Realistic 3D Pepsi Can Ad Scene in 4K