تئوری رنگ
آموزشتلگرامتوئیتر

تئوری رنگ

در هنر‌های تجسمی به راهنمای عملی برای بیان تاثیرات ترکیب رنگ‌ها تئوری رنگ می‌گویند.
چشم انسان می‌تواند میلیون‌ها تن از رنگ‌های مختلف را ببیند، اما شاید در بعضی موارد انتخاب دو یا سه مورد از این رنگ‌ها کار سختی به نظر برسد. رنگ‌ها توانایی فوق‌العاده‌ای در بیان احساسات و ادراک دارند، بنابراین انتخاب یک رنگ موثر در کار طراحان، بیشتر از یک انتخاب شخصی است. در این مقاله درباره‌ی تئوری رنگ و روش درست انتخاب رنگ‌ها برای موثر بودن طراحی توضیح می‌دهیم.

درک رنگ

یکی از روش‌های ساده برای درک بهتر رنگ‌ها استفاده از چرخ رنگ (COLOR WHEEL) است، که 12 رنگ را با ترکیب سه رنگ اصلی: قرمز، زرد و آبی نشان می‌دهد.

 تئوری رنگ

چرخ رنگ ابزاری ساده برای ترکیب رنگ‌ها می‌باشد که بر پایه‌ی ترکیب سه رنگ اصلی قرمز، زرد و آبی است و به شما رنگ‌های ثانویه‌ی نارنجی، سبز و بنفش را نشان می‌دهد، و از ترکیب رنگ‌های ثانویه و رنگ‌های پایه به بخش سوم این چرخ می‌رسیم که عبارتند از قرمز-نارنجی، زرد-نارنجی، زرد-سبز، آبی-سبز، آبی-بنفش و قرمز-بنفش. رنگ‌های پایه و ثانویه و نارنجی طیف قابل مشاهده‌ی نور یا رنگ‌های تشکیل دهنده‌ی رنگین کمان می‌باشند.

قبل از اینکه از چگونگی استفاده از چرخ رنگ برای ایجاد پالت‌های رنگی در طراحی‌ها صحبت کنیم، درباره‌ی برخی از اصطلاحات مربوط به رنگ که به شما در درک بهتر رنگ‌ها کمک می‌کنند توضیح می‌دهیم:

Hue: در واقع همان رنگ است، به طور کلی به هر یک از 12 رنگ موجود در چرخ رنگ گفته می‌شود.

Shade: رنگی که به وسیله‌ی رنگ سایه، تیره شده است.

Tone: ترکیب رنگ با خاکستری.

Tint: رنگی که به وسیله‌ی رنگ سفید، روشن شده است.

Saturation: شدت خالص بودن رنگ بستگی به میزان Saturation دارد. (هرچه به رنگ به خاکستری نزدیک‌تر باشد، میزان Saturation پایین‌تر است.)

Value: اشاره به مقدار تیرگی یا روشنی رنگ دارد.

هارمونی رنگ

بعد از درک کلی رنگ، وقت آن است که ببینیم چگونه چرخ رنگ می‌تواند یک منبع عملی برای انتخاب رنگ‌ها در یک طراحی باشد.

تئوری رنگ

تک رنگ (Monochromatic): ترکیبی از Shade، Tone و Tint از یک رنگ، به عنوان مثال طیفی از رنگ آبی از رنگ‌‌های روشن تا تیره بوده و این نوع طرح رنگ بیشتر دقیق و محافظه کارانه است.

رنگ‌های مشابه (Analogous): استفاده از رنگ‌هایی که در چرخ رنگ کنار هم هستند. این نوع طرح رنگ، تطبیق پذیر و استفاده از آن برای پروژه‌های طراحی آسان است.

رنگ‌های مکمل (Complementary): رنگ‌هایی که در چرخ رنگ روبروی هم قرار دارند، مانند قرمز-سبز یا آبی-نارنجی. رنگ‌های تکمیلی دارای کنتراست و شدت بالایی هستند. این نوع انتخاب رنگ برای طراحی می‌تواند کار دشواری باشد، به ویژه زمانی که از رنگ‌های خالص استفاده می‌کنید.

رنگ‌های مکمل دوبخشی (Split-Complementary): هر رنگ در چرخ رنگ به علاوه‌ی دو رنگ از یک خانواده که روبروی آن قرار دارد. این ترکیب هم دارای کنتراست بالایی است، اما کار کردن با آن نسبت به رنگ‌های ترکیبی ساده راحت‌تر است.

سه گانه (Triadic): هر سه رنگ به طور مساوی در چرخ رنگ با هم فاصله دارند.

Tetradic/Double-Complementary: دو جفت از رنگ‌های مکمل؛ این نوع طرح رنگ بسیار جذاب است، اما شاید به دلیل تعداد رنگ‌ها، کار طراحی را کمی سخت کند.

علاوه بر ترکیب رنگ‌های موجود در چرخ رنگ، شما می‌توانید با استفاده از رنگ‌هایی که در طبیعت با هم ترکیب شده‌اند پالت‌های رنگی زیادی درست کنید، یا می‌توانید از پالت‌های رنگی که در سایت‌ها وجود دارد، استفاده کنید.

منبع:

www.canva.com

سینا کشاورز
نویسنده:سینا کشاورزطراح و گرافیست ایموگراف

نظرات کاربران

نام:
ایمیل:
متن نظر:
  • چگونه آیکون‌های خطی با رنگ‌های محدود درست کنیم!!!!
    آموزشچگونه آیکون‌های خطی با رنگ‌های محدود درست کنیم!!!!

    در این آموزش با هم یاد می‌گیریم که چطور چند آیکون خطی ساده با رنگ‌های محدود درست کنیم.

    مرحله‌ی اول

    برای شروع کار اول یک فایل جدید ایجاد کنید و با استفاده از ابزار Pen کار را شروع نمایید. اولین شکلی که طراحی می‌کنیم یک الماس است. ابتدا یک خط افقی بکشید. در ادامه یک خط کوچکتر با زاویه‌ی 45 درجه بکشید، سپس با همان زاویه آن را به سمت پایین جایی که مرکز خط اول قرار دارد بکشد. همین کار را برای طرف دیگر هم انجام دهید (برای اینکه زاویه دقیق باشد در هنگام کشیدن خط‌ها کلید Shift را نگه دارید.

    آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی دوم

    در مرحله‌ی دوم با کشیدن یک خط افقی، قسمت بالایی الماس را جدا کنید، سپس با کشیدن دو خط زاویه دار الماس را به سه قسمت تقسیم کنید. آنها را در یک گروه قرار دهید و ضخامت خط ها را به 3pts تغییر دهید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی سوم

    آیکون بعدی که طراحی می‌کنیم یک چتر است. با استفاده از ابزار Ellipse یک دایره بکشید، سپس با استفاده از ابزار Selection دایره‌ی کوچک کنار شکل را انتخاب کنید و با حرکت دادن آن دایره‌ی اصلی را نصف کنید. بعد از نصف کردن دایره، پنج دایره‌ی کوچک روی ضلع پایینی نیم دایره بکشید. با استفاده از ابزار Shape Builder و نگه داشتن کلید Alt قسمت‌های پایینی شکل را حذف کنید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی چهارم

    با استفاده از ابزار Pen خط‌های منحنی روی چتر را بکشید، سپس با استفاده از Line Segment یک خط کوچک در بالا و یک خط بلند در پایین چتر برای دسته بکشید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی پنجم

    برای درست کردن منحنی پایین دسته‌ی چتر با استفاده از ابزار Ellipse یک دایره بکشید. و با استفاده از ابزار Direct Selection نقطه‌ی بالایی دایره را انتخاب کنید و از را حذف کنید. سپس تمام اجزای چتر را در یک گروه قرار دهید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی ششم

    برای درست کردن آیکون مدرک با کشیدن یک مستطیل شروع می‌کنیم. با استفاده از ابزار Pen یک مثلث کوچک در پایین سمت چپ مستطیل بکشید. برای درست کردن شکل مهر یک دایره‌ی کوچک داخل مستطیل بکشید و با استفاده از افکت Zig zag آن را به شکل یک مهر دربیاورید.(Effect > Distort & Transform > Zig Zag) چند خط افقی به جای نوشته‌ها درست کنید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی هفتم

    برای درست کردن آیکون پیتزا یک دایره بکشید و با استفاده از ابزار Selection و گرفتن دایره‌ی کوچک یک برش روی دایره ایجاد کنید. سپس یک دایره در همان اندازه بکشید و این بار دایره را به اندازه‌ی برش دایره‌ی قبلی دربیاورید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی هشتم

    یک دایره‌ی کوچکتر بکشید و مانند دایره‌ی قبلی یک برش روی آن ایجاد کنید، برای قسمت بریده شده هم همین کار را انجام دهید. تعدادی دایره‌ی کوچک ایجاد کنید، همه اجزای آیکون پیتزا را در یک گروه قرار دهید و با استفاده از ابزار Shape Builder و نگه داشتن کلید Alt قسمت های بیرون زده را حذف کنید.

     آموزش ایلوستریتور – آیکون خطی

    درست کردن آیکن‌های رنگی

    مرحله‌ی اول

    برای درست کردن آیکون‌های رنگی ابتدا رنگ‌های مورد نظر را انتخاب کنید. حالا نوبت درست کردن آیکون مداد است، ابتدا یک مستطیل بکشید و با استفاده از ابزار Add Anchor Point در وسط ضلع بالایی مستطیل یک Anchor point ایجاد کرده و با ابزار Direct Selection آن را به سمت بالا بکشید تا به شکل نوک تیز در بیاید. حالا با همان ابزار قبلی تو زاویه‌ی پایینی را انتخاب کرده و با کشیدن دایره‌های کوچک ایجاد شده به سمت وسط مستطیل، قسمت پایینی را به شکل منحنی دربیاورید تا شکل ایجاد شده شبیه به مداد شود. حالا چند خط عمودی و افقی روی شکل اصلی مداد برای ایجاد جزئیات بیشتر بکشید.

    شکل اصلی را انتخاب کنید، در قسمت Fill رنگ مورد نظر را قرار دهید وStroke را در حالت بی رنگ بگذارید. دقت کنید که خط‌هایی که برای جزئیات مداد کشیدید از قسمت اصلی بیرون زده باشند و مود آنها را در قسمت Transparency در حال Multiply قرار دهید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی دوم

    برای درست کردن سطل رنگ ابتدا یک مربع بکشید، سپس دو منحنی در بالا و پایین مربع قرار دهید. با استفاده از ابزار Add Anchor point در وسط ظلع بالایی مربع یک Anchor point ایجاد کنید، حالا با استفاده از Direct selection آن را انتخاب کنید و پاک کنید. منحنی و قسمت پایین مربع را انتخاب کنید و در پنل pathfinder کلید Unite را فشار دهید. حالا یک منحنی کوچکتر درست کنید و در قسمت Fill رنگ را تغییر دهید و قسمت Stroke را در حالت بی رنگ قرار دهید. برای کشیدن دسته‌ی سطل با استفاده از ابزار Pen یک خط گرد بکشید که و با استفاده از دو منحنی کوچکتر برای اتصال دسته به سطل استفاده کنید. یک منحنی پایین تر از دسته با رنگ بدنه ایجاد کنید . همه‌ی اجزا را در یک گروه قرار دهید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی سوم

    حالا نوبت کشیدن قلمو رسیده، برای شروع از دو مستطیل عمودی و افقی شروع می‌کنیم. قسمت پایینی مستطیل عمود را گرد می‌کنیم و یک منحنی کوچک داخل آن قرار می‌دهیم تا شکل دسته‌ی قلم کامل شود. یک مستطیل با عرض کم روی مستطیل افقی بکشید، حالا تعدادی مستطیل عمودی برای موهای قلم بکشید و بالای آنها را گرد کنید. برای نشان دادن رنگ روی قلم یک شکل با ابزار دلخواه خود ( اینجا از ابزار Pencil استفاده شده ) بکشید، رنگ آنرا تغییر دهید و در حالت Multiply قرار دهید.

     آموزش ایلوستریتور – آیکون خطی

    اضافه کردن رنگ به آیکون‌های قبلی

    مرحله‌ی اول

    اگر بخواهیم به چتری که قبلا درست کردیم کمی جزئیات اضافه کنیم، ابر و قطرات باران گزینه‌های خوبی هستند. قطره‌های باران دایره‌هایی هستند که Anchor point بالایی آنها به سمت بالا کشیده شده و ابرها را می توان با استفاده از دایره‌هایی که با استفاده از Unite با هم مخلوط شده‌اند درست کرد. در انتخاب رنگ دقت کنید و آنها را در حالت Multiply قرار دهید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی دوم

    برای نشان دادن درخشش الماس، یک دایره درست کنید، سپس با استفاده از افکت Zig Zag آن را یه شکل درخشش دربیاورید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی دوم

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

     آموزش ایلوستریتور – آیکون خطی

    نتیجه‌ی نهایی

    خب، حالا شما تعدادی آیکون خطی با رنگ‌های محدود درست کردید. با همین روش شما می‌توانید آیکون‌های زیادی از اجسامی که در اطرافتان هستند درست کنید، دقت داشته باشید که استفاده‌ی درست از رنگ‌ها و ساده نگه داشتن طرح یک نکته‌ی مهم برای این طراحی محسوب می‌‍شود.

     آموزش ایلوستریتور – آیکون خطی

    منابع:

    www.tutpad.com

    23 مرداد 97تلگرامتوئیتر
  • 4 پالت رنگ خلاقانه برای طراحی
    آموزش4 پالت رنگ خلاقانه برای طراحی

    به دنبال الهام گرفتن از طراحی خود هستید؟ استفاده از رنگ‎‌ها به طور موثری می‌تواند راه بسیار مناسبی برای رسیدن به طرح‌های زیبا و چشم‌نواز باشد.

    طراحان به لطف ترکیب‌های بی‌پایانی که از رنگ‌های موجود در چرخ رنگ (color wheel) به دست می‌آید، به دنیایی از ترکیب رنگ‌های غیرمعمول و هیجان‌انگیز دسترسی دارند. از آزمودن رنگ‌ها نترسید. قابلیت اصلی رنگ در تحریک احساسات و هیجان است که یکی از عناصر کلیدی در خلاقیت محسوب می‌شود.

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

    Modern California .1


     Modern California پالت رنگ

    ترکیبی از دو رنگ گرم و دو رنگ سرد، یک تعادل آرام برای طراحی شما ایجاد می‌‎کند. رنگ سیب سبز، رنگی عالی برای طرح‌هایی است که به طراوت و پاکیزگی اشاره دارند. استفاده از یک رنگ غنی و تیره برای پایه طراحی (#4D4D4D) یک شیوه مناسب برای ایجاد کنتراست با لایه‌های دیگر است.

    Pastel Parfait .2


     Pastel Parfait پالت رنگ

    گروه رنگی پاستل به ارمغان آورنده حس بصری زنانه است و معمولا می‌تواند کمی شسته یا ساییده شده به نظر برسد. اگر با این رنگ‌ها نمی‌توانید پیغام خود را برسانید از رنگهای قویتر استفاده کنید. این تُن از رنگ‌های پودری موجب احساس «شادی» و «روشنی» می‌شود که جهت اشاره به فصل‌های گرم و شلوغ مناسب است.

    Desert Earth .3


     Desert Earth پالت رنگ

    اثر پاییز! تُن‌های خاکی، پاسخ‌های بصری به مواد خام مانند شن، چوب، برگ و درخت هستند. رنگ خامه‌ای یا پوست تخم مرغ را به عنوان یک پس‌زمینه برای مخلوط کردن با رنگ‌های پررنگ در طراحی خود استفاده کنید. این رنگ‌ها کمی گنگ، کم‌رنگ و پیچیده هستند.

    Peachy Green .4


     Peachy Green پالت رنگ

    ترکیبی از دو رنگ کلاسیک «زنانه» با دو رنگ «مردانه»، همجواری ایجاد می‌کند و می‌تواند برای نشان دادن تعادل استفاده شود. رنگ مرجانی، گرمی را نشان می‌دهد، در حالی که سبز به طور سنتی نشانه‌ی «حسادت» و «طبیعت» است، اما در طراحی، چشم را آرام می‌کند و آرامش بصری ایجاد می‌کند.

    امیدواریم که این مطلب باعث تشویق شما به شناخت ترکیب رنگ‌های تونیک و زیبا شود.

    منبع:

    designschool.canva.com

    11 مهرتلگرامتوئیتر
  • Raster و Vector چه فرقی دارند؟
    آموزشRaster و Vector چه فرقی دارند؟

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

     Raster و Vector چه فرقی دارند؟

    دو نوع گرافیک کامپیوتری وجود دارد : گرافیک شطرنجی یا رستر(Raster) و گرافیک برداری (Vector) گرافیک رستر، تصاویری هستند که به وسیله‌ی تقسیم کردن تصویر به عناصر کوچکتر تصویر که پیکسل نامیده می‌شوند ساخته میشود. پیکسلها، محتوای اطلاعاتی مثل کنترل شفافیت و رنگ می‌باشند، که این اطلاعات می‌توانند در هر یک از پیکسل‌ها برای هر جزء برنامه نگهداری شوند.

     Raster و Vector چه فرقی دارند؟

    گرافیک برداری روشی در تولید و ذخیره‌ی فایل‌های تصویری کامپیوتری است که در آن تصویر در قالب مجموعه‌ای از مشخصات هندسی نقاط، خط‌ها، منحنی و چند ضلعی‌ها ذخیره می‌شود. واژه‌ی بردار در این کاربرد معنایی وسع‌تر از یک خط راست دارد.

     Raster و Vector چه فرقی دارند؟

    در ادامه شاید این سوال برایتان پیش بیاید که کدام فرمت گرافیکی بهتر است؟!.
    در اینجا می‌توان گفت که هر کدام دارای نکات مثبت و منفی هستند که با توجه به نوع کار گرافیکی که قرار است انجام شود باید از آن‌ها استفاده کرد. گرافیک شطرنجی قادر به نمایش هزاران رنگ در یک تصویر واحد است. درواقع ویرایش رنگ در گرافیک شطرنجی فراتر از یک گرافیک برداری انجام می‌شود و اینکه تصاویر رستر اغلب فایل‌های سنگینی هستند، در حالی که فایلهای وکتور نسبتا سبک‌ترند. به یاد داشته باشید تصاویر وکتور بهتر است برای آرم‌ها و تصویرسازی استفاده شود و تصاویر رستر در عکاسی دیجیتال استاندارد به کار می‌رود و معمولا هنگامی که تصاویر به صورت دیجیتالی منتشر می‌شوند، برای تمام گرافیک‌ها اعم از برداری یا شطرنجی قابل استفاده می‌باشند.

    منبع:


    www.psprint.com

    11 مهرتلگرامتوئیتر