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

Сияющая кнопка в Фотошоп

В этом уроке я покажу вам, как создать интересную сияющую кнопку в Фотошоп.

Вот так выглядит финальный результат:

Шаг 1. Создаем новый документ любого размера с черным фоном, создаем новый слой и рисуем большой мягкой кистью (В) темно-синее пятно в центре полотна:

Создаем новый слой и рисуем желтую окружность в центре полотна:

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

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

Создаем новый слой под слоем с окружностью, используем мягкую черную кисть, чтобы нарисовать тень под кнопкой (с помощью трансформации CTRL+T сжимаем тень):

И получаем вот такой эффект:

Шаг 2. Теперь добавим на кнопку символ "Play". Создаем новый слой и активируем инструмент Polygon Tool (Многоугольник) (U) на панели инструментов:

Применяем следующие параметры для инструмента и выбираем темно-коричневый цвет заливки:

Рисуем треугольник, как показано ниже (для удобства можете включить сетку комбинацией клавиш CTRL+'):

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

Inner Shadow (Внутренняя тень)

Gradient Overlay (Перекрытие градиентом)

И получаем вот такой эффект:

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

Дублируем (CTRL+J) этот слой и сжимаем его с помощью трансформации (CTRL+T). Перемещаем свечение к одной из сторон треугольника.

Дублируем этот слой дважды, поворачиваем и перемещаем копии к другим сторонам треугольника:

И получаем вот такой результат:

Шаг 3. Этот шаг дополнительный. Я решил добавить провод для кнопки.
Воспользуемся инструментом Pen Tool (Перо) (P), чтобы нарисовать контур. Создаем обводку с помощью кисти желтого цвета размером 5 px (с активной опцией Simulate Pressure (Имитировать нажатие)):

Затем рисуем прямоугольник в месте соединения кнопки с проводом и трансформируем его в перспективе (CTRL+T):

После трансформации получаем вот такой эффект:

Теперь мы добавим текстуру, чтобы придать реалистичности. Применяем следующие стили слоя:

Inner Glow (Внутреннее свечение)

Bevel and Emboss (Фаска и Тиснение)

Gradient Overlay (Перекрытие градиентом)

Pattern Overlay (Перекрытие узора)

И получаем вот такой результат:

Шаг 4. Теперь мы добавим световых эффектов. Для этого загружаем выделение слоя с окружностью, создаем новый слой и используем мягкую белую кисть (В), чтобы нарисовать внутри выделения, как показано ниже:

Снимаем выделение (CTRL+D), перемещаем слой немного вправо и получаем вот такой интересный эффект:

Дублируем (CTRL+J) этот слой, отражаем по горизонтали (CTRL+T) и перемещаем в левую часть кнопки:

И получаем вот такой результат:

Мы также можем добавить немного сияющих точек вокруг кнопки. Для этого берем мягкую кисть (В) и применяем такие параметры:

Shape Dynamics (Динамика формы)

Scattering (Рассеивание)

Other Dynamics (Другая динамика)

Убедитесь, что опция Smoothing (Сглаживание) активна.
Теперь рисуем кистью вокруг кнопки.

Шаг 5. Мы почти закончили! Добавим еще немного свечения вокруг кнопки. Создаем новый слой под слоем с основной окружностью и используем желтую мягкую кисть, чтобы нарисовать свечение:

Теперь подкорректируем цвета. Добавляем корректирующий слой Color Balance (Цветовой баланс) над всеми предыдущими слоями, чтобы добавить свечению красноватый оттенок:

Вот так выглядит финальный результат:

Автор: PSD Vault
Переводчик: Макс Енин
Ссылка на источник

           

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

Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать абстрактный яркий текстовый эффект в стиле ретро.
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать абстрактный лазерный эффект с каменной текстурой и облаками.
Сияющая кнопка в Фотошоп
В этом уроке вы узнаете, как создать кровавый текстовый эффект в Фотошоп. Мы будем использовать кисти, смешивания слоев, эффекты облаков и цветовую коррекцию. Урок очень простой и подойдет для начинающих фотошоп-мастеров. Вот так выглядит финальный результат:
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как с помощью средств Фотошопа создать абстрактный космическую иллюстрацию. В процессе урока мы создадим облака и воспользуемся фильтром Twirl (Скручивание) для создания кольца. Также мы нарисуем простую планету со световыми эффектами. Вот превью финального результата:
Сияющая кнопка в Фотошоп
Для урока вам понадобятся специальные кисти.
Сияющая кнопка в Фотошоп
В сегодняшнем уроке мы с вами, комбинируя базовые цвета, формы и кисти, создадим эффект яркого красочного калейдоскопа.
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать эпическую композицию с девушкой-гитаристкой в Фотошоп. Основная часть урока посвящена редактированию слой-маски, ретушированию фото и использованию фильтров.
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать впечатляющую новогоднюю открытку с неоновым эффектом в Фотошоп.
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать грязный, потрескавшийся текст с эффектом крови.
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать потрясающую иллюстрацию с волшебницей в сюрреалистичном стиле.
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать светящийся текстовый эффект с разлетающимися частицами при использовании фильтра Liqufy (Пластика).
Сияющая кнопка в Фотошоп
В этом уроке вы узнаете, как создать фантастический текст с эффектом огня в Фотошоп.
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать интересную фотоманипуляцию с человеческим лицом и корнями.
Сияющая кнопка в Фотошоп
В этом уроке я расскажу вам, как создать абстрактную композицию с текстурой молока.
Сияющая кнопка в Фотошоп
В этом уроке вы узнаете, как создать фантастическую руку в цепях с эффектом крови и царапин.
Сияющая кнопка в Фотошоп
В этом уроке вы узнаете, как создать яркий текстовый эффект в Фотошоп.
Сияющая кнопка в Фотошоп
В этом уроке вы узнаете, как, используя кисти и стандартные фигуры Фотошопа, создать волшебный рождественский фон.
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать фантастическую композицию с огненными эффектами в Фотошоп. Мы будем с вами комбинировать кисти, работать со стоковыми изображениями, масками и коррекцией, чтобы создать фантастические эффекты для нашей иллюстрации. Вот так выглядит финальный результат:
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать рождественскую открытку с яркой елкой и падающими снежинками.
Сияющая кнопка в Фотошоп
В этом уроке вы узнаете, как, используя стандартные формы, эллипсы и градиенты, создать стильную рождественскую открытку с золотыми шарами.
Сияющая кнопка в Фотошоп
В этом уроке я покажу вам, как создать рождественскую открытку с яркими новогодними шарами.