Уроки Все для дизайнера Оксана Бабушкина 1 июля 2010

Создаём обои на тему Apple

Сложность урока: Легкий

То, что у нас получится:

Этот урок расскажет вам, как создать обои на тему Apple.

Материалы для урока:

Архив

Для начала создайте новый файл File>New (Файл>Новый) размерами 1920x1200 px и Resolution (Разрешение) – 72 dpi.
Cкачайте текстуру (ссылка в архиве). Трансформируйте ее (Ctrl+T) и расположите примерно так, как показано ниже:

Скопируйте текстуру на новый слой (Ctrl+J) и поместите ее рядом с первой. Выделите оба слоя на панели слоев (Shift + щелчок левой клавишей). Объедините их в один нажав Ctrl + E.

Снова сделайте копию слоя. Зайдите в трансформацию (Ctrl +T). Щелкните правой клавишей по текстуре и выберите Flip vertical (Отразить по вертикали), чтобы отразить текстуру. Текстуру отпустите ниже.

Сведите все слои в один (Shift+Ctrl+E) и обесцветьте их (Ctrl + Shift + U). Затем нажмите Ctrl + L и установите следующие параметры:

Вы получите такой результат:

Загрузите гранж текстуру и растяните ее полностью на все изображение, как показано ниже:

Обесцветьте изображение (Ctrl + Shift + U). Края сотрите инструментом Eraser Tool (Ластик (E)).

Сделайте Инверсию изображения, нажав Ctrl + I.

Измените Blending mode (Режим наложения) на палитре Layers (Слои) на Linear Dodge (Линейный осветлитель):

В результате мы получим такой результат:

Затем установите библиотеку кисточек (в архиве). И добавьте ее к кистям в фотошопе. Настройки кисти показаны ниже. Opacity (Непрозрачность) сделайте 10%

Выберите черный цвет. Создайте новый слой и поводите кистью по изображению, как показано ниже:

Затем поменяйте черный цвет на белый.

Создайте новый слой и выберите инструмент Paint Bucket Tool (Заливка (G)). Залейте слой  коричневым цветом. Код цвета указан на картинке ниже:

На панели Слои установите режим Difference (Исключение) для этого слоя:

Скопируйте следующую текстуру. Разместите ее, как показано ниже.

Выберите Magic Wand Tool (Волшебная палочка) ( W)). В настройках поставьте Tolerance (Отклонение) – 60. Выделите белую область, а затем удалите ее (Delete):

Обесцветьте слой (Ctrl + Shift + U).

Установить режим смешивания Linear Light (Линейное осветление).

Загрузите еще одну текстуру. Разместите ее так, как показано ниже:

Нажмите клавишу M. Сделайте правый клик на текстуре > Color Range (Цветовой диапазон). Курсором в виде пипетки щелкните на белый цвет изображения. Нажмите ОК, чтобы закрыть диалоговое окно. Удалите белый цвет нажав Delete.

Обесцветьте слой (Ctrl + Shift + U).
Установите режим смешивания для слоя Linear Light (Линейное осветление).

У нас получится такая грязная текстура:

Нажмите Сtrl+Shift+Alt+E, чтобы свести все слои в один отдельный слой. Сделайте двойной клик по этому слою на панели слоев (кликайте по пустому месту) и выберите эффект Gradient Overlay (Наложение градиента):

Вы получите эффект затемнения по краям, как в примере ниже:

На панели слое нажмите кнопку – Adjustment layers (Корректирующие слои) и выберите цветокоррекцию – Photo Filter (Фото-фильтр).

Настройки фильтра показаны ниже:

Вы получите такой результат:

Выберите обычную круглую кисть. В настройках измените Opacity (Непрозрачность) на 40%. Цвет черный. Остальные настройки смотрите ниже:

Создайте новый слой и закрасьте нижнюю половину холста как на образце:

Вставьте логотип компании apple. И разместите его, как показано ниже.

2 раза щелкнув по слою с логотипом, примените следующие настройки эффектов:

У вас должно получиться так:

Откройте эту текстуру. И расположите ее так, как показано ниже:

Удерживая Alt, сделайте щелчок левой клавишей между слоями с логотипом и текстурой дерева. Верхний слой станет маской для нижнего слоя.

А фактура дерева ляжет на логотип

Создайте новый слой. Инструментом Rectangular Marquee Tool (Прямоугольное выделение (M)) создайте прямоугольное выделение. Применяя Paint Bucket Tool  (Заливка (G)) залейте его цветом #699A00 как указано ниже:

Поменяйте режим наложения для этого слоя на Color (Цвет):

Преобразуйте верхний слой в маску для нижнего. Удерживая Alt, сделайте щелчок левой клавишей между 2-мя верхними слоями.

Эту операцию повторите со всеми цветами. Желто-оранжевый цвет - #FB9D00

Поменяйте режим наложения на Overlay (Перекрытие)

Оранжевый цвет: #D14301

Режим наложения Hard Light (Жесткий свет).

Красный цвет: #D10800.

Режим наложения Hard Light (Жесткий свет).

Следующий цвет цвет: #75002C.

Режим наложения Hard Light (Жесткий свет).

И последний цвет: #0058B1.

Режим наложения Hard Light (Жесткий свет).

И вот такой логотип мы получим в результате:

Установите кисть из архива. Добавьте ее в Photoshop. Цвет кисти # FFE9BA. Opacity (Непрозрачность) = 100%. Остальные настройки смотрите ниже:

Создайте новый слой и создайте кистью такие мазки, как показано ниже:

По слою сделайте 2 щелчка, чтобы зайти в эффекты. Добавьте эффект – Inner Shadow (Внутренняя тень)

Вот что получается:

Преобразуйте этот слой в обтравочную маску: удерживая Alt сделайте щелчок левой клавишей между 2-мя верхними слоями.

Создайте новый слой. Выберите обычную круглую кисть и установите следующие параметры: Opacity (Непрозрачность) = 10 %. Остальные настройки ниже:

Для слоя выберите режим наложения Overlay (Перекрытие):

Проведите по логотипу несколько раз, чтобы он стал посветлее, как на примере:

На панели слое нажмите кнопку – Adjustment layers (Корректирующие слои) и выберите цветокоррекцию Curves (Кривые):

Сделайте график как на картинке ниже:

Спасибо за прочтение этого урока. Полученный результат вы можете посмотреть ниже:

А вот что получилось у переводчика:

Автор: valeriu dodon.
Перевод: Бабушкина Оксана (neon ka)
Ссылка на источник

Источник: www.iphone.appmobilize.com

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

обалденный урок, спасибо=))

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

Спасибо за урок и перевод.

Сделал по быстрому)

Запутанный урок, чуть-чуть по-другому вышло... Всё же спасибо.

Спасибо за урок. У меня немного по-другому :З

Я немного отошла от темы, но...получилось не менее интересно! Спасибо за урок

Очень красиво! Спасибо за урок!

интересно)) Спасибо!

Отличный урок спасибо!)))))))))

как то так)

Ну что смогла )

А у меня андроид :D

Второй раз сделал этот урок. Очень полезно, много чего вспомнил по работе инструментами в PS))
В комментарии убрать пробелы у ссылки (их там 2)

Урок отличный! Спасибо =)

Я посвящаю свою работу моему многострадальному ноуту.

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

спасибо прикольно!

У меня Канада =)

Ну что смог)

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

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

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

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


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

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

Комментарии к работе будут отключены, на их месте будет выведена реклама.

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


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

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее