یکشنبه , ۱ مرداد ۱۳۹۶
خانه » سایت و وبلاگ » ساخت بنر در فتوشاپ

ساخت بنر در فتوشاپ

آموزش قدم به قدم ساخت بنر gif در فتوشاپ

سلام

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

منظور از بنر، تصاویر متحرک و با پسوند GIF می باشد؛ که معمولا برای معرفی و یا تبلیغ از آن در سایت ها و وبلاگ ها استفاده می شود.

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

مورد دیگر اینکه در اینجا فرض بر این است که شما دوست گرامی با نرم افزار فتوشاپ و یا حداقل با نرم افزار های مشابه آشنایی مقدماتی داشته باشید (البته نرم افزار های زیادی برای طراحی بنر وجود دارد که دوستان می توانند از آن ها استفاده کنند.) و اگر نه با کمی جست و جو می توانید آموزش های متنی و تصویری زیادی رو پیدا کنید.

Photoshop_Logo_by_cderekw

قدم اول: ساخت یک صفحه جدید با سایز دلخواه (سایزهای معمول استاندارد شامل: ۸۰*۴۶۰ و ۲۴۰*۱۲۰ و ۱۲۵*۱۲۵ و ۶۰*۱۲۰ می باشد.).

قدم دوم: از منوی Window گزیه Animation رو فعال کنید تا به محیط انیمیشن باز شود.

قدم سوم:در این آموزش ما به روشی پرداخته ایم که: ۱-بیشتر بنر ها به وسیله آن ساخته می شوند؛ ۲-حجم بنر ساخته شده کمتر می باشد. اصول کار این روش، قرار دادن تصویر های متفاوت پشت سر هم می باشد(مثل فیلم که از فریم های پشت سر هم ساخته شده).

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

شما تمامی عناصر بنر خود را در لایه های جداگانه طراحی کنید.

کمی از روی تصویر پیش می رویم:

amoozesh1

شماره۱- با این گزینه شما می توانید فریم جدید ایجاد کرده؛

شماره۲- فریمی که در آن قرار دارین را پاک می کند؛

شماره۳- زمان نمایش هر فریم را نشان می دهد.

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

و لایه های خود را جا به جا، محو، مات، تار، شفاف، چرخش و … دهید.

شماره۴- با استفاده از این گزینه شما در دو فریم پشت سر هم، یک یا چند لایه را در فریم دوم تغیر می دهید (مثل جا به جایی یا محو شدگی) و سپس در فریم دوم بر روی این گزینه کلیک می کنید و در آن جا مشخص می کنید که این تغیر در چند فریم صورت بگیرد. همچنین می توانید تعیین کنید که این گزینه کدام تغیرها را شامل بشود و یا اینکه تغیر بر روی تمام لایه ها باشد و یا لایه انتخابی.

شماره۵- شما در اینجا تنظیم می کنید که فریم های شما چند با راجرا شود، یا اجرای محدود (مثلا ۴ بار) و یا اجرای مداوم(نا محدود).

نمونه بنر طراحی شده:

از سه لایه، هر لایه یک عدد به رنگ سبز لجنی؛

فاصله زمانی فریم را صفر کرد (گزینه۳)؛

در فریم اول اطراف عدد یک را قرمز کردم؛

در فریم دوم داخل هدد دو را قرمز و اطرافش را به رنگ سبز لجنی؛

در فریم سوم یک فریم دیگر اضافه کردم و در آن فریم عدد سه را محو کردم و با استفاده از گزینه شماره ۴ این محو شدگی را به صورت تدریجی و در ۵ فریم ساختم؛

و تکرار آن را نامحدود (تکرار شونده) تنظیم کردیم.

در مجموع ۹ فریم شد.

Amoozesh

نکته: بنر خود را سعی کنید در فریم های کمتر طراحی کنید.

نکته ۲: از بنر های طراحی شده در سایت ها ایده بگیرید.

اگر سوالی داشتید در حد توان در خدمتم

۲ نظر

  1. سلام چمد تا سوال ۱- من وقتی فریم دو رو تغیر می دهم فریم یک هم تغیر می کند یعنی با تغیر هر فریم ادامه فریم ها هم تغیر می کند چرا ؟
    ۲- چه طوری بهش ادرس وبلاگ بدیم بخاطر هدایت بازدید کنندگان ؟
    خیلی خیلی ممنون می شم اگه سریع جواب رو به ایمیلم بفرستید

    • سلام
      منظور از تغییر چه نوع تغییریه؟
      برای دادن آدرس وبلاگتون باید به صورت زیر داخل وبلاگ قرار دهید:
      [php]
      <a href="لینک مورد نظر" target="_blank" rel="nofollow">
      <img title="" src="آدرس تصویر" alt="" /></a>
      [/php]


از ما حمایت کنید!