GIMP এর সাথে একটি অ্যানিমেটেড GIF তৈরি করা

সুচিপত্র:

GIMP এর সাথে একটি অ্যানিমেটেড GIF তৈরি করা
GIMP এর সাথে একটি অ্যানিমেটেড GIF তৈরি করা
Anonim

GIMP হল একটি অসাধারণ শক্তিশালী সফ্টওয়্যার যা এটি বিনামূল্যে বিবেচনা করে। ওয়েব ডিজাইনার, বিশেষ করে, সাধারণ অ্যানিমেটেড-g.webp

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

জিম্পে কীভাবে অ্যানিমেটেড জিআইএফ তৈরি করবেন

নিম্নলিখিত পদক্ষেপগুলি কয়েকটি মৌলিক গ্রাফিক্স, কিছু পাঠ্য এবং একটি লোগো ব্যবহার করে একটি সাধারণ ওয়েব ব্যানার আকারের অ্যানিমেশন দেখায়৷

এই নিবন্ধের নির্দেশাবলী GIMP সংস্করণ 2.10.12 এর জন্য প্রযোজ্য।

  1. একটি নতুন নথি খুলুন৷ এই উদাহরণে, আমরা ওয়েব ব্যানার বড় মোবাইল 320x100 এর প্রিসেট টেমপ্লেট নির্বাচন করেছি।

    আপনার অ্যানিমেশনের জন্য, আপনি কীভাবে আপনার চূড়ান্ত অ্যানিমেশন ব্যবহার করবেন তার উপর নির্ভর করে আপনি একটি প্রিসেট আকার নির্বাচন করতে পারেন বা কাস্টম মাত্রা সেট করতে পারেন।

    এই টিউটোরিয়ালের জন্য, অ্যানিমেশনে সাতটি ফ্রেম থাকবে এবং প্রতিটি ফ্রেমকে একটি পৃথক স্তর দ্বারা উপস্থাপন করা হবে, যার অর্থ হল চূড়ান্ত GIMP ফাইলটিতে পটভূমি সহ সাতটি স্তর থাকবে৷

  2. ফ্রেম ওয়ান সেট করুন। অ্যানিমেশনটি একটি ফাঁকা স্থান দিয়ে শুরু হবে তাই প্রকৃত ব্যাকগ্রাউন্ড স্তরে কোনো পরিবর্তনের প্রয়োজন নেই কারণ এটি ইতিমধ্যেই সাদামাটা।

    তবে, স্তর প্যালেটে স্তরের নামের একটি পরিবর্তন প্রয়োজন। প্যালেটের ব্যাকগ্রাউন্ড লেয়ারটিতে ডান ক্লিক করুন এবং লেয়ার অ্যাট্রিবিউটস সম্পাদনা করুন।

    Image
    Image
  3. এডিট লেয়ার অ্যাট্রিবিউটস ডায়ালগে যেটি খোলে, লেয়ারের নামের শেষে (250ms) যোগ করুন। এটি অ্যানিমেশনে এই ফ্রেমটি প্রদর্শিত হওয়ার পরিমাণ নির্ধারণ করে। ms মানে মিলিসেকেন্ড এবং প্রতিটি মিলিসেকেন্ড এক সেকেন্ডের এক হাজার ভাগ। এই প্রথম ফ্রেমটি এক সেকেন্ডের এক চতুর্থাংশের জন্য প্রদর্শিত হবে৷

    Image
    Image
  4. ফ্রেম দুই সেট করুন। টিউটোরিয়ালের জন্য, এই ফ্রেমের জন্য একটি ফুটপ্রিন্ট গ্রাফিক ব্যবহার করা হয়েছে। ফাইল > লেয়ার হিসাবে খুলুন এবং গ্রাফিক্স ফাইলটি নির্বাচন করুন। এটি একটি নতুন স্তরে পায়ের ছাপ রাখে যা প্রয়োজন অনুযায়ী অবস্থান করা যেতে পারে মুভ টুল.

    Image
    Image
  5. ব্যাকগ্রাউন্ড লেয়ারের মতো, ফ্রেমের জন্য ডিসপ্লে টাইম বরাদ্দ করতে এই নতুন লেয়ারটির নাম পরিবর্তন করতে হবে। এই ক্ষেত্রে, 750ms.

    লেয়ার প্যালেটে, নতুন লেয়ার প্রিভিউ গ্রাফিকের চারপাশে একটি কালো পটভূমি দেখায়, কিন্তু বাস্তবে এই এলাকাটি স্বচ্ছ৷

    Image
    Image
  6. ফ্রেম তিন, চার এবং পাঁচ সেট করুন। পরের তিনটি ফ্রেম আরও পায়ের ছাপ যা ব্যানার জুড়ে হাঁটবে। এগুলি একইভাবে ঢোকানো হয় ফ্রেমের দুইটির মতো, একই গ্রাফিক্স ব্যবহার করে এবং অন্য পায়ের জন্য আরেকটি গ্রাফিক। আগের মতো প্রতিটি ফ্রেমের জন্য 750ms হিসাবে সেট করা হয়েছে৷

    প্রতিটি পদচিহ্নের স্তরগুলির একটি সাদা পটভূমি প্রয়োজন যাতে শুধুমাত্র একটি ফ্রেম কখনও দৃশ্যমান হয় – বর্তমানে, প্রতিটির একটি স্বচ্ছ পটভূমি রয়েছে৷ আমরা একটি ফুটপ্রিন্ট স্তরের ঠিক নীচে একটি নতুন স্তর তৈরি করে, নতুন স্তরটি সাদা দিয়ে পূরণ করে এবং তারপরে ফুটপ্রিন্ট স্তরটিতে ডান ক্লিক করে এবং Merge Down ক্লিক করে এটি করতে পারি।

  7. ফ্রেম সিক্স সেট করুন। এই ফ্রেমটি সাদা দিয়ে ভরা একটি ফাঁকা ফ্রেম যা চূড়ান্ত ফ্রেমটি উপস্থিত হওয়ার আগে অদৃশ্য হয়ে যাওয়ার চূড়ান্ত পদচিহ্নের চেহারা দেবে। আমরা এই লেয়ারটিকে ইন্টারভাল নাম দিয়েছি এবং এই ডিসপ্লেটি মাত্র 250ms এর জন্য বেছে নিয়েছি।

    আপনাকে স্তরগুলির নাম দেওয়ার দরকার নেই, তবে এটি স্তরযুক্ত ফাইলগুলির সাথে কাজ করা সহজ করে তুলতে পারে৷

    Image
    Image
  8. ফ্রেম সেভেন সেট করুন। এটি চূড়ান্ত ফ্রেম এবং Lifewire.com লোগো সহ কিছু পাঠ্য প্রদর্শন করে। এখানে প্রথম ধাপ হল সাদা ব্যাকগ্রাউন্ড সহ আরেকটি লেয়ার যোগ করা।

    Image
    Image
  9. পরে, পাঠ্য যোগ করতে টেক্সট টুল ব্যবহার করুন। এটি একটি নতুন স্তরে প্রয়োগ করা হয়েছে তবে আপনি একবার লোগো বা নতুন চিত্র যুক্ত করলে আমরা এটির সাথে মোকাবিলা করব, যা আগে যেভাবে ফুটপ্রিন্ট গ্রাফিক্স যুক্ত করা হয়েছিল সেইভাবে করা যেতে পারে৷

    Image
    Image
  10. যখন আমরা এগুলিকে ইচ্ছামতো সাজিয়ে ফেলি, আমরা লোগো এবং টেক্সট স্তরগুলিকে একত্রিত করতে Merge Down ব্যবহার করতে পারি এবং তারপরে যুক্ত করা সাদা স্তরের সাথে মিলিত স্তরটিকে একত্রিত করতে পারি। পূর্বেএটি একটি একক স্তর তৈরি করে যা চূড়ান্ত ফ্রেম তৈরি করবে এবং আমরা এটিকে 4000ms এর জন্য প্রদর্শন করতে বেছে নিয়েছি।

    Image
    Image
  11. অ্যানিমেশনের পূর্বরূপ দেখুন অ্যানিমেটেড জিআইএফ সংরক্ষণ করার আগে, জিআইএমপির কাছে ফিল্টার > এ গিয়ে এটির পূর্বরূপ দেখার বিকল্প রয়েছেঅ্যানিমেশন > প্লেব্যাক এটি অ্যানিমেশন চালানোর জন্য স্ব-ব্যাখ্যামূলক বোতাম সহ একটি প্রিভিউ ডায়ালগ খোলে। যদি কিছু সঠিক দেখায় না, তবে এটি এই সময়ে সংশোধন করা যেতে পারে। অন্যথায়, এটি একটি অ্যানিমেটেড-g.webp" />

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

    Image
    Image
  12. অ্যানিমেটেড GIF সংরক্ষণ করুন। একটি অ্যানিমেটেড জিআইএফ সংরক্ষণ করা একটি বেশ সহজবোধ্য ব্যায়াম। প্রথমে, ফাইল > একটি কপি সংরক্ষণ করুন এ যান এবং আপনার ফাইলটিকে একটি প্রাসঙ্গিক নাম দিন এবং আপনি আপনার ফাইলটি কোথায় সংরক্ষণ করতে চান তা নির্বাচন করুন।

    Image
    Image
  13. পরে, অ্যানিমেটেড-g.webp

    ফাইল > এক্সপোর্ট করুন এ যান।

    Image
    Image
  14. Export Image খোলা ডায়ালগে, Select File Type নির্বাচন করুন এবং-g.webp" />. আপনি যদি চিত্রের প্রকৃত সীমানার বাইরে প্রসারিত স্তর সম্পর্কে একটি সতর্কতা পান তবে ক্রপ বোতামটি নির্বাচন করুন৷

    Image
    Image
  15. এটি এখন Animated-g.webp" /> এর একটি অংশের সাথে ডায়ালগের দিকে নিয়ে যাবে। আপনি এগুলিকে তাদের ডিফল্টে রেখে দিতে পারেন, যদিও আপনি যদি অ্যানিমেশনটি একবারই চালাতে চান তবে আপনার লুপ চিরতরে আনচেক করা উচিত।

    Image
    Image
  16. এখন আপনি আপনার অ্যানিমেটেড-g.webp

উপসংহার

এখানে দেখানো পদক্ষেপগুলি আপনাকে বিভিন্ন গ্রাফিক্স এবং নথির আকার ব্যবহার করে আপনার নিজস্ব সাধারণ অ্যানিমেশন তৈরি করার জন্য মৌলিক সরঞ্জাম দেবে। যদিও শেষ ফলাফলটি অ্যানিমেশনের দিক থেকে বেশ মৌলিক, এটি একটি খুব সহজ প্রক্রিয়া যা জিআইএমপি সম্পর্কে প্রাথমিক জ্ঞান রয়েছে এমন যে কেউ অর্জন করতে পারে৷

প্রস্তাবিত: