ورود به اکانت شما

نام کاربری *
رمز عبور *
مرا بخاطر بسپار

ایجاد حساب کاربری

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

آموزش ساخت بنر متحرک موس های مایکروسافت با فتوشاپ مطلب ویژه

توسط 19 فروردين, 1392 4947 0

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

baneer
طبق قراری که گذاشته بودم قرار شد هر بنر نسبت به بنر قبلی کمی دارای پیچیدگی بیشتری باشد تا بازدید کنندگان با قابلیت های دیگر Animation در فتوشاپ بیشتر آشنا بشوند .

در این قسمت میخواهم یک بنر برای وسط صفحه اصلی طراحی کنم . ابعاد این بنر را 200×300 قرار میدهم .
شما می توانید با استفاده از این آموزش یک طرح دیگه با ابعادی متناسب با سایت خودتان طراحی کنید . هدف از ایجاد این تمرین بالا بردن سطح ایده پردازی شما در خلق کردن بنرهای متحرک می باشد .

شما می توانید با توجه به آموزشهای قبلی از متن هم در بخشهای مختلف با افکت های جدید استفاده کنید .

فتوشاپ  را اجرا کنید
1. یک صفحه به ابعاد 200×300 با رزولیشن 100 ایجاد کنید .

 

shoe magic asarayan1

Flash Banner ASARAYAN1


2. شما می توانید از تصاویر دلخواه بسته به محتوای سایت خودتان استفاده کنید . من تصویر موس مایکروسافت با مدل 3KJ-00002 MS Touch Mouse را روی صفحه ایجاد شده قرار میدهم


Flash Banner ASARAYAN2


3. در مرحله سوم بعد از ایجاد صفحه جدید باید پنل انیمیشن را از مسیر Window = > Animation فعال کنید تا کادر تنظیمات آن در پایین صفحه ظاهر شود .


Flash Banner ASARAYAN2

Flash Banner ASARAYAN3


4. در پایین صفحه کادر انیمیشن را مشاهده می کنید . این پنل تشکیل شده است از : قسمت فریم ها  / قسمت Forever و قسمت Playes Animation

Flash Banner ASARAYAN4

در قسمت راست پنل انیمیشن پایین صفحه روی آیکون Convert To Frame Animation کلیک کنید تا اولین فریم ساخته شود .


Flash Banner ASARAYAN5

Flash Banner ASARAYAN6


5. ابزار Rectangle Marquee Tool را انتخاب کرده و گزینه Style را برابر با Fixed Size قرار دهید . سپس ابعاد 50 در 50PX را برای هر دو کادر وارد کنید .


Flash Banner ASARAYAN3


6. حالا یک لایه جدید ایجاد کنید و کادری که کشیدید را درست پایین صفحه قرار بدهید . در مرحله بعدی باید رنگ کادر کشیده شده را با ابزار Paint به رنگ سفید تغییر بدهیم .


Flash Banner ASARAYAN4

Flash Banner ASARAYAN5


7. حالا باید از کادری که کشیدید با زدن کلیدهای CTRL+J به اندازه کل تصویر کپی بگیرید .در لایه های مستقل


Flash Banner ASARAYAN6


8. من یک تصویر دیگه هم بالای کادرهایی که کشیدم قرار میدهم .


Flash Banner ASARAYAN7


9. حالا نوبت میرسه به ایجاد انیمیشن و ساخت بنر به صورت متحرک فریم اول را که ایجاد کرده اید باید زمانش را به 1 ثانیه تغییر بدهید . دقت داشته باید که همه لایه ها به غیر از لایه اصلی را غیر فعال کنید


Flash Banner ASARAYAN9


حالا باید تمام Fill لایه را برابر با 50 قرار بدهیم . به غیر از تصویر دوم


Flash Banner ASARAYAN10


روش کار به این صورت هست که با ایجاد یک فریم جدید یک لایه فعال می شود . زمان هر لایه هم 1صدم ثانیه باید تنظیم شود .


Flash Banner ASARAYAN11


به تصویر زیر دقت کنید من این مرحله را تا آخرین مربع انجام میدهید .


Flash Banner ASARAYAN12

Flash Banner ASARAYAN13


بعد از اینکه مرحله آخر را انجام دادید بابد یک فریم از دوباره ایجاد کنیم و لایه مربع اول را Fill را برابر با 100 قرار دهیم .تا مرحله آخر به همین منوال . یک فریم ایجاد Fill لایه اول برابر با 100


Flash Banner ASARAYAN14

Flash Banner ASARAYAN15

Flash Banner ASARAYAN16


بسیار خوب امیدوارم تا این قسمت خسته نشده باشید . فریم آخر هم زمانش را روی 5 صدم ثانیه تنظیم کنید تا کمی بیشتر توقف داشته باشد .
یک فریم با زمان 1صدم ثانیه ایجاد کنید فقط عکس دوم را می خواهم در 4 مرحله به صورت کامل در صفحه نمایش بدهم. یعنی 4 فریم ایجاد کرده و در هر فریم فقط قسمتی از کادر را به طرف بیرون بیاورید تا کل تصویر دوم در وسط صفحه ظاهر شود


Flash Banner ASARAYAN17

baneer

 

لینک دانلود فایل PSD :سرورمستقیم

این مورد را ارزیابی کنید
(0 رای‌ها)
آخرین ویرایش در دوشنبه, 04 خرداد 1394 ساعت 16:17
کلیه حقوق متعلق است به فروشگاه آسارایان. طراحی و پشتیبانی: webriz
تک وب دیزاین-قالب فارسی جوملا