সাইটগুলির নকশাটি কীভাবে চূড়ান্তভাবে দর্শনার্থীদের দ্বারা উপলব্ধি করা যায় সে জন্য এটি অত্যন্ত গুরুত্বপূর্ণ। লোকেরা সাইটের পৃষ্ঠাগুলিতে থাকাকালীন নান্দনিক আনন্দ উপভোগ করা উচিত, পাশাপাশি এই পৃষ্ঠাগুলি তাদের জন্য সুবিধাজনক এবং কার্যকরী হওয়া উচিত। কোনও সাইট নেভিগেশন বোতাম ছাড়াই সম্পূর্ণ হয় না এবং আপনি যদি এই বোতামগুলি অ্যানিমেটেড করে থাকেন তবে আপনার সাইট একই সময়ে কার্যকরী এবং সুন্দর দেখাবে।
নির্দেশনা
ধাপ 1
গ্রাফিক বোতামগুলি, পাঠ্য বোতামগুলির মতো নয়, পৃষ্ঠাগুলিতে লক্ষণীয় এবং পাঠকদের মনে রাখা সহজ। অ্যানিমেটেড বোতাম তৈরি করতে কোরেল ড্র ব্যবহার করুন। একটি নতুন দস্তাবেজ তৈরি করুন এবং একটি ফাঁকা অঙ্কন করুন যার উপর বোতামটি টিপানো এবং টিপে না থাকা অবস্থায় উভয় ক্ষেত্রে বিভিন্ন দর্শনতে প্রদর্শিত হবে।
ধাপ ২
একটি বোতাম আঁকতে, টুলবক্স থেকে উপযুক্ত সরঞ্জামটি নির্বাচন করুন এবং একটি বৃত্তাকার আয়তক্ষেত্র আঁকুন। কালো দিয়ে আয়তক্ষেত্রটি পূরণ করুন, তারপরে এটি অনুলিপি করুন এবং অনুলিপিটি বাম এবং উপরে সরান। দ্বিতীয় আয়তক্ষেত্রটি সাদা দিয়ে পূরণ করুন।
ধাপ 3
খালি বোতামে, লেখার সাথে একটি কালো রূপরেখা যুক্ত করে, এর নামটি লিখুন। পাঠ্যটি সাদা করুন। এবার এফেক্টস রোলওভার মেনুটি খুলুন বোতামটি হাইলাইট করে এবং ক্রিয়েট রোলওভার অপশনে ক্লিক করুন। আপনি রোলওভার স্ট্যাটাস বারে সাধারণ দেখতে পাবেন।
পদক্ষেপ 4
এখন, একটি বোতামের চিত্র পরিবর্তন করতে, এটিতে ডান ক্লিক করুন এবং প্রসঙ্গ মেনুতে রোলওভার সম্পাদনা বিকল্পটি নির্বাচন করুন। একটি নতুন ইন্টারনেট টুলবার খুলবে। অতিরিক্ত বোতামের অবস্থানগুলি আঁকুন, যা পরে একের পর এক অ্যানিমেশন প্রভাব তৈরি করে।
পদক্ষেপ 5
ইন্টারনেট প্যানেলের বাম দিকে, ওভার বোতামে ক্লিক করুন এবং টেক্সটের বাহ্যরেখাটি সরাতে বোতামটি সম্পাদনা করুন। এনিমেশনে এটির দ্বিতীয় সংস্করণ তৈরি করতে পাঠ্যটি কালো দিয়ে পূরণ করুন। এখন ডাউন বোতাম টিপুন এবং বোতামটি টিপানোর সাথে সাথে শেষ সংস্করণটি আঁকুন।
পদক্ষেপ 6
পাঠ্য এবং সাদা আয়তক্ষেত্রটি নীচে ডানদিকে সরান এবং কালো আয়তক্ষেত্রটি বাম দিকে স্লাইড করুন। এবার ফিনিশ এডিটিং রোলওভার বাটনে ক্লিক করুন।
পদক্ষেপ 7
আপনি ওয়েব পৃষ্ঠায় বস্তুর উপস্থিতি পরিবর্তন করতে যে কোডটি ব্যবহার করতে পারেন তার সাথে বোতামটি সংরক্ষণ করুন। এইভাবে, আপনি যে কোনও ডিজাইনের সাথে কোনও ধরণের বোতাম আঁকতে পারেন।
