آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

آموزش Illustrator : طراحی بنر پزشکی قسمت دوم

توی این آموزش، طراحی بنر پزشکی رو با Illustrator با هم می بینیم و با ابزارها و تکنیک های مورد نیاز آشنا میشیم. بیاین ادامه بدیم!

با ” آموزش Illustrator : طراحی بنر پزشکی ” با ما همراه باشید…

  • سطح سختی: مبتدی
  • مدت آموزش: ۴۰ تا ۵۰ دقیقه
  • نرم افزار استفاده شده: Adobe Illustrator

” آموزش Illustrator : طراحی بنر پزشکی – قسمت اول “

گام سی و یکم

ابزار Rectangle Grid رو بر می داریم و یک Grid رسم می کنیم. عدد ۶۴۰ پیکسل رو برای Width و عدد ۲۰۰ پیکسل رو برای Height در نظر می گیریم. Horizontal Dividers روی ۹ و Vertical Dividers رو روی ۳۱ قرار میدیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام سی و دوم

Grid رو Expand کرده و بعد هم وارد مسیر Object > Compound Path > Make میشیم. یا میانبر Ctrl+8 رو فشار میدیم.

Linear Gradient سفید و #۴۱۴۱۲۸ رو براش در نظر می گیریم. Mode رو روی Screen و Opacity رو روی ۴۰ درصد قرار میدیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام سی و سوم

شروع می کنیم به رسم یک پس زمینه ساده برای بنر.

یک مستطیل به ابعاد ۶۴۰ در۲۰۰ پیکسل رسم می کنیم. کد رنگی #b4bec0 رو براش در نظر می گیریم. ابزار Mesh رو برداشته و چند تا نود به صورتی که می بینین اضافه می کنیم.

چند تا نود وسطی رو انتخاب می کنیم. کدهای رنگی #f8f9f9 رو براشون در نظر می گیریم. کد رنگی #f1f3f4 رو برای نودهای راست و کد رنگی #۸۳۹۳۹۵ رو برای لبه ها در نظر می گیریم. می تونین از تصویر زیر به عنوان مرجع استفاده کنین.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام سی و چهارم

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

  1. #۰۰۰۰۰۰
  2. #fdfdfd
  3. #۸e8e8e

Mode رو روی Screen قرار میدیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام سی و پنجم

مش رو کپی کرده و Opacity رو تا ۶۰ درصد کاهش میدیم. Blending Mode رو روی Screen میزاریم بمونه.

شکل ها رو داخل Outline به ابعاد ۶۴۰ در ۲۰۰ پیکسل مرتب می کنیم. بعد هم همه شکل ها رو انتخاب کرده و کلیک راست می کنیم و Make Clipping Mask رو انتخاب می کنیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام سی و ششم

این Grid رو به همراه موج ها روی مستطیل قرار میدیم و آیکن ها رو هم بهش اضافه می کنیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام سی و هفتم

یک سایه دیگه با استفاده از کدهای رنگی #۳۳۳۳۳۳ و #f9f9f9 رسم می کنیم.

شکل سفید رو Transparenct کرده و بعد هم وارد مسیر Object > Blend > Make میشیم.

Mode رو روی Multiply قرار میدیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام سی و هشتم

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

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

  1. اضافه کردن دو بنر مختلف

گام اول

آیکن دکتر رو رسم می کنیم.

بخشی از بیضی رو به صورتی که می بینین Crop کرده و یک به اضافه در بالای اون قرار میدیم. وارد پنل Pathfinder شده و روی Minus Front کلیک می کنیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام دوم

با استفاده از دستورهای Crop و Minus Back، بدن دکتر رو هم رسم می کنیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام سوم

تمام اجزای مربوط به این آیکن رو انتخاب کرده و یک Compound Path درست می کنیم. بعد هم Linear Gradient با کد رنگی #e2e3e4 و #ffffff رو روی اون اعمال می کنیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم


توصیه می کنم دوره های جامع فارسی مرتبط با این موضوع آریاگستر رو مشاهده کنید:

– صفر تا صد آموزش ایلاستریتور


گام چهارم

یک سایه با استفاده از دو شکل با کدهای رنگی #۳۵۲f2a و #ffffff رسم می کنیم.

گام پنجم

Linear Gradient با کد رنگی #a92d1d و #d7775f رو روی دایره اعمال می کنیم. بعد هم آیکن دکتر رو بهش اضافه می کنیم.

گام ششم

قلب رو رسم می کنیم. کد رنگی #b2cecd رو براش در نظر می گیریم. بعد هم یک دایره رسم کرده و Linear Gradient با کد رنگی #e2e3e4 و #ffffff رو روی اون اعمال می کنیم. قلب رو داخل دایره قرار میدیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام هفتم

یک دایره رسم می کنیم. Linear Gradient با کد رنگی #۱e9ca8 و #۶۰c2d6 رو روی دایره اعمال می کنیم.بعد هم آیکن قلب رو وسط اون قرار میدیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام هشتم

آیکن ها رو توی یک گروه قرار میدیم .

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام نهم

یک بنر دیگه با کدهای رنگی زیر رسم می کنیم.

  1. #eef1f3
  2. #۷e8c8f
  3. #d8dedf

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام دهم

آیکن ها رو به Grid اضافه می کنیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام یازدهم

برای طراحی آخرین بنر، آیکنی که قبلا طراحی کردیم رو کپی کرده و کدهای رنگی #a92d1d و #d7775f رو برای Gradient در نظر می گیریم. اون رو داخل شش ضلعی خاکستری قرار میدیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام دوازدهم

Linear Gradient با کد رنگی #e2e3e4 و #ffffff رو براش در نظر می گیریم.

از شش ضلعی نارنجی استفاده می کنیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام سیزدهم

گروه آیکن ها رو سر هم می کنیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام چهاردهم

یک بنر جدید رسم می کنیم.

  1. #dde1e2
  2. #۸۴۹۲۹۵
  3. #fcfcfc

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام پانزدهم

آیکن ها رو روی بنر قرار میدیم. بعد هم چند تا چند ضلعی به صورت Transparent به پس زمینه اضافه کرده و Opacity رو روی ۳۰ درصد قرار میدیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام شانزدهم

امواج رو اضافه می کنیم.

Linear Gradient سفید و #۴۱۴۱۲۸ رو برای موج بالا در نظر می گیریم. Mode رو روی Color Dodge و Opacity رو روی ۶۰ درصد قرار میدیم.

کد رنگی #۲b474c رو برای موج پایین بنر در نظر گرفته و Mode رو روی Overlay قرار میدیم.

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

گام هفدهم

تمام اجزا رو سر هم می کنیم و تمام!

آموزش Illustrator : طراحی بنر پزشکی – قسمت دوم

امیدواریم ” آموزش Illustrator : طراحی بنر پزشکی ”  برای شما مفید بوده باشد…


توصیه می کنم دوره های جامع فارسی مرتبط با این موضوع آریاگستر رو مشاهده کنید:

– صفر تا صد آموزش ایلاستریتور


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

مطالب مرتبط

0نظرات
دیدگاه خود را بنویسید

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

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

شرایط ویژه تخفیف شب یلدا 97 + تا 50 درصد تخفیف ویژه در خرید همزمان چند محصول! حتما کلیک کنید! رد کردن