Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh

Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп

Как работают технические дизайнеры? Они работают чисто, аккуратно и реалистично. Сколько стоит хороший техдизайн? Он стоит дорого. Повторите наш урок дизайна, чтобы понять, что это такое!

Сложность: низкая Время: до 30 минут

Навыки для "прокачки": - работа со стилями слоя, объем и рельеф - создание простых векторных форм - трансформация

Шаг 1 Давайте начнем с создания нового документа любого размера. Например, 952 х 412 pix. Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Шаг 2 Разблокируйте фоновый слой, дважды щелкнув значок замка. Используя Ведро  (Paint Bucket Tool (G)) залейте его цветом #313338 (вызвать меню Цвета можно внизу палитры инструментов, кликнув на верхний квадрат). Теперь с помощью фигуры Прямоугольника со скругленными углами (Rounded Rectangle Shape Tool), сделайте широкий прямоугольник в центре холста. Назовите этот слой Border. Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Шаг 3 Уменьшите Заливку (Fill) верхнего слоя до 0%. Дважды щелкните по нему, чтобы открыть окно Стилей слоя (Layer Styles) и применяем эффекты: Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Ваш результат должен быть таким. Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Шаг 4 Дублируйте верхний слой и назовите его Edge. После того, как вы сделали это, примените следующие Стили слоя (Layer Styles): Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Шаг 5 Теперь, опустите слой Edge на несколько пунктов вниз с помощью Инструмента Перемещение (Move Tool) и . Вы должны иметь следующее. Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Шаг 6 Дублируйте слой Border еще раз. Затем переместите его выше всех остальных слоев и переименуйте его Keyboard Base. Теперь мы применим последние из эффектов к этому слою. Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп В настоящее время, ваш результат должен выглядеть следующим образом. Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Шаг 7 Теперь, когда вы закончите с Keyboard Base, давайте сделаем несколько кнопок на клавиатуре. Нужно сделать одну кнопку, а затем дублировать шаги для каждой дополнительной. Для начала выберите Прямоугольник (Rectangle Tool) и создайте маленький прямоугольник в левом верхнем углу клавиатуры. Назовите этот слой Key. Это первая форма будет вашим Escape / Esc. Сделайте двойной щелчок по слою и добавьте следующие эффекты. Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Ваша кнопка должна выглядеть примерно так! Выглядит отлично, правда? Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Шаг 8 Теперь дублируйте слой Key и поместите его в соответствующее место на клавиатуре. Всего должно быть 6 рядов клавиш. Для некоторых из клавиш вам нужно растянуть слой Key(например, для Command, пробел и т.д.). Для этого выберете слой, который вы хотите изменить и перейдите к меню Редактировать> Свободная трансформация (Edit> Free Transform). За уголок потяните кнопку, чтобы получить желаемую высоту/ширину. Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Шаг 9 Теперь вы можете продолжать добавлять цифры/буквы на каждой клавише. Делайте это аккуратно! Тогда урок дизайна можно будет считать успешно выполненным. Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Урок техдизайна: создаем идеальную клавиатуру в стиле Macintosh - уроки фотошоп Источник: http://photoshoptutorials.ws/photoshop-tutorials/drawing/how-to-draw-an-ultra-clean-apple-keyboard-in-photoshop.html

Добавить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив
  • Яндекс.Метрика