High-End Official Portrait in Black Suit with Luxurious Vibes

✨ Official Portrait AI Image Generation Prompt 📋 How to Use: Open ChatGPT Upload your image Copy and paste the prompt below Create an official portrait picture of me in a black suit with sharp features and makeup all in touch, 360 HD, same hair in (photo reference) and it's giving luxurious vibes with high detailed 4k resolution. 📋 Copy Prompt 🚀 Try in ChatGPT ⚙️ Customize 🎯 Customize Your Prompt 🔄 Reset 🎨 Detail & Style: Official Portrait Picture Candid Photograph Artistic Rendering 👤 Subject: Me A Man A Woman 🧥 Clothing: A Black Suit A Formal Dress A Tuxedo 👁️ Facial Features & Makeup: Sharp Features & Makeup All in Touch Soft Features & Subtle Makeup Defined Jawline & Natural Makeup ✨ Vibe: Luxurious Vibes Professional Vibes Elegant Vibes 📷 Render Quality (360 HD): 360 HD Immersive Quality Panoramic View 🔍 Render Quality (High Detail): High Detailed Ultra-realistic Photorealistic 🖥️ Resolution: 4K Resolution 8K Resolution Full HD Resolution 🚀 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 @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: 'official portrait picture', subject: 'me', clothing: 'a black suit', facial_features: 'sharp features and makeup all in touch', render_quality_1: '360 HD', // For "360 HD" vibe: 'luxurious vibes', render_quality_2: 'high detailed', // For "high detailed" resolution: '4k resolution' }; // 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', 'clothing', 'facial_features', 'render_quality_1', 'vibe', 'render_quality_2', 'resolution'].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', 'clothing', 'facial_features', 'render_quality_1', 'vibe', 'render_quality_2', 'resolution'].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: 'official portrait picture', buttonText: 'Official Portrait Picture' }, { key: 'subject', value: 'me', buttonText: 'Me' }, { key: 'clothing', value: 'a black suit', buttonText: 'A Black Suit' }, { key: 'facial_features', value: 'sharp features and makeup all in touch', buttonText: 'Sharp Features & Makeup All in Touch' }, { key: 'render_quality_1', value: '360 HD', buttonText: '360 HD' }, { key: 'vibe', value: 'luxurious vibes', buttonText: 'Luxurious Vibes' }, { key: 'render_quality_2', value: 'high detailed', buttonText: 'High Detailed' }, { key: 'resolution', value: '4k resolution', buttonText: '4K Resolution' } ]; 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]}`; }; // Construct the prompt string based on current values and original phrasing const template = `Create an ${createEditableSpan('detail_style')} of ${createEditableSpan('subject')} in ${createEditableSpan('clothing')} with ${createEditableSpan('facial_features')}, ${createEditableSpan('render_quality_1')}, same hair in (photo reference) and it's giving ${createEditableSpan('vibe')} with ${createEditableSpan('render_quality_2')} ${createEditableSpan('resolution')}.`; 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', 'clothing', 'facial_features', 'render_quality_1', 'vibe', 'render_quality_2', 'resolution'].forEach(key => { const buttons = findButtonsForCustomizer(key); buttons.forEach(btn => { if (btn.onclick.toString().includes(`'${defaultValues[key]}'`)) { btn.setAttribute('data-active', 'true'); } }); }); });

High-End Official Portrait in Black Suit with Luxurious Vibes

Official Portrait

📋 How to Use:

🎯 Customize Your Prompt

💡 Pro Tips:

Leave a Reply Cancel reply

Epic Lay’s Chips Monument in Scenic Golden Valley – Hyperreal 4K Render

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

Luxury Editorial Portrait with Red Gradient Background