Реклама


Создание клавиатуры Apple в фотошопе
В конечном итоге мы получим вот такой замечательный эффект:

Создание клавиатуры Apple в фотошопе


ШАГ 1.

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

Создание клавиатуры Apple в фотошопе


ШАГ 2.

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

Создание клавиатуры Apple в фотошопе


ШАГ 3.

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

Создание клавиатуры Apple в фотошопе


После добавления тени добавляем Обводку:

Создание клавиатуры Apple в фотошопе


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

Создание клавиатуры Apple в фотошопе


ШАГ 4.

Выполните дублирование слоя Обводка, дайте ему имя Края и используйте к этому слою применение стиля Наложение градиента:

Создание клавиатуры Apple в фотошопе


ШАГ 5.

Теперь необходимо сдвинуть слой Края вниз, используя при этом инструмент Перемещение (Move Tool). Результат должен иметь такой вид:

Создание клавиатуры Apple в фотошопе


ШАГ 6.

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

Создание клавиатуры Apple в фотошопе


Произвести наложение цвета:

Создание клавиатуры Apple в фотошопе


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

Создание клавиатуры Apple в фотошопе


Выполнить обводку:

Создание клавиатуры Apple в фотошопе


И получить следующий результат от проделанной работы:

Создание клавиатуры Apple в фотошопе


ШАГ 7.

Теперь панель для клавиатуры готова, нужно перейти к прорисовке кнопок. Здесь задача упрощена тем, что достаточно создать только одну кнопку, продублировать ее, а затем путем трансформирования получить из нее другую нужную кнопку. Для создания кнопки нужно использовать инструмент Прямоугольник (Rectangle Tool), с его помощью нарисовать небольшой прямоугольник в левом углу клавиатуры и дать слою название Кнопка. Получилась кнопка Esc, производится добавление стилей слоя:

Стиль Тень:

Создание клавиатуры Apple в фотошопе


Добавляется Внутренняя Тень:

Создание клавиатуры Apple в фотошопе


Выполняется Тиснение:

Создание клавиатуры Apple в фотошопе


Накладывается цвет:

Создание клавиатуры Apple в фотошопе


Проводится наложение градиента:

Создание клавиатуры Apple в фотошопе


Выполняется обводка:

Создание клавиатуры Apple в фотошопе


В результате кнопка должна выглядеть так:

Создание клавиатуры Apple в фотошопе


ШАГ 8.

Чтобы заполнить все 6 рядов клавиатуры, нужно дублировать созданную кнопку, поменять ее размер, используя инструмент Свободное трансформирование (Free Transform), для чего выполнив команду Редактирование-Свободное трансформирование (Edit > Free Transform), и заполнить панель клавиатуры полученными кнопками.

Создание клавиатуры Apple в фотошопе


ШАГ 9.

Когда все кнопки размещены на свои места, на них нужно отобразить цифры и буквы, как на реальной клавиатуре.

Создание клавиатуры Apple в фотошопе




Источник: photoshoptutorials.ws
Переведено специально для 8ART.RU


Информация
Комментировать статьи на нашем сайте возможно только в течении 10 дней со дня публикации.