P30-ART


ارسال موضوع ارسال پاسخ
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش ساخت بنر های متحرک gif(جلسه سوم)
نویسنده پیام
مدیر کل انجمن
********

ارسال‌ها: 634
تاریخ عضویت: اسفند 1392
اعتبار: 77
وضعیت : آفلاین
جنسیت:
سپاس ها 782
سپاس شده 1165 بار در 473 ارسال
ارسال: #1
آموزش ساخت بنر های متحرک gif(جلسه سوم)
[تصویر:  amoozesh2.jpg]
با سلام 
رسیدیم به بخش سوم آموزش ها از سری آموزش های ساخت بنر مترک gif ما دو جلسه از این آموزش ها رو طی روز گذشته ارائه دادیم و اکنون به ادامه آموزش ها و اصلی ترین مرحله آموزش ها رسیدیم 
دوستانی که در مراحل قبلی با ما نبودن لطفا" برای شروع جلسات قبلی رو مرور کنند
آموزش ساخت بنر های متحرک gif(جلسه اول)
آموزش ساخت بنر های متحرک gif(جلسه دوم)
در جلسه قبل دیدید که تقریبا" یک بکگراند ساده و البته حرفه ای رو برای شما آموزش دادیم که البته شما بعد از یادگیری می تونید بسیار حرفه ای تر از این بسازید در این قسمت ما می خواهیم که لایه ای رو درست کنیم که بر روی اون متن تبلیغی مربوط به بنر خودمون رو بنویسیم...
برای راحتی کار ما این کار رو در سند جدید و در صفحه ای دیگر از فتوشاپ خودمون آماده و به بنر اصلی خودمون انتقال میدیم
بخش 1 ساخت لایه گرافیکی تکست در سند جدید:
برای این کار طبق گام اول ارائه شده در جلسه دوم از قسمت فایل گزینه mew سندی مثلا" در ابعاد 350 عرض و 50 ارتفاع ایجاد می کنیم .
ابزار رسم مستطیل رو ایجاد می کنیم نشانگر موس رو بر روی صفحه ایجاد شده منتقل کرده و روی آن دوبل کلیک می کنیم تا پنجره مخصوص ابعاد ترسیم ظاهر شود ...
بعد از باز شدن پنجره تازه ابعاد 300 در 25 پیکسل رو وارد و تایید می کنیم بعد از ایجاد مستطیل طبق آموزش های قبل رنگ مستطیل ایجاد شده را طوسی متوسط انتخاب می کنیم 
[تصویر:  b10.jpg]
سپس با استفاده از دکمه های ترکیبی ctrl+j  از لایه مستطیل مورد نظر کپی می گیریم و رنگ لایه کپی شده رو یک مقدار از لایه قبلی تیره انتخاب می کنیم
زمانی که لایه کپی کرده در حالت انتخاب است با استفاه از دکمه های ترکیبی ctrl+t به مستطیل پر رنگ تر زاویه 20 الی 25 درجه رو میدیم و از حالت انتخاب خارج می کنیم 
توجه داشته باشید که در این مرحله باید از قسمت سمت راست لایه ها لایه مستطیل کم رنگ رو به بالا بکشیم تا بر روی تمام لایه ها قرار بگیرید
[تصویر:  b11.jpg]
 در ادامه کار نوشته مورد نظر رو با استفاده از ابزار متن بر روی طرح ساخته شده ایجاد می کنید و بعد از اتمام کار بکگراند کار رو خاموش می کنید تا نتیجه کار رو بدون بکگراند و پشت زمینه باشد 
سپس از گزینه save for web... کار ساخته شده رو  با فرمت png ذخیره کنید
[تصویر:  b12.jpg]
نتیجه کار هم مثل عکس زیر در میاد
[تصویر:  blogers1.png]
بخش 2 انتقال شکل ساخته شده به روی بنر اصلی:
عکس ساخته شده خودمون رو که ذخیره کرده بودیم بر روی بنر اصلی منتقل می کنیم حالا به دقت ادامه کار رو داشته باشین
از قسمت پایینی فتوشاپ یعنی همون قسمت تایم لاین از تنها ترین فریم موجود کپی می گیریم تا دومین فریم همانند اولی ایجاد شود برای کپی هم از شکل زیر استفاده کنید 
 
[تصویر:  b13.jpg]
همانطور که در تصویر هم نشون داده شد زمانبندی فریم ها رو هم مطابق شکل انجام در ادامه فریم اولی رو انتخاب و لایه مورد نظر رو به بالا ترین نقطه بنر انتقال می دهیم تا به طور کامل از دید پنهان شود و سپس فریم دومی رو انتخاب کرده لایه مورد نظر رو اونجایی که قراره باشه یعنی همون وسط بنر قرار بدین...
دو باره انتخاب رو بر روی فریم اولی قرار بدین حالا با استفاده از دکمه موجود در امکان تایم لاین که در تصویر زیر هم نشان داده شده است فریم ها رو به 3 قسمت تقسیم می کنیم که با دو فریم اصلی به 5 فریم تبدیل می شود
[تصویر:  b14.jpg]
در ادامه کار از لایه شماره 5 کپی گرفته و اینبار بر روی فریم شماره 6 لایه مورد نظر رو از قسمت پایین کادر خارج می کنیم و بعد با انتخاب فریم شماره 5 از امکان تایم لاین مثل قبل تعداد فریم های خروجی رو به 5 می رسانیم
توجه داشته باشید که زمانبندی فریم ها به شکل زیر باشد.برای دیدن نتیجه کار هم می توانید از دکمه پلی در همان قسمت استفاده کنید
[تصویر:  b15.jpg]
تا اینجای کار رو خیلی ساده و راحت براتون آموزش دادیم در ادامه برای قسمت های بعدی همین آموزش ها رو دوباره تکرار می کنیم و به ترتیب ادامه ساخت بنر رو پیش می گیریم تا به نتیجه پایانی کار برسیم 
توجه کنید که ادامه کار هم مثل آموزش های قبلی بسیار راحت و ساده است و هیچ تفاوتی با بقیه فریم ها ندارد فقط به زمانبندی های بین فریم ها توجه کنید تا به روان بودن بنر کمک کند
به طور مثال در ادامه چند لایه با نام های متفاوت به شکل نمونه زیر می سازید و ادامه کار را با همان آموزش ها از سر می گیرید
[تصویر:  blogers2.png]
 و 
[تصویر:  blogers7.png]
نتیجه کار این آموزش ها همین بنر پایینی ست که می بینید یک بنر حرفه ای و زیبا که شما هم می تونید با همین آموزش ها بهترین بنر ها رو بسازید موفق باشید
[تصویر:  blogers.gif]
 
منتظر نظرات خوبتون در مورد این آموزش ها هستیم
 
 

12-13-1392 01:24 ق.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط ARASHDMA ، Bahamin ، Black Ghost ، Mr.Emad ، sajjad
مدیر بخش گرافیک
******

ارسال‌ها: 519
تاریخ عضویت: فروردین 1393
اعتبار: 49
وضعیت : آفلاین
جنسیت:
سپاس ها 495
سپاس شده 517 بار در 278 ارسال
ارسال: #2
RE: آموزش ساخت بنر های متحرک gif(جلسه سوم)
خیلی اموزش مفیدی بود من از رو این اموزش این بنر رو درست کردم


فایل‌(های) پیوست شده بندانگشتی (ها)
   
01-26-1393 08:09 ب.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط admin ، Amir Rezaei
مدیر کل سایت
********

ارسال‌ها: 735
تاریخ عضویت: اسفند 1392
اعتبار: 55
وضعیت : آفلاین
جنسیت:
سپاس ها 1485
سپاس شده 1147 بار در 500 ارسال
ارسال: #3
RE: آموزش ساخت بنر های متحرک gif(جلسه سوم)
بنر زیبایی بود. خوبه ..

به ایران تمپ خوش آمدید!
01-26-1393 08:16 ب.ظ
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط ARASHDMA
مدیر بخش گرافیک
******

ارسال‌ها: 519
تاریخ عضویت: فروردین 1393
اعتبار: 49
وضعیت : آفلاین
جنسیت:
سپاس ها 495
سپاس شده 517 بار در 278 ارسال
ارسال: #4
RE: آموزش ساخت بنر های متحرک gif(جلسه سوم)
ممنون ببخشید میشه برای این انجمنم بنر بسازم
01-26-1393 08:23 ب.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
کاربر تازه وارد
**

ارسال‌ها: 2
تاریخ عضویت: شهریور 1393
اعتبار: 0
وضعیت : آفلاین
جنسیت:
سپاس ها 0
سپاس شده 0 بار در 0 ارسال
ارسال: #5
RE: آموزش ساخت بنر های متحرک gif(جلسه سوم)
تورو خدا جواب بدید   سریع        
عکس ساخته شده خودمون رو که ذخیره کرده بودیم بر روی بنر اصلی منتقل می کنیم       چه طوری هست
06-05-1393 07:11 ق.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
کاربر با تجربه
*****

ارسال‌ها: 699
تاریخ عضویت: فروردین 1393
اعتبار: 55
وضعیت : آفلاین
جنسیت:
سپاس ها 144
سپاس شده 455 بار در 287 ارسال
ارسال: #6
RE: آموزش ساخت بنر های متحرک gif(جلسه سوم)
چی؟؟واضح بگینتصویر: /images/smilies/sheklak/persian (311).gif

....بیست ابزار....


فروش پی اس دی قالب چتروم

شاخ بودن توی دنیای مجازی؛عینِ پولدار بودن توی
GTA می مونه ..!


تصویر: /images/smilies/sheklak/(8016).gif
06-05-1393 02:08 ب.ظ
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
کاربر تازه وارد
**

ارسال‌ها: 2
تاریخ عضویت: شهریور 1393
اعتبار: 0
وضعیت : آفلاین
جنسیت:
سپاس ها 0
سپاس شده 0 بار در 0 ارسال
ارسال: #7
RE: آموزش ساخت بنر های متحرک gif(جلسه سوم)
انتقال شکل 
ساخته
شده به روی 
بنر
 اصلی

چه طوری هست
06-05-1393 05:22 ب.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
مدیر بخش آموزش
******

ارسال‌ها: 435
تاریخ عضویت: اردیبهشت 1393
اعتبار: 47
وضعیت : غایب
جنسیت:
سپاس ها 389
سپاس شده 397 بار در 181 ارسال
ارسال: #8
RE: آموزش ساخت بنر های متحرک gif(جلسه سوم)
شکل ساخته شده رو سیو میکنی بعد با ctrl+o بازش میکنی بعد با ابزار دومی شکل رو انتخاب میکنی بعد ctrl+c و روی شکل اصلی با ctrl+v میچسبونی

بخاطر اینکه نمیتونم دیگه توی این پست فعالیت کنم به مدت 8 ماه این پست رو به یکی از کاربران ایران تمپ اهدا خواهم کرد!
واجدین شرایط پ.خ دهند
06-05-1393 07:23 ب.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط alivesali
ارسال موضوع ارسال پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان