تولید یک GIF متحرک با GIMP

فهرست مطالب:

تولید یک GIF متحرک با GIMP
تولید یک GIF متحرک با GIMP
Anonim

GIMP یک نرم افزار فوق العاده قدرتمند با توجه به رایگان بودن آن است. به ویژه طراحان وب ممکن است از توانایی آن در تولید-g.webp

گیف های متحرک انیمیشن های ساده ای هستند که در بسیاری از صفحات وب مشاهده خواهید کرد و اگرچه پیچیدگی آن ها بسیار کمتر از انیمیشن های فلش است، اما تولید آنها توسط هر کسی که درک اولیه ای از GIMP دارد بسیار ساده است.

چگونه در GIMP یک-g.webp" />

مراحل زیر یک انیمیشن ساده در اندازه بنر وب را با استفاده از چند گرافیک اولیه، مقداری متن و یک لوگو نشان می دهد.

دستورالعمل های این مقاله برای GIMP نسخه 2.10.12 اعمال می شود.

  1. یک سند جدید باز کنید. در این مثال، ما الگوی از پیش تعیین شده بنر وب موبایل بزرگ 320x100 را انتخاب کرده ایم.

    برای انیمیشن خود، می توانید بسته به نحوه استفاده از انیمیشن نهایی خود، اندازه از پیش تعیین شده را انتخاب کنید یا ابعاد سفارشی را تنظیم کنید.

    برای این آموزش، انیمیشن از هفت فریم تشکیل شده است و هر فریم با یک لایه جداگانه نمایش داده می شود، به این معنی که فایل نهایی GIMP دارای هفت لایه، از جمله پس زمینه خواهد بود.

  2. Frame One را تنظیم کنید. انیمیشن با یک فضای خالی شروع می شود، بنابراین هیچ تغییری در لایه واقعی Background لازم نیست، زیرا از قبل سفید ساده است.

    با این حال، تغییر نام لایه در پالت Layers لازم است. روی لایه Background در پالت کلیک راست کرده و Edit Layer Attributes را انتخاب کنید.

    Image
    Image
  3. در گفتگوی Edit Layer Attributes که باز می شود، (250ms) را به انتهای نام لایه اضافه کنید. این مقدار زمانی که این فریم در انیمیشن نمایش داده می شود را تعیین می کند. ms مخفف میلی ثانیه است و هر میلی ثانیه یک هزارم ثانیه است. این اولین فریم برای یک ربع ثانیه نمایش داده می شود.

    Image
    Image
  4. تنظیم قاب دوم. برای آموزش، از گرافیک ردپایی برای این قاب استفاده شده است. به File > Open as Layers بروید و فایل گرافیکی را انتخاب کنید. این ردپا را روی یک لایه جدید قرار می‌دهد که می‌توان آن را با استفاده از Move Tool. قرار داد.

    Image
    Image
  5. همانند لایه پس زمینه، این لایه جدید باید برای تعیین زمان نمایش برای فریم تغییر نام دهد. در این مورد، 750 میلی‌ثانیه.

    در پالت Layers، به نظر می رسد پیش نمایش لایه جدید یک پس زمینه سیاه در اطراف گرافیک را نشان می دهد، اما در واقع این ناحیه شفاف است.

    Image
    Image
  6. تنظیم فریم های سه، چهار و پنج. سه فریم بعدی ردپای بیشتری هستند که روی بنر راه می‌روند. اینها به همان روشی که فریم دو را درج می کنند، از همان گرافیک و گرافیک دیگری برای پای دیگر استفاده می کنند. مانند قبل، زمان برای هر فریم 750 میلی‌ثانیه تنظیم شده است.

    هر یک از لایه‌های ردپای به یک پس‌زمینه سفید نیاز دارند تا تنها یک فریم همیشه قابل مشاهده باشد - در حال حاضر، هر یک از آنها یک پس‌زمینه شفاف دارند. ما می توانیم این کار را با ایجاد یک لایه جدید بلافاصله در زیر یک لایه footprint انجام دهیم، لایه جدید را با رنگ سفید پر کنیم و سپس روی لایه footprint کلیک راست کرده و Merge Down را کلیک کنیم.

  7. Set Frame Six. این قاب فقط یک قاب خالی پر از سفید است که ظاهر ردپای نهایی را نشان می دهد که قبل از ظاهر شدن فریم نهایی ناپدید می شود. ما این لایه را Interval نامگذاری کرده ایم و انتخاب کرده ایم که این نمایشگر فقط 250 میلی ثانیه باشد.

    نیازی به نام گذاری لایه ها ندارید، اما می تواند کار با فایل های لایه ای را آسان تر کند.

    Image
    Image
  8. تنظیم قاب هفت. این فریم نهایی است و متنی را به همراه آرم Lifewire.com نمایش می دهد. اولین قدم در اینجا اضافه کردن یک لایه دیگر با پس زمینه سفید است.

    Image
    Image
  9. بعد، از ابزار متن برای افزودن متن استفاده کنید. این روی یک لایه جدید اعمال می‌شود، اما زمانی که لوگو یا تصویر جدید را اضافه کردید، با آن برخورد می‌کنیم، که می‌تواند به همان روشی انجام شود که گرافیک ردپایی که قبلاً اضافه شده است.

    Image
    Image
  10. وقتی این ها را به دلخواه مرتب کردیم، می توانیم از Merge Down برای ترکیب لایه های لوگو و متن استفاده کنیم و سپس لایه ترکیبی را با لایه سفید اضافه شده ادغام کنیم. قبلا.این یک لایه منفرد تولید می کند که فریم نهایی را تشکیل می دهد و ما انتخاب کردیم که آن را برای 4000 میلی ثانیه نمایش دهیم.

    Image
    Image
  11. پیش‌نمایش انیمیشن قبل از ذخیره-g.webp" />Filters ۶۴۳۳۴۵۲ آن را در عمل پیش‌نمایش کند.انیمیشن > پخش این یک گفتگوی پیش‌نمایش با دکمه‌های خود توضیحی برای پخش انیمیشن باز می‌کند. اگر چیزی درست به نظر نمی رسد، می توان آن را در این مرحله اصلاح کرد. در غیر این صورت، می توان آن را به عنوان یک-g.webp" />.

    توالی انیمیشن به ترتیبی تنظیم می‌شود که لایه‌ها در پالت Layers روی هم چیده شوند، از پس‌زمینه یا پایین‌ترین لایه شروع شده و به سمت بالا کار می‌کنند. اگر انیمیشن شما بدون ترتیب پخش می شود، باید ترتیب لایه های خود را تنظیم کنید، با کلیک بر روی یک لایه برای انتخاب و استفاده از فلش های بالا و پایین در نوار پایینی پالت لایه ها برای تغییر موقعیت آن.

    Image
    Image
  12. . ذخیره یک-g.webp" />File > بروید یک کپی ذخیره کنید و به فایل خود یک نام مناسب بدهید و جایی را که می خواهید فایل خود را ذخیره کنید انتخاب کنید.

    Image
    Image
  13. بعد، به File > Export As بروید تا آن را به عنوان یک-g.webp" />.

    Image
    Image
  14. در گفتگوی Export Image که باز می شود، Select File Type را انتخاب کنید و به تصویر-g.webp" />. اگر در مورد لایه‌هایی که فراتر از مرزهای واقعی تصویر امتداد دارند هشدار دریافت کردید، دکمه Crop را انتخاب کنید.

    Image
    Image
  15. اکنون به گفتگوی ذخیره به عنوان GIF با بخشی از گزینه های-g.webp" /> منجر می شود. می‌توانید این موارد را در پیش‌فرض‌هایشان بگذارید، اما اگر می‌خواهید انیمیشن فقط یک بار پخش شود، باید علامت Loop forever را بردارید.

    Image
    Image
  16. اکنون می توانید-g.webp

نتیجه گیری

مراحل نشان داده شده در اینجا ابزارهای اساسی برای تولید انیمیشن های ساده خود با استفاده از گرافیک ها و اندازه های مختلف سند را در اختیار شما قرار می دهد. در حالی که نتیجه نهایی از نظر انیمیشن کاملاً اساسی است، اما فرآیند بسیار آسانی است که هر کسی با دانش اولیه GIMP می تواند به آن دست یابد.

توصیه شده: