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

سیدرضا بازیار 7 آگوست , 2017

1 2 دقیقه خواندن

امروز با آموزش ساخت بنر گیف برای وبلاگ ، وبسایت و صفحات مجازی در خدمت شما عزیزان هستیم.

ابتدا یک صفحه ی جدید رو از قسمت File > New با اندازه دلخواه و رزولوشن 300 ایجاد کنید . میتونید از یک صفحه طراحی شده آماده هم بهره ببرید . انتخاب با خودتون هست .

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

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

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

در حال حاضر طرح اولیه ما ایجاد شده، لازم به ذکر هست که هر تغییری که می خواهید در چینش بنر ایجاد کنید رو همین الان انجام بدید و بعد از اون هیچگونه تغییری در چینش تصاویر انجام ندید .

در ادامه شما باید این لایه متن رو به Shape تبدیل کنید . برای این کار از منوی بالا ، گزینه ی Layer رو انتخاب کنید ، بعد گزینه Type و در آخر هم Convert to Shape رو انتخاب می کنید . ( Layer > Type > Convert to Shape ) با این کار متن شما به یک Shape تبدیل میشه و یک خط که به اون Path یا مسیر گفته میشه در اطراف متن ظاهر میش. دقت کنید که متن شما در حالت B Bold نباشه.

خب حالا وارد منوی Window شده و زیر منوی Animation رو انتخاب کنید. یه کادر کوچک پایین صفحه ی فتوشاپ باز میشه .

سپس روی تصویرتون در کادر باز شده کلیک کرده و منوی کشویی سمت راست کادر رو باز کنید و گزینه ی Copy Frame رو انتخاب کنید و پس از اون دوباره این منو را باز کرده و گزینه یPast Frame رو انتخاب کنید. این کار رو به تعداد دلخواه انجام بدید . تا چندین تصویر مشابه در قسمت Animation ایجاد بشه.

حالا نوبت ایجاد حالت چشمک زن روی تصویر مورد نظر هست . من روی لایه متنی اینکار رو انجام دادم . ابتدا روی اولین section در قسمت Animation کلیک کنید و سپس در قسمت layer روی لایه مد نظر کلیک راست کنید و Blending Option رو انتخاب کنید.

در پنجره باز شده سومین گزینه از پایین( Color Overlay ) رو باز کرده و در قسمت پالت رنگ رنگ مورد نظرتون رو انتخاب کنید و ok رو بزنید. این کار رو برای تمامی Section های کادر Animation انجام بدید و رنگ های متفاوتی رو برای هر قسمت ایجاد کنید.

خب حالا باید زمان مناسب برای تغییرات ایجاد شده رو انتخاب کنید . در کادر Animation روی قسمت sec کلیک کنید و زمان مورد نظرتون رو انتخاب کنید. اگر میخواید که تغییرات سریع اتفاق بیفته از ثانیه های کم و اگر میخواید با آرامش بیشتری انجام بشه از ثانیه های بیشتر استفاده کنید . من از 5/0 استفاده کردم . این کار رو برای تمامی Section ها انجام بدید .

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

حالا باید گیف رو ذخیره کنید. برای اینکار این مسیر رو دنبال کنید. File > Save for web & Devices…