В этом уроке мы научимся с помощью Photoshop нарисовать красивую иконку. Экран представляет собой настольный монитор и главный компьютер. Конечный эффект показан на рисунке ниже.
Ниже приведены
конкретные этапы работыс четырьмя значками разных размеров
.1. Как показано на рисунке 1, нарисуйте скругленный прямоугольник.
Рисунок 1
2. Нажмите клавиши Ctrl+T и отрегулируйте ручку, чтобы получить форму, показанную на рисунке 2.
Рисунок 2
3. Примените графический стиль, показанный на рисунках 3 и 4.
Рисунок 3
Рисунок 4.
Изображение после применения графического стиля показано на рисунке 5.
Рисунок 5
4. Удерживая клавишу Ctrl, щелкните имя слоя на панели слоев, чтобы загрузить выделение слоя. Теперь нажмите клавишу со стрелкой вправо, чтобы переместить выделение на 4 пикселя вправо.
Рисунок 6
5. Нажмите Shift+Ctrl+I, чтобы инвертировать выделение, затем, удерживая Ctrl+Alt+Shift, щелкните имя слоя, чтобы выбрать часть, показанную на рисунке 7.
Рис. 7.
6. Сохраните выделение, создайте новый слой, установите цвет переднего плана #CFCECE и цвет фона #757575, выберите линейный градиент от цвета переднего плана к цвету фона и залейте выделение. Нажмите клавиши Ctrl+D, чтобы отменить выбор. Результат показан на рисунке 8.
Рисунок 8
7. Используйте инструмент «Прямоугольник», чтобы нарисовать прямоугольник, и нажмите клавишу D, чтобы изменить цвета переднего плана и фона на черный и белый по умолчанию. Используйте линейный градиент от цвета переднего плана к цвету фона, чтобы заполнить прямоугольник. Результат показан на рисунке 9.
Рисунок 9
8. Аналогичным образом используйте инструмент «Прямоугольник», чтобы нарисовать еще один прямоугольник. На этот раз залейте прямоугольник радиальным градиентом от переднего плана к фону, установив цвет переднего плана #A0D4F9, а цвет фона — #1877D4. Результаты показаны на рисунке 10.
Рисунок 10
9. С помощью инструмента «Перо» под монитором нарисуйте фигуру, как показано на рисунке 11.
Рисунок 11
10. Примените стиль слоя, как показано на рисунках 12 и 13.
Рисунок 12
Рисунок 13.
Изображение после применения стиля слоя показано на рисунке 14.
Рисунок 14
11. С помощью инструмента «Эллипс» нарисуйте эллипс, как показано на рисунке 15.
Рисунок 15
12. Примените стиль слоя, как показано на рисунках 16 и 17.
Рисунок 16
Рисунок 17.
Изображение после применения стиля слоя показано на рисунке 18.
Рисунок 18
13. Теперь мы нарисуем корпус башни рядом с монитором. Для достижения этой цели нарисуйте три разные фигуры, как показано на рисунке 19. При рисовании вы можете использовать инструмент «Перо» или сначала нарисовать прямоугольник, а затем трансформировать его.
Рисунок 19
14. Примените один и тот же стиль слоя к трем слоям, где расположена приведенная выше графика, как показано на рисунках 20 и 21.
Рисунок 20
Рисунок 21
15. Расположите эти рисунки так, чтобы они выглядели как вертикальное шасси, как показано на рисунке 22.
Рисунок 22
16. Как показано на рисунке 23, нарисуйте черную прямую линию толщиной 2 пикселя.
Рисунок 23
17. Выберите автофигуру, как показано на рисунке 24, из списка автофигур.
Рисунок 24
18. Нарисуйте контур, как показано на рисунке 25.
Рисунок 25
19. Примените стиль слоя «Наложение градиента», как показано на рисунке 26.
Рисунок 26.
Изображение после применения стиля слоя «Наложение градиента» показано на рисунке 27.
Рисунок 27
20. С помощью инструмента «Эллипс» нарисуйте эллипс и залейте его линейным градиентом от светло-серого цвета переднего плана к темно-серому цвету фона. Результат показан на рисунке 28.
Рисунок 28
21. С помощью инструмента «Эллипс» нарисуйте еще один эллипс и залейте его радиальным градиентом от белого цвета переднего плана к красному цвету фона. Результат показан на рисунке 29.
Рисунок 29
22. Используйте инструменты «Прямоугольник» и «Линия», чтобы нарисовать три фигуры, как показано на рисунке 30. Вы можете сделать это, сначала нарисовав черный прямоугольник, затем добавив серую линию толщиной 2 пикселя, затем сгруппировав эти слои и объединив их. После этого скопируйте и вставьте слой.
Рис
. 30. Таким образом получается окончательный эффект значка, как показано на рис. 31. Исходный адрес
Рисунок 31