آموزش کامپیوتر و اینترنت

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

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

ابتدا یک صفحه ی جدید  رو از قسمت 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…

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

در صفحه ی باز شده گزینه Gif  و Forever رو حتما وارد کنید وگرنه کارتون در نهایت اجرا نمیشه. سپس Save  رو بزنید و با دادن عنوان و مسیر گیف رو ذخیره کنید.

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

در نهایت چیزی که ساختید به این شکل نمایش داده میشود:

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

برچسب ها

سیدرضا بازیار

در سال 1374 در شهرستان کازرون دیده به جهان گشودم. از همان دوران کودکی علاقه شدیدی به رادیو و تلویزیون داشتم و با علاقه شدید برنامه های رادیو و تلویزیون را تعقیب میکردم.
از 11 سالگی به اینترنت و برنامه نویسی علاقه مند شدم و وارد فضای مجازی شدم.
در حال حاضر دانشجوی رشته مهندسی فناوری اطلاعات هستم, مسلط به زبان های: HTML4 – HTML5 – CSS3 – JavaScript در حال یادگیری زبان های Cplusplus- PHP -Python هستم و علاقه زیادی به برنامه نویسی تحت وب , هک و امنیت دارم.

مطالب مرتبط

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

همچنین بررسی کنید

بستن