Cinematic Double Exposure Portrait with Urban Night Cityscape

✨ Cinematic Double Exposure 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 cinematic double exposure of a man in profile, highly detailed and realistic, with sharp facial features illuminated by soft, moody lighting. Inside his silhouette, a dramatic urban cityscape at night unfolds—skyscrapers glowing. 📋 Copy Prompt 🚀 Try in ChatGPT ⚙️ Customize 🎯 Customize Your Prompt 🔄 Reset 👤 Subject: Man in Profile Woman in Profile Child in Profile ✨ Detail Level: Highly Detailed & Realistic Stylized & Artistic Minimalist & Abstract 👁️ Facial Features: Sharp Facial Features Soft, Ethereal Facial Features Defined Jawline & Strong Profile 💡 Lighting: Soft, Moody Lighting Dramatic High-Contrast Lighting Bright, Even Studio Lighting 🏙️ Inner Scene: Urban Cityscape at Night Cosmic Nebula Mystical Forest 🚀 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 = { subject: 'man in profile', detail_level: 'highly detailed and realistic', facial_features: 'sharp facial features', lighting: 'soft, moody lighting', inner_scene_description: 'dramatic urban cityscape at night unfolds—skyscrapers glowing' }; // 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 ['subject', 'detail_level', 'facial_features', 'lighting', 'inner_scene_description'].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 ['subject', 'detail_level', 'facial_features', 'lighting', 'inner_scene_description'].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: 'subject', value: 'man in profile', buttonText: 'Man in Profile' }, { key: 'detail_level', value: 'highly detailed and realistic', buttonText: 'Highly Detailed & Realistic' }, { key: 'facial_features', value: 'sharp facial features', buttonText: 'Sharp Facial Features' }, { key: 'lighting', value: 'soft, moody lighting', buttonText: 'Soft, Moody Lighting' }, { key: 'inner_scene_description', value: 'dramatic urban cityscape at night unfolds—skyscrapers glowing', buttonText: 'Urban Cityscape at Night' } ]; 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 cinematic double exposure of a ${createEditableSpan('subject')}, ${createEditableSpan('detail_level')}, with ${createEditableSpan('facial_features')} illuminated by ${createEditableSpan('lighting')}. Inside his silhouette, a ${createEditableSpan('inner_scene_description')}.`; 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 ['subject', 'detail_level', 'facial_features', 'lighting', 'inner_scene_description'].forEach(key => { const buttons = findButtonsForCustomizer(key); buttons.forEach(btn => { if (btn.onclick.toString().includes(`'${defaultValues[key]}'`)) { btn.setAttribute('data-active', 'true'); } }); }); });

Cinematic Double Exposure Portrait with Urban Night Cityscape

Cinematic Double Exposure

📋 How to Use:

🎯 Customize Your Prompt

💡 Pro Tips:

Leave a Reply Cancel reply

Cinematic BMW M-Series in Rainy Urban Alley

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

Luxury Editorial Portrait with Red Gradient Background

High-End Official Portrait in Black Suit with Luxurious Vibes

Transform Your Brand into a Soft 3D Fluffy Logo with Cinematic Lighting

Stylish Night Portrait in Tokyo with Pagani Huayra

Cinematic Double Exposure

📋 How to Use:

🎯 Customize Your Prompt

💡 Pro Tips:

Related Prompt

Cinematic BMW M-Series in Rainy Urban Alley

Futuristic Biker Chase in Snowstorm with UFOs – Sci-Fi Cinematic Scene

Botanical Shampoo Ad with Floating Crystal & Forest Mist

Luxury Coffee Ad with Cracked Bean & Floating Granules

Leave a Reply Cancel reply

Cinematic BMW M-Series in Rainy Urban Alley

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

Luxury Editorial Portrait with Red Gradient Background

High-End Official Portrait in Black Suit with Luxurious Vibes

Transform Your Brand into a Soft 3D Fluffy Logo with Cinematic Lighting

Stylish Night Portrait in Tokyo with Pagani Huayra