Рубрика: Photoshop Уроки | Урок прочитали: 690
 (голосов: 0)

Рисуем иконку компаса в Фотошоп

В этом уроке вы узнаете, как создавать фигуры и использовать различные стили слоя для получения необходимых эффектов.

Заключительный результат:

Шаг 1. Создадим новый документ выбрав Файл-> Новый (File-> New) или нажав комбинацию клавиш Ctrl+Shift+N. Для этого урока лучше использовать большой документ, размером (1300 х 1000), но вы можете выбрать любой размер.

Шаг 2. Создадим новый слой Слой-> Новый – Из фона (Layer > New > Background from Layer) и назовем его “Фон”.

Шаг 3. Двойной щелчок по слою “Фон”, чтобы Добавить следующие стили слоя (Add a layer style) или используйте Layer > Layer Style > Blending Options  (Слои > Стиль слоя > Параметры наложения).

Внутреннее свечение:

Наложение градиента:

Шаг 4. Когда вы закончите добавление стилей слоя к "Фону", у вас должен получиться приятный глазу градиент с небольшим шумом.

Шаг 5. Теперь пришло время начать работу над значком. Активируйте инструмент Произвольная фигура (Custom Shapes Tools) и в наборе фигур выберите Тонкая круглая рамка (Circle Thin Frame tool).

Шаг 6. После того как вы выбрали Тонкую круглую рамку (Circle Thin Frame tool), щелкните и перетащите мышь (удерживая клавишу Shift), чтобы сделать маленький круг. Не обязательно давать название этому слою, но автор назвал его "Внешнее кольцо". Дважды щелкните на этом слое, чтобы Добавить стили слоя (Add a layer style):

тень:

Внутреннее свечение:

Тиснение/скос:

Глянец:

Наложение цвета:

Обводка:

Шаг 7. Теперь, когда вы добавили некоторые интересные эффекты на ваше кольцо, нажмите кнопку Новый стиль (Layer Styles). Это позволит сохранить этот эффект, для того чтобы если он понадобиться вам вновь, вам не пришлось добавлять стили снова. Вы можете назвать этот эффект как хотите, только убедитесь что стоит галочка Включает эффекты слоя (Include Layer Effects), иначе эффекты не будут включены в стиль.

Шаг 8. Теперь мы дублируем слой "Внешнее кольцо", и назовем его "Внутреннее кольцо", затем уменьшим его, чтобы он вписывался в предыдущий слой.  Добавим к слою стили слоя (Add a layer style), а затем сохраним как новый стиль, так же как и в предыдущем шаге.

Внешнее свечение:

Внутреннее свечение:

Наложение градиента:

Шаг 9. Вот что должно получиться:

Шаг 10. Далее, используя инструмент Эллипс (Ellipse tool), создадим круг. Затем добавим стили слоя (Add a layer style):

Тень:

Внутреннее свечение:

Наложение градиента:

Шаг 11. Ваш результат должен выглядеть примерно так:

Шаг 12. Сейчас с помощью инструмента Эллипс (Ellipse Tool) и SHIFT, сделаем большой круг. Назовите этот слой "Внешний". Помните первый стиль слоя, который мы сделали для внешнего кольца? Для большого круга, мы будем использовать его снова. Чтобы получить доступ, к Стилям слоя (Layer Style) и использовать его для этого слоя, убедитесь, что у вас выбран слой с большим кругом, а затем перейти в Окно-> Стили (Window > Styles). Должна открыться панель стилей, прокрутите ее вниз и выберите эффект стиля слоя, который вы сделали ранее.

Шаг 13. Дублируйте слой "Внешний" и уменьшите его. Затем добавьте к нему второй эффект стиля слоя который мы сделали. Теперь у вас должно получиться что-то вроде этого:

Шаг 14. Создадим новый эллипс, инструментом Эллипс (Ellipse Tool) (U) и Добавим стили слоя (Add a layer style):

Тень:

Внутренняя тень:

Внутреннее свечение:

Наложение градиента:

Шаг 15. К тому же слою, добавим градиентную заливку.

Шаг 16. Теперь, переименуйте слой в "Основа". Вот что должно получиться.

Шаг 17. Следующий шаг требует большой концентрации и терпения. Активируйте инструмент Прямоугольник (Rectangular Marquee Tool) (M) и сделайте небольшой прямоугольник, внутри синей части нашей иконки, заполните его белым цветом. Затем дублируйте слой и поверните его немного. Делайте это, пока у вас не получиться полный круг. Затем измените Режим смешивания слоя (Blend Mode) на Перекрытие (Overlay).

Шаг 18. Активируйте инструмент Произвольная фигура (Custom Shapes Tools) и выберите Тонкая круглая рамка (Circle Thin Frame tool) снова, чтобы создать два круга. Объединим оба слоя  в один, и назовем его " Круги". Установите Заливка (Fill) до 10%.

Шаг 19. Используйте инструмент Эллипс (Ellipse Tool), чтобы сделать круг такого же размера, как "Основа". Переименуйте слой, назовите его "Внутренняя основа" и Добавим стили слоя (Add a layer style):

Внутренняя тень:

Внутреннее свечение:

Наложение градиента:

Шаг 20. Используйте Эллипс (Ellipse Tool), чтобы сделать еще один круг такого же размера, как "Основа", назовите его " Внутренняя основа 2" и Добавим стили слоя (Add a layer style):

Внутренняя тень:

Внутреннее свечение:

Шаг 21. В этом уроке, автор создал значок компаса в Photoshop. Вы можете создать ваш собственный либо найти в интернете. Измените Непрозрачность (Opacity) и Заливка (Fill) на 65%, а Режим смешивания слоя (Blend Mode) на Линейный осветлитель (Linear Dodge). Затем Добавим стили слоя (Add a layer style):

Обводка:

Шаг 22. Ваш результат должен выглядеть следующим образом:

Шаг 23. Если вы хотите добавить больше блеска, вы можете объединить несколько слоев с формами, сделанными в виде луны. Затем изменить Заливка (Fill) на 65% и добавить тень.

Шаг 24. Мы почти дошли до конца урока! Теперь пришло время создать форму стрелки компаса. Добавим стиль слоя (Add a layer style):

Тень:

Шаг 25. Затем сделаем отдельные формы для каждой стороны и части иглы.

Шаг 26. Сделайте небольшой круг в середине иглы и Добавим стиль слоя (Add a layer style):

Внутреннее свечение:

Шаг 27. Сделайте еще один круг внутри предыдущего и Добавим стиль слоя (Add a layer style):

тиснение/скос:

Шаг 28. Вот как это должно выглядеть.

Заключительный результат:

Я надеюсь, что вы узнали для себя много нового о технике, с помощью которой можно создать интересные вещи в Photoshop.

Автор: A. Taylor
Переводчик: Артеменко Любовь
Ссылка на источник

           

Похожие файлы и публикации:

Рисуем иконку компаса в Фотошоп
Шаг 1. Создайте новый документ размером 900 на 790 px (пикселей) и залейте фон черным цветом. Создайте новый слой и назовите его "Создание формы". Выберите инструмент  Ellipse Tool (Эллипс) (U) на панели инструментов:
Рисуем иконку компаса в Фотошоп
Заключительный результат.
Рисуем иконку компаса в Фотошоп
В этом уроке вы узнаете, как создать мрачный текстовый эффект, используя стили слоя.
Рисуем иконку компаса в Фотошоп
Создание реалистичных объектов в Photoshop может оказаться настоящим испытанием. Ключом к успеху является точная детализация мелких деталей: теней, бликов и объема. В этом уроке вы узнаете, как создать реалистичную телефонную клавиатуру, используя слой-фигуры и стили слоя.
Рисуем иконку компаса в Фотошоп
Детали урока Программа: Adobe Photoshop CS2+ Сложность: Легкая Примерное время выполнения: 20 минут
Рисуем иконку компаса в Фотошоп
Сегодня мы создадим симпатичную кнопку-переключатель, которую вы сможете использовать в своих работах. Для начала взглянем на финальное изображение.
Рисуем иконку компаса в Фотошоп
Из этого  урока Вы узнаете, как создать стильный макет для корпоративного сайта.
Рисуем иконку компаса в Фотошоп
В этом уроке я расскажу вам один из подходов к созданию смайлика, а затем, использую его, чтобы создать красивый эффект текста.
Рисуем иконку компаса в Фотошоп
Хорошо, начнем с создания нового документа в Photoshop. Я создал новый документ размером 800 × 400 пикселей. Затем выберите подходящие цвета, например, # 161515, # 71777b и залейте документ линейным градиентом.
Рисуем иконку компаса в Фотошоп
Стили слоя являются мощным инструментом в Photoshop,  которые позволяют быстро создавать эффекты, которые можно применить к дополнительным объектам.
Рисуем иконку компаса в Фотошоп
Совместно с Sohan Negi мы разработали урок, который в подробностях покажет вам, как создать иконку для сабвуфера и пары динамиков. Урок получился длинным, поэтому мы его разбили на две части.
Рисуем иконку компаса в Фотошоп
 Чтобы приступить к работе, давайте сначала посмотрим на конечный результат.
Рисуем иконку компаса в Фотошоп
В этом уроке мы будем комбинировать простые векторные фигуры, стили слоев и большое количество блеска для создания прекрасной лупы для вашей иконки "Поиск", при необходимости. Давайте начнем!
Рисуем иконку компаса в Фотошоп
Детали урока Программа: Adobe Photoshop CS3+ Сложность: Легкая Примерное время выполнения: 30 минут
Рисуем иконку компаса в Фотошоп
В этом уроке я покажу, как создать новогодний текст с эффектом 3D.