Мебельный справочник Уроки Фотошоп (Photoshop).
  к разделам. Форум
Форум
.
библиотеки и модели PRO100
3D Модели
.
технология
Технологии.
обзор мебельной фурнитуры
Фурнитура
.
О дизайне
О дизайне
.
Инструмент
Инструмент
.

Мебельный справочник.
Оглавление.

Как рисовать иконки в фотошоп.

В этом уроке расскажу как я рисую пиксельные иконки.

1). Создаём новый документ 200х200 с прозрачным фоном.

2). В первую очередь нужно создать каркас домика. Будущее строение находится изометрической проекции, наклон осей которой составляет 120 градусов. Поэтому боковые грани будут под таким же наклоном.

  Для боковых граней испрользуется линия, состоящая из звеньев по 2 px углом друг к другу. Выбираем инструмент Карандаш 1 px, цвет черный. Начинаем рисовать каркас стен.

как рисовать пиксельные иконки рисовать каркас стен

Работа будет идти гораздо легче и быстрее, если создать и пользоваться примерно такими кистями: рисуем крышу

3). Итак, стены готовы. Приступаем к крыше. Она бывает разной формы. Я выбрала крышу с двумя скатами. Определяем середину любой из стен и чуть выше неё (на уровне конька будущей крыши) ставим точку. Далее зажимаем shift и щелкаем карандашом на верхней точке дальнего конца стены, середину которой мы находили. Получилась одна половина окончания крыши. Повторим то же самое с ближним концом.

крыша с двумя скатами Конёк крыши. Копируем эту линию...

рисуем конёк

и перемещаем к верхней точке крыши. Затем щёлкаем карандашом на дальнем конце конька, зажимаем shift и щелкаем на верхней дальней точке второй стены. Каркас готов.

4). Добавляем контуры всевозможных деталей. Окошки, двери, крылечко... что подскажет фантазия. При вырисовке окошек и дверей можно показать толщину стен. Все линии параллельны осям изометрии.

5). Раскрашивание. Для начала выбираем положение источника света. у меня он будет слева. Значит, левые грани будут светлее, чем правые. Для стены , которая левее выбираю светло-серый цвет, для другой стены-темно-серый. Выполняю заливку.

Раскрашивание  положение источника света

  В соответствующие цвета окрашиваем толщинку стен в окных и дверном проёмах, учитывая то куда повернута поверхность-к свету или от него. Падающие тени я не показываю. С таким же рассчетом красим всё остальное.

6). Добавление текстур. На стенах можно показать обшивку, на крыше черепицу или пластины. Опять же, всё зависит от фантазии. Чтобы облегчить себе работу создаём образцы заливки, выделяем на нашем рисунке нужную область и заливаем. Каждая текстура должна быть в новом слое. Тон цвета выбираем с учетом направления света.

Как рисовать иконки в фотошоп  Добавление текстур

  Делаем тень от каждой из текстур. Копируем слой с текстурой, идем в Hue/station (ctrl+U), смещаем третий ползунок чуть влево. Нажимаем ОК. Смещаем слой, с которым мы работали на 1 px вниз.  Получилась тень. Теперь все слои можно склеить.

7). Сейчас все контуры к нас чёрного цвета. Что смотрится грубовато и не объёмно. Изменим цвет рёбер, которые направлены углом на нас. Цвет выбираем чуть светлее, чем основной цвет площади, которую ограничивает данный контур. С рисунком будет более понятно. Последний штрих - выделение направленных на нас углов белым цветом.

слой с текстурой  контуры в фотошоп

Всё, рисунок готов. Сохраняем в gif, чтобы фон был прозрачным.

иконка в гиф

По тому же принципу можно рисовать интерьеры:

иконки в фотошоп

Источник: sv-img.info

 


Вспомогательная информация.

 

Можно копировать с указанием на источник и активной индексируемой гиперссылкой на сайт www.makuha.ru