কিভাবে 3D এলিমেন্টর ফ্লিপবক্স অ্যানিমেশন তৈরি করবেন?

Elementor হল একটি শক্তিশালী পৃষ্ঠা নির্মাতা যা আপনাকে সহজেই অত্যাশ্চর্য ওয়েবসাইট তৈরি করতে দেয় এবং এর মৌলিক ফ্লিপবক্স উইজেট ইন্টারেক্টিভ 3D প্রভাব যোগ করার একটি সহজ উপায় অফার করে। সমস্যাটি? এটি একটি প্রো বৈশিষ্ট্য, ডিজাইন এবং অ্যানিমেশন সীমিত।

মাস্টার অ্যাডঅন একটি শক্তিশালী এলিমেন্টর অ্যাডন যা একটি ফ্লিপবক্স উইজেটও প্রদান করে। এটি বিনামূল্যে এবং Elementors Flipbox উইজেটের চেয়ে বেশি কাস্টমাইজেশনের অনুমতি দেয়।

মাস্টার অ্যাডঅনগুলির সাহায্যে, আপনি দৃশ্যত আকর্ষণীয় 3D ফ্লিপবক্স তৈরি করতে পারেন যা ব্যবহারকারীদের এমনভাবে সরাতে, রূপান্তর করতে এবং জড়িত করে যেভাবে ডিফল্ট এলিমেন্টর উইজেট সহজভাবে পারে না।

এই নির্দেশিকায়, আমরা আপনাকে দেখাব কিভাবে মাস্টার অ্যাডঅনগুলির সাথে শীর্ষস্থানীয় 3D ফ্লিপবক্স তৈরি করতে হয় এবং নজরকাড়া ডিজাইন তৈরি করতে হয় যা আলাদা।

মাস্টার অ্যাডঅনগুলির সাথে একটি 3D এলিমেন্টর ফ্লিপবক্স তৈরি করা

ইট দিয়ে ইট দিয়ে আমাদের নিজস্ব তৈরি করা যাক ফ্লিপবক্স ব্যবহার করা মাস্টার অ্যাডঅন। শেষ পর্যন্ত আপনার নিজের অনন্য একটি তৈরি করতে কিভাবে একটি খুব স্পষ্ট বোঝার থাকা উচিত।

ধাপ 1: এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল করা

আপনি মাস্টার অ্যাডনস ফ্লিপবক্স উইজেট ব্যবহার শুরু করার আগে, আপনাকে এটি করতে হবে ইনস্টল করুন এবং সক্রিয় করুন মাস্টার অ্যাডঅন প্লাগইন। এখানে কিভাবে:

1। আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে, যান প্লাগইন > নতুন যোগ করুন।

2। অনুসন্ধান বারে "এলিমেন্টরের জন্য মাস্টার অ্যাডনস" অনুসন্ধান করুন।

3. ক্লিক করুন এখন ইনস্টল করুন এবং তারপর সক্রিয় করা প্লাগইন ইনস্টল হয়ে গেলে।

একবার সক্রিয় হয়ে গেলে, ফ্লিপবক্স সহ মাস্টার অ্যাডঅন উইজেটগুলি এলিমেন্টর সম্পাদকের মধ্যে উপলব্ধ হবে৷।

ধাপ 2: ফ্লিপবক্স উইজেট যোগ করা

এখন প্লাগইন ইনস্টল করা হয়েছে, আসুন আপনার পৃষ্ঠায় ফ্লিপবক্স যোগ করি

1। এলিমেন্টর এডিটরে আপনার পৃষ্ঠা খুলুন। আপনার লেআউট হিসাবে ফ্লেক্সবক্স বা গ্রিড চয়ন করুন।

2। বাম হাতের প্যানেলে, অনুসন্ধান করুন ফ্লিপবক্স। আপনার একটি "“ সহ একটি ফ্লিপবক্স উইজেট দেখা উচিত৷মা” ট্যাগ।

3। টেনে আনুন এবং ফেলে দিন ফ্লিপবক্স আপনার পৃষ্ঠার পছন্দসই বিভাগে উইজেট করুন। এখানে একটি গুরুত্বপূর্ণ বিষয় লক্ষ্য করা যায় যে আপনি যখনই ফ্লিপবক্সের সাথে কাজ করছেন তখনই এটি ফ্লেক্সবক্স ব্যবহার করার পরামর্শ দেওয়া হয় আপনার ফ্লিপবক্সগুলি ভাল দেখাচ্ছে তা নিশ্চিত করতে।

একবার যোগ করা হলে, আপনার ক্যানভাসে একটি মৌলিক ফ্লিপবক্স ডিজাইন প্রদর্শিত হবে, কাস্টমাইজ করার জন্য প্রস্তুত।

ধাপ 3: একটি 3D এলিমেন্টর ফ্লিপবক্স তৈরি করা

এখন আমরা সেটিংসে পৌঁছেছি যা আপনি আপনার ফ্লিপবক্সে একটি প্রিমিয়াম-সুদর্শন 3D প্রভাব পেতে পরিবর্তন করতে পারেন।

প্রথম বন্ধ।

1। শৈলী প্রিসেট

শৈলী প্রিসেট আপনি সেট ডিজাইনের বৈচিত্র এবং অ্যানিমেশন শৈলী

ডিজাইনের বৈচিত্র আপনাকে আপনার বাক্সের সামনের অংশ কাস্টমাইজ করতে দেয়। আপনি এটি সেট করতে পারেন: ডিফল্ট, ছবি, তির্যক, সামনের আইকন।

অ্যানিমেশন শৈলীর সাহায্যে আপনি ঠিক কীভাবে আপনার ফ্লিপবক্স অ্যানিমেটেড হবে তা চয়ন করতে পারেন।

মাস্টার অ্যাডঅনগুলিতে 20+ প্রিমিয়াম অ্যানিমেশন উপলব্ধ। সহজ অনুভূমিক এবং উল্লম্ব ফ্লিপ থেকে 3D ফ্লিপ, কিউব অ্যানিমেশন, রোলওভার প্রভাব, ইত্যাদি।

মাস্টার অ্যাডনস আপনাকে একটি ডেডিকেটেড 3D ফ্লিপ অ্যানিমেশন দেয় যা আপনার ফ্লিপবক্সগুলিকে একটি গতিশীল অনুভূতি দেয়। এমনকি আপনি এই অ্যানিমেশনের ফ্লিপ শৈলী কাস্টমাইজ করতে পারেন। একবার আপনি এটি বাছাই করলে, একটি নতুন বিকল্প “-এ উপস্থিত হবেশৈলীসাধারণ সেটিংসের অধীনে ” ট্যাব: 3D ফ্লিপ স্টাইল।

2। সামনের বিষয়বস্তু

ক্লিক করুন ফ্লিপবক্স এটি সম্পাদনা করার জন্য উইজেট।

অধীন বিষয়বস্তু ট্যাব, আপনি এর জন্য আপনার সামগ্রী যোগ করার জন্য ক্ষেত্রগুলি দেখতে পাবেন৷ সামনে বক্স। আপনি এখানে একটি শিরোনাম, বিবরণ এবং একটি চিত্র বা আইকন যোগ করতে পারেন৷।

3। পিছনের বিষয়বস্তু

নিচে স্ক্রোল করুন পিছনের বিষয়বস্তু একই বিভাগে বিষয়বস্তু ট্যাব।

একইভাবে, ফ্লিপবক্স ফ্লিপ করা হলে আপনি যে সামগ্রীটি উপস্থিত করতে চান তা যোগ করুন। আপনি একটি নতুন শিরোনাম, পাঠ্য বা একটি কল-টু-অ্যাকশন বোতাম যোগ করতে পারেন।

আপনি ফ্লিপবক্সের উভয় পাশে আলাদাভাবে স্টাইল করতে পারেন, ব্যবহার করে শৈলী প্রতিটি পাশের জন্য ফন্ট, রঙ, প্যাডিং, সীমানা এবং আরও অনেক কিছু সামঞ্জস্য করতে ট্যাব।

ধাপ 4: অন্যান্য এক্সটেনশনের সাথে 3D ফ্লিপবক্স উন্নত করা

এলিমেন্টরের জন্য মাস্টার অ্যাডঅনগুলি শুধুমাত্র মৌলিক ফ্লিপবক্স কার্যকারিতায় থামে না কারণ এটি ইন্টারঅ্যাক্টিভিটি, মসৃণ অ্যানিমেশন এবং আকর্ষক প্রভাব যুক্ত করার জন্য ডিজাইন করা বিভিন্ন এক্সটেনশন সহ আপনার ফ্লিপবক্সকে সম্পূর্ণ নতুন স্তরে নিয়ে যায়।

আমরা শক্তিশালী বৈশিষ্ট্যগুলি অন্বেষণ করব যা আপনাকে আপনার ফ্লিপবক্সকে আরও গতিশীল, দৃশ্যত চিত্তাকর্ষক এবং ব্যবহারকারী-বান্ধব করে তুলতে দেয়৷।

আপনি উন্নত 3D রূপান্তর তৈরি করতে চান, প্যারালাক্স প্রভাব যোগ করতে চান, বা সূক্ষ্ম-টিউন প্রবেশদ্বার অ্যানিমেশন করতে চান না কেন, মাস্টার অ্যাডনস আপনার ফ্লিপবক্সগুলিকে পরবর্তী স্তরে নিয়ে যাওয়ার জন্য আপনার প্রয়োজনীয় সমস্ত কিছু অফার করে।

রূপান্তর:

• মধ্যে উন্নত ট্যাব, আপনি খুঁজে পাবেন রূপান্তরিত করে সেটিংস।
• এখানে, আপনি সামঞ্জস্য করতে পারেন ফ্লিপবক্স ঘূর্ণন আরও জটিল 3D প্রভাব তৈরি করতে X, Y, বা Z অক্ষগুলিতে।
• সঙ্গে চারপাশে খেলা স্কেল, অনুবাদ করা, এবং তির্যক আরও গতিশীল ফ্লিপবক্সের জন্য বিকল্প।

রেলাক্স (প্যারালাক্স প্রভাব):

• Rellax প্রভাব সক্ষম করতে, যান উন্নত ট্যাব এবং স্ক্রোল করুন রেলাক্স সেটিংস।
• প্রভাব সক্ষম করুন এবং সামঞ্জস্য করুন স্ক্রোল গতি একটি প্যারালাক্স প্রভাব তৈরি করতে, যেখানে ব্যবহারকারীরা স্ক্রোল করার সাথে সাথে ফ্লিপবক্সটি বাকি সামগ্রীর চেয়ে ভিন্ন গতিতে চলে।

ভাসমান প্রভাব:

• ফ্লিপবক্সকে লুপে আলতোভাবে প্রবাহিত করতে ফ্লোটিং ইফেক্ট (প্রো) যোগ করুন। এই বিকল্পটি এর অধীনে পাওয়া যাবে গতি প্রভাব অধ্যায়।
• নড়াচড়ার ধরন চয়ন করুন (যেমন, উপরে বা নীচে ভাসমান) এবং আপনার পছন্দ অনুসারে তীব্রতা সামঞ্জস্য করুন।

টুলটিপস:

• মাস্টার অ্যাডঅন আপনাকে যোগ করতে দেয় টুলটিপস আপনার ফ্লিপবক্সে, যা ব্যবহারকারীরা উপাদানগুলির উপর ঘোরাঘুরি করার সময় প্রদর্শিত হয়। টুলটিপ আপনার ডিজাইন বিশৃঙ্খল না করে অতিরিক্ত তথ্য বা প্রসঙ্গ প্রদান করতে পারে।
• আপনি উন্নত সেটিংসের অধীনে ফ্লিপবক্সের সামনে এবং পিছনের উভয় সামগ্রীর জন্য টুলটিপগুলি সক্ষম এবং কাস্টমাইজ করতে পারেন৷।
• আপনার ডিজাইনের সাথে মানানসই টুলটিপ পাঠ্য, অবস্থান (উপরে, নীচে, বাম বা ডান), এবং শৈলী (রঙ, ফন্টের আকার) কাস্টমাইজ করুন।

কিছু অন্যান্য সহায়ক এক্সটেনশন

প্রবেশ অ্যানিমেশন:

• অধীন গতি প্রভাব ট্যাব, সক্ষম করুন প্রবেশ অ্যানিমেশন পৃষ্ঠায় ফ্লিপবক্স প্রদর্শিত হওয়ার সাথে সাথে একটি মনোযোগ আকর্ষণকারী প্রভাব প্রয়োগ করতে।
• ভিউপোর্টে প্রবেশ করার সময় আপনার ফ্লিপবক্স পপ করতে আপনি ফেড-ইন, স্লাইড বা বাউন্সের মতো বিভিন্ন অ্যানিমেশন থেকে বেছে নিতে পারেন।

প্রকাশ করা:

• ফ্লিপবক্স ফ্লিপ করার সময় আপনি যদি একটি মসৃণ প্রকাশ অ্যানিমেশন চান, তাহলে সক্রিয় করুন প্রকাশ করা অধীনে বিকল্প উন্নত সেটিংস।
• এই বৈশিষ্ট্যটি ফ্লিপবক্সের পিছনের বিষয়বস্তুকে ধীরে ধীরে প্রকাশ করতে দেয়, একটি পালিশ ট্রানজিশন তৈরি করে।

প্রদর্শন শর্তাবলী:

• ব্যবহার প্রদর্শন শর্তাবলী কখন এবং কোথায় ফ্লিপবক্স প্রদর্শিত হবে তার নিয়ম সেট করতে। আপনি ডিভাইসের ধরন (ডেস্কটপ, ট্যাবলেট, মোবাইল) বা এমনকি স্ক্রলিং অবস্থানের মতো অবস্থার উপর ভিত্তি করে দৃশ্যমানতা নিয়ন্ত্রণ করতে পারেন।

আপনার ফ্লিপবক্সের পূর্বরূপ এবং চূড়ান্ত করা

একবার আপনি আপনার ফ্লিপবক্স কাস্টমাইজ করে ফেললে, এটি কার্যকর দেখার সময়।

1. ক্লিক করুন চোখের আইকন সম্পাদকে আপনার ফ্লিপবক্সের পূর্বরূপ দেখতে এলিমেন্টর প্যানেলের নীচে।
2. ফ্লিপবক্সটি বিভিন্ন ডিভাইসে (ডেস্কটপ, ট্যাবলেট এবং মোবাইল) কীভাবে আচরণ করে তা পরীক্ষা করুন যাতে এটি প্রতিক্রিয়াশীল এবং সর্বত্র দুর্দান্ত দেখায়।
3. ডিজাইন, অ্যানিমেশনের গতি বা অবস্থানে কোনো চূড়ান্ত সমন্বয় করুন যতক্ষণ না আপনি এটি দেখতে কেমন তা নিয়ে খুশি হন।

একবার সন্তুষ্ট, ক্লিক করুন প্রকাশ করুন আপনার সাইটে আপনার ফ্লিপবক্স লাইভ করতে।

উপসংহার

এলিমেন্টরের জন্য মাস্টার অ্যাডঅনগুলি স্ট্যান্ডার্ড ফ্লিপবক্স অভিজ্ঞতায় আরও মশলা যোগ করে, উন্নত বৈশিষ্ট্যগুলির একটি পরিসীমা অফার করে যা আপনাকে সত্যিকারের গতিশীল, ইন্টারেক্টিভ ডিজাইন তৈরি করতে দেয়।

3D অ্যানিমেশন ইফেক্টের সাথে যেতে ট্রান্সফর্ম, প্যারালাক্স ইফেক্ট, স্মুথ রিভিল ট্রানজিশন এবং আরও অনেক কিছুর মত বিকল্প রয়েছে, আপনি আপনার ফ্লিপবক্সগুলিকে এমনভাবে জীবন্ত করতে ব্যবহার করতে পারেন যা মৌলিক অ্যানিমেশনের বাইরে যায়।

এই নির্দেশিকা অনুসরণ করে, আপনি সহজেই আপনার সাইটে নজরকাড়া ফ্লিপবক্স যোগ করতে পারেন, ব্যবহারকারীর ব্যস্ততা এবং ভিজ্যুয়াল আবেদন উভয়ই বাড়িয়ে তুলতে পারেন। সুতরাং, মাস্টার অ্যাডঅনগুলিতে ডুব দিন এবং অত্যাশ্চর্য 3D ফ্লিপবক্স তৈরি করতে পরীক্ষা শুরু করুন যা আপনার দর্শকদের মুগ্ধ করবে!