Бесплатные уроки фотошопа

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

1. Создайте новый документ размером 550×600 пикселей. Нарисуйте основу калькулятора используя инструмент rounded rectangle tool/прямоугольник со скругленными углами, дважды кликните на иконке слоя с формой и перейдите в Blending Options/параметры наложения и установите значения как показано ниже:

2. Удерживая клавишу CTRL кликните на иконке слоя с формой, чтобы образовать выделение.

3. Далее перейдите в меню Select/выделение > Modify/модификация > Contract/сжать и установите значение 15 пикселей.

4. Создайте новый слой ctrl+shift+n, дважды кликните на иконку слоя и перейдите в Blending Options/параметры наложения и установите значения как показано ниже:

5. Повторите шаг 2, чтобы образовать выделение формы. Выберите инструмент Elliptical Marquee Tool/Овальная область и удерживая клавишу ALT создайте круг в верхней части, после часть выделения будет удалено. Создайте новый слой и заполните слой белым цветом. Установите opacity/непрозрачность слоя 6%.

6. Активируйте инструмент Rectangle tool/прямоугольник и нарисуйте дисплей калькулятора черным цветом. Дважды кликните на иконке слоя и перейдите в Blending Options/параметры наложения, примените следующие настройки:

7. Нажмите ctrl+r, чтобы активировать линейку и затем установите 2 направляющие как показано ниже. Нарисуйте кнопку используя инструмент rounded rectangle tool/прямоугольник со скругленными углами, примените следующие настройки:

8. Сделайте дубликат слоя с кнопкой ctrl+j, затем активируйте инструмент move tool/перемещение и переместите дубликат, для удобства при перемещении можете воспользоваться удерживания клавиш ctrl (для перемещения на маленькое расстояние) и shift (для перемещения на расстояние больше) и клавишой стрелка право, вниз и т.д. Создайте остальные кнопки калькулятора повторяя этот шаг. После выберите все слои с кнопками (для выделения просто кликайте на иконках слоев удерживая клавишу ctrl) затем, перетащите выделенные слои на иконку папки в палитре слоев, образуется группа слоев с кнопками.

9. Затем удалите несколько кнопок в нижней части калькулятора как показано ниже. Установите направляющие как на картинке и нарисуйте 2 большие кнопки. Для одной кнопки примените те же стили, что и в остальных кнопках, а для второй кнопки используйте например красный цвет. 

10. Далее активируйте инструмент Custom Shape Tool/произвольная фигура, в качестве фигуры выберите стрелку. затем нарисуйте стрелку на кнопке калькулятора, цвет белый. Для того, чтобы изменить направление стрелки нажмите ctrl+t и поменяйте направление. 

Далее используя указанный шрифт на картинке напишите цифры и знаки на кнопках. 

11. Затем используя шрифт Digital 7 (шрифт можно скачать здесь) напишите несколько цифр на дисплее калькулятора. 

12. Чтобы было легче работать, слои калькулятора я сгруппировал на 2 группы (в одной группе слои самого калькулятора, а в другой группе слои с кнопками). Создайте дубликаты этих групп ctrl+j. Затем выберите две группы дубликаты удерживая клавишу ctrl, кликните правой кнопкой мыши и выберите пункт Convert to Smart Object/Преобразовать в смарт объект.

13. Нажмите ctrl+t и расположите дубликат как показано ниже. 

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

15. В конце, я решил добавить фон с градиентом для презентабельности. Сделать это можно создав новый слой ctrl+shift+n затем дважды кликните на иконке нового слоя и перейдите в Blending Options/параметры наложения > Gradient Overlay/наложение градиента.

Вот и все калькулятор готов.