Анимация Веб-дизайн Тюнинг Обработка фото Спецэффекты Эффекты текста Видеоуроки Фотомонтаж Планшет
Скачать кисти Скачать PSD Книги Программы Скачать стили Скачать шрифты



Кисти Photoshop

Бесплатно 2 GB для ваших коллажей и фотографий

Аудит, бухгалтерский учет - компания Интеллаудит

Форум Новости Конкурсы Интервью Рисование Сайт-шоу Обзоры Партнеры Реклама Контакты Гостевая
Словарь терминов Горячие клавиши Установка Фотошопа
Большая прогулка Винни Пуха (анимация)
Большая прогулка Винни Пуха (анимация)


Красивые губки
Красивые губки


Ведьма
Ведьма


Плавленый текст
Плавленый текст


Улучшаем форму груди
Улучшаем форму груди

» » Создание шаблона в стиле iBooks
Купить полезную книгу: Самоучитель Photoshop CS6. Официальная русская версия (+DVD)

Популярные уроки по фотомонтажу

Создаем татуировку в Photoshop  Тучи и молнии  Как нарисовать слезу в Photoshop  Фотомонтаж  Девушка-кошка (фотомонтаж)  Фотомонтаж: меняем фон  Козабака  Фотомонтаж: создаем ангела с крыльями  Ангельские крылья: способ 2  Эффект Шарингана

Создание шаблона в стиле iBooks

: Спецэффекты  : 12 апреля 2012  : 8209  

Объявления:

Предлагаю Вашему вниманию новый урок по Фотошопу, который называется "Создание шаблона в стиле iBooks".

Конечный результат:

Создание шаблона в стиле iBooks

Шаг 1
Создайте новый документ размером 800х1000 пикселей с разрешением 300dpi.

Создание шаблона в стиле iBooks

Нужно создать направляющие, которые помогут нам рисовать фигуры. У Вас должно быть две вертикальные направляющие на расстоянии 50 пикселей от каждого края холста. Чтобы задать точно расположение направляющей, перейдите в меню Просмотр – Новая направляющая (View – New Guide). Здесь Вы можете выбрать Ориентацию (Orientation) направляющей и её отступ на нулевой точки (от верхнего левого угла). Таким образом нужно создать две вертикальные направляющие на отметках 50 и 750 пикселей. Затем создайте три горизонтальные направляющие на отметках: 65, 315, 338 и 360 пикселей. На скриншоте ниже отмечено расстояние, которое должно быть между направляющими.

Создание шаблона в стиле iBooks

Шаг 2
Выберите инструмент Прямоугольник (Rectangle Tool) (U) создайте 4 прямоугольника, используя направляющие. Один должен быть в самом верху холста на всю его ширину (высотой 65 пикселей), два по краям (шириной 50 пикселей) и один между двумя боковыми прямоугольниками и под верхним. Назовите слой с верхним прямоугольником "top”, слой прямоугольника по середине – "base”, и боковые – "left” и "right”.

Создание шаблона в стиле iBooks

Шаг 3
В этом шаге мы будем работать над деревянной текстурой. Установите цвет заливки - #e6d27d и цвет фона - #f4e4b3 (кликните на иконке цвета на панели инструментов, чтобы ввести код). Далее перейдите в меню Фильтр – Рендеринг – Волокна (Filter – Render – Fibers):

Несовпадение (Variance): 16
Интенсивность (Strength): 4

Создание шаблона в стиле iBooks

Кликните правой кнопкой мыши на слое с созданной текстурой и выберите пункт Преобразовать в смарт-объект (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

Шаг 5
Выберите слой "wood (top)”, активируйте инструмент Свободное трансформирование (Ctrl + T), кликните правой кнопкой мыши на холсте и выберите пункт Повернуть на 90 по часовой (Rotate 90 CW). Затем сожмите текстуру, чтобы она имела такую же ширину, как и холст. Чтобы применить изменения, нажмите Enter.

Создание шаблона в стиле iBooks

Шаг 6
Выберите инструмент Перо (Pen Tool) (P) и нарисуйте фигуру, показанную ниже. Поместите этот слой в группу (Ctrl + G) и назовите её "shelf”.

Создание шаблона в стиле iBooks

Сделайте копию слоя с деревянной текстурой (Ctrl + J) и расположите её в группе "shelf” над нарисованной фигурой. Поверните текстуру на 90 градусов, как мы делали это в шаге 5 и сожмите до ширины холста. Создайте обтравочную маску для этого слоя текстуры (Ctrl + Alt + G).

Создание шаблона в стиле iBooks

Шаг 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

Наложение градиента (Gradient Overlay):

Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 50%
Градиент (Gradient): от чёрного к белому, Инверсия (Reverse): Выключено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%

Создание шаблона в стиле iBooks

Результат:

Создание шаблона в стиле iBooks

Шаг 8
В этом шаге мы сделаем боковые стороны темнее. Сделайте выделение боковых слоёв "left” и "right” (удерживая Ctrl, кликните на иконке слоя в палитре слоёв). Так как нужно выделить сразу два слоя, удерживайте Ctrl + Shift при клике на иконке слоя. Также можете воспользоваться инструментом Прямоугольная область (Rectangular Marquee Tool) (M) (сначала создайте одно выделение, затем, удерживая Shift, второе).

Создание шаблона в стиле iBooks

Теперь создайте корректирующий слой Кривые (Curves). Для этого кликните на иконке чёрно-белого круга в нижней части палитры слоёв и выберите нужный пункт. Корректирующий слой должен быть расположен над слоями боковых сторон.

Создание шаблона в стиле iBooks
Создание шаблона в стиле iBooks

Шаг 9
Теперь создайте ещё один корректирующий слой Кривые (Curves) над слоем "wood (base)”, чтобы сделать центральную текстуру темнее.

Создание шаблона в стиле iBooks

Шаг 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

Выберите инструмент Кисть (Brush Tool) (B) и установите Непрозрачность (Opacity) на 35%. Кликните на иконке маски корректирующего слоя Кривые (Curves), созданного над центральной текстурой. Кистью обрисуйте область, отмеченную ниже на скриншоте кругами.

Создание шаблона в стиле iBooks

Сделайте копию всё того же корректирующего слоя Кривые (Curves) и повторите процесс обрисовки маски слоя. Но на этот раз используйте кисть с непрозрачностью 50%. На скриншоте ниже отмечен участок холста, который нужно обрисовать.

Создание шаблона в стиле iBooks

Шаг 11
Сделайте выделение слоя полки (удерживая Ctrl, кликните на иконке слоя). Затем создайте корректирующий слой Кривые (Curves) над слоем текстуры полки.

Создание шаблона в стиле iBooks

Чёрным цветом обрисуйте на маске участок, отмеченный ниже на скриншоте овалом.

Создание шаблона в стиле iBooks

Шаг 12
Инструментом Прямоугольник (Rectangle Tool) (U) создайте прямоугольник под поверхностью полки на холсте. В палитре слоёв этот слой должен быть расположен над слоем "wood (shelf)”. Назовите его "front”.

Создание шаблона в стиле iBooks

К слою с прямоугольником примените стиль Наложение градиента (Gradient Overlay):

Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 30%
Градиент (Gradient): от чёрного к белому, Инверсия (Reverse): Выключено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%

Создание шаблона в стиле iBooks

К слою с полкой "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

Шаг 13
Теперь нужно немного осветлить верхнюю часть боковых прямоугольников "left” и "right”, а нижнюю часть – затемнить. Сделайте копию корректирующего слоя Кривые (Curves), который мы создавали для слоёв "left” и "right” и настройте её, как показано ниже.

Создание шаблона в стиле iBooks

Кистью с непрозрачностью 50% обрисуйте отмеченные участки на маске корректирующего слоя.

Создание шаблона в стиле iBooks

Шаг 14
Сделайте копии группы полок. Кликните правой кнопкой мыши на группе в палитре слоёв и выберите пункт Дублировать группу (Duplicate Group). Инструментом Перемещение (Move Tool) (V) расположите их, как показано ниже. Так как их просто нужно опустить, удерживайте клавишу Shift, чтобы не сдвинуть полку вправо или влево.

Создание шаблона в стиле iBooks

Шаг 15
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), создайте новый слой в группе "top” и напишите "Bookshelf” цветом #491f00.

Создание шаблона в стиле iBooks

Кликните дважды на текстовом слое, чтобы открыть окно стилей и примените следующие стили:

Отбрасывание тени (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

Внутренняя тень (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

Наложение градиента (Gradient Overlay):

Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 100%
Градиент (Gradient): от чёрного к белому, Инверсия (Reverse): Выключено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%

Создание шаблона в стиле iBooks

Результат:

Создание шаблона в стиле iBooks

Шаг 16
Сейчас мы создадим обложку книги, которую расположим на полке. Создайте новый документ (Ctrl + N) размером 350х350 пикселей с разрешением 300dpi.

Создание шаблона в стиле iBooks

В документе с полкой выберите слой с текстурой. Инструментом Перемещение (Move Tool) (V) перетащите текстуру в новый документ.

Шаг 17
Теперь отведите направляющие, как показано ниже. Инструментом Прямоугольник (Rectangle Tool) (U) создайте фигуру размером 146х220 пикселей. Кликните правой кнопкой на слой фигуры и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object). Назовите слой "book”.

Создание шаблона в стиле iBooks

Шаг 18
Создайте ещё один прямоугольник, как показано ниже. Установите Заливку (Fill) слоя – 0%.

Создание шаблона в стиле iBooks

К слою с полоской примените стиль Наложение градиента (Gradient Overlay):

Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 30%
Градиент (Gradient): от чёрного к белому, Инверсия (Reverse): Включено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 0
Масштаб (Scale): 100%

Создание шаблона в стиле iBooks

Выберите слой с полоской и нажмите Ctrl + Alt + G, чтобы создать обтравочную маску.

Создание шаблона в стиле iBooks

Шаг 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

Помимо тени на задней стенке, должна быть тень под самой книгой. Выберите инструмент Эллипс (Ellipse Tool) (U) создайте чёрный овал под книгой. Этот овал должен быть под слоем "book”. Преобразуйте слой в смарт-объект и назовите его "shadow”.

Создание шаблона в стиле iBooks

Примените фильтр Размытие по гауссу (Фильтр – Размытие – Размытие по гауссу) (Filter – Blur – Gaussian Blur) со значением 5 пикселей.

Создание шаблона в стиле iBooks
Создание шаблона в стиле iBooks

Шаг 20
Так как книга расположена между двумя полками, её верхняя часть должна быть темнее. Поэтому примените стиль Наложение градиента (Gradient Overlay) к слою "book”.

Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 60%
Градиент (Gradient): от чёрного к белому, Инверсия (Reverse): Выключено
Стиль (Style): Линейный (Linear), Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90
Масштаб (Scale): 100%

Создание шаблона в стиле iBooks

Шаг 21
Перетащите книгу в наш документ инструментом Перемещение (Move Tool) (V). Она должна быть вставлена как смарт-объект. Если этого не произошло преобразуйте слой с книгой в смарт-объект самостоятельно.

Создание шаблона в стиле iBooks

Кликните дважды на иконке слоя с книгой, чтобы открыть её в новом документе для редактирования. Расположите поверх книги какую-нибудь обложку.

Создание шаблона в стиле iBooks

Подобным образом создайте ещё несколько книг, чтобы заполнить пару полок.

Создание шаблона в стиле iBooks


PSD файл
Ссылка на источник урока

Этот урок Фотошоп подготовлен для Вас командой сайта globator.net.

 Читайте также:

Если у Вас есть вопросы, можете задать их на нашем форуме.

Получайте новые уроки на e-mail:

Буду благодарен, если поделитесь ссылкой на эту страницу в одном из сервисов:

Присоединяйтесь к нам в Facebook (просто нажмите кнопку "Мне нравится"):

Понравился материал? Присоединяйтесь к нам в Твиттере @globatornet .



Популярные уроки по анимации

Создание анимированного GIF баннера  Анимация - блики на предметах  Прикольный анимированный аватар  Подмигивающая фотография  Сверкающий текст (анимация)  Анимация  Блеск драгоценностей (анимация)  Сверкающая одежда (анимация)  Новогодняя история (анимация)  Сверкающее око (анимация)

Популярные уроки по обработке фото

Кадр из старого фильма  Как изменить цвет глаз в Фотошопе  Перекрашиваем волосы в Фотошопе  Реалистичные капли на стекле  Историческая кисть в Photoshop  Как сделать коллаж в Adobe Photoshop  Как сделать макияж в Adobe Photoshop  Загар в Adobe Photoshop  Эффект миниатюры в Photoshop  Простой, но интересный эффект

Популярные уроки по спецэффектам

Африканские страсти и инструмент Перо  Реалистичная поверхность воды  Предчувствие весны (рисуем девушку)  Рисуем космос  Зима- морозные узоры на стекле  Урок по инструменту Перо  Абстракция  Использование стилей в Adobe Photoshop  Делаем рамки для фото  Обложка для диска

Популярные кисти Photoshop

Кисти-надписи  Сакура  Кисти-молнии  Кисти-бабочки  Кисти-морские обитатели  Кисти-цветы  Кисти-сердечки  Кисти Vector Curves  Кисти-бутылки  Кисти Magic Sparkle Lines

 





4istoe3oloto - победительница конкурса Подводный мир
4istoe3oloto - победительница конкурса "Подводный мир"


FatCat - победительница конкурса рисунка Кукольный мастер
FatCat - победительница конкурса рисунка "Кукольный мастер"


Айрена - победительница фотоконкурса Свет
Айрена - победительница фотоконкурса "Свет"


Яндекс цитирования Rambler's Top100
Уроки Photoshop
Вы можете установить кнопку Globator.net на своем сайте или блоге, скопировав этот код:

О проекте

Globator.net- это подробные уроки по Фотошопу, художественные кисти, красивые стили и полезные шрифты. Здесь вы найдете оригинальные уроки Фотошоп по следующим тематикам: фотомонтаж, обработка фото, анимация, спецэффекты, виртуальный тюнинг автомобилей и текстовые эффекты.

Подписка на обновления сайта

Вы можете получать обновления globator.net на e-mail или в свой RSS-ридер.


Всего подписчиков:Рассылка 'Уроки Фотошоп на Globator.com'
В случае перепечатки материалов сайта активная гиперссылка на Globator.net обязательна
Уроки Фотошоп, кисти, стили и шрифты на Globator.net©   2006-2014
Design by Globator