Рисование компьютерной мыши в фотошопе
Превью:
Создание документа
Создайте новый документ (Ctrl + N) размером 800х600 пикселей, думаю это не так сложно, как купить терминал сбора данных в Кисловодске. Выберите инструмент Заливка (Paint Bucket Tool) и залейте фон любым цветом.
Форма мыши
Выберите инструмент Перо (Pen Tool) (P) и на панели инструмента установите значения, показанные ниже:
Начните с рисования верхней горизонтальной линии, потом она должно перейти в полукруг вниз, с нижней точки закройте контур прямой вертикальной линией. Сначала нарисуем половину мыши, потом сделайте её копию для симметрии.
Совет: Прямые линии получаются, если удерживать клавишу Shift.
Удерживая клавишу Ctrl, сделайте выделение всей половины (левой кнопкой мыши, будто создаёте выделенную область). Нажмите Ctrl + C, чтобы скопировать контур и потом Ctrl + V, чтобы вставить копию. К копии нужно применить Отражение по горизонтали. Для этого перейдите в меню Редактирование – Трансформирование – Отразить по горизонтали (Edit – Transform – Flip Horizontal). Передвиньте отражённую копию вправо, чтобы получить цельную мышь.
Стили слоя для мыши
Перейдите в меню Слой – Стили слоя – Отбрасывание тени (Layer – Layer Style – Drop Shadow) и настройте так: Режим – Умножение (остальные показаны значения на картинке).
В том же окне примените стиль Внутренняя тень: Режим – Умножение.
Наложение градиента: Режим – Нормальный, Стиль – Радиальный.
Вы получите такой результат:
Сияние мыши
Слой с формой мыши назовите "Mouse”. Сделайте копию этого слоя (Ctrl + J) и назовите её "Shine 1”, думаю это не так сложно, как купить терминал сбора данных в Караганде. Нужно очистить этот слой от стилей. Чтобы это сделать, кликните правой кнопкой мыши на слое "Shine 1” в палитре слоёв и выберите Очистить стили слоя (Clear Layer Styles).
Теперь нужно залить копию белым цветом. Для этого нужно применить стиль Наложение цвета (Color Overlay). Есть ещё один способ применения стилей слоя: кликните дважды левой кнопкой мыши на слое в палитре слоёв и у Вас откроется окно стилей. Там выберите нужный стиль.
После применения стиля, перейдите в режим Свободного трансформирования (Ctrl + T) и немного измените размер белой фигуры, поднимите её к верхнему краю формы мыши.
Совет: При трансформации, удерживая Shift + Alt, размер слой будет уменьшаться относительно центральной точки.
Установите Непрозрачность (Opacity) слоя с белой фигурой – 15%.
Сделайте копию слоя "Shape 1” (Ctrl + J) и назовите её "Shine 2”. Установите Непрозрачность копии – 50%. Инструментом Свободное трансформирование (Ctrl + T) измените размер слоя "Shine 2” и поднимите к верхнему краю.
Повторите этот процесс ещё раз. Третий слой должен быть ещё меньше.
Кнопки мыши
Выберите инструмент Перо (Pen Tool) (P) и нарисуйте фигуру, показанную ниже. Она похожа на перевёрнутую букву "T”. Назовите слой "Lines”.
Примените следующие стили слоя:
Наложение цвета: Режим – Нормальный, Цвет - #5d5d5d
Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Зеркальный.
Вырез для колёсика мыши
Инструментом Эллипс (Ellipse Tool) (U) создайте фигуру, показанную ниже. Назовите слой "Wheel Indent”. Этот слой должен быть под слоем "Lines” в палитре слоёв.
К эллипсу примените следующие стили:
Внутренняя тень: Режим – Нормальный, Цвет - #acacac.
Наложение градиента: Режим – Нормальный, Стиль – Зеркальный.
Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет.
Колёсико мыши
Сделайте копию слоя "Wheel Indent” (Ctrl + J). Кликните правой кнопкой мыши на копии и выберите Очистить стили слоя (Clear Layer Styles). Назовите слой "Mouse Wheel” и расположите над слоем "Lines”.
Примените эти стили:
Внутренняя тень: Режим – Умножение.
Наложение градиента: Режим – Нормальный, Стиль – Линейный, Цвета - #878787 – #d8d8d8 – #a0a0a0.
Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет, Цвет - #666666.
LED индикатор
Выберите инструмент Эллипс (Ellipse Tool) (U) и создайте маленький круг в центре мыши. Назовите этот слой "Light”.
Примените следующие стили:
Внешнее свечение: Режим – Осветление основы, Цвет - #01deff.
Наложение цвета: Режим – Нормальный, Цвет - #01deff.
Световые эффекты
Выберите инструмент Перо (Pen Tool) (P) в режиме контуров. Потом выберите инструмент Кисть (Brush Tool) (B) и установите его диаметр – 1 пиксель, цвет – белый.
В левом нижнем углу мыши нарисуйте короткую линию.
Кликните правой кнопкой на контуре и выберите Выполнить обводку контура (Stroke Path): Кисть (Brush). Кликните на контуре ещё раз и выберите Удалить контур (Delete Path).
Перейдите в меню Слой – Слой-маска – Показать все (Layer – Layer Mask – Reveal All). Выберите инструмент Градиент (Gradient Tool) (G), стиль – линейный, от чёрного к белому. Сделайте заливку верхней части тонкой линии сверху вниз. Кликните правой кнопкой на иконке маски в палитре слоёв и выберите Применить слой-маску (Apply Layer Mask). Повторите этот процесс для нижней половины линии.
Создайте ещё несколько 1-пиксельных линий и повторите процесс с заливкой маски.
Результат:
Выберите инструмент Овальная область (Elliptical Marquee Tool) (M) и создайте выделение, как показано ниже.
Инструментом Заливка (Paint Bucket Tool) (G) залейте выделение белым цветом в новом слое. Потом перейдите в меню Фильтр – Размытие – Размытие по гауссу (Filter – Blur – Gaussian Blur): значение радиуса – 3,5-4 пикселя. Потом примените стиль Внешнее свечение (Outer Glow):
Режим – Осветление.
Конечный результат:
PSD файл
Перевод: Хегай Глеб
Создание документа
Создайте новый документ (Ctrl + N) размером 800х600 пикселей, думаю это не так сложно, как купить терминал сбора данных в Кисловодске. Выберите инструмент Заливка (Paint Bucket Tool) и залейте фон любым цветом.
Форма мыши
Выберите инструмент Перо (Pen Tool) (P) и на панели инструмента установите значения, показанные ниже:
Начните с рисования верхней горизонтальной линии, потом она должно перейти в полукруг вниз, с нижней точки закройте контур прямой вертикальной линией. Сначала нарисуем половину мыши, потом сделайте её копию для симметрии.
Совет: Прямые линии получаются, если удерживать клавишу Shift.
Удерживая клавишу Ctrl, сделайте выделение всей половины (левой кнопкой мыши, будто создаёте выделенную область). Нажмите Ctrl + C, чтобы скопировать контур и потом Ctrl + V, чтобы вставить копию. К копии нужно применить Отражение по горизонтали. Для этого перейдите в меню Редактирование – Трансформирование – Отразить по горизонтали (Edit – Transform – Flip Horizontal). Передвиньте отражённую копию вправо, чтобы получить цельную мышь.
Стили слоя для мыши
Перейдите в меню Слой – Стили слоя – Отбрасывание тени (Layer – Layer Style – Drop Shadow) и настройте так: Режим – Умножение (остальные показаны значения на картинке).
В том же окне примените стиль Внутренняя тень: Режим – Умножение.
Наложение градиента: Режим – Нормальный, Стиль – Радиальный.
Вы получите такой результат:
Сияние мыши
Слой с формой мыши назовите "Mouse”. Сделайте копию этого слоя (Ctrl + J) и назовите её "Shine 1”, думаю это не так сложно, как купить терминал сбора данных в Караганде. Нужно очистить этот слой от стилей. Чтобы это сделать, кликните правой кнопкой мыши на слое "Shine 1” в палитре слоёв и выберите Очистить стили слоя (Clear Layer Styles).
Теперь нужно залить копию белым цветом. Для этого нужно применить стиль Наложение цвета (Color Overlay). Есть ещё один способ применения стилей слоя: кликните дважды левой кнопкой мыши на слое в палитре слоёв и у Вас откроется окно стилей. Там выберите нужный стиль.
После применения стиля, перейдите в режим Свободного трансформирования (Ctrl + T) и немного измените размер белой фигуры, поднимите её к верхнему краю формы мыши.
Совет: При трансформации, удерживая Shift + Alt, размер слой будет уменьшаться относительно центральной точки.
Установите Непрозрачность (Opacity) слоя с белой фигурой – 15%.
Сделайте копию слоя "Shape 1” (Ctrl + J) и назовите её "Shine 2”. Установите Непрозрачность копии – 50%. Инструментом Свободное трансформирование (Ctrl + T) измените размер слоя "Shine 2” и поднимите к верхнему краю.
Повторите этот процесс ещё раз. Третий слой должен быть ещё меньше.
Кнопки мыши
Выберите инструмент Перо (Pen Tool) (P) и нарисуйте фигуру, показанную ниже. Она похожа на перевёрнутую букву "T”. Назовите слой "Lines”.
Примените следующие стили слоя:
Наложение цвета: Режим – Нормальный, Цвет - #5d5d5d
Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Зеркальный.
Вырез для колёсика мыши
Инструментом Эллипс (Ellipse Tool) (U) создайте фигуру, показанную ниже. Назовите слой "Wheel Indent”. Этот слой должен быть под слоем "Lines” в палитре слоёв.
К эллипсу примените следующие стили:
Внутренняя тень: Режим – Нормальный, Цвет - #acacac.
Наложение градиента: Режим – Нормальный, Стиль – Зеркальный.
Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет.
Колёсико мыши
Сделайте копию слоя "Wheel Indent” (Ctrl + J). Кликните правой кнопкой мыши на копии и выберите Очистить стили слоя (Clear Layer Styles). Назовите слой "Mouse Wheel” и расположите над слоем "Lines”.
Примените эти стили:
Внутренняя тень: Режим – Умножение.
Наложение градиента: Режим – Нормальный, Стиль – Линейный, Цвета - #878787 – #d8d8d8 – #a0a0a0.
Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет, Цвет - #666666.
LED индикатор
Выберите инструмент Эллипс (Ellipse Tool) (U) и создайте маленький круг в центре мыши. Назовите этот слой "Light”.
Примените следующие стили:
Внешнее свечение: Режим – Осветление основы, Цвет - #01deff.
Наложение цвета: Режим – Нормальный, Цвет - #01deff.
Световые эффекты
Выберите инструмент Перо (Pen Tool) (P) в режиме контуров. Потом выберите инструмент Кисть (Brush Tool) (B) и установите его диаметр – 1 пиксель, цвет – белый.
В левом нижнем углу мыши нарисуйте короткую линию.
Кликните правой кнопкой на контуре и выберите Выполнить обводку контура (Stroke Path): Кисть (Brush). Кликните на контуре ещё раз и выберите Удалить контур (Delete Path).
Перейдите в меню Слой – Слой-маска – Показать все (Layer – Layer Mask – Reveal All). Выберите инструмент Градиент (Gradient Tool) (G), стиль – линейный, от чёрного к белому. Сделайте заливку верхней части тонкой линии сверху вниз. Кликните правой кнопкой на иконке маски в палитре слоёв и выберите Применить слой-маску (Apply Layer Mask). Повторите этот процесс для нижней половины линии.
Создайте ещё несколько 1-пиксельных линий и повторите процесс с заливкой маски.
Результат:
Выберите инструмент Овальная область (Elliptical Marquee Tool) (M) и создайте выделение, как показано ниже.
Инструментом Заливка (Paint Bucket Tool) (G) залейте выделение белым цветом в новом слое. Потом перейдите в меню Фильтр – Размытие – Размытие по гауссу (Filter – Blur – Gaussian Blur): значение радиуса – 3,5-4 пикселя. Потом примените стиль Внешнее свечение (Outer Glow):
Режим – Осветление.
Конечный результат:
PSD файл
Перевод: Хегай Глеб
