Читать


Главная » 2017 » Январь » 29 » Урок 21. Рисуем смартфон
18:40
Урок 21. Рисуем смартфон

При желании полученную в данном уроке заготовку можно использовать как mockup, но мы займёмся именно отрисовкой. За основу возьмём любой предпочитаемый смартфон. И прежде всего обратим внимание на его силуэт.

Фигурой со скруглёнными углами рисуем основу. Я нарисовал прямоугольник с радиусом скругления углов = 30.

Урок по фотошопу. Рисуем смартфон


Дублируя слой (Ctrkl+J), уменьшаем радиус скругления до 25 и, используя инструмент "стрелка" (А), отодвигаем границы дубликата на 5 пикселей от слоя-первоисточника.

Урок по фотошопу. Рисуем смартфон


Возвращаемся к первой фигуре и (при выделенном контуре с зажатой клавишей Shift) добавляем в её контур ещё несколько прямоугольников со скруглёнными углами (радиус скругления их будет равен 1 или 2 пикселям).

Урок по фотошопу. Рисуем смартфон


Переходим на верхний слой, создаём новый, или просто сразу рисуем новую фигуру - прямоугольник с прямыми углами. Это будет экран смартфона. Таким же образом (используя различные фигуры) рисуем кнопку, выход динамика и камеру.

Урок по фотошопу. Рисуем смартфон


Заготовка готова. Теперь нужно определиться с цветом. Не обязательно это должен быть монохром. Можно и красок добавить.

Урок по фотошопу. Рисуем смартфон


Остался последний штрих - блик. Для этого пером рисуем фигуру под углом, а затем размещаем слой с ней над слоем с экраном. Жмём Alt+Ctrl+J, чтобы создать обтравочную маску, придав таким образом блику форму экрана. Дублируем блик и перемещаем его над слоем с формой телефона (без кнопок). Снова создаём обтравочную маску.

Урок по фотошопу. Рисуем смартфон


При желании можно добавить тень под смартфон - плоскую или размытую, чтобы придать бОльший объём. Готово! Легко и просто, правда?

Урок по фотошопу. Рисуем смартфон


Исходник урока, запакован в архив - 180 КБ (при распаковке 1,7 МБ)

Скачать архив



Категория: Уроки | Просмотров: 233 | Добавил: M-Wizard | Рейтинг: 0.0/0
Теги: iphone, урок, фотошоп, рисуем смартфон

Всего комментариев: 0
avatar


НЕКОТОРЫЕ ПУБЛИКАЦИИ БЛОГА


ПОДПИШИТЕСЬ НА ОБНОВЛЕНИЯ