Рубрика: Photoshop Уроки | Урок прочитали: 705
 (голосов: 0)

Рисуем компьютерную мышку в Фотошоп

В этом урок вы узнаете, как создать реалистичную компьютерную мышь с креативным дизайном. Если вы сравните итоговый результат урока и настоящую мышку от Майкрософт вы не найдёте отличий. В ходе урока мы будем использовать в основном инструмент Перо (Pen), а так же технику Осветлителя (Dodge Tool) и Затемнителя (Burn Tool).

И так, начнём!

Итоговый результат


Шаг 1

Начнём с создания нового документа с размерами 420х300 пикселей, 72 т/на дюйм, цвет фона – белый.

Шаг 2

Создайте новый слой с помощью комбинации клавиш Ctrl + Shift + N или в меню Слой – Новый – Слой (Layer-> New-> Layer). Так же есть возможность создать новый слой, нажав на кнопку внизу палитры слоёв, указанную на скриншоте ниже. Переименуйте слой в "Base". Вы можете переименовать слой, нажав правой кнопкой мыши на нем, а затем выбрать пункт Параметры слоя (Layer properties), а в поле Имя (Name) вы можете указать, какое название вы предпочитаете.
Теперь активируйте инструмент Перо (Pen Tool) и создайте контур как на скриншоте.

Залейте контур темно-серым цветом.  Автор использовал цвет со значением # 010101.

Примечание переводчика: чтобы залить контур, зажмите Ctrl+Enter после чего сможете залить выделенную область заливкой или нажмите правой кнопкой мыши и выберите пункт Выполнить заливку контура.

Шаг 3

Создайте новый слой Ctrl + Shift + N и назовите его „Top Part”. Снова активируйте инструмент Перо (Pen Tool) и создайте следующий контур как на скриншоте.

Залейте контур темно-серым цветом, как это делали в предыдущем шаге.  Автор использовал цвет со значением # 0b0b0b.

Шаг 4

Используйте любой инструмент выделения Лассо (Lasso Tool), Прямолинейное лассо  (Polygonal Lasso Tool) или Перо (Pen Tool), чтобы сделать выделение, как на следующем скриншоте.

Возьмите инструмент Осветлитель (Dodge Tool (O)) со следующими настройками:  размер кисти 145 пикс., Диапазон (Range) – Света (Highlights), Экспонирование (Exposure) 100%.

Теперь добавьте основные блики.

Добавьте шум в меню Фильтр – Шум – Добавить шум (Filter -> Noise -> Add Noise). Настройки используйте как на следующем скриншоте.

Шаг 5

Создайте новый слой. Создать новый слой вы можете с помощью комбинации клавиш Ctrl + Shift + N, второй вариант - в меню Слой – Новый – Слой (Layer-> New-> Layer). Третий вариант - есть возможность создать новый слой, нажав на кнопку внизу палитры слоёв, указанную на скриншоте ниже. Переименуйте слой в “stroke1”. Вы можете переименовать слой, нажав правой кнопкой мыши на нем и выбрать пункт Параметры слоя (Layer properties), а в поле Имя (Name) вы можете указать, какое название вы предпочитаете.

Теперь активируйте инструмент Перо (Pen Tool) и создайте контур как на скриншоте ниже.

Добавьте созданному контуру Обводку (Stroke) в 2 пикселя. Нажмите правой кнопкой мыши и выберите пункт Выполнить обводку контура (Stroke path).

Примечание переводчика: для того чтобы выполнить обводку, у вас предварительно должна быть настроена кисть – жёсткая и в 2 пикселя. Затем при обводке во всплывающем окошке выберите инструмент для обводки – Кисть (Brush).

Дублируйте слой, созданный выше Ctrl+J, и переименуйте его. Блокируйте прозрачные пикселы и залейте копию белым. Затем сдвиньте её немного вправо.

Шаг 6

Активируйте инструмент Ластик (Eraser Tool (E)).

Сотрите немного обводку, чтобы она выглядела реалистичнее.

Создайте новый слой и дайте ему название "shape1". Активируйте инструмент Перо (Pen Tool) и создайте фигуру как на скриншоте ниже.

Шаг 7

Снова создайте новый слой, назовите его „shape strokes” и с помощью инструмента Перо (Pen Tool) сделайте контур, как на следующем скриншоте.

Добавьте контуру белую обводку в 1 пиксель, как это делали раньше.

Измените режим наложения слою „shape strokes” на Мягкий свет (Soft Light) и уменьшите Непрозрачность (Opacity) примерно до 50%.

Шаг 8

Выделите слой „Top Part” в палитре слоёв. Создайте выделение с помощью инструмента Прямолинейное лассо  (Polygonal Lasso Tool). Щёлкните правой кнопкой мыши внутри выделения и поставьте радиус растушевки размером в 2 пикселя.

Теперь активируйте инструмент Затемнитель (Burn Tool) с такими настройками: размер кисти 8 пикс, Диапазон (Range) – Средние тона (Midtones), Экспонирование (Exposure) 6%.

Аккуратно добавьте тени внутри выделения.

Шаг 9

Активируйте инструмент Осветлитель (Dodge Tool (O)) со следующими настройками:  размер кисти 56 пикс., Диапазон (Range) – Света (Highlights), Экспонирование (Exposure) 31%.

Добавьте аккуратно несколько бликов в указанном месте.

Выделите слой „Top Part” в палитре слоёв и добавьте блики в указанном на скриншоте месте.

Шаг 10

Создайте новый слой и назовите его “scroll”. С помощью инструмента Перо (Pen Tool) нарисуйте фигуру и залейте её серым цветом # 979694.

Активируйте инструмент Осветлитель (Dodge Tool (O)) и добавьте блики на прокрутке.

Снова создайте новый слой и назовите его “Strokes”. С помощью инструмента Перо (Pen Tool) нарисуйте засечки как на скриншоте ниже.

Примечание переводчика: такие засечки нужно сделать обводкой контура, с имитацией нажима в настройках обводки.

Уменьшите Непрозрачность (Opacity) слоя “Strokes” примерно до 50%.

Шаг 11

Дублируйте слой “Strokes” и на копии блокируйте прозрачные пикселы. Залейте копию белым цветом.

Переместите копию с засечками немного вверх для создания 3D эффекта.

Шаг 12

Создайте новый слой и назовите его “Highlight1”. Активируйте инструмент Перо (Pen Tool) и создайте контур как на скриншоте ниже.

Залейте область внутри контура белым цветом # FFFFFF.

Шаг 13

В панели инструментов выберите инструмент Размытие (Blur Tool) со следующими настройками: размер кисти 31 пиксел, Режим (Mode) – нормальный, Интенсивность (Strenght) 50%.

Используйте инструмент Размытие (Blur Tool) в указанных на скриншоте местах.

Шаг 14

Сделайте активным слой  "Base" в палитре слоёв. С помощью инструментов выделения создайте следующее выделение.

Залейте выделение темно-серым цветом.  Автор использовал # 101113.

Примечание переводчика: обратите внимание, прозрачные пикселы на этом слое заблокированы.

Теперь идём в меню Фильтр – Шум – Добавить шум (Filter -> Noise -> Add Noise). Настройки используйте как на следующем скриншоте.

Шаг 15

Активируйте инструмент Осветлитель (Dodge Tool (O)) со следующими настройками:  размер кисти 16 пикс., Диапазон (Range) – Света (Highlights), Экспонирование (Exposure) 100%.

Добавьте некоторые блики в области выделения, которое создавали в предыдущем шаге.

Создайте новый слой и назовите его “Highlight2”. Нарисуйте небольшую белую фигуру в области выделения из шага 14.

Шаг 16

Создайте ещё один новый слой. Активируйте инструмент Перо (Pen Tool) и создайте контур как на скриншоте ниже.

Добавьте белую обводку в 2 пиксела.

Активируйте инструмент Ластик (Eraser Tool (E)). Сотрите немного обводку, чтобы она выглядела более реалистично.

Шаг 17

Создайте новый слой и назовите его “Highlight 5”. Сделайте ещё один контур под обводкой, которую вы сделали в шаге 16 и так же добавьте контуру белую обводку.

Шаг 18

Теперь будем рисовать нижнюю часть мышки. Создайте новый слой, назовите его “Bottom part”. С помощью инструмента Перо (Pen Tool) создайте контур как на скриншоте ниже.

Залейте область, выделенную контуром, серым цветом # b6babd.

Добавьте шум к нарисованной нижней части мышки в меню Фильтр – Шум – Добавить шум (Filter -> Noise -> Add Noise). Настройки используйте как на следующем скриншоте.

Шаг 19

Выделите слой “Bottom part” и, используя инструмент Осветлитель (Dodge Tool (O)), нарисуйте блики в указанных местах.

Создайте выделение как на скриншоте.

Активируйте инструмент Затемнитель (Burn Tool) и добавьте мягкие тени в указанных местах.

Шаг 20

Используйте инструмент Прямолинейное лассо  (Polygonal Lasso Tool), чтобы сделать небольшое выделение, как на следующем скриншоте.

Выберите инструмент Затемнитель (Burn Tool) и добавьте немного тени.

Шаг 21

Активируйте инструмент Кисть (Brush Tool), поставьте её размер в 1 пиксель и значение цвета # 575757. Настройки кисти смотрите на скриншоте в верхнем меню.

Создайте новый слой и назовите его “Bottom stroke”. С помощью инструмента Перо (Pen Tool) создайте контур как на скриншоте ниже.

Сделайте обводку контура в 1 пиксел, во всплывающем окне выбрав кисть, которую вы предварительно настроили.

Инструментом Ластик (Eraser Tool (E)) сотрите немного обводку, чтобы она выглядела более реалистично.

Шаг 22

Создайте снова новый слой, назовите его “stroke3” и нарисуйте новый контур.

Добавьте белую обводку контуру размером в 2 пикселя.

Инструментом Ластик (Eraser Tool (E)) сотрите немного обводку, чтобы она выглядела красиво и аккуратно.

Шаг 23

Выделите в палитре слоёв слой “Bottom part” и создайте небольшое выделение с помощью инструмента Прямолинейное лассо  (Polygonal Lasso Tool).

Выберите инструмент Затемнитель (Burn Tool) и добавьте тени внутри выделения.

Шаг 24

Создайте новый слой, назовите его “Black stroke” и нарисуйте ещё один новый контур с помощью инструмента Перо (Pen Tool).

Добавьте созданному контуру Обводку (Stroke) чёрного цвета в 2 пикселя. Нажмите правой кнопкой мыши и выберите пункт Выполнить обводку контура (Stroke path).

Дублируйте слой, созданный выше (Ctrl + J).  Заполните его белым цветом, как это делали раньше и переместите немного вверх, как на следующей картинке.

Измените режим наложения для белой обводки на Мягкий свет (Soft Light). У вас должен быть такой результат как на скриншоте ниже.

Шаг 25

Создайте новый контур с помощью инструмента Перо (Pen Tool).

Создайте новый слой и дайте ему имя “Shadow”. Залейте созданный контур на этом слой чёрным цветом #000000. Важно, чтобы этот слой был ниже всех в палитре слоёв, но выше фонового.

Шаг 26

Идём в меню Фильтр – Размытие – Размытие по Гауссу (Filter -> Blur -> Gaussian Blur). Примените настройки как на скриншоте.

Используя инструмент Палец (Smudge Tool), размажьте тень в указанном направлении.

Шаг 27

Инструментом Ластик (Eraser Tool (E)) сотрите часть тени, чтобы она выглядела красиво и аккуратно. Теперь создайте так же тени в верхней части.

Вот и всё! Смотрите итоговый результат!


Автор: Pintilei Adrian-Dumitru
Переводчик: Рыбка

           

Похожие файлы и публикации:

Рисуем компьютерную мышку в Фотошоп
В этом уроке Photoshop вы узнаете, как нарисовать реалистичный утюг с нуля. Вы также узнаете, как создавать реалистичные тени и блики на пластмассовых и металлических поверхностях.
Рисуем компьютерную мышку в Фотошоп
В этом уроке Photoshop вы узнаете, как нарисовать реалистичный утюг с нуля. Вы также узнаете, как создавать реалистичные тени и блики на пластмассовых и металлических поверхностях.
Рисуем компьютерную мышку в Фотошоп
Программа Photoshop – фантастическая программа, с помощью которой можно обрабатывать не только фотографии, но и создать реальные объекты. В сегодняшнем уроке, мы продемонстрируем, как создать изображение реалистичного ножа похожего на фотографию в программе Photoshop, используя векторные инструменты для рисования, стили слоя, текстуры, и эффекты.
Рисуем компьютерную мышку в Фотошоп
В этом уроке я покажу, как нарисовать красную сумку для покупок. В этом уроке будут приведены основные приёмы рисования, такие как создание фигур, затемнение, и добавление теней.
Рисуем компьютерную мышку в Фотошоп
Шаг 2. Создайте новый слой и назовите его “camera2”. Выделите содержимое слоя “camera1” (CTRL + клик по миниатюре слоя). Выполните команду “Select > Modify > Contract” (Выделение > Модификация > Сжать). Установите сжатие в 7 пикселей. Залейте выделение цветом.
Рисуем компьютерную мышку в Фотошоп
В этом уроке вы узнаете, как создать постер из игры “Metro Last light” (для тех, кто не знает).
Рисуем компьютерную мышку в Фотошоп
Шаг 1. Создайте новый документ 512x512 пикселей с белым или прозрачным фоновым слоем. Залейте фоновый слой серым (9D9D9D). Создайте вертикальную и горизонтальную направляющие для удобства.
Рисуем компьютерную мышку в Фотошоп
Финальное изображение:
Рисуем компьютерную мышку в Фотошоп
В этом уроке вы научитесь: 1) Создавать пейзаж. 2) Рисовать рыб 3) Создавать дополнительные штрихи для достижения большего реализма.
Рисуем компьютерную мышку в Фотошоп
Привет друзья! Вы знаете, как создать изображение женской туфельки в программе Фотошоп? Давайте посмотрим, как это можно сделать.
Рисуем компьютерную мышку в Фотошоп
Сегодня шаг за шагом вы учитесь рисовать талисман львёнка в программе Photoshop. Данный урок использует основы применения инструмента Перо (Pen) и инструментов выделения для создания контуров, раскраски и затенения.
Рисуем компьютерную мышку в Фотошоп
В этой части урока мы будем модифицировать корпус машины: добавим обвес, карбоновую сетку и несколько хромированных частей на бампер; научимся делать реалистичное отражение на корпусе и деталях машины; нарисуем воздухозаборники и выпуклые детали на бампере.
Рисуем компьютерную мышку в Фотошоп
В этом уроке мы будем создавать гламурный текст, украшенный бриллиантами.
Рисуем компьютерную мышку в Фотошоп
Здравствуйте уважаемые пользователи сайта photoshop-master.ru В этом уроке мы научимся рисовать красивые светящиеся баночки.
Рисуем компьютерную мышку в Фотошоп
В этом уроке вы узнаете, как создать элегантный и стильный макет портфолио в Photoshop.
Рисуем компьютерную мышку в Фотошоп
В этом уроке мы воспользуемся комбинацией базовых фигур, текстур, фильтров и готовых изображений для создания купона.
Рисуем компьютерную мышку в Фотошоп
В этом уроке вы узнаете, как создать простую ночную сцену манипуляции в фотошопе. Поработаем с волосами модели, и как создать световые эффекты и тени.