Робота з графікою

Для тих, хто причетний до розробки сайтів безпосередньо.

Краса сайту впливає на емоції і настрій користувача. Крім того, гарний сайт розташовує до себе. Професійно оброблена графіка запевняє у надійності того, що пропонує сайт. І навіть якщо на обробку ілюстрації йде багато часу і сил - результат виправдає старання!

Хороші (доведені до кондиції) зображення можуть поліпшити будь-який дизайн.

Давайте розглянемо етапи підготовки зображень на прикладі:

1. Шукаємо якісну фото-композицію.

Немає нічого поганого в тому, що ми знайдемо її в інтернеті. В результаті ви самі в цьому переконаєтеся. Також можна використовувати свої фото архіви, або зробити свіжою фотографію під ситуацію. Особисто Я знайшов на Getty:

Озброюємося графічним редактором (Addobe PhotoShop, Corel PhotoPaint, etc). І починаємо обробку.

Фактично необхідно окреслити предмет (об'єкт) новими текстурами (подібними з оригінальними). Якість країв, матеріалу буде на порядок вище - якщо ви малюєте заново, а не розгладжує існуюче.

Накладаємо фронтальну площину:

У першому кроці використовувалися всього два інструменти - Виділення і Заливка! Заливка градиентная, градієнт лінійний. А от з виділення - ручне. Плавне виділення по вектору. Для цього я збільшую об'єкт і обходжу площину контрольними точками. Потім роблю вигини вектора, і створюю з цього вектора виділення.

Аналогічним чином створюємо глибину об'єкта (накладаємо нові полігони на оригінальне зображення).

Далі дуже простий спосіб вдихнути в об'єкт життя - це білі лини уздовж граней. Звичайна біла (напівпрозора лінія) уздовж кожної грані:

Тут ви вже можете спостерігати елементи декору. Пішла імпровізація (все ті ж два інструменти: виділення і заливка).

Всякі округлості, дзеркала і скельця ...

...золоті гвинтики, авторська гравіровочка:

В результаті ми прибрали все, що було вкрадено у «gettyimages». Можна сказати, що у нас авторська графіка, ніяких клипартів ніяких колекцій - все своїми руками.

Більш наочно побачити зміни від ілюстрації до ілюстрації можна тут. ]