Объявления:
Предлагаю Вашему вниманию новый урок по Фотошопу, который называется "Создание шаблона в стиле iBooks".
Конечный результат:
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/final.jpg)
Шаг 1
Создайте новый документ размером 800х1000 пикселей с разрешением 300dpi.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/1.jpg)
Нужно создать направляющие, которые помогут нам рисовать фигуры. У Вас должно быть две вертикальные направляющие на расстоянии 50 пикселей от каждого края холста. Чтобы задать точно расположение направляющей, перейдите в меню Просмотр – Новая направляющая (View – New Guide). Здесь Вы можете выбрать Ориентацию (Orientation) направляющей и её отступ на нулевой точки (от верхнего левого угла). Таким образом нужно создать две вертикальные направляющие на отметках 50 и 750 пикселей. Затем создайте три горизонтальные направляющие на отметках: 65, 315, 338 и 360 пикселей. На скриншоте ниже отмечено расстояние, которое должно быть между направляющими.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/2.jpg)
Шаг 2
Выберите инструмент Прямоугольник (Rectangle Tool) (U) создайте 4 прямоугольника, используя направляющие. Один должен быть в самом верху холста на всю его ширину (высотой 65 пикселей), два по краям (шириной 50 пикселей) и один между двумя боковыми прямоугольниками и под верхним. Назовите слой с верхним прямоугольником "top”, слой прямоугольника по середине – "base”, и боковые – "left” и "right”.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/3.jpg)
Шаг 3
В этом шаге мы будем работать над деревянной текстурой. Установите цвет заливки - #e6d27d и цвет фона - #f4e4b3 (кликните на иконке цвета на панели инструментов, чтобы ввести код). Далее перейдите в меню Фильтр – Рендеринг – Волокна (Filter – Render – Fibers):
Несовпадение (Variance): 16
Интенсивность (Strength): 4
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/4.jpg)
Кликните правой кнопкой мыши на слое с созданной текстурой и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).
Шаг 4
Сделайте несколько копий слоя с деревянной текстурой (Ctrl + J) и расположите их над слоями фигур (прямоугольников). Для каждого слоя деревянной текстуры создайте обтравочную маску, за исключением слоя текстуры над верхним прямоугольником. Кликните правой кнопкой мыши на слое и выберите пункт Создать обтравочную маску (Create Clipping Mask) (Ctrl + Alt + G). Слои с текстурами назовите "wood (top)”, "wood (base)”, "wood (left)” и "wood (right)” (в зависимости от того, над каким прямоугольником находится текстура).
Выберите слои "wood” и "wood (top)” (удерживая Ctrl, кликните на именах слоёв). Нажмите Ctrl + G, чтобы объединить слои в группу. Назовите эту группу "top”. Затем выберите все остальные слои с прямоугольниками и их текстурами и объедините их в группу "base”.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/5.jpg)
Шаг 5
Выберите слой "wood (top)”, активируйте инструмент Свободное трансформирование (Ctrl + T), кликните правой кнопкой мыши на холсте и выберите пункт Повернуть на 90 по часовой (Rotate 90 CW). Затем сожмите текстуру, чтобы она имела такую же ширину, как и холст. Чтобы применить изменения, нажмите Enter.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/6.jpg)
Шаг 6
Выберите инструмент Перо (Pen Tool) (P) и нарисуйте фигуру, показанную ниже. Поместите этот слой в группу (Ctrl + G) и назовите её "shelf”.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/7.jpg)
Сделайте копию слоя с деревянной текстурой (Ctrl + J) и расположите её в группе "shelf” над нарисованной фигурой. Поверните текстуру на 90 градусов, как мы делали это в шаге 5 и сожмите до ширины холста. Создайте обтравочную маску для этого слоя текстуры (Ctrl + Alt + G).
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/8.jpg)
Шаг 7
Выберите слой "top” и кликните на нём дважды, чтобы открыть окно стилей. Примените следующие стили:
Отбрасывание тени (Drop Shadow):
Режим наложения (Blend Mode): Умножение (Multiply), Цвет (Color): Черный
Непрозрачность (Opacity): 70%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 5 пикселей
Размах (Spread): 0%
Размер (Size): 50 пикселей
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/9.jpg)
Наложение градиента (Gradient Overlay):
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 50%
Градиент (Gradient): от чёрного к белому, Инверсия (Reverse): Выключено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/10.jpg)
Результат:
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/11.jpg)
Шаг 8
В этом шаге мы сделаем боковые стороны темнее. Сделайте выделение боковых слоёв "left” и "right” (удерживая Ctrl, кликните на иконке слоя в палитре слоёв). Так как нужно выделить сразу два слоя, удерживайте Ctrl + Shift при клике на иконке слоя. Также можете воспользоваться инструментом Прямоугольная область (Rectangular Marquee Tool) (M) (сначала создайте одно выделение, затем, удерживая Shift, второе).
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/12.jpg)
Теперь создайте корректирующий слой Кривые (Curves). Для этого кликните на иконке чёрно-белого круга в нижней части палитры слоёв и выберите нужный пункт. Корректирующий слой должен быть расположен над слоями боковых сторон.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/13.jpg)
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/14.jpg)
Шаг 9
Теперь создайте ещё один корректирующий слой Кривые (Curves) над слоем "wood (base)”, чтобы сделать центральную текстуру темнее.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/15.jpg)
Шаг 10
К слою "base” примените стиль Отбрасывание тени (Drop Shadow):
Режим наложения (Blend Mode): Умножение (Multiply), Цвет (Color): Черный
Непрозрачность (Opacity): 100%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 5 пикселей
Размах (Spread): 0%
Размер (Size): 70 пикселей
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/16.jpg)
Выберите инструмент Кисть (Brush Tool) (B) и установите Непрозрачность (Opacity) на 35%. Кликните на иконке маски корректирующего слоя Кривые (Curves), созданного над центральной текстурой. Кистью обрисуйте область, отмеченную ниже на скриншоте кругами.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/17.jpg)
Сделайте копию всё того же корректирующего слоя Кривые (Curves) и повторите процесс обрисовки маски слоя. Но на этот раз используйте кисть с непрозрачностью 50%. На скриншоте ниже отмечен участок холста, который нужно обрисовать.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/18.jpg)
Шаг 11
Сделайте выделение слоя полки (удерживая Ctrl, кликните на иконке слоя). Затем создайте корректирующий слой Кривые (Curves) над слоем текстуры полки.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/19.jpg)
Чёрным цветом обрисуйте на маске участок, отмеченный ниже на скриншоте овалом.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/20.jpg)
Шаг 12
Инструментом Прямоугольник (Rectangle Tool) (U) создайте прямоугольник под поверхностью полки на холсте. В палитре слоёв этот слой должен быть расположен над слоем "wood (shelf)”. Назовите его "front”.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/21.jpg)
К слою с прямоугольником примените стиль Наложение градиента (Gradient Overlay):
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 30%
Градиент (Gradient): от чёрного к белому, Инверсия (Reverse): Выключено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/22.jpg)
К слою с полкой "shelf” примените стиль Отбрасывание тени (Drop Shadow):
Режим наложения (Blend Mode): Умножение (Multiply), Цвет (Color): Черный
Непрозрачность (Opacity): 50%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 15 пикселей
Размах (Spread): 0%
Размер (Size): 25 пикселей
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/23.jpg)
Шаг 13
Теперь нужно немного осветлить верхнюю часть боковых прямоугольников "left” и "right”, а нижнюю часть – затемнить. Сделайте копию корректирующего слоя Кривые (Curves), который мы создавали для слоёв "left” и "right” и настройте её, как показано ниже.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/24.jpg)
Кистью с непрозрачностью 50% обрисуйте отмеченные участки на маске корректирующего слоя.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/25.jpg)
Шаг 14
Сделайте копии группы полок. Кликните правой кнопкой мыши на группе в палитре слоёв и выберите пункт Дублировать группу (Duplicate Group). Инструментом Перемещение (Move Tool) (V) расположите их, как показано ниже. Так как их просто нужно опустить, удерживайте клавишу Shift, чтобы не сдвинуть полку вправо или влево.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/26.jpg)
Шаг 15
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), создайте новый слой в группе "top” и напишите "Bookshelf” цветом #491f00.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/27.jpg)
Кликните дважды на текстовом слое, чтобы открыть окно стилей и примените следующие стили:
Отбрасывание тени (Drop Shadow):
Режим наложения (Blend Mode): Умножение (Multiply), Цвет (Color): Белый
Непрозрачность (Opacity): 75%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 0 пикселей
Размах (Spread): 0%
Размер (Size): 1 пикселей
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/28_1.jpg)
Внутренняя тень (Inner Shadow):
Режим наложения (Blend Mode): Умножение (Multiply), Цвет (Color): Чёрный
Непрозрачность (Opacity): 100%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 1 пикселей
Стягивание (Choke): 0%
Размер (Size): 2 пикселей
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Включено
Шум (Noise): 0%
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/28_2.jpg)
Наложение градиента (Gradient Overlay):
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 100%
Градиент (Gradient): от чёрного к белому, Инверсия (Reverse): Выключено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/28_3.jpg)
Результат:
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/29.jpg)
Шаг 16
Сейчас мы создадим обложку книги, которую расположим на полке. Создайте новый документ (Ctrl + N) размером 350х350 пикселей с разрешением 300dpi.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/30.jpg)
В документе с полкой выберите слой с текстурой. Инструментом Перемещение (Move Tool) (V) перетащите текстуру в новый документ.
Шаг 17
Теперь отведите направляющие, как показано ниже. Инструментом Прямоугольник (Rectangle Tool) (U) создайте фигуру размером 146х220 пикселей. Кликните правой кнопкой на слой фигуры и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object). Назовите слой "book”.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/31.jpg)
Шаг 18
Создайте ещё один прямоугольник, как показано ниже. Установите Заливку (Fill) слоя – 0%.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/32.jpg)
К слою с полоской примените стиль Наложение градиента (Gradient Overlay):
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 30%
Градиент (Gradient): от чёрного к белому, Инверсия (Reverse): Включено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 0
Масштаб (Scale): 100%
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/33.jpg)
Выберите слой с полоской и нажмите Ctrl + Alt + G, чтобы создать обтравочную маску.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/34.jpg)
Шаг 19
Книга должна отбрасывать тень на заднюю стенку шкафа. К слою "book” примените стиль Отбрасывание тени (Drop Shadow):
Режим наложения (Blend Mode): Умножение (Multiply), Цвет (Color): Черный
Непрозрачность (Opacity): 75%
Угол (Angle): 90, Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 0 пикселей
Размах (Spread): 0%
Размер (Size): 7 пикселей
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/35.jpg)
Помимо тени на задней стенке, должна быть тень под самой книгой. Выберите инструмент Эллипс (Ellipse Tool) (U) создайте чёрный овал под книгой. Этот овал должен быть под слоем "book”. Преобразуйте слой в смарт-объект и назовите его "shadow”.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/36.jpg)
Примените фильтр Размытие по гауссу (Фильтр – Размытие – Размытие по гауссу) (Filter – Blur – Gaussian Blur) со значением 5 пикселей.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/37.jpg)
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/38.jpg)
Шаг 20
Так как книга расположена между двумя полками, её верхняя часть должна быть темнее. Поэтому примените стиль Наложение градиента (Gradient Overlay) к слою "book”.
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 60%
Градиент (Gradient): от чёрного к белому, Инверсия (Reverse): Выключено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/39.jpg)
Шаг 21
Перетащите книгу в наш документ инструментом Перемещение (Move Tool) (V). Она должна быть вставлена как смарт-объект. Если этого не произошло преобразуйте слой с книгой в смарт-объект самостоятельно.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/40.jpg)
Кликните дважды на иконке слоя с книгой, чтобы открыть её в новом документе для редактирования. Расположите поверх книги какую-нибудь обложку.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/41.jpg)
Подобным образом создайте ещё несколько книг, чтобы заполнить пару полок.
![Создание шаблона в стиле iBooks Создание шаблона в стиле iBooks](/uploads/tutors/tutor200_files/final.jpg)
PSD файл
Ссылка на источник урока
Этот урок Фотошоп подготовлен для Вас командой сайта globator.net.
Читайте также:
Если у Вас есть вопросы, можете задать их на нашем форуме.
Буду благодарен, если поделитесь ссылкой на эту страницу в одном из сервисов:
Присоединяйтесь к нам в Facebook (просто нажмите кнопку "Мне нравится"):
Понравился материал? Присоединяйтесь к нам в Твиттере @globatornet .
|