طراحی بنر وب سایت در فتوشاپ و ایلوستریتور

سلام و عرض ادب . امیدوارم لحظات خوب و خوشی پیش روتون باشه . امروز قرار هست یه طراحی بنر اسون و کاربردی برای وب سایت رو باهم انجام بدیم .با ما همراه باشید.

‌

مرحله اول : از بخش فایل گزینه new را انتخاب کرده و یک صفحه به اندازه خواسته شده ایجاد می کنیم. ( در اینجا اندازه خواسته شده ۴۵۰*۴۵۰ پیکسل است)

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

مرحله سوم : وکتور وارد شده را به اندازه دلخواه و در مکان دلخواه تنظیم می کنیم و opacity را مقداری کم می کنیم تا به تصویر لازم برسیم.

مرحله چهارم : یک مستطیل در گوشه تصویر رسم می کنیم و به آن رنگ یا گرادینت مورد نظر را اعمال می کنیم.

مرحله پنجم : با انتخاب ابزار direct selection یکی از چهار راس را انتخاب کرده و حذف میکنیم تا به شکل مورد نظر در تصویر برسیم.و سپس در جای مناسب آن را تنظیم می کنیم.

مرحله ششم : عکس مورد نیاز را باز می کنیم و سپس آن را با ابزار magic wand انتخاب و با کلید های ترکیبی ctrl + X فضای خالی را برش و حذف می کنیم .

مرحله هفتم : برای حذف فضای سفید اطراف شکل ، بجز ابزار مجیک می توانیم از پنجره select گزینه subject را انتخاب و تصویر مورد نظر را انتخاب و سپس با کلید های ctrl+X فضای خالی را حذف و تصویر مورد نیاز را به صفحه اصلی drag کنیم.

مرحله هشتم : تصویر را با اندازه مورد نیاز در تصویر اصلی جای گذاری می کنیم.

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

مرحله دهم : تصویر را به اندازه دلخواه کوچک می کنیم و در زیر شکل به شکل سایه ایجاد می کنیم و مقداری opacity را کم می کنیم تا جلوه بهتری داشته باشد .

مرحله یازدهم : تصویر مورد نظر را می نویسیم و آن را به دلخواه و با توجه به تصویر از لحاظ نوشته رنگ و اندازه متن تنظیم می کنیم و در صورت نیاز کمی نوشته را کشیده تر می کنیم تا زیبا تر و همسان به نظر بیاید .

مرحله دوازدهم : یک مستطیل با رنگ مشکی و به طور کشیده مطابق تصویر رسم می کنیم و با زوم بیشتر مرکز عرض های آن را علامت گذاری می کنیم.

مرحله سیزدهم : با کمک ابزار add anchor point دو طرف عرض علامت گذاری شده را انتخاب می کنیم .

مرحله چهاردهم : با ابزار direct selection دو نقطه را انتخاب و با جهت نمای چپ آن را سمت چپ متمایل می کنیم .

مرحله پانزدهم : ابزار convert point در زاویه دار کردن نقطه هایی که به چپ مایل شده بودند به ما کمک می کنند و مطابق تصویر در شکل ما حالت شکستگی را ایجاد می کنند.

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

مرحله هفدهم : رنگ و stroke  مورد نظر را به شکل ایجاد شده می دهیم و آن را از نظر اندازه و رنگ درون مستطیل تنظیم می کنیم تا یک شکل منسجم و منظم و واضحی را ایجاد کرده باشیم.

مرحله هجدهم : اکنون متن مورد نیاز را با رنگ و اندازه مورد نظر درون مستطیل می نویسیم و سپس مستطیل و متن نوشته شده را در محل مورد نظر خود تنظیم میکنیم .

اکنون بنر مورد نظر ما آماده ست. امیدوارم از این آموزش لذت برده باشید.

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