Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

В этом уроке мы будем учиться создавать простой значок принтера в Adobe Photoshop.

Предварительный просмотр результата

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

Создание значка принтера в Adobe Photoshop

Детали урока

Программа: Adobe Photoshop CS5
Предполагаемое время выполнения: 45 минут
Уровень сложности: Начинающий/Средний

Шаг 1

Открываем Photoshop и нажимаем Control + N, чтобы создать новый документ. Вводим все данные, показанные на следующих изображениях, и нажимаем ОК. Включаем сетку Grid (View > Show > Grid) и привязку к сетке Snap to Grid (View > Snap To > Grid). Для начала нам нужна сетка через каждые 5 рх, поэтому переходим Edit > Preferences > Guides, Grid & Slices и фокусируемся на секции Grid. Вводим значение 5 в окно Gridline Every и 1 – в окно Subdivision. Также устанавливаем цвет сетки – #a7a7a7. После ввода этих данных нажимаем ОК. Не бойтесь этой сетки. Она поможет нам в работе. Также вам необходимо открыть панель Info (Window > Info) для просмотра размера и положения ваших фигур в реальном времени.

Создание значка принтера в Adobe Photoshop

Шаг 2

Переходим на панель инструментов и устанавливаем цветом переднего плана цвет #00aeef. Берем инструмент Rounded Rectangle Tool, фокусируемся на верхней панели и устанавливаем радиус 5 рх. Создаем векторную фигуру 120 x 40 px, убеждаемся, что она остается выделенной, и переключаемся на инструмент Rectangle Tool. Отмечаем Subtract на верхней панели, а затем рисуем путь 120 x 10 px вдоль верха нашего скругленного прямоугольника, как показано на втором изображении.
Переходим на панель слоев и нажимаем дважды на векторной фигуре, созданной в этом шаге, чтобы открыть панель стилей слоя. Активируем настройку Drop Shadow, Inner Shadow, Bevel and Emboss и Gradient Overlay, а затем вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 3

Устанавливаем цветом переднего плана цвет #ffda71, убеждаемся, что инструмент Rectangle Tool все ещё активен, создаем векторную фигуру 120 x 35 px и располагаем её, как показано на первом изображении.
Убедитесь, что новый прямоугольник остался выделенным, переключаемся на инструмент Add Anchor Point Tool и добавляем две ключевых точки, как показано на первом изображении. Затем нам нужно удалить направляющие от этих новых ключевых точек. Просто берем инструмент Convert Point Tool и нажимаем на обоих ключевых точках. Берем инструмент Direct Selection Tool и фокусируемся на верхней части нашей желтой векторной фигуры. Выделяем левую ключевую точку и тянем её на 10 рх вправо, затем выделяем правую ключевую точку и тянем её на 10 рх влево. Переходим на панель слоев, открываем окно Стили слоя для желтой векторной фигуры и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 4

Устанавливаем цветом переднего плана цвет #ff0000, берем инструмент Rectangle Tool, создаем векторную фигуру 120 x 25 px и располагаем её так, как показано на первом изображении.
Убедитесь, что эта красная векторная фигура все ещё выделена, переходим на панель слоев, уменьшаем Fill до 0% и затем открываем панель Стили слоя. Активируем Inner Shadow и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 5

Устанавливаем цветом переднего плана белый цвет, берем инструмент Rounded Rectangle Tool, создаем векторную фигуру 80 x 20 px и располагаем её так, как показано на первом изображении.
Убедитесь, что этот скругленный прямоугольник все ещё выделен, и берем инструмент Rectangle Tool. Отмечаем Subtract на верхней панели и рисуем векторный путь 80 x 5 px, как показано на втором изображении.

Создание значка принтера в Adobe Photoshop

Шаг 6

Убеждаемся, что векторная фигура, созданная в предыдущем шаге все ещё выделена, и берем инструмент Rectangle Tool. Отмечаем Add на верхней панели и просто добавляем векторную фигуру 80 x 10 px, как показано на первом изображении. Фокусируемся на верхней части этой белой фигуры и переключаемся на инструмент Direct Selection Tool. Выделяем левую ключевую точку и тянем её на 5рх вправо, затем выделяем правую ключевую точку и тянем её на 5рх влево. Открываем окно стилей слоя для этой векторной фигуры и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 7

Устанавливаем цветом переднего плана цвет #ff0000, берем инструмент Rectangle Tool, создаем векторную фигуру 80 x 15 px и располагаем её так, как показано на первом изображении. Убедитесь, что этот красный прямоугольник все ещё выделен, переходим на панель слоев, уменьшаем Fill до 0% и затем открываем панель Стили слоя. Активируем Inner Shadow и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 8

Устанавливаем цветом переднего плана цвет #141414, берем инструмент Rounded Rectangle Tool, создаем векторную фигуру 80 x 20 px и располагаем её так, как показано на первом изображении. Убедитесь, что скругленный прямоугольник все ещё выделен, и переключаемся на инструмент Rectangle Tool. Отмечаем Subtract на верхней панели и рисуем векторный путь 80 x 5 px, как показано на втором изображении. Открываем окно стилей слоя для темной фигуры и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 9

Устанавливаем цветом переднего плана цвет #8dc63f, берем инструмент Rounded Rectangle Tool, создаем векторную фигуру 90 x 30 px и располагаем её так, как показано на первом изображении. Убедитесь, что скругленный прямоугольник все ещё выделен, отмечаем Subtract на верхней панели и рисуем векторную фигуру 80 x 20 px, как показано на втором изображении.

Создание значка принтера в Adobe Photoshop

Шаг 10

Убедитесь, что ваша зеленая векторная фигура все ещё выделена, и берем инструмент Rectangle Tool. Отмечаем Subtract на верхней панели и рисуем векторную фигуру 90 x 10 px, как показано на первом изображении. Открываем окно стилей слоя для этой фигуры и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 11

Устанавливаем цветом переднего плана цвет #fbaf5d, берем инструмент Rectangle Tool, создаем векторную фигуру 90 x 20 px и располагаем её так, как показано на первом изображении. Убедитесь, что прямоугольник все ещё выделен, фокусируемся на нижней части и переключаемся на инструмент Direct Selection Tool. Выделяем левую ключевую точку и тянем её на 5рх влево, затем выделяем правую ключевую точку и тянем её на 5рх вправо. Открываем окно стилей слоя для оранжевой векторной фигуры и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 12

Устанавливаем цветом переднего плана белый цвет, берем инструмент Rectangle Tool, создаем векторную фигуру 70 x 30 px и располагаем её так, как показано на первом изображении. Убедитесь, что прямоугольник все ещё выделен, фокусируемся на нижней части и переключаемся на инструмент Direct Selection Tool. Выделяем левую ключевую точку и тянем её на 5рх влево, затем выделяем правую ключевую точку и тянем её на 5рх вправо. Открываем окно стилей слоя для оранжевой векторной фигуры и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Шаг 13

Устанавливаем цветом переднего плана черный цвет, берем инструмент Rectangle Tool, создаем векторную фигуру 80 x 20 px и располагаем её так, как показано на первом изображении. Открываем окно стилей слоя для нового прямоугольника и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 14

Устанавливаем цветом переднего плана цвет #ffda71, берем инструмент Rectangle Tool, создаем векторную фигуру 70 x 25 px и располагаем её так, как показано на первом изображении. Открываем окно стилей слоя для нового прямоугольника и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 15

Устанавливаем цветом переднего плана цвет #3c3c3c, берем инструмент Rounded Rectangle Tool, создаем векторную фигуру 15 x 5 px и располагаем её так, как показано на первом изображении. Убедитесь, что маленький скругленный прямоугольник все ещё выделен и переключаемся на инструмент Rectangle Tool. Отмечаем Subtract на верхней панели и рисуем квадрат со стороной 5рх, как показано на втором изображении.

Создание значка принтера в Adobe Photoshop

Шаг 16

Открываем окно стилей слоя для векторной фигуры, созданной в предыдущем шаге, и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 17

Для следующих шагов нам нужна сетка через каждый 1рх, поэтому переходим в Edit > Preferences > Guides, Grid & Slices и вводим значение 1 в окно Gridline Every.

Устанавливаем цветом переднего плана белый цвет, берем инструмент Rounded Rectangle Tool, создаем векторную фигуру 6 x 3 px и располагаем её так, как показано на первом изображении. Открываем окно стилей слоя для этого скругленного прямоугольника и вводим настройки, показанные на следующих изображениях

Создание значка принтера в Adobe Photoshop

Создание значка принтера в Adobe Photoshop

Шаг 18

Устанавливаем цветом переднего плана цвет #fbaf5d, берем инструмент Rectangle Tool, создаем векторную фигуру 100 x 3 px и располагаем её так, как показано на первом изображении. Открываем окно стилей слоя для этого оранжевого прямоугольника и вводим настройки, показанные на следующих изображениях.

Создание значка принтера в Adobe Photoshop

Шаг 19

Возвращаемся к сетке через каждые 5 рх, для чего переходим Edit > Preferences > Guides, Grid & Slices и вводим 5 в окно Gridline Every.

Устанавливаем цветом переднего плана цвет #ffda71, берем инструмент Rounded Rectangle Tool, создаем векторную фигуру 130 x 10 px и располагаем её так, как показано на первом изображении. Убедитесь, что этот скругленный прямоугольник все ещё выделен, и переключаемся на инструмент Rectangle Tool. Отмечаем Add на верхней панели и рисуем прямоугольник 100 x 25 px, как показано на втором изображении.

Создание значка принтера в Adobe Photoshop

Шаг 20

Убедитесь, что желтая векторная фигура, созданная в предыдущем шаге, все ещё выделена, фокусируемся на нижней части и переключаемся на инструмент Direct Selection Tool. Выделяем левую ключевую точку и тянем её на 5рх влево, затем выделяем правую ключевую точку и тянем её на 5рх вправо. Фокусируемся на панели слоев, перемещаем эту векторную фигуру назад (Shift + CTRL + [ ) и заменяем желтый цвет черным.

Создание значка принтера в Adobe Photoshop

Шаг 21

Фокусируемся на панели слоев, нажимаем правой кнопкой на черной векторной фигуре, созданной в предыдущем шаге, и переходим в Convert to Smart Object. Убедитесь, что новый объект выделен, снижаем непрозрачность до 15% и переходим в фильтр Filter > Blur > Gaussian Blur. Вводим значение 5 рх в качестве радиуса и нажимаем ОК.

Создание значка принтера в Adobe Photoshop

Шаг 22

Устанавливаем цветом переднего плана черный цвет, берем инструмент Ellipse Tool, создаем векторную фигуру 170 x 20 px и располагаем её так, как показано на первом изображении.

Фокусируемся на панели слоев и превращаем этот сжатый круг в объект. Убеждаемся, что этот новый объект выделен, снижаем непрозрачность до 7% и переходим в фильтр Filter > Blur > Gaussian Blur. Вводим значение 5рх в качестве радиуса, нажимаем ОК, и мы закончили.

Создание значка принтера в Adobe Photoshop

Результат

Вот как выглядит наш окончательный результат.

Создание значка принтера в Adobe Photoshop

 

http://www.photoshopstar.com
Перевод: http://www.4webmaster.ru/

Рекомендуем почитать:
Создание логотипа в стиле Web 2.0 в Photoshop
Как создать пули в Photoshop
Создание футуристических абстрактных обоев для рабочего стола


Оставить комментарий: