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

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

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

آنچه خواهید آموخت

در این کلاس یاد خواهید گرفت که چگونه پالت های رنگی موثر بسازید و از آنها استفاده کنید تا حس احساسات را به مخاطبان خود منتقل کنید. شما از رنگ برای بیان مجموعه ای از احساسات مختلف استفاده خواهید کرد تا بررسی کنید که چگونه رنگ می تواند بر ادراک تأثیر بگذارد. نکات و ترفندهایی در مورد ساخت پالت های رنگی موثر و گسترده و همچنین راه هایی برای ویرایش و کنترل رنگ در Adobe Illustrator و Photoshop یاد خواهید گرفت. ما پوشش خواهیم داد:

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

آنچه خواهید ساخت

برای این کلاس شما یک سری عکس ایجاد می کنید که احساسات مختلف را بیان می کند. شما می توانید انتخاب کنید که چه احساساتی را می خواهید به تصویر بکشید، یا می توانید از لیست پیشنهادی انتخاب کنید. ما با اندازه مجموعه 600 در 600 پیکسل کار خواهیم کرد، اما محتوا به شما بستگی دارد. آیا می خواهید احساسات طعم های مختلف بستنی را به تصویر بکشید؟ عالی! آیا می خواهید مجموعه ای از نمادها ایجاد کنید که احساسات مختلف R2D2 را نشان می دهد؟ عالی! ما در مورد بهترین راه برای استفاده از رنگ در هر سناریویی صحبت خواهیم کرد.

پروژه دانشجویی توسط

اگر این دوره برای شما جذاب است، حتماً دوره های دیگر من را نیز بررسی کنید:

چهار تصویر ایجاد کنید که احساسات را با استفاده از رنگ بیان می کند

تئوری رنگ

1. رنگ را مطالعه کنید و اصطلاحات را یاد بگیرید

   رنگ‌ها در اطراف ما هستند و اغلب مردم می‌توانند رنگ را به روش‌های مختلف درک کنند. برای ارتباط در مورد رنگ باید اصطلاحات را بدانیم و درک کنیم. در مورد تحقیق کنید و ویدیوهای دوم و سوم را در مورد اصطلاحات رنگ و تعامل مشاهده کنید.

2. ایده ایجاد کنید

   همانطور که در ویدیوی دوم نشان داده شده است، تمرین نقشه برداری ذهنی سریع را انجام دهید تا به شما در ایجاد ایده کمک کند و سپس احساساتی را که می خواهید نشان دهید انتخاب کنید. 2-3 ایده محکم را برای ایجاد طرح برای آنها انتخاب کنید.

   در اینجا نمونه‌ای از نقشه ذهنی است که اخیراً برای تبلیغ پست مستقیم ساخته‌ام، که کاملاً به این دوره بی‌ربط است، اما می‌توانید جریان آگاهی و نحوه بیرون کشیدن ایده‌ها را از آن ببینید:

3. مراجع و الهام را بیابید

   یکی از بهترین بخش های پروژه! چیزهایی را که به نظرتان الهام‌بخش است، کشف کنید. کار یک هنرمند خاص، تبلیغات مجله مورد علاقه‌تان، پوستر قاتل جدیدی که روز پیش دیدید، اصلاً هر چیزی که به نظرتان برسد. زیاد بهش فکر نکن سایت هایی مانند Designspiration، Pinterest، FFFOUND و منابع خوبی هستند، اما بهترین مکان برای جستجو در زندگی واقعی است. به کتاب ها، مجلات، فضای باز در طبیعت نگاه کنید، هر کجا که می توانید رنگ هایی را که دوست دارید پیدا کنید. با استفاده از منابع آنلاین و آفلاین حداقل 25 تصویر را جمع آوری کنید که به نظر شما الهام بخش است. من دوست دارم چیزهایی را در تابلوهای Pinterest جمع آوری کنم.

4. احساسات خود را انتخاب کنید

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

   وجود دارد، اما با خیال راحت آنها را از این لیست انتخاب کنید:

   خشم
   آرام
   اعتماد به نفس
   گیج
   ناامیدی
   حسادت
   هیجان
   ترس
   خوشبختی
   نفرت
   امید
   حسادت
   > شادی
   تنها
   عشق
   دیوانه
   خجالتی
   سورپرایز
   ترور
   خسته
   نگران

زمینه رنگ

1. معنی رنگ ها را بیاموزید

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

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

   عکسی با عشق از آرون دراپلین دزدیده شد.

2. ایده های طرح

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

   در اینجا نمونه‌ای از طرح سریعی است که من برای برخی از گرافیک‌های با موضوع تعطیلات انجام دادم، معمولاً با مداد یا خودکار طراحی می‌کنم و سپس رنگ را در رایانه اضافه می‌کنم، اما از بیرون آوردن آن‌ها نترسید !

    

3. پالت رنگ خود را بسازید

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

4. دو احساس را کاوش کنید

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

گسترش امکانات رنگ

1. گسترش یک پالت رنگ

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

   در اینجا نمونه ای از یک پالت اولیه و یک نسخه توسعه یافته است که من در استفاده کردم.

2. هر چهار احساس خود را ایجاد کنید

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

3. ایجاد ثبات و افزودن عمق

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

   شما می‌توانید فایل‌های هوش مصنوعی و فتوشاپ من را که در ویدیوی نهایی استفاده می‌کنم، در این پیوند Dropbox دانلود کنید:
   

منابع اضافی

• تعامل رنگ اثر جوزف آلبرز

  کتاب -
  برای iPad - http://yupnet.org/interactionofcolor/

• پیوندهای ویدیویی

  ویدیو 1
  کمپین کانادا را هدف قرار دهید

  ویدیوی 5
  

• فتوشاپ و ایلاستریتور را بیاموزید

  در صورتی که قبلاً با برنامه‌ها آشنایی ندارید، کلاس‌های بسیار خوبی در Skillshare برای یادگیری در مورد Photoshop و Illustrator وجود دارد:

• اصطلاحات رنگ

  نگاهی ساده به برخی از اصطلاحات بسیار اساسی - 
  

  یک سند کامل از اصطلاحات رنگ - 
  

• نور و رنگ با بیل نای - 
  

  فوق العاده جذاب، اما با این وجود اطلاعات خوبی است. ;-)

• برنامه آیفون پنتون من - 
  

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

• کتاب - پیام‌های رنگی و معنی - 
  

• رنگ و احساس - 
  

• کار با رنگ در Illustrator - 
  

• روانشناسی رنگ - 

• صبح های خلاقانه با ریک والیسنتی - 

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

• آموزش فتوشاپ

  اینها چند آموزش هستند که نگاه های عمیق تری به تکنیک های برس کشیدن و بافت زنی که برای نشان دادن عمق دادن به تصویر در ویدیوی آخر استفاده کردم را پوشش می دهد.

• تنظیمات رنگ فتوشاپ - 
  

  برخی اطلاعات فنی برای تنظیمات رنگ های مختلف در فتوشاپ.

• رنگ در سه بعدی - 
  

• تبدیل به رنگ‌های پنتون -