جستجو در تالارهای گفتگو

ساخت بنر تبلیغاتی متحرک - فتوشاپ در این آموزش، ساخت بنر تبلیغاتی حرفه ای رو به شما نشان خواهیم داد... که می تونید این آموزش رو دنبال کنید و یه بنر تبلیغاتی متحرک برای سایتتون بسازید... نتیجه نهایی: گام 1: ما می خوایم بنر با سایز استاندار که در ابعاد 468x60 هستش ایجاد کنیم... پس یه سند جدید با طول و عرض 468x60 باز کنید... برای حاشیه بنر : - یک لایه جدید باز کنید و اسمش رو "Border" بزارید... - کلیدهای Ctrl+A را بفشارید تا دور لایه انتخاب شود... به مسیر بروید Edit » Stroke و تنظیمات زیر را اعمال کنید : Width: 1px. Color: Black. Location: Center. Blending Mode: Normal. Opacity: 100% نتیجه: گام 2: یک لایه جدید ایجاد کنید و سمت چپ بنرتون رو هر طرحی که خواستید بزنید.... حال ابزار eclipse shape tools را فعال کنید و سمت راست بنر یک شکل تقریباً گرد ایجاد کنید... گام 3: برای رنگ آن از ابزار گرادینت استفاده کنید ... پس به مسیر زیر بروید و تنظیمات را انجام دهید: Layer » Layer Style » Gradient Overlay بهتره drop shadow and inner shadow هم اضافه کنید...کافیه opacity رو برابر با 20% قرار بدید... نتیجه: گام 4: میتونید اینجا برای زیر لوگو از ابزار Rounded Rectangle shape استفاده کنید ... تنظیمات گرادینت رو مانند زیر انجام بدید: بهتره stroke هم اضافه کنید: Layer » Layer Style » Stroke Stroke=2pixel همچنین می تونید گرادینت خاکستری به سفید رو به لایه زیرین اضافه کنید تا بهتر به نظر بیاد... نتیجه: گام 5: برای راحت تر کردن آموزش ، در اینجا فقط از دو خط استفاده می کنم ولی شما می تونید از ایده های بهتری استفاده کنید... ابزار type tool را فعال کنید و متن اولیتون رو تایپ کنید...( متنی که قراره در قاب (Frame) اول نمایش داده بشه) حال نمایش لایه Text رو غیرفعال کنید و با ابزار Type Tool در همون محلی که متن اولیتون رو نوشتید ، متن دومی هم تایپ کنید... حالا باید پالت لایه هاتون شبیه شکل زیر باشه: و بنرتون شبیه شکل زیر: گام 6: از این مرحله انیمشن شروع میشه... پس بر روی دکمه "Switch to Imageready" کلیک کنید... (در ورژن های جدیدتر فتوشاپ به منوی Window رفته و Animation رو باز کنید...) پایین صفحه باید پالتی مانند شکل زیر ببینید: گام 7: بر روی "New Frame" کلیک کنید ... بر روی"Dublicate selectes Frame" کلیک کنید تا از فریم اول یک فریم کپی شود... حال که فریم دومی انتخاب شده، لایه Text که در حالت نمایش است را از پالت Layer انتخاب کنید و به اندازه 2 پیکسل به سمت بالا بکشید ( 2 باردکمه اشاره گر بالا، روی کیبورد را فشار دهید) نتیجه: گام 8: اگر به فریم اول و دومی نگاه کنید متوجه کمی تغییر خواهید شد... حال از فریم آخر (فریم دوم) یک کپی بگیرید و Text رو به اندازه 10 پیکسل به سمت پایین بکشید و opacity لایه رو برابر 70% قرار بدید... گام 9: از فریم آخر یک کپی بگیرید ... حدود 15 پیکسل به سمت پایین بکشید و opacity لایه رو به 40% کاهش دهید.... گام 10: از فریم آخر یک کپی بگیرید... لایه Text که در حال نمایش است را از حالت نمایش خارج کنید و نمایش لایه Text دیگر را فعال کنید... این متن را دقیقاً در جای Text قبلی قرار دهید و opacity لایه را برابر 40% کنید... گام 11: از فریم آخر یک کپی بگیرید... حال متن خود را به اندازه 15 پیکسل به سمت بالا بکشید و opacity لایه رو برابر با 70% قرار بدید... گام 12: از فریم آخر یک کپی بگیرید... متنتون رو به اندازه 10 پیکسل به سمت بالا بکشید و opacity رو برابر 100% قرار بدید... گام 13: از فریم آخر یک کپی بگیرید... به اندازه 2 پیکسل متنوتون رو به سمت پایین بکشید... گام 14: تا الآن باید 8 فریم ایجاد شده باشه... همین مراحل رو از گام 12 (فریم 7) به گام 7 (فریم 2) دوباره انجام بدید ... اگر همه مراحل رو به درستی انجام داده باشید باید حدود 14 فریم ایجاد شده باشه ... گام 15: پایین هر فریمی "0 sec." رو میبینید، که این عدد فاصله زمانی هر فریم رو نشون میده ... ما می خوایم که شما همه ی اینها رو به "0.05" یا "0.1" تغییر بدید... بستگی به میزان سرعت مورد نظر خودتون داره ... برای اینکه به 0.05 تغییر بدید، بر روی پیکان کنار "0 sec" کلیک کنید و "Other" را انتخاب کنید... 0.05 را وارد کنید... گام 16: برای نمایش انیمیشن بر روی دکمه Play Animation کلیک کنید ... میبینید که نوشته ها با سرعت زیادی می چرخند و نمی تونید متن رو بخونید ... برای اینکه نوشته ها راحت خونده بشن باید زمان مکث 2 فریم اصلی را بیشتر کنیم... پس، فریم #1 را انتخاب کنید و زمان توقف رو برابر با 2 seconds قرار بدید ... حال دومین فریم ،جایی که نوشته ها به راحتی خوانده میشوند، ( واسه من فریم #8 هستش) را انتخاب و زمان را 2 seconds قرار دهید... حال به انیمیشن خود نگاه کنید: اگر جایی با مشکلی برخوردید فایل PSD رو دانلود کنید تا ببینید من چطور انجام دادم... منبع: [Hidden Content] دانلود فایل PSD