آخرین اخبار

    پربازدید ترین مطالب

    داستان موفقیت

    وردپرس

    فریلنسر

    تولید محتوا

    ساخت گیف

    چگونه با فتوشاپ و سایر ابزارها گیف بسازیم؟ آموزش طراحی انیمیشن گیف

    اگر یک عکس گویای هزار کلمه است، پس یک انیمیشن گیف GIF متحرک احتمالا گویای ۱۰،۰۰۰ کلمه است. یا شاید ۵۰،۰۰۰؟ یک میلیون؟ خب، نکته این است که GIF ها واقعاً شگفت انگیز اند. آنها مانند کتاب های متحرک اینترنتی هستند.

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

    در مجموع، اگر شما در حال خواندن این مقاله هستید، می دانید که  GIF ها چقدر تاثیرگذار و خوب هستند. شاید از یک صفحه کلید GIF بر روی گوشی خود برای ارسال یک انیمیشن خنده دار به یک دوست استفاده کرده باشید یا آنها را در پاپ آپ های نظرات در فیسبوک مشاهده کرده باشید. اما آیا تا به حال گیفی برای خود ساخته اید؟

    ما ایده هایی جالبی برای طراحی انیمیشن گیف یا شاهکارهای مینیاتوری داریم که شانس موفقیت دارند. اما اگر شما نمی دانید که چگونه این رویا را به واقعیت تبدیل کنید. نگران نباشید: این آموزش ساده باید به شما در فرآیند ساخت گیف های پرطرفدار کمک زیادی کند…

     

    آموزش طراحی و ساخت انیمیشن گیف

    نحوه طراحی انیمیشن گیف GIF متحرک از یک ویدیو (فتوشاپ)

    قبل از شروع آموزش، باید مفهوم را باز کنیم. Adobe Photoshop احتمالا بهترین نرم افزار موجود برای ساخت GIF (یا به طور کلی ویرایش تصاویر) است. اگر فتوشاپ ندارید، برنامه هایی دیگری نیز وجود دارند که می توانند قابلیت هایی مشابه مانند GIMP را به شما بدهند، اما اگر درباره ساخت گیف جدی هستید، فتوشاپ راه درست برای پیش بردن این اقدام است.

    آموزش ساخت گیف

     

    آموزش فوتوشاپ و طراحی انیمیشن گیف

    مرحله ۱ – یک سری ویدئوی خوب را در وب پیدا کنید که می خواهید به انیمیشن گیف GIF تبدیلشان کنید. این می تواند عملا هر چیزی باشد، اما سعی کنید کلیپی را انتخاب کنید که خیلی طولانی نباشد، زیرا کوتاه بودن روح(ذات) یک گیف است.

    مرحله ۲ – ویدیو را در کامپیوتر خود ذخیره کنید. فیلم را تا جایی که می خواهید گیف پلی شود، برش دهید. دو یا سه ثانیه عالی است، پنج ثانیه بد نیست و ۱۰ یا بیشتر نیز با کات کردن درست امکان پذیر است، اما حجم فایل زیاد شده و کار کردن با آن سخت می شود. قاعده کلی این است که بتوانید ایده خود را در چند فریم ممکن به بیننده انتقال دهید.

    مرحله ۳ – ویدیو را با فتوشاپ باز کنید. برای انجام این کار به File> Import> Frames to Layers بروید. فایل ویدیویی را که می خواهید انتخاب کنید سپس فتوشاپ آن را به شکل یک سری فریم های ثابت باز می کند. شما می توانید کل ویدیو را از ابتدا تا انتها ایمپورت یا وارد کنید یا از اسلایدر ها برای انتخاب یک قسمت کوچکتر از کلیپ استفاده کنید. شما می توانید فایل را به هر فریمی که می خواهید (یک سوم، چهارم و غیره) محدود کنید تا فایل کوچکتر شود، این کار ویدیو را برای خرد کردن آسان تر می کند.

     ساخت گیف

    مرحله ۴ – خودتان با تنظیمات کار کنید. می توانید تعادل رنگ ها و یا آیتم ها دیگر را از طریق فتوشاپ در این مرحله تغییر دهید. وقتی همه چیز در نظرتان اوکی آمد، به File> Save for Web بروید. پس از آن با یک پنجره ای مواجه می شوید که احتمالاً شبیه به این خواهد بود:

    آموزش ساخت گیف در فوتوشاپ

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

     

    • رنگ ها: این مورد تعداد رنگ هایی که برای ایجاد تصویر استفاده می شوند را محدود می کند، بنابراین هرچه بالاتر ، بهتر (GIF ها حداکثر تا ۲۵۶ رنگ محدود می شوند). اگر مجبور بودید فقط آن را تا ۱۲۸ یا پایینتر برسانید.
    • Dither: Dither کردن پیکسل های رنگی مختلف را در یک تصویر پخش می کند تا با یک پالت رنگ محدود ،رنگ های میانی ​​در تصاویر دیده شوند. تنظیمات بهتر باعث می شود عکس ها بهتر به نظر برسند اما فایل را نیز بزرگتر می کنند.
    • Lossy: از این تنظیم برای کاهش کیفیت استفاده کنید. تنظیمات پایین تر بهتر است، ممکن است برخی اوقات افت کیفیت برای کاهش سایز فایل لازم باشد.
    • سایز: تغییر ابعاد گیف تان می تواند تاثیر زیادی بر روی سایز فایل داشته باشد.

     

    مرحله ۵ – ذخیره و به اشتراک گذاری! روی دکمه ذخیره کلیک کنید تا کارتان را نهایی کنید. هنگامی که این کار انجام شد، می توانید آن را درون یک سایت میزبانی تصویر رایگان مانند Imgur آپلود کنید تا آن را با دوستان خود به اشتراک بگذارید و یا آن را در وبلاگ ها و وب سایت هایتان جاسازی کنید.

     

    نحوه ایجاد یک گیف متحرک با استفاده از تصاویر ساکن (فتوشاپ)

     

    شما می توانید در فتوشاپ بوسیله جابجایی تصاویر ثابت نیز گیف های متحرک بسازید. این فرایند شامل لایه بندی هر فریم از پایین به بالا و سپس ایجاد توالی لایه ها با استفاده از ابزار animation / timeline فتوشاپ صورت می گیرد.

     

    مرحله ۱ – تصاویر ساکنی که می خواهید برای GIF خود استفاده کنید را جمع آوری کنید و آنها را در یک پوشه قرار دهید. سپس، در فتوشاپ، روی File > Scripts > Load Files کلیک کنید. از اینجا به بعد، بر روی Browse کلیک کرده و تصاویری را که روی دسکتاپ قرار دادید انتخاب کنید.

     

    بعد از انتخاب “OK” باید یک ترکیب جدید با این عکس ها باز شود که در حال حاضر به شکل لایه های جداگانه در یک تصویر مجزا دیده می شوند. آنها را مرتب کنید؛ اولین فریم شما باید پایین ترین لایه باشد و بقیه به دنبال آن.

    بجای آپلود عکس ها به صورت لایه ای. شما همچنین می توانید هر لایه را به صورت جداگانه در فتوشاپ ایجاد کنید، فتوشاپ را اجرا کرده و با کلیک بر روی File> New و سپس انتخاب «OK»یک تصویر جدید ایجاد کنید. سپس قفل لایه پس زمینه را با دو بار کلیک کردن بر روی آیکون قفل باز کنید، با باز کردن Layer> New …> Layer یک لایه جدید ایجاد کنید و هر فریم را به همین شکل طراحی کنید. دوباره، انیمیشن خود را از پایین به بالا مرتب کنید. (این فرآیند زمانی لازم خواهد بود که شما از یک نسخه قدیمی تر فتوشاپ استفاده کنید که گزینه “Load Files to Stack” را نداشته باشد.) به سادگی عکس های خود را در فتوشاپ بارگذاری کنید، آنها را درون پروژه جدید خود درگ کنید یا بکشید و سایز لایه های ایجاد شده جدید را با استفاده از ابزار تبدیل فتوشاپ تغییر دهید (Edit> Free transform یا Ctrl + T، سپس گوشه ها را بکشید).

     

    نتیجه نهایی شما باید شبیه این باشد، که هر یک از فریم های انیمیشن به صورت یک لایه(layer) جدا شده و به ترتیب زمانی از پایین به بالا مرتب شده:

    آموزش طراحی گیف

    مرحله ۲ – حال که شما لایه های خود را به ترتیب تنظیم کرده اید، می توانید لایه های خود را زمان بندی کنید. باز هم، این فرآیند بسته به نوع نسخه فتوشاپی که استفاده می کنید متفاوت خواهد بود. اگر هنوز از CS5 یا پایین تر استفاده می کنید، از طریق Window + Animation به پنجره انیمیشن دسترسی پیدا کنید. به منظور دسترسی به پنجره Timeline برای فتوشاپ CS6 و فتوشاپ CC از Window + Timeline استفاده کنید. برای فتوشاپ CC، روی منوی کشویی در وسط پنجره Timeline کلیک کنید و “Create Frame Animation” را انتخاب کنید.

     

    هنگامی که ابزار توالی یا زمان بندی فتوشاپ را باز کردید، روی فِلِش کوچک در بالا گوشه سمت راست کلیک کنید و سپس Make Frames From Layers را انتخاب کنید.

     

    شما همچنین می توانید بر روی فلش مورد نظر کلیک کنید تا به صورت دستی یک فریم جدید ایجاد کنید (یا می توانید با استفاده از کلید  Ctrl> Shift> Alt> Fاین کار را انجام دهید). از آنجا، از آیکن چشم در کنار هر لایه استفاده کنید تا لایه هایی را که نمی خواهید در کادر ایجاد شده ظاهر شوند پنهان کنید.

    چطور در فوتوشاپ گیف درست کنیم

    از اینجا، از منوی زیر هر کادر استفاده کنید تا مدت زمان آن را تغییر دهید. منوی پایین گوشه سمت چپ تعیین می کند که چند بار GIF شما پخش شود – اگر می خواهید آن را به طور بی نهایت نمایش دهید ، آن را برروی Forever تنظیم کنید.

     

    گام سوم – تبریک، شما با استفاده از تصاویر ساکن یک GIF متحرک ایجاد کرده اید و در حال حاضر تنها کاری که باید انجام دهید این است که آن را با استفاده از فرآیند ذکر شده در بالا، به جایی دیگر صادر یا اکسپورت کنید. به طور خلاصه:

     

    به File > Save for Web بروید. به یاد داشته باشید که GIF شما نباید بزرگتر از ۱ مگابایت باشد. در صورت لزوم، تنظیمات رنگ، dither ، loss ، و اندازه را تغییر دهید تا گیف شما به اندازه ی مورد نظر برسد. هنگامی که راضی شدید، GIF مورد علاقه خود را ذخیره کنید.

     

    نحوه طراحی گیف متحرک با استفاده از تصاویر ساکن (به صورت رایگان)

    اگر به فتوشاپ دسترسی ندارید، روش های رایگانی برای ساخت گیف وجود دارد، اگرچه ممکن است کیفیت نهایی محصول بالا نباشد. برنامه های مختلف رایگانی (مانند GIMP یا Pixlr) هستند که عملکردهای اصلی فتوشاپ را ارائه می دهند، در نتیجه شما می توانید تصاویر ساکن را ایجاد کرده و آنها را به صورت متوالی پخش کنید؛ همچنین وب سایت هایی هستند که به شما اجازه می دهند از یک ویدیو گیف تهیه کنید. هیچ کدام از این فرآیندها به اندازه فتوشاپ کارایی ندارند، اما ارزان تر و نسبتا ساده هستند.

    ساختن گیف با استفاده از تصاویر ساکن

    چندین برنامه درون مرورگری وجود دارند که به شما اجازه می دهد از طریق یک سری تصاویر ثابت بتوانید گیف  بسازید. به عنوان مثال، ما از Ezigif استفاده خواهیم کرد. این سایت به شما اجازه می دهد تا مجموعه ای از تصاویر را آپلود کرده، آنها را مرتب و به یک GIF متحرک تبدیل کنید. البته، برای انجام این کار، به مجموعه تصاویری که به طور متوالی قابل پخش باشند نیاز دارید. برای انجام این کار، ما به یک جایگزین رایگان برای فتوشاپ نیاز خواهیم داشت. در این مثال از Pixlr استفاده خواهیم کرد.

     

    مرحله ۱ – اولین کاری که باید انجام دهید، ایجاد یک تصویر جدید است. اندازه بوم را انتخاب کنید، اما به یاد داشته باشید که هرچه اندازه فایل گیف بزرگتر باشد، آهسته تر بارگذاری یا لود می شود، بنابراین سعی کنید چیزهایی که روی بوم پیاده می کنید را ، کاهش دهید. ساده تر و کوچکتر اغلب بهتر است.

     

    مرحله ۲ – هنگامی که یک بوم در اختیار دارید، اولین فریم گیف خود را ایجاد کنید. برای این مثال، ما از ابزار شکل دهی برای ساخت یک آدم با یک دایره، مستطیل و چند خط استفاده می کنیم و این تصویر را برای ایجاد اولین فریم ذخیره می کنیم.

    نحوه ساختن انیمیشن

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

     

    مرحله ۳ – برای فریم بعدی، ما با پاک کردن دست عکس قبلی و کشیدن یک دست جدید به سمت بالا، کاری می کنیم که این فرد دستش را بالا ببرد. برای ایجاد فریم بعدی، تصویر را ذخیره کنید.

    آموزش ساخت انیمیشن گیف

    مرحله ۴ – بعد، از ابزار Type برای ایجاد متن استفاده می کنیم و این تصویر را به عنوان فریم سوم ذخیره می کنیم.

    آموزش ساخت انیمیشن گیف

    مرحله ۵ – سپس، ما چند متن دیگر را اضافه خواهیم کرد و آن را به عنوان فریم چهارم ذخیره می کنیم.

    ساخت انیمیشن گیف

    مرحله ۶- فریم های آماده مان را در Ezigif آپلود می کنیم. برگه ای با نام GIF Maker را انتخاب کرده و روی دکمه انتخاب فایلها کلیک کنید. تمام تصاویری را که به گیفتان مربوط است انتخاب کنید.

    مرحله ۷ – سپس بر روی دکمه آپلود کلیک کنید. هنگامی بارگذاری فایل های تصویر به پایان رسید، مطمئن شوید که آنها در ترتیب درستی هستند. همچنین می توانید زمان تأخیر را تعیین کنید، که زمان تاخیر بین فریم هاست و سپس تعداد دفعاتی که می خواهید گیف پلی شود را انتخاب کنید.

    آموزش فوتوشاپ

    مرحله ۸- پس از اتمام، روی دکمه Animate it کلیک کنید.

    آموزش ساخت گیف با فوتوشاپ

    سپس انیمیشن گیف شما همراه با دکمه هایی برای ویرایش نمایش داده می شود و می توانید آن را در کامپیوتر خود ذخیره کنید.

     

    نحوه ایجاد گیف متحرک از یک ویدیو (به صورت رایگان)

    اگر می خواهید از یک قطعه خاصی از یک ویدیو برای GIF استفاده کنید، سایت های متعددی وجود دارند که می توانند به شما کمک کنند تا آنها را با تلاش بسیار کمی ایجاد کنید. Ezigif، Giphy، ImgFlip، Gfycat، و خدمات آنلاین دیگر به شما اجازه می دهند بدون نیاز به کارت اعتباری گیف مورد نظر خود را ایجاد کنید، اگرچه این راحتی باعث قربانی کردن سطح کنترل شما می شود.

    مرحله ۱ – استفاده از هر یک از این ابزارهای آنلاین فوق العاده ساده است. به عنوان مثال، ما از Giphy استفاده خواهیم کرد. این سایت به شما اجازه می دهد که یا URL یک ویدیو خاص را وارد کنید یا فایل ویدیویی را از رایانه خود آپلود کنید. سپس به مرحله ۲ بروید.

    نحوه ساختن انیمیشن

    مرحله ۲ – هنگامی که این کار را انجام دادید، می توانید نقطه ای که در آن GIF شروع می شود را انتخاب کنید و انتخاب کنید که چه مدت می خواهید گیف اجرا شود. اگر بخواهید می توانید یک متن نیز وارد کنید،.

    نحوه طراحی انیمیشن گیف

    مرحله ۳ – هنگامی که در مورد این عناصر تصمیم گرفتید، به سادگی دکمه Create GIF را بزنید و اجازه دهید سایت کار را تمام کند.

     

     

    و تمام! حالا دیگر شما استاد طراحی انیمیشن گیف شده اید و خوراک رسانه های اجتماعی تان بی نهایت هیجان انگیزتر خواهند شد. اگر چه، ما باید احتمالا به شما گوشزد کنیم: هرچه قدرت بیشتر شود مسئولیت نیز بزرگتر می شود؛ لحظات خود را عاقلانه انتخاب کنید و دوستان خود را با تعداد زیادی از گیف های کم کیفیت بی میل نکنید، مهم نیست چقدر زیبا باشند. برای هر چیز یک زمان و مکان وجود دارد، و کیفیت همواره کمیت را تحت تاثیر قرار می دهد. GIF ممکن است متوسط باشد، اما یک قهرمان نیز هست؛ تمرین کنید و در آن ماهر شوید.

    قبلی «
    بعدی »

    پاسخی بگذارید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

    SEO

    Digital Marketing

    خرید-رپورتاژ-آگهی

    Startup

    Social Marketing

    Brand Story

    آموزش رپورتاژ آگهی