साइटों का डिज़ाइन इस बात के लिए बहुत महत्वपूर्ण है कि वे अंततः आगंतुकों द्वारा कैसे देखे जाते हैं। साइट के पृष्ठों पर लोगों को सौंदर्य आनंद का अनुभव करना चाहिए, साथ ही ये पृष्ठ उनके लिए सुविधाजनक और कार्यात्मक होने चाहिए। नेविगेशन बटन के बिना कोई भी साइट पूरी नहीं होती है, और अगर आप इन बटनों को एनिमेटेड बनाते हैं तो आपकी साइट एक ही समय में कार्यात्मक और सुंदर दिखेगी।
निर्देश
चरण 1
टेक्स्ट बटन के विपरीत ग्राफिक बटन, पृष्ठों पर ध्यान देने योग्य होते हैं और पाठकों के लिए याद रखना आसान होता है। एनिमेटेड बटन बनाने के लिए Corel Draw का उपयोग करें। एक नया दस्तावेज़ बनाएं और एक रिक्त बनाएं जिस पर बटन कई दृश्यों में प्रदर्शित किया जाएगा, दोनों दबाए गए और दबाए गए राज्य में।
चरण 2
एक बटन खींचने के लिए, टूलबॉक्स से उपयुक्त टूल का चयन करें और एक गोल आयत बनाएं। आयत को काले रंग से भरें, फिर उसकी प्रतिलिपि बनाएँ और प्रतिलिपि को बाएँ और ऊपर ले जाएँ। दूसरे आयत को सफेद रंग से भरें।
चरण 3
खाली बटन पर, टेक्स्ट में एक ब्लैक आउटलाइन जोड़ते हुए उसका नाम लिखें। टेक्स्ट को सफेद बनाएं। अब बटन को हाइलाइट करके और क्रिएट रोलओवर विकल्प पर क्लिक करके प्रभाव रोलओवर मेनू खोलें। आप रोलओवर स्टेटस बार पर नॉर्मल देखेंगे।
चरण 4
अब, एक बटन की छवि को बदलने के लिए, उस पर राइट-क्लिक करें और संदर्भ मेनू में संपादन रोलओवर विकल्प चुनें। एक नया इंटरनेट टूलबार खुलेगा। अतिरिक्त बटन पोजीशन बनाएं, जो एक के बाद एक बदलेंगे, एक एनीमेशन प्रभाव पैदा करेंगे।
चरण 5
इंटरनेट पैनल के बाईं ओर, ओवर बटन पर क्लिक करें और टेक्स्ट की रूपरेखा को हटाने के लिए बटन को संपादित करें। एनिमेशन में इसका दूसरा संस्करण बनाने के लिए टेक्स्ट को काले रंग से भरें। अब डाउन बटन दबाएं और दबाए जाने पर बटन के अंतिम संस्करण को ड्रा करें।
चरण 6
पाठ और सफेद आयत को नीचे दाईं ओर ले जाएँ, और काले आयत को बाईं ओर स्लाइड करें। अब फिनिश एडिटिंग रोलओवर बटन पर क्लिक करें।
चरण 7
कोड के साथ बटन को सेव करें जिसका उपयोग आप वेब पेज पर वस्तुओं की उपस्थिति को बदलने के लिए कर सकते हैं। इस तरह आप किसी भी डिजाइन के साथ किसी भी तरह का बटन खींच सकते हैं।
