Читать

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

29.01.2017 / Уроки

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

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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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





Просмотров: 841 / Теги: iphone, урок, фотошоп, рисуем смартфон

Комментарии (0)

avatar


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

Внимание! Спойлеры!
Вооружившись удивительной способностью уменьшаться в размере, но обладая при этом большой силой, мошенник Скотт Лэнг должен стать героем и...


23.11.2015 / Отзывы

В новом уроке попробуем нарисовать простой сайдбар (навигационное вертикальное меню) для вымышленного сайта, к примеру, для портфолио некоего художника. В большинстве своём, сайдбары...


01.12.2014 / Уроки

Игровая индустрия сегодня является одной из самых прибыльных. И чтобы привлечь внимание пользователей к своему продукту создатели прежде всего работают над визуальной составляющей.


22.08.2015 / Арт

Работы arsenixc с проекта deviantart подобны сценам из полнометражного анимационного японского мультфильма. Красочные, жизнерадостные, наполненные атмосферой и знакомыми...


18.04.2016 / Арт



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