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

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

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

ابتدا یک صفحه ی جدید  رو از قسمت 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  رو بزنید و با دادن عنوان و مسیر گیف رو ذخیره کنید.

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

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

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

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

من مهندس فناوری اطلاعات و توسعه دهنده Back end هستم. حس کنجکاوی، تمایل به کشف دنیاهای جدید و علاقه زیادی به حل چالش‌های گوناگون در زمینه‌های مختلف داشتم باعث شد وارد حرفه‌ی پرچالش و عمیق برنامه‌نویسی بشوم و هر روز بیشتر در این دنیای بزرگ غرق می‌شوم. در حال حاضر با مهارت هایی نرم مانند کار تیمی، قدرت مذاکره، خوش برخوردی، پرورش ایده و مهارت های سخت مانند PHP, OOP, Clean Code, Design Patterns و ... با علاقه مشغول به فعالیت در جامعه متن‌باز هستم. معتقدم هر روز بیشتر از دیروز، عمده کارهای انسان‌ها توسط ربات‌ها انجام خواهد شد، به همین دلیل سعی میکنم اسکریپت‌های زیادی با PHP ، Shell Scripting و Bash Scripting بنویسم و سعی می‌کنم کارهایی که برای انسان‌ها سخت و زمانبر هستند،‌ با ربات‌ها در سریعترین زمان و کمترین هزینه ممکن انجام بدهم. در این مسیر با زبان‌های برنامه نویسی مانند C++ و پایتون هم کمی کار کرده‌ام و با سیستم های مدیریت محتوای زیادی مانند وردپرس، جوملا، ویبولتین و... هم به صورت حرفه‌ای درگیر بوده‌ام. گهگاهی سعی میکنم ربات‌هایی طراحی کنم که اطلاعات عظیمی را از طریق اسکرپینگ به دیتابیس های مختلف منتقل میکنند و از طریق API در پلتفرم های مختلف پردازش می‌شوند. در 10 سال گذشته سابقه زیادی در طراحی سایت و فروشگاه‌های اینترنتی، سئو و بهینه سازی، تست امنیت وب‌سایت‌ها، دیجیتال مارکتینگ و... داشته‌ام. خوشحال میشم بتونم تجربیات خودم رو از طریق این وبلاگ در اختیار همه شما عزیزان قرار بدهم.

یک نظر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.