You are here
как сделать иконку Графический планшет Компьютерная графика и дизайн Уроки Уроки фотошопа 

Как сделать иконку карандаша в фотошопе

Карандаш является одним из символов творчества. В этом уроке средней сложности я покажу, как сделать иконку карандаша.

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

Вот что  у нас получится  в результате этого урока:

как сделать иконку

Шаг 1

Создайте в программе Photoshop новый документ, задав размер 950х600 пикселей.

Далее с помощью инструмента Изображение Rectangular Marquee Tool (Прямоугольная область) создайте выделение фиксированного размера в форме прямоугольника, 400х100 пикселей:

как сделать иконку в фотошопе

Шаг 2

По краям выделения и горизонтально по центру установите направляющие (для этого удерживая левую клавишу мыши, вытягивайте направляющие сверху и слева из линеек, если линейки по краям не видны, нажмите Ctrl+R):

как сделать иконку в фотошопе

Шаг 3

Выберите инструмент Изображение Gradient Tool (Градиент), щелкаем по полосе градиента в верхней панели настроек инструмента, чтобы изменить цвета градиента.

Настраиваем градиент как на картинке: по краям черный цвет, в серединке белый(не по центру, а немного ближе к левому краю):

как сделать иконку

Создайте новый слой (Ctrl+Shift+N) с именем «Body».

Залейте выделение градиентом от основания до верхней части прямоугольного выделения (зажмите Shift, чтобы провести ровную вертикальную линию градиента):

как сделать иконку в фотошопе

Шаг 4

Чтобы иконка с изображением карандаша была более реалистичной, сделаем коррекцию с помощью кривых: Image> Adjustments> Curves (или нажмите <Ctrl> + <M>)и выставите все настройки в открывшемся окне, как на рисунке ниже:

как сделать иконку

Шаг 5

Не снимая текущего выделения, создайте ещё один слой (Ctrl+Shift+N), назвав его «Color», и заполните выделенный участок цветом # d60005, непрозрачность слоя (Opacity) уменьшите до 60% в верхней части палитры слоев (F7):

как сделать иконку

Шаг 6

Скопируйте слой «Body». Назовите копию «Metal» и переместите над остальными слоями.

На панели инструментов выберите «Rectangular Marque tool»(M), задайте ему стиль «Normal «.

Создайте на текущем слое выделение, как на изображении, и нажмите на «Delete».

Установите еще одну направляющую по правому краю текущего выделения:

как сделать иконку

Шаг 7

Используя «Elliptical Marque tool»(M) с нажатыми клавишами <Shift> и <Alt>, создайте новое выделение, как изображено на рисунке.

Щелкните правой кнопкой мышки внутри выделения. В меню выберите строку «Transform Selection». Установите масштаб по горизонтали 50%, дважды нажмите <Enter>. Далее нажмите <Delete>, чтобы удалить выбранную область.

Сохраните выделение: Select > Save Selection, имя задайте «Ellipse».

как сделать иконку

Шаг 8

Не снимая выделения, перетащите его на правый край слоя «Metal». В центре выделения установите новую направляющую:

как сделать иконку

Шаг 9

Выбрав инструмент «Rectangular Marque tool» и удерживая <Shift>, создайте новое выделение, как вы видите на рисунке ниже.

Инвертируйте выделенную область с помощью меню Select > Inverse (Ctrl+Shift+I), затем нажмите «Delete»:

как сделать иконку

Шаг 10

Теперь нужно загрузить сохраненное выделение: нажмите на икону слоя «Metal», удерживая <Ctrl>.

Сдвиньте выделение вправо на 4 пикселя, нажав на клавиатуре стрелку вправо 4 раза.

Выполните команду Select > Inverse. Удерживая клавиши <Ctrl> + <Alt> + <Shift>, щелкните на слой «Metal».  Таким образом, часть слоя «Metal» и наше выделение будет пересекаться:

как сделать иконку

Шаг 11

Скопируйте текущее выделение на новый слой (Ctrl+J) с именем «Bump». Дважды щелкните по слою в палитре слоев, примените стили слоя «Gradient Overlay » (Наложение градиента) и «Bevel and Emboss» (Тиснение) с настройками, как изображено на рисунке:

как сделать иконку

Чтобы немного увеличить слой, нажмите Ctrl + T, и задайте значение масштаба по вертикали — 102%.

Шаг 12

Продублируйте слой «Bump» и переместите новый слой вправо на 6 пикселей. Повторите эти действия ещё раз. Выберите слой «Bump»  и две его копии, объедините их (Ctrl+E). Затем сделайте дубликат объединенного слоя и разместите его на небольшом расстоянии от первого:

как сделать иконку

Шаг 13

Скопируйте слой «Metal» и назовите копию «Eraser». Переместите его под слой «Metal». Сдвиньте слой «Eraser» на 60 пикселей вправо.  Нажмите Ctrl+U. Задайте настройки, как изображено на рисунке.

как сделать иконку

Снова продублируйте слой «Metal», назвав копию «Shadow». Переместите слой «Shadow» под «Metal». Нажмите Ctrl+U, задайте параметр «Lightness», равным -100.

Применим фильтр: Filter > Blur > Motion Blur. Параметр «Angle» установите на 0, а «Distance»  — 5.

Сейчас мы можем объединить все слои, связанные с металлической частью карандаша. Выберите слои «Shadow», «Metal», и «Bump» и нажмите Ctrl+E.

Шаг 14

Создайте новый слой «Tip». На нем инструментом «Polygonal Lasso Tool»(L) создайте выделение, как на изображении ниже.

Залейте выделение светло-желтым цветом и переместите данный слой под «Body». Снимите выделение: Select > Deselect (Ctrl+D).

как сделать иконку

Шаг 15

Сделайте копию слоя  «Body». Назовите ее «TipGradient». Переместите над всеми слоями.

Нажмите Ctrl+ T, выставите масштаб и положение, как изображено на рисунке ниже.

Далее нажмите Ctrl+U и задайте настройки: параметр «Hue» — значение 33, «Saturation» — 53, «Lightness»  +37, поставьте галочку «Colorize».

как сделать иконку

Шаг 16

Переместите слой «Tip Gradient» над слоем «Body». Нажав клавишу Alt, щелкните один раз между слоями:

как сделать иконку

Шаг 17

При активном слое «Tip Gradient», перейдите в меню Edit > Transform > Perspective и настройте перспективу, как это показано на рисунке:

как сделать иконку

Шаг 18

Загрузите выделение «Ellipse»: Select > Load Selection. Расположите его, как на изображении, а затем удалите выбранную область со слоёв «Body» и «Color»:

как сделать иконку

Шаг 19

Находясь на слое «Color», создайте новый слой «Wood».

Нажмите клавишу <D> на клавиатуре, чтобы установить цвета текста и фона на чёрный и белый соответственно. Нажмите <X>, чтобы инвертировать цвета.

Залейте выделение белым.

Перейдите в меню Filter > Render > Fibers. Задайте значения переменных — 10.

Нажмите <Ctrl> + <T>, разверните на 90 градусов против часовой стрелки и измените размер, как показано на рисунке:

как сделать иконку

Шаг 20

Выполните трансформирование в перспективе: Edit > Transform > Perspective. Задайте параметры, как изображено ниже.

Смените режим наложения слоя на «Soft Light» и задайте непрозрачность 60% вверху палитры слоев:

как сделать иконку

Шаг 21

С помощью «Elliptical Marque tool»(M) создайте выделение, как изображено ниже.

Находясь на слое «Wood» нажмите Delete.

Выберите слой «Tip Gradient» и нажмите Ctrl+U, установите значение параметра «Saturation», равным -100.

Нажмите <Ctrl> + <L> и установите настройки, как на рисунке:

как сделать иконку

Шаг 22

Объединяем все слои кроме «Background», выделив их (Ctrl)и нажав Ctrl+E.

Переименуйте объединенный слой в «Pencil».

Продублируйте этот слой и назовите копию «Reflection». Переместите слой «Reflection» под «Pencil».

Далее продублируйте слой «Reflection», назовите копию «Shadow».

Нажмите  Ctrl+U, установите значение  «Lightness» на -90.

Нажмите Ctrl+ T и уменьшите его на три четверти своей высоты. Выберите слой «Reflection» и отразите по вертикали: Edit> Transform> Flip Vertical.

как сделать иконку

Шаг 23

Выделите слои, все кроме «Background», нажмите Ctrl+ T, разверните их на -30 градусов. Слои «Shadow» и «Reflection» переместите, как показано ниже:

иконка карандаша

Шаг 24

Выберите слой «Reflection» и зайдите в меню Filter > Blur > Gaussian Blur.  Задайте радиус размытия 3. Непрозрачность слоя задайте 60%.

Сделайте активным слой «Shadow», примените к нему размытие по Гауссу с радиусом 7: Filter > Blur > Gaussian Blur. Непрозрачность установите 80%:

иконка карандаша

Шаг 25

Встав на слой «Reflection», создайте слой-маску с помощью кнопки внизу палитры слоев. Инструментом «Gradient Tool» заполните маску градиентом от белого к чёрному:

иконка карандаша

Шаг 26

Встав на слой «Pencil», наложите градиент со следующими настройками:

иконка карандаша

Шаг 27

Вот и все!

Вот наше конечное изображение:

как сделать иконку в фотошопе

В этот уроке мы посмотрели как сделать иконку в фотошопе. Надеюсь урок вам понравился!

Источник http://psd.tutsplus.com/tutorials/drawing/how-to-create-a-super-shiny-pencil-icon/

 

Related posts

One thought on “Как сделать иконку карандаша в фотошопе

Leave a Comment

108 запросов. 0,589 секунд. 24.1618499755862 Мб