След като погледнахте горното изображение чувствате глад? Чувствате ли се щастливи или тъжни, или изобщо чувствате ли нещо? Всъщност, в този контекст едва ли чувствате каквото и да е. Нека задам въпроса по този начин: абстрахирайки се от боровинките, кога за последен път ядохте нещо синьо? Какво ще кажете за морско синьо, твърдо сварено яйце? Звучи ли ви добре? Или сини макарони? Страхотно, а? Или май не…
Има цветове, които ни влияят на психологическа основа. Причината, поради която сравних горното изображение от оранжево и жълто със синьо е, че първите са много по-привлекателни, когато за отнася за храна. С други думи, можете да възприемете идеята за оранжево и жълто, когато става въпрос за хранене, но синьо? Не мисля.
Компании като Макдоналдс, Бъргър Кинг (верига за бързи закуски – бел.пр.) и подобни използват предимството на тези психологически ефекти, както трябва да направите и вие. Когато правите дизайн, трябва най-малкото да се съобразявате с приложенията на цветовете, които използвате. Много от вас са чували това и преди. Някои си нямат идея за какво става въпрос. В този урок се обръщам към тези, които си нямат идея.
Нека ви попитам, как ви кара да се чувствате зеленото? Или бялото? Отговорът ви ще зависи от това откъде сте. За хората в САЩ, например, има няколко “културни” правила, които определят значението на всеки цвят. Те влияят на това какво мислим за това, което виждаме. Вижте изображението долу:

Говорят ли ви нещо тези цветове и описанието им? За повечето хора – да. В интерес на истината, много намерили основателни доказателства за това, че цветовете влияят на хората, дори без да го осъзнаваме. Болничните стаи имат определени цветове като жълто и зелено, за да помогнат на неуравновесени пациенти да възвърнат по-бързо здравето си. Вижте логото на някоя застрахователна компания. В много от случаите то ще е синьо, носещо чувство на сигурност, спокойствие и сила.
И така, моето мнение е, че цветовете са от критична важност. Като дизайнер, не се нахвърляйте веднага на любимите си цветове. Ако трябва да бъдем по-точни – дори не си позволявайте да имате любими.
В крайна сметка важи едно правило – всеки цвят е хубав, ако е използван добре. И това не значи, че не може да прекрачите правилата! По-добре го правете докато още ги има! Но трябва да ги знаете, преди да ги рушите, нали? Просто си имайте едно наум, когато избирате цветовете за дизайна си. И го правете с мисълта за това какво искате да презентирате. Използвайте цветовете така, че работите ви да бъдат възможно най-добре ориентирани към крайния потребител. Цветът трябва да е отражение на съдържанието на сайта (каталога, брошурата и т.н.) и имижда на компанията, за която е правен. Или от напълно артистична гледна точка, цветът може да носи хармония или конфликт. И двете са еднакво добри, но трябва да знаете кое как да използвате, за да ги предадете по възможно най-добрия начин. Така че преровете палитрата, обърнете я наопаки ако искате и успехи в дизайна.

Източник.

Вижте изображението горе и забележете как стрелките сочат в противоположни посоки. Това в общи линии е идеята на контрастните цветове. На първо място, разглеждайте цвета, стоящ директно срещу всеки цвят като напълно противоположен на него. Теорията, криеща се зад тази идея е, че въпросните цветове са толкова различни, че имат напълно противоположна символика, заложена в тях. Това е базисната версия на теорията. Имате комбинация от зелено и лилаво, за кажем, или синьо и оранжево. Това, което се получава е напрежение, което извира от цветовата комбинация. Вместо чувство за спокойствие и комфорт, имаме силен контраст, конфликт. Това, естествено, не означава, че контрастът е лошо нещо. Той е подходящ, ако ви помага да изразите идеите си. Вижте следващото изображение:

Тук имаме червени райета и зелени райета, или контрастни, ако предпочитате. Забелязвате ли как двата цвята се борят за вниманието ви? Червеният сякаш го привлича повече, но това е така, защото е топъл цвят. Червените цветове се смятат за по-изпъкващи. Затова те изглеждат и по-агресивни – сякаш искат да скочат върху теб от изображението. Това важи с особена сила, ако са комбинирани с противоположен цвят.

Сега, нека поговорим за добри и лоши начини за използването на контрастни цветове. Един доста подходящ начина да ги илюстрираме е като използваме текст. Защо е толкова важно това за уеб страници и защо има значение какъв е цветът? Защото трябва да можем да го четем, нали? Тогава какво ще стане, ако имам изцяло оранжев сайт със син текст? Много просто – ще изглежда ужасно и ще е нужен цял ден, за да се прочете текста, освен ако не е написан с голям и много тъмен шрифт. Същото се случва, ако използваме червено и зелено или червено и лилаво. Те просто дразнят очите, освен ако не използвате топлият цвят като текст, противопоставящ се на студения, контрастен цвят за фон. Вижте какво имам предвид.

Разбрахте ли сега?

Запомнете, че теорията на цветовете е “ТЕОРИЯ”. Това означава, че не е точна наука. Както и да го погледнем, не съм професор по теория на цветовете. Затова ви препоръчвам да проучите по-обстойно материала. Има доста източници в интернет, а също и книги на тази тема. Няма нищо лошо да прекрачите границите и да използвате нетрадиционна цветова схема. Но моля, не правете червена страница със зелен текст, със 7 точки кегел и пикселизиран шрифт. Просто никой няма да я прочете – защото няма да може. Това, което можете да направите е да експериментирате и да видите какво ще се получи. И винаги помнете основните принципи – тогава всичко ще бъде наред. Следващата седмица ще обсъдим защо Макдоналдс, например, иползват оранжево и червено в рекламите си. За целта ще трябва да се настроите на тази вълна. Поровете в интернет и обърнете внимание как дизайнерите използват цветове. Кои сайтове оставят добро и кои - лошо впечатление? Вече имате теоретическата подготовка, за да отговорите поне на тези два въпроса.

Източник.

Вече са факт и първите уроци - едно ефектче и първите два урока от общо четири, посветени на цветовете, също и една кратко описание на една програмка. Цената - умора и мързел по малките часове след цял ден тичане насам натам.

Завчера споменах основите на това какво е аналоговият цвят. Споменах също, че може да имаме няколко цвята, близки един до друг, но все пак различни. Това е почти така, но не точно. Това, за което говорихме в миналият урок всъщност се нарича “монохромност”. Не исках да ви натоварвам с този термин, защото много хора, които чуят това мислят, че става въпрос за един единствен цвят. Когато кажем “монохромен” , всъщност говорим за един цвят, но с няколко нюанса или отсенки. Помнете, схематично погледнато, това е монохромно:

За да разгледаме напълно аналоговите цветови схеми, трябва да погледнем цветното колело. То представлява кръгла палитра от цветове, които преминават от един в друг. Вижте изображението.

Ако прекараме линия през колелото, тя ще преминава през различни цветове, които са аналогови един спрямо друг. Докато монохромността беше използването на един цвят с различни отсенки, тук се използват повече цветове, за да създадат цветовата схема. Иначе казано, виждате няколко различни цвята, които са един до друг на цветното колело. Това може да са лилаво и синьо, лилаво и червено и т.н. Погледнете следващата цветова схема, за да видите какво имам предвид.

И така, имаме няколко цвята. Използвал съм по-фини такива, за да видите приложението на идеята.
Като цяло не обичам комбинацията от крайно наситено жълто с наситено зелено. Но когато намалите наситеността и на двата, получавате доста добра комбинация. Сравнете сами.

Докато първият вариант е един вид ефирен и “пролетен”, вторият, от вторият, честно казано, ми се повдига. Това е лично мнение, но не е изключена да чувствате същото. Също така, това НЕ означава, че втората комбинация не става за нищо. Просто всяко нещо си има собствено приложение.

И така, нека направим обобщение. Последните два урока говорихме за използването на аналогови цветове. Аналогични значи, че две неща са сходни, или имат нещо общо. В миналият урок говорихме за монохромни цветови схеми, използвайки един цвят с различни отсенки.

Сега говорихме за два или повече цвята, които са един до друг на цветното колело.

Надявам се, че сте схванали всичко в общи линии. Знам, че може да е малко объркващо, ако се сблъсквате с всичко това за първи път, но експериментирайте. Също може да се поогледате какви цветови схеми използват дизайнерите в сайтовете си. В следващият урок ще задълбаем още малко.

Източник.

В следващите редове ще поговорим за теорията на цветовете. Нека започнем с нещо просто.
Ще представя един термин в цветовете, наречен “аналогов цвят”. Просто казано, той представлява един цвят в с различни степени на наситеност. Вижте изображението по-долу, за да разберете какво имам предвид.

Това е серия от кафяви цветове, започващи от тъмен и стигащи до светъл. Това, което виждате е серия от аналогови цветове. Но кафявото не е перфектният пример, затова да видим как стоят нещата със синьото.

Тук имаме същата серия, но в синьо. Аналоговите цветове могат да бъдат с всякакъв оттенък. Ако използвахте grayscale, горните цветове щяха изглеждат като серия от степени на сивото. Технически погледнато черното и бялото не са цветове, но схващате идеята, предполагам?

И така, къде е смисълът? Степента на наситеност, която изберете за принтиране, за публикуване в интернет или друго е изключително важна. Избирането на аналогова цветова схема е много полезно за свързване на елементите в подредбата на сайт, например. Може да бъде използвана за създаване на чувство за цялостна структура, простота и елегантност. Полезна е и като основна цветова схема, скоято могат да се комбинират и други подхождащи цветове. За такива цветове ще говорим по-късно.

Нивото на наситеност е важно, за да сте сигурни, че цветовите ви схеми са добре подбрани. Вижте изображението долу.

Това е синьо изображение, което е максимално наситено. За целта е използвана командата Hue and Saturation във Photoshop. Забележете колко е различно от следващото изображение.

Първото изображение не съвпада с моята идея за елегантност. Обикновено сайтове и печатни материали, които се опитват да създадат усещане да спокойствие, цялост и зрялост използват меки, ненаситени цветове. Максималната наситеност понякога е полезна за материали, която цел е да привлекат вниманието на по-малки деца.

За да станат още по-ясни нещата ето две кафяви изображения.

Наситено:

Не толкова наситено:

И така, това беше първият кратък урок по теория на цветовете. Ще продължа тази тема и това как да работим с цветове във Photoshop в следващите постове.

Източник.

1: Filters->Blur->Gaussian Blur - количеството нямо особено значение, но не прекалявайте.
2: Edit->Fade Gaussian Blur->Mode - Darken

С помощта на този филтър доста лесно се постига известен cartoon ефект, също може без съществена загуба на детайли да се повишава лесно качеството на не много сложни растерни изображения.

С останалите ефекти от менюто Blur н комбинацияс Fade->Darken също може да се постигнат интересни ефекти - пробвайте примерно Radial Blur с настройка Zoom. Експерименти му е майката.

Ето примерсамо за една от възможностите, които предлага ефектът :

Оригинал:

Обработен вариант:

Какво прави - ами общо казано показва цвета на пиксела, който е под курсора на мишката Но не само. Показва кода му в HEX, HTML, RGB, CMYK и HSV и позволява с помощта на комбинация от бутони да го копирате в клипборда.
Също има magnifier, т.е. интсрумент, който учеличава областта около курсора на мишката така че да може прецизно да селектирате пиксела, който ви трябва.
Позволява и да смесвате цветове.

И всички тези чудеса ги събира в 8кб и едно малко прозорче, което си седи до таскбара и не пречи.
На всичкото отгоре е напълно безплатна. Да се чуди човек.

Приятно четене:)