در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)

سلام، حتماً تا کنون بنرهای تبلیغاتی مختلفی را در وب سایتهای اینترنتی مشاهده کرده اید که در آنها اکثراً از تصاویر یا متن متحرک استفاده شده است، شاید شما هم علاقه مند به تولید تصاویر متحرک، انیمیشن، و ... برای وب سایت، وبلاگ خود و ... باشید و برای تولید اینگونه محتوا روشهای مختلفی وجود دارد از جمله استفاده از ابزارهای Flash، امّا شما براحتی می توانید با استفاده از نرم افزار فتوشاپ نسبت به ایجاد انیمیشن یا تصاویر متحرک (GIF) اقدام کنید. لذا در این پست، به آموزش ساده و ابتدائی ایجاد یک تصویر چشمک زن می پردازیم:

ابتدا همانند تصویر زیر، سندی جدید با سایز دلخواه و با Resolution: 72 در حالت RGB ایجاد کنید:

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)

سپس برای زیبائی طرح، رنگی را برای پس زمینه (BackGround) انتخاب کنید و یا از نوارابزار گرادینتی را همانند تصویر زیر انتخاب و بر سند اعمال کنید:

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)

حالا به عنوان نمونه عبارت «We are together in ITPRO » را با فونت و سایز و رنگی دلخواه، همانند تصویر زیر تایپ می کنم:

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)

سپس در یک لایه ی متنی جدید، عبارت « ** Welcome **» را با ویژگیهای متفاوت از عبارت اوّل تایپ می کنم، هم اکنون تصویر و پالت Layers به شکل زیر می باشد:

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)

تا به اینجای کار ما محتوای بنر خودمان را آماده کردیم، هم اکنون وقت آن رسیده است که عبارت « ** Welcome **» را با استفاده از ایجاد Frameها در حالت چشمک زن قرار دهیم. به این منظور از منوی Window، گزینه Timeline را انتخاب میکنیم، با انجام این کار Frame 1 در پائین تصویر ایجاد می گردد که در زیر آن زمانی جهت اجرا با واحد ثانیه درج گردیده است، شما می توانید زمان دلخواه خود را با کلیک بر روی مثلث کوچک این Frame انتخاب کنید:

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)

سپس طبق مراحل تصویر زیر، از Frame1 کپی گرفته و Paste می کنیم:

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)

سپس بر روی Frame 2 که جدید ایجاد شد کلیک نموده و طبق تصویر زیر آیکن چشم در کنار نام لایه « ** Welcome **» را غیر فعال می کنیم:

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)

مجدداً طبق روش گفته شده در بالا Frame3 را همانند تصویر زیر ایجاد میکنیم و ضمن انتخاب این فریم، دوباره آیکن چشم در کنار نام لایه « ** Welcome **» را فعال می کنیم:

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)


و در آخرین مرحله کافیست جهت ذخیره انیمیشن ایجاد شده، از منوی File گزینه Save for Web را انتخاب کنید و یا کلیدهای میانبر Alt+Shift+Ctrl+S را بصورت همزمان بفشارید و سپس طبق تصویر زیر علاوه بر انتخاب فرمت Gif از قسمت Looping Options گزینه Forever را برگزینید:

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)

نتیجه کارهای صورت گرفته در بالا، طبق تصویر زیر خواهد بود که فرمت آن Gif می باشد، امّا به دلایل امنیتی تصاویر با این فرمت در این وبسایت قابلیت اجرا ندارد. شما می توانید نتیجه کار خود را با راست کلیک نمودن بر روی تصویر خودتان و انتخاب یک مرورگر همانند FireFox از قسمت Open With مشاهده کنید:

آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF)

نویسنده: محمود کیاستی

منبع: جزیره گرافیک ، عکاسی و انیمیشن وب سایت توسینسو

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده، دارای اشکال اخلاقی می باشد.

عنوان
1 آموزش فتوشاپ (Photoshop) قسمت 1 : آشنایی با محیط کار رایگان
2 آموزش فتوشاپ (Photoshop) قسمت 2 : کار با WorkSpace رایگان
3 آموزش فتوشاپ (Photoshop) قسمت 3 : حالتهای مختلف کار با تصاویر رایگان
4 آموزش فتوشاپ (Photoshop) قسمت 4 : کار با لایه ها (1) رایگان
5 آموزش فتوشاپ (Photoshop) قسمت 5 : کار با لایه ها (2) رایگان
6 آموزش فتوشاپ (Photoshop) قسمت 6 : کار با کلیدهای میانبر رایگان
7 آموزش فتوشاپ (Photoshop) قسمت 7 : تنظیمات Preferences رایگان
8 آموزش فتوشاپ (Photoshop) قسمت 8 : معرفی ابزارها (1) رایگان
9 آموزش فتوشاپ (Photoshop) قسمت 9 : معرفی ابزارها (2) رایگان
10 آموزش فتوشاپ (Photoshop) قسمت 10 : معرفی ابزارها (3) رایگان
11 آموزش فتوشاپ (Photoshop) قسمت 11 : ابزار Crop رایگان
12 آموزش فتوشاپ (Photoshop) قسمت 12 : تصاویر برداری رایگان
13 آموزش فتوشاپ (Photoshop) قسمت 13 : روشهای صاف (افقی) کردن تصاویر رایگان
14 آموزش فتوشاپ (Photoshop) قسمت 14 : تنظیمات ناحیه انتخاب شده رایگان
15 آموزش فتوشاپ (Photoshop) قسمت 15 : تنظیمات Performance رایگان
16 آموزش فتوشاپ (Photoshop) قسمت 16 : ابزار Brush قسمت 1 رایگان
17 آموزش فتوشاپ (Photoshop) قسمت 17 : کاهش حجم تصاویر رایگان
18 آموزش فتوشاپ (Photoshop) قسمت 18 : رفع قرمزی چشم رایگان
19 آموزش فتوشاپ (Photoshop) قسمت 19 : رنگ شناسی و مکمل های رنگی رایگان
20 آموزش فتوشاپ (Photoshop) قسمت 20 : هفت روش Zoom کردن رایگان
21 آموزش فتوشاپ (Photoshop) قسمت 21 : روش های مختلف انتخاب رنگ رایگان
22 آموزش فتوشاپ (Photoshop) قسمت 22 : ایجاد تصویر متحرک (GIF) رایگان
23 آموزش فتوشاپ (Photoshop) قسمت 23 : تغییر رنگ تصاویر رایگان
24 آموزش فتوشاپ (Photoshop) قسمت 24 : کاربرد Action ها رایگان
زمان و قیمت کل 0″ 0
2 نظر

این نظر توسط m.kia در تاریخ سه شنبه, 12 آبان 1394 حذف شده است.

دلیل: این مطلب، برخلاف قوانین و مقرّرات سایت جنبه ی تبلیغاتی دارد.

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره پاییزه می تونی امروز ارزونتر از فردا خرید کنی ....