Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

204 099 чел. 397 128 работ 4 081 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Рисуем моноблок iMac в Фотошоп

В этом уроке вы научитесь рисовать iMac в Adobe Photoshop.

Как обычно, начнем с финального изображения урока.

Программа: Adobe Photoshop CC
Примерное время на выполнение: 35 минут
Сложность: ниже среднего

Скачать архив с материалами к уроку

Шаг 1

Создайте новый документ размером 600 x 600px, перейдите в меню Просмотр > Показать > Сетку (View > Show > Grid), чтобы активировать Сетку (Grid), затем перейдите в Просмотр > Привязать к > Линиям сетки ( View > Snap To > Grid), чтобы привязать рисунок к сетке. Нажмите Ctrl + K, чтобы открыть окно Установок (Preferences), затем перейдите в меню Направляющие, сетка и фрагменты (Guides, Grid & Slices) и введите значения, которые приводятся на следующем скриншоте. На протяжении урока я буду отключать отображение сетки (Ctrl + '), чтобы вам было лучше видно. Сетка упростит создание фигур.

Шаг 2

Установите основной цвет на #070707, выберите инструмент Прямоугольник со скругленными краями (Rounded Rectangle Tool) и кликните по документу, чтобы открыть окно "Создать прямоугольник со скругленными краями" (Create Rounded Rectangle).
Введите параметры, указанные на скриншоте ниже, затем кликните по кнопке ОК.

Шаг 3

Установите основной цвет на #B4B4B8 и убедитесь, что выбран инструмент Прямоугольник со кругленными краями (Rounded Rectangle Tool). Снова кликните по документу и введите параметры, как на рисунке.
Выберите свежесозданную фигуру и разместите ее, как показано ниже.

Шаг 4

Откройте окно Стиль слоя (Layer Style) для фигуры, созданной в прошлом шаге и установите такие параметры.

Шаг 5

Установите основной цвет на #949494 и выберите инструмент Прямоугольник (Rectangle Tool). Перейдите к документу, создайте фигуру размером 125 x 50px и разместите ее, как на скриншоте.

Теперь нужно установить сетку через 1 px. Для этого просто перейдите в меню Редактирование > Настройки > Направляющие сетка и фрагменты (Edit > Preferences > Guides, Grid & Slices) и в поле Линия через каждые (Gridline Every box) напишите 1.

Выберите инструмент Перо+ (добавить опорную точку) (Add Anchor Point Tool), убедитесь, что ваша новая фигура размером 125 x 50px выбрана и добавьте две опорные точки, как показано на втором скриншоте.

Шаг 6

Для следующих шагов вам потребуется сетка через каждые 5 px. (Ctrl + K).

Активируйте инструмент Выделение узла (Direct Selection Tool), по очереди выберите две верхние опорные точки и перетяните их на 20 px к центру. По очереди выберите две другие опорные точки, добавленные в предыдущем шаге и перетяните их на 15 px к центру.

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

Шаг 7

Активируйте инструмент Угол (Convert Point Tool), кликните на выделенные опорные точки и перетяните "рукоятки" точно, как на рисунке ниже.

Шаг 8

Откройте окно Стиль слоя (Layer Style) для фигуры, отредактированной в прошлом шаге и установите следующие параметры.

Шаг 9

Дублируйте (Ctrl + J) векторную форму, отредактированную в предыдущем шаге. Перейдите к панели Слоев (Layers panel), убедитесь, что ваша копия выбрана, установите Заливку (Fill) на 0%, затем откройте Стиль слоя (Layer Style) и введите такие значения.

Шаг 10

Установите сетку через 1 px. (Ctrl + K)
Выберите инструмент Прямоугольник (Rectangle Tool), создайте фигуру размером 125 x 4px и разместите ее, как на первом изображении ниже.

Выберите инструмент Перо+ (добавить опорную точку) (Add Anchor Point Tool) и добавьте две опорные точки, как показано на втором рисунке.
Убедитесь, что свежесозданная фигура выделена и переместите ее ниже, используя сокращение Ctrl + Shift + [.

 

 

Шаг 11

Активируйте инструмент Выделение узла (Direct Selection Tool), затем выберите две нижние опорные точки и передвиньте их на 2 px вверх.

Шаг 12

Откройте окно Стиль слоя (Layer Style) для последней созданной фигуры (ее размер 125 x 4px) и установите настройки, как показано на следующих скриншотах.

Шаг 13

Для этого шага вам потребуется скачать обои.

Вставьте изображение в документ, нажмите Ctrl + T, измените его размер на 32 x 185px и разместите, как показано на скриншоте ниже.

Откройте меню Стиль слоя (Layer Style) и введите такие параметры.

Шаг 14

Откройте один из PNG файлов, выберите инструмент Волшебная палочка (Magic Wand Tool), зажмите клавишу Shift и кликните по белой части логотипа Apple.

Перейдите к нижней части панели Слоев (Layers panel) и кликните по кнопке "Создать новый слой" (Create a new layer).
Установите основной цвет на полный черный (#000000), выберите инструмент Заливка (Paint Bucket Tool) и кликните по выделению.

Нажмите Ctrl + D, чтобы избавится от выделения, а затем нажмите Ctrl + T. Измените размер логотипа на 11 x 13px и разместите, как показано ниже.

Шаг 15

Установите основной цвет на #FAFAFA и выберите инструмент Заливка (Paint Bucket Tool). Перейдите к панели Слоев (Layers panel), кликните по фоновому слою и заполните его выбранным цветом.

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

Скачать архив с материалами к уроку

Автор: Razvan Gabriel

Переводчик: Шаповал Алексей

Комментарии 72

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо за урок!

За урок спасибо!!!

Алексей, спасибо за урок!

Спасибо за интересный и лёгкий урок!))

Как будто на презентации нового Яблокофона. Современный вариант)

Спасибо за урок. понравился)
Сделал с 2 обоями. Одну как шутку.

Еще 19
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules