Ultra-Realistic Nescafé Classic Jar on Mossy Stone

✨ Nescafé Classic in Forest AI Image Generation Prompt 📋 How to Use: Open ChatGPT Copy and paste the prompt below Vertical, ultra-realistic. Place the Nescafé Classic jar. Set it on a mossy stone in a lush green forest. Sunrays cut through the trees behind, softly illuminating the jar. A few coffee beans scattered naturally on the mossy surface. Enhance the label text clearly, but keep everything else the same. 📋 Copy Prompt 🚀 Try in ChatGPT ⚙️ Customize 🎯 Customize Your Prompt 🔄 Reset 🖼️ Image Orientation/Style: Vertical, Ultra-realistic Horizontal, Photorealistic Square, Stylized ☕ Product Description: Nescafé Classic Jar Coffee Cup with Steam Bag of Coffee Beans 🪨 Surface Object: Mossy Stone Ancient Tree Stump Fallen Log 🌳 Environment: Lush Green Forest Misty Mountain Landscape Serene Bamboo Grove ☀️ Lighting Effect: Sunrays Illumination Soft, Diffused Light Dramatic Dappled Sunlight hạt Scattered Elements: Coffee Beans on Moss Dew Drops on Leaves Fallen Autumn Leaves 🏷️ Label Enhancement: Enhance Label Text Keep Label Natural Subtly Blur Label 🚀 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: 1600px; } /* Increased max-height */ } @keyframes slideUp { 0% { opacity: 1; transform: translateY(0); max-height: 1600px; } /* Increased max-height */ 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 = { image_orientation_style: 'Vertical, ultra-realistic', product_description: 'Nescafé Classic jar', surface_object: 'mossy stone', environment: 'lush green forest', lighting_effect: 'Sunrays cut through the trees behind, softly illuminating the jar', scattered_elements: 'A few coffee beans scattered naturally on the mossy surface', label_enhancement: 'Enhance the label text clearly, but keep everything else the same' }; // 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 const customInput = document.getElementById(`${key}-custom`); if (customInput) customInput.value = ''; updatePrompt(); // Re-render prompt to apply highlight if value is different from default } function applyCustomChanges() { // Get custom values from inputs Object.keys(defaultValues).forEach(key => { const customInput = document.getElementById(`${key}-custom`); if (customInput && 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 Object.keys(defaultValues).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: 'image_orientation_style', value: 'Vertical, ultra-realistic', buttonText: 'Vertical, Ultra-realistic' }, { key: 'product_description', value: 'Nescafé Classic jar', buttonText: 'Nescafé Classic Jar' }, { key: 'surface_object', value: 'mossy stone', buttonText: 'Mossy Stone' }, { key: 'environment', value: 'lush green forest', buttonText: 'Lush Green Forest' }, { key: 'lighting_effect', value: 'Sunrays cut through the trees behind, softly illuminating the jar', buttonText: 'Sunrays Illumination' }, { key: 'scattered_elements', value: 'A few coffee beans scattered naturally on the mossy surface', buttonText: 'Coffee Beans on Moss' }, { key: 'label_enhancement', value: 'Enhance the label text clearly, but keep everything else the same', buttonText: 'Enhance Label Text' } ]; 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 = `${createEditableSpan('image_orientation_style')}. Place the ${createEditableSpan('product_description')}. Set it on a ${createEditableSpan('surface_object')} in a ${createEditableSpan('environment')}. ${createEditableSpan('lighting_effect')}. ${createEditableSpan('scattered_elements')}. ${createEditableSpan('label_enhancement')}.`; 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 Object.keys(defaultValues).forEach(key => { const buttons = findButtonsForCustomizer(key); buttons.forEach(btn => { if (btn.onclick.toString().includes(`'${defaultValues[key]}'`)) { btn.setAttribute('data-active', 'true'); } }); }); });

Ultra-Realistic Nescafé Classic Jar on Mossy Stone

Nescafé Classic in Forest

📋 How to Use:

🎯 Customize Your Prompt

💡 Pro Tips:

Leave a Reply Cancel reply