Фотошоп для фотографа 2013

Воссоздаем стильную иконку из iphone используя Фотошоп

| Категория: Уроки по созданию дизайна в Фотошопе | Сложность урока: Низкая

В данном уроке Фотошопа мы попытаемся воссоздать стильную иконку из Apple Iphone.


Финальный результат

Воссоздаем стильную иконку из iphone используя Фотошоп

Приступаем к уроку Фотошопа


1. Создаем новое изображение размером 256 Х 256 пикселей и прозрачный фоном.


Делаем основу иконки.


2. Выбираем инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M") и в режиме добавления: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

Рисуем два прямоугольника: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

Воссоздаем стильную иконку из iphone используя Фотошоп

3. Далее в режиме добавления и инструментом Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M") округлим края: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

Воссоздаем стильную иконку из iphone используя Фотошоп

(Создать основной контур можно также инструментом Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P"). Лично я пользовался Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M") потому, что так быстрее.)


Добавляем цвет.


4. Заливаем градиентом: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

Протягивая его сверху вниз: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

5. Создаем новый слой и выбираем его. Выбираем Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M") и в режиме интерселекции: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

Делаем вот такое выделение: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

6. Заливаем выделенное белопрозрачным градиентом: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

Видим результат: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

Меняем режим смешивания этого слоя на Linear Dodje (Линейный осветлитель).


Воссоздаем стильную иконку из iphone используя Фотошоп

Добавление облачка с текстом.


7. Теперь нам необходимо создать белое облачко с помощью Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U"): ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

8. Используя Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") добавляем нижний елемент: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

Растеризуем оба слоя и склеиваем их, применяем к новому слою стиль Inner Shadow (Внутренняя тень): ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

Получится вот так: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

9. Далее добавляем текст с такими настройками: ↓


Воссоздаем стильную иконку из iphone используя Фотошоп

10. Вот готовый результат: ↓


Финальный результат

Воссоздаем стильную иконку из iphone используя Фотошоп

Вот и все. Аналогично создаются иконки с другими значками и цветом.


Альтернативный результат

Воссоздаем стильную иконку из iphone используя Фотошоп

Урок подготовлен для Вас командой сайта PhotoshopPro.ru