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

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

Сегодня мы будем создавать фото-реалистичную беспроводную клавиатуру от Apple.

Шаг 1. Начните работу с создания нового документа любого размера. Я в этом уроке буду использовать документ размером 952 x 412 пиксела.

Шаг 2. Разблокируйте слой «Задний план»: для этого сделайте двойной клик по миниатюре этого слоя. Выберите инструмент Paint Bucket Tool (Заливка) и заполните слой цветом #313338, далее инструментом Rectangle Shape Tool (Прямоугольник со скругленными углами) нарисуйте большой прямоугольник в середине документа. Этот слой назовите Обводка.

Шаг 3. Уменьшите параметр Заливка для этого слоя до 0% и добавьте стили слоя Тень:

Обводка:

Результат должен быть таким:

Шаг 4. Дублируйте слой с прямоугольником (Обводка), назовите его Края и примените к нему стиль слоя Наложение градиента:

Шаг 5. При помощи инструмента Move Tool (Перемещение), сдвиньте слой Края немного вниз. Вот, что у Вас должно получиться:

Шаг 6. Снова дублируйте слой Обводка, поместите его над всеми остальными слоями в палитре Слои и назовите Основа клавиатуры и примените к нему стили слоя: Внутренняя тень:

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

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

Обводка:

Результат:

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

Для рисования кнопки воспользуйтесь инструментом Rectangle Tool (Прямоугольник) и нарисуйте маленький прямоугольник в левом углу клавиатуры. Этот слой назовите Кнопка.  Мы нарисовали кнопку Esc. К этой кнопке добавьте стили слоя: Тень:

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

Тиснение:

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

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

Обводка:

Кнопка должна выглядеть приблизительно так:

Шаг 8. На клавиатуре должно быть 6 рядов с клавишами. Копируйте нарисованную кнопку, изменяйте ее размер при помощи инструмента Free Transform (Свободное трансформирование):  Edit > Free Transform (Редактирование – Свободное трансформирование) и размещайте их на клавиатуре.

Шаг 9. После того, как все клавиши добавлены, на них можно написать цифры и буквы, как на настоящей клавиатуре.

Автор урока: Aubrey Taylor
Перевод: Луговских Татьяна
Ссылка на источник урока

           

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

Рисуем клавиатуру в Фотошоп
В этом уроке будем учиться создавать креативный дизайн для блога.
Рисуем клавиатуру в Фотошоп
В этом уроке я покажу Вам, как создать дизайн для приложения записной книжки.
Рисуем клавиатуру в Фотошоп
Заключительный результат:
Рисуем клавиатуру в Фотошоп
Здравствуйте, в этом уроке мы будем создавать чистую и яркую кнопку для вашего сайта/блога.
Рисуем клавиатуру в Фотошоп
В этом уроке Вы узнаете, как создать иконку в виде дома. Вот так будет выглядеть иконка в конце этого урока:
Рисуем клавиатуру в Фотошоп
Давайте начнем с нового документа: Размер должен быть 400 х 400 пикселей. Мы будем использовать зеленый фон. Я выбрал зеленый, потому что вы сможете лучше видеть то, что я делаю, Теперь, пожалуйста, скачайте себе следующее изображение:
Рисуем клавиатуру в Фотошоп
В этом уроке я покажу, как создать макет для бизнес-сайта.
Рисуем клавиатуру в Фотошоп
В этом уроке я покажу, как создать стильную кнопку контактов. Это достаточно простой урок, который смогут выполнить даже те, кто совсем недавно изучают программу Фотошоп.
Рисуем клавиатуру в Фотошоп
Этот урок по Фотошопу покажет вам, как сделать дизайн сайта или портфолио.
Рисуем клавиатуру в Фотошоп
Шаг 1. Создайте новый документ 102*50 пикселей. Фон залейте цветом  #838383. Выберите инструмент Rounded tool (Прямоугольник со скругленными краями). Установите следующие настройки:
Рисуем клавиатуру в Фотошоп
Приближается самый волшебный праздник – Новый год! Пора начинать подготовку, в этом уроке мы создадим простую новогоднюю открытку.
Рисуем клавиатуру в Фотошоп
Создайте новый файл, размером 773х220 px и разрешением 72. Используя следующий инструмент , разметьте документ как показано ниже.
Рисуем клавиатуру в Фотошоп
Мы будем рисовать кнопки, как на приставке NGP.
Рисуем клавиатуру в Фотошоп
Финальный результат
Рисуем клавиатуру в Фотошоп
Изображение - существенный элемент в наборе любого дизайнера. Независимо от того - простой Ваш проект или что-то эксклюзивное, хорошее изображение будет всегда кстати. В этом уроке продемонстрированы способы того, чтобы помочь Вам создать своё собственное глянцевое изображение.
Рисуем клавиатуру в Фотошоп
В этом уроке вы узнаете, как создать универсальный значок, который можно создать с различным уровнем подготовки. Это простой процесс, но вы можете многому научиться. Финальное изображение.