Создание реалистичного ноутбука Macintosh из наброска. Часть 1

Создание реалистичного ноутбука Macintosh из наброска

На этом уроке вы научитесь, как создавать реалистичную модель ноутбука MacBook Pro из наброска.
Сначала вы научитесь использовать сетку и привязку к ней для облегчения рабочего процесса. Мы начнем с
простых векторных фигур и технологии искажения в связке с базовыми инструментами. Далее, мы наложим
кое-какие цвета используя свойства стилей слоя. Наконец, мы применим слой-маски, обтравочные маски и,
в качестве последних штрихов, применим кое-какие дискретные шумы.




Законченная композиция
Вот что у нас получится по завершении урока:

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 1
Запустите Photoshop и нажмите Ctrl+N, чтобы создать новый документ. Введите параметры, показанные на
нижеследующем изображении, и кликните OK. Далее, отобразите сетку: Просмотр > Показать > Сетку (View
> Show > Grid) и включите привязку к ней: Просмотр > Привязать к > Сетке (View > Snap To > Grid). Вам будет
достаточно сетки с шагом 2.5 пикселя. Пройдите в меню Редактирование > Установки > Направляющие,
сетка и фрагменты (Edit > Preferences > Guides, Grid & Slices) и обратите внимание на раздел Сетка (Grid).
В поле “Линия через каждые” (Gridline Every) введите значение 2.5, и в поле “Внутреннее деление на”
(Subdivision) – значение 1.

Задайте цвет сетки (#ffffff (белый). Когда все будет сделано, кликните OK. Вам так же следует открыть панель
информации чтобы в режиме реального времени просматривать размер и расположение своих фигур: Окно
> Инфо (Window > Info).

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 2
Задайте Основной цвет (foreground) — #006d33, выберите инструмент Прямоугольник (Rectangle Tool)
и создайте фигуру размером 920x15 пикселей. Убедитесь, что эта новая фигура остается выделенной
и переключитесь на инструмент Выделение контура (Direct Selection Tool). Выберите левую нижнюю
опорную точку и переместите ее на 50 пикселей вправо. Затем выберите правую нижнюю опорную точку и
переместите ее на те же 50 пикселей влево. В результате, ваше фигура должна принять вид, как показано на
втором изображении.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 3
Снова выделите фигуру, созданную на предыдущем шаге и пройдите в меню Редактирование >
Трансформирование контура > Искажение (Edit > Transform Path > Warp). В меню задайте тип деформации
Выпуклый (Bulge) и нажмите кнопку “Относительное положения цента деформации” (Orientation), введите
значение 60% в окно Изгиб (Bend) и нажмите Enter.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 4
Задайте основной цвет (foreground color) — #fed700, выберите инструмент Прямоугольник (Rectangle Tool),
создайте фигуру 920x25 пикселей и расположите ее как показано на изображении ниже.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 5
Задайте основной цвет (foreground color) — #9f0b0b, выберите инструмент Прямоугольник (Rectangle Tool),
создайте фигуру 907.5 x2.5 пикселей и расположите ее как показано на изображении ниже.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 6
Задайте основной цвет (foreground color) — #00bff3, выберите инструмент Прямоугольник (Rectangle Tool),
создайте фигуру 920x7.5 пикселей и расположите ее как показано на изображении ниже.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 7
Задайте основной цвет (foreground color) — #ec008c, выберите инструмент Прямоугольник (Rectangle Tool),
создайте фигуру 920x12.5 пикселей и расположите ее как показано на изображении ниже. Удостоверьтесь,
что фигура выделена, и активируйте инструмент Выделение контура (Direct Selection Tool). Выберите
верхнюю левую опорную точку и переместите ее на 45 пикселей вправо. Затем выберите правую верхнюю
опорную точку и переместите ее на те же 45 пикселей влево. В итоге ваша фигура должна выглядеть как
показано на втором изображении.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 8
Снова выделите фигуру, созданную на предыдущем шаге и пройдите в меню Редактирование >
Трансформирование контура > Искажение (Edit > Transform Path > Warp). В меню задайте тип деформации
Дугой снизу (Arc Lower) и нажмите кнопку “Относительное положения цента деформации” (Orientation),
введите значение 50% в окно Изгиб (Bend) и нажмите Enter.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 9
На палитре слоев дважды кликните по слою с зеленой фигурой, созданной на первых шагах. Это откроет
окно стилей слоя. Поставьте галочку на пунктах Внутренняя тень (Inner Shadow) и Наложение градиента
(Gradient Overlay), после чего введите параметры, показанные на следующих скриншотах.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1

Создание реалистичного ноутбука Macintosh из наброска. Часть 1

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 10
Так же на палитре слоев найдите фигуру, отредактированную предыдущим шагом, кликните на ней ПКМ и
выберите пункт “Преобразовать в смарт объект” (Convert to Smart Object). При активном созданном смарт-
объекте пройдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise). Введите параметры,
показанные ниже и кликните OK.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 11
Переключитесь на желтую фигуру и откройте окно стилей слоя. Введите параметры, показанные на
скриншотах ниже и кликните OK. В разделе Наложение градиента (Gradient Overlay) сохраните градиент. Для
этого нажмите кнопку “Новый стиль” (New) и введите название своего градиента. Кликните OK. Теперь вы
можете обнаружить новый, созданный и сохраненный вами градиент в окне Предустановок (Presets).

Создание реалистичного ноутбука Macintosh из наброска. Часть 1

Создание реалистичного ноутбука Macintosh из наброска. Часть 1

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 12

Переключитесь на палитру слоев и преобразуйте фигуру, отредактированную предыдущим шагом в смарт-
объект. Выделите этот смарт-объект и пройдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add
Noise). Введите параметры, приведенные ниже и нажмите OK.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Шаг 13
Выделите тонкую красную фигуру, созданную в пятом шаге и измените ее цвет на #231f20. Переходим к
синей фигуре. Откройте окно стилей слоя. Введите параметры, показанные на скриншотах ниже, и нажмите
OK. Выберите градиент, созданный в одиннадцатом шаге.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1

Создание реалистичного ноутбука Macintosh из наброска. Часть 1

Создание реалистичного ноутбука Macintosh из наброска. Часть 1




Шаг 14
Преобразуйте вторую фигуру, отредактированную на предыдущем шаге, и преобразуйте в смарт-объект.
Выделите смарт-объект и пройдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise).
Введите параметры, приведенные ниже и нажмите OK.

Создание реалистичного ноутбука Macintosh из наброска. Часть 1



Продолжение на странице два
Мы прошли примерно половину пути, но нам еще предстоит работа. Продолжение этого урока ждет Вас на
второй странице.

Ключевые теги: уроки примеры photoshop онлайн бесплатно


Ретушируем фото

Вас может также заинтересовать:

21 ноября 2018

Компания Canon имеет большой опыт в создании камер с размером сенсора 24?36 мм. Прежде всего хочется вспомнить легендарный «пятак» – Canon EOS 5D. Именно эта модель открыла для массовой цифровой фотографии прелесть полного кадра. Новая модель Canon EOS 6D (WG), по заверениям производителя, стала самой легкой и самой недорогой полноформатной зеркальной камерой на сегодняшний день, камерой для путешественников. В двухмесячном путешествии по Валдайскому национальному парку я смог разобраться в особенностях новой модели.

21 ноября 2018

21 ноября 2018