Кнопки телефона.
Конечный результат.
Создание реальных объектов в Photoshop может быть несколько сложным. Ключ, чтобы подчеркнуть мелкие детали, такие как тени, освещение. В этом уроке вы узнаете, как сделать реалистичные кнопки телефона в Photoshop используя стили слоя!
Шаг 1.
Давайте начнем с создания нового документа в Photoshop, 600 ? 600 px.
Шаг 2.
Создадим фон клавиш. Залейте слой “background” серым цветом #363636.
Шаг 3.
Добавим текстуру на наш фон. Продублируйте фоновый слой и назовите его “Texture”. К этому слою примените Filter> Noise> Add Noise. Установить режим наложения слоя на Overlay и непрозрачность около 15 %.
Шаг 4.
Теперь добавим эффект освещения на второй план. Установите основной цвет на белый (сочетание клавиш: нажмите "D" для сброса переднего плана на черный и белый цвета. Затем нажмите кнопку «Х» для замены цветов.). Дублируем слой “Texture” и назовите его “Gradien”. Установите Fill слоя 0%. Перейдите Layer> Layer Style> Gradient Overlay. Установите режим смешивания слоя на Overlay и непрозрачность около 15%.
Шаг 5.
Теперь приступим к созданию кнопки набора номера. Используя инструмент , чтобы создать маленький круг. Это будет внешняя тень кнопки, назовите слой “Button (Outer)”. Установите Fill слоя 0%. Перейдите в Layer > Layer Style > Bevel and Emboss. Установите режим смешивания слоя на Overlay и непрозрачность около 15%.
Теперь у нас есть внешняя часть кнопки, выглядит она примерно так:
Шаг 6.
Создадим внутреннюю часть кнопки. Дублируем “Button (Outer)” и переименовываем ее в “Button (Inner)”.
Заполните эту форму темно серым цветом #363636, непрозрачность слоя 100%
Получиться что-то вроде этого:
Шаг 7.
Применяем стили слоя к “Button (Inner)”.
Шаг 8.
Вот что получилось после применения стилев слоя.
Шаг 9.
Добавим цифр и букв на наши клавиши. Используя инструмент , шрифт Helvetica размер 40px, напишем любую цифру, а затем поменяв размер до 15px напишем буквы.
Шаг 10.
Применим стили слоя к тексту.
Выделяем все слои связанные с клавишей и объединяем их в одну группу.
Получается вот так.
Заключение.
Теперь вы можете просто дублировать группу слоев и изменения букв и цифр, по мере необходимости!
Вы только что создали реалистичную телефонную клавиатуру с использованием стилей слоя! Надеюсь, вы сможете использовать навыки, которым вы научились в этом уроке, в будущих проектах, чтобы добавить немного реализма к элементам дизайна.
Welcome to Frallion Game Servers
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных