Как сделать журнал в фотошопе
От дизайна впечатляющих обложек до вёрстки страниц, которые не оставят никого равнодушным, — мы поделимся 10 чудесными советами о том, как вдохнуть жизнь в дизайн вашего журнала.
Создаёте ли вы модную библию, журнал для поклонников фитнеса или для гурманов, вы найдёте здесь что-то для питания своих идей, а также полезные технические советы, благодаря которым макет вашего журнала будет выглядеть суперпрофессионально.
Ищете готовый стильный макет журнала? Загрузите широкий ряд шаблонов, доступных на Envato Market.
1. Не робейте, когда дело касается дизайна обложки
Нет смысла в том, чтобы тратить время, пытаясь улучшить внутренние страницы журнала, если случайные посетители не открывают выпуск для просмотра. Для продажи журнала читателям жизненно важна обложка, привлекающая внимание и приглашающая углубиться в чтение издания.
Вместе с этим, привлекательная обложка не должна выглядеть нахально. Цвета радужного спектра и перегруженный макет будут смотреться устаревшими и дешёвыми, но гармоничные, мощные заголовки и подзаголовки вместе с простыми графическими выносками привлекут внимание более тонким способом.
Попробуйте придерживаться правила ABC: возьмите один (A) заголовок (название журнала), один мощный (B) подзаголовок (выделив одну статью, на которой будет сосредоточено внимание) и несколько более мелких (C) подзаголовков. Почти все журналы используют это правило для того, чтобы макет был сбалансированным.
Объедините эти заголовки с простой, но сильной фотографией и пустыми участками (которые вы не нагрузите ни текстом, ни изображениями), — и у вас получится приятный на вид и отчётливый в графическом плане макет.
Почерпните вдохновение из этой обложки журнала о фитнесе и выбирайте чёрно-белые фотографии, если хотите создать уверенный, сбалансированный и стильный вид.
Шаблон обложки журнала о фитнесе
Выберите шрифт в верхнем регистре ослепительного белого цвета и сделайте его заметным, чтобы текст выделялся на фоне полноцветной фотографии, как в этом стильном макете спортивного журнала.
Шаблон спортивного журнала
Когда вы позволяете фотографиям взаимодействовать со шрифтом, обложка выглядит более трёхмерной, появляется впечатление, что фотография выскакивает на вас. Отрежьте объект на фотографии от фона и используйте их послойно так, чтобы объект частично был перед и частично за текстом. Посмотрите этот урок о том, как создать обложку журнала в Adobe InDesign и Photoshop с использованием подобного эффекта:
2. Один яркий акцент прозвучит громче всех!
Одни из самых впечатляющих дизайнов журналов очень скромны в использовании цвета, доказывая тем самым, что один простой яркий акцент может поразить больше, чем радужная палитра цветов.
Сочетание одного активного цвета с чёрно-белой фотографией и монохромным текстом чудесно смотрится на мужских журналах и технологических изданиях. Яркий шрифт, баннеры и разделители придают макетам спортивный, мужской оттенок. Этого очень легко добиться, и это отличный способ объединить дизайн всего журнала (см. ниже Совет 9 о продвижении тематического стиля в дизайне).
Попробуйте в качестве оптимистичного цветового оттенка кислотно-жёлтый или горячий оранжевый, которые будут великолепно смотреться на изданиях об экстремальном спорте и на журналах о путешествиях. Или почему бы немного не охладить дизайн небесно-голубым оттенком, как на обложке этого стильного журнала?
Шаблон журнала с ярким цветным акцентом
Ярко-красный тоже выглядит очень заметно и добавляет старомодной чёрно-белой фотографии современный штрих.
Шаблон журнала с ярким цветным акцентом
Ключ к такому стилю — выбрать один энергичный цвет и использовать его ограниченно. Не используйте его везде, хватит штрихов в нескольких местах.
3. Потратьте время на совершенствование страницы с содержанием
Как только читатель открывает журнал, он видит страницу содержания. Она должна быть практична и должна позволять читателю легко находить разделы и статьи, но это также идеальное место для того, чтобы попрактиковаться в творческом стиле.
Если ваш журнал очень объёмный, не ограничивайтесь одной страницей содержания, расширьте её до полного двухстраничного разворота. Так вам хватит места на крупный заголовок «Содержание» (попробуйте эффектный брусковый шрифт с засечками) и большое количество изображений, призывающих листать дальше.
В качестве структуры макета для разворота с содержанием лучше использовать сетку, но ни в коем случае не делайте макет ограниченным и скучным. Посмотрите на необычную сетку с фотографиями, использованную для разворота с содержанием в этом спортивном журнале: смесь крупных и мелких изображений выглядит увлекательно и не хаотично, а указатели на кислотно-жёлтых лентах добавляют каждому изображению контекст. Стильные, крупные и чёткие чёрно-белые номера страниц мгновенно заметны и облегчают поиск по страницам журнала.
Макет спортивного журнала
Или почему бы не использовать для разворота с содержанием более простую сетку с колонками, как в этом актуальном макете журнала?
Макет журнала о дизайне
Ограничьте количество статей в каждом ряду или колонке, чтобы между ними оставалось больше свободного места с белым цветом.
Создавая дизайн журнала, сосредоточьте свою энергию на том, чтобы улучшить структуру и стиль страницы содержания. Это то, по чему читатель будет судить об остальных страницах издания, и вам нужно произвести на него хорошее впечатление! Можно даже использовать цвета и стили шрифта разворота с содержанием как основу для создания последовательного стиля всего журнала.
Учтите, что журнальные страницы содержания весьма отличаются от оглавления в книгах или отчётах. Журнальная страница содержания должна быть наполнена увлекательными изображениями и интересным шрифтом, чтобы читатель захотел погрузиться в остальное содержимое журнала.
4. Иллюстрации делают журналы уникальными
Просмотрите любые журналы на полке и вы заметите, что большинство из них используют на обложке фотографии. Тем не менее, иллюстрация на обложке может выглядеть уникально и очень стильно, это отличный выбор для изданий о технике, искусстве и дизайне. Модная плоская графика, которую легко создать, сделает дизайн вашего журнала особенно актуальным.
Подружитесь с Adobe Illustrator, CorelDRAW или Inkscape, чтобы создать векторную графику, которую вы с лёгкостью перенесёте в макет в InDesign.
Векторные изображения — это отличный способ выразить более абстрактные или фантастические концепции, так что это идеальный выбор для журналов, которые будут выделяться на фоне изданий о моде или стиле жизни. Посмотрите на обложку этого журнала о дизайне: абстрактная графика приковывает взгляд, она обязательно будет заметна в море других обложек с фотографиями.
Макет журнала о дизайне
Иллюстрации и в векторе, и нарисованные от руки придают ценность специальным или коллекционным изданиям.
Использование иллюстраций вместо фотографий помогает также сделать дизайн журнала последовательным, выстраивая таким образом внешний вид бренда вашего издания. Это прекрасный выбор для журналов, которым нужен стиль сильного бренда: например, он подойдёт журналам авиакомпаний или розничной торговли для их самопрезентации.
5. Придайте макетам для печати цифровой вид с помощью инфографики
Такие издания, как «National Geographic» и «Esquire», с удовольствием используют инфографику для иллюстрирования статей и придания им более интересного и актуального технологичного вида. Многие журналы сейчас отходят от традиционных макетов, заполненных текстом, черпая вдохновение из сайтов в Интернете и электронных книг и создавая более интерактивные и увлекательные макеты для печати.
Посмотрите на этот классный разворот с инфографикой из макета спортивного журнала.
Макет спортивного журнала
Статья разделена на пункты, и каждый номер привязан к шестиугольной иконке и соответствующему изображению. Такой дизайн, когда статья расположена вдоль оси разворота, больше похож на плакат и выглядит увлекательно.
Даже если вы оформляете статью с большим количеством текста, попробуйте добавить выноски и цитаты в формах и рамках в стиле инфографики. Используйте стрелки и разделители, чтобы направлять поток статьи и дольше удерживать внимание читателя. Для демонстрации статистики и географического местоположения хороши карты и круговые диаграммы. Инфографика особенно хорошо смотрится в журналах о спорте, актуальных проблемах и финансах.
Создавать инфографику не должно быть сложно: этот урок покажет вам, как нарисовать простую инфографику с нуля в Adobe InDesign, включая карты и диаграммы:
6. Делайте модные журналы минималистичными
Если вы создаёте дизайн журнала о моде или стиле жизни, постарайтесь сделать его как можно более актуальным и вдохновляющим. Минималистичный дизайн — это великолепный пустой холст для модных фотографий и показов одежды; к тому же, предельно простой и стильный дизайн печатных изданий сейчас в тренде.
Сосредоточьте всё внимание на фотографиях, позволяя им занимать как минимум две трети каждой страницы, и добавьте пустой белый фон и богатый чёрный шрифт, как на этом стильном макете модного журнала.
Минималистичный макет журнала о моде
Любой ценой избегайте лишних деталей, чтобы дизайн не выглядел дёшево, и не делайте шрифт слишком кричащим.
Минималистичный макет журнала о моде
Поэкспериментируйте с изображениями, располагая их не по центру, чтобы придать макету лёгкий художественный штрих.
Минималистичный макет журнала о моде
Ищите фотографии определённой цветовой темы или стиля и объедините их на одной странице, как на примере макета ниже. Это сделает ваш макет стильным и приятным на вид.
Минималистичный макет журнала о моде
7. Шрифты с засечками выглядят соблазнительно; шрифты без засечек выглядят классно
Шрифты играют важную роль в позиционировании журнала на рынке, придавая ему особое настроение и индивидуальность. Стили шрифта могут напрямую ассоциироваться с известными журналами: вспомните «Vogue» и Didot, «National Geographic» и Stone Sans.
Долгое время мы связывали стили шрифта с конкретными журнальными жанрами, и вы можете использовать это в свою пользу, создавая свой собственный журнал.
Скажем, например, что вы создаёте журнал о моде. Если вы хотите, чтобы он выглядел более дорогим, роскошным и желанным, используйте элегантный стиль с засечками, такой как Didot или Bodoni, они добавят обаяния в стиле «Vogue».
Макет журнала о моде
Если вы хотите, чтобы журнал выглядел классно, молодо и модно, попробуйте чистый, хипповый шрифт без засечек, например, MOAM91.
Для изданий о спорте и технике возьмите солидный и эффектный шрифт, например, Sovereign, или винтажный New Yorker Type, особенно если вы создаёте журнал о современной жизни и проблемах (подходящая замена шрифту из «The New Yorker»).
Фотографии и цвет могут меняться от выпуска к выпуску, но шрифт останется постоянным, поэтому потратьте время, чтобы подумать, как должен выглядеть ваш журнал, и найдите подходящий для этого шрифт.
Макет журнала о моде
8. Сосредоточьте всё внимание на красивых фотографиях
Если вам повезло и у вас есть несколько потрясающих фотографий для журнала, сосредоточьте на них всё внимание. Большинство людей покупает журналы из-за фотографий в них, а текст уже играет второстепенную и вспомогательную роль.
В журналах о моде и о природе, таких как этот шаблон издания о природе, макеты часто создаются вокруг одной красивой фотографии.
Макет журнала о природе
Не бойтесь сильно увеличивать изображения: фотография на всю страницу или целый разворот может выглядеть чудесно.
Макет журнала о природе
Вам не нужно ограничивать себя квадратными или прямоугольными рамками, попробуйте расположить фотографии в виде круга или других необычных форм, или с помощью Photoshop отрежьте изображения от фона, чтобы их можно было поместить в любое место стильного макета.
Также подумайте о том, как вы собираетесь печатать свой журнал и как печать повлияет на качество фотографий. Большинство журналов печатаются на глянцевой бумаге. Глянцевая бумага во время печати не впитывает краску так, как это делает матовая, цвет остаётся на поверхности и выглядит более ярким и живым. Если в вашем журнале будет полно фотографий, лучше печатать его на глянцевой бумаге. Обычно она чуть дороже, чем матовая, но можно выбрать глянцевую бумагу потоньше, которая будет дешевле, но фотографии на ней будут выглядеть красиво.
Убедитесь, что ваш журнал готов к печати, прочитав это руководство по предпечатной подготовке:
9. Создайте стиль и придерживайтесь его!
Хорошо сделанный журнал будет последовательным в дизайне, от обложки к обложке. Тематический дизайн — отличительная черта продуманного и профессионально сделанного журнала.
Почерпните вдохновение из этого макета журнала с чёткой темой: в нём несколько ключевых элементов обложки повторяются и дальше на внутренних страницах.
Тематический макет журнала
Цветовая схема заката представлена в виде перехода от оранжевого к розовому, чёрно-белые фотографии внутри шестиугольников, последовательный стиль шрифта.
Тематический макет журнала Тематический макет журнала Тематический макет журнала
Используйте этот список для проверки, чтобы убедиться, что все эти элементы последовательно повторяются в дизайне всего журнала:
- Цветовая палитра (выберите от одного до трёх цветов CMYK и последовательно их используйте)
- Шрифт (последовательно используйте шрифты, их толщину и размер)
- Фигуры и графика (используйте одинаковые фигуры, формы изображений и графические элементы во всём журнале)
- Цвет фона
- Стиль нумерации страниц и колонтитулов (поместите их на шаблоны страниц, чтобы дизайн был последовательным)
10. Мыслите разворотами, а не страницами
Иногда легко забыть, что вы создаёте дизайн журнала для последующей печати и что он будет состоять из ряда двухстраничных разворотов. И читатель будет воспринимать журнал не по страницам, а по разворотам.
Вы можете сделать впечатление от чтения вашего журнала более полным, если будете повторять в голове эту мантру: «Надо мыслить разворотами, а не страницами».
Простой макет журнала
Если вы создаёте журнал в Adobe InDesign, это не проблема, можно настроить просмотр на Facing Pages (File > Document Setup), и макет будет представлен в виде двухстраничного разворота (макет будет выглядеть точно так же, как его увидит читатель в настоящем журнале).
Не бойтесь переносить содержимое через центральную часть разворота. Большинство журналов имеют идеальный переплёт, когда страницы приклеены друг к другу в центре. В отличие от других видов соединения, это означает, что содержимое с внутренней стороны страницы (ближайший к центру край), скорее всего, будет сильно втянуто в переплёт. Было бы неразумно размещать близко к внутреннему краю мелкое содержимое, например, подписи к изображениям или текст статьи, но через внутренние края разворота можно спокойно разместить более крупное содержимое, например, заголовки или изображения.
В этом простом макете журнала использована техника создания красивых разворотов с заголовками и фотографиями на две страницы.
Простой макет журнала Простой макет журнала
10 советов по созданию эффектных журналов
В этой статье мы рассмотрели десять полезных советов по созданию журналов, которые произведут огромное впечатление!
Макет спортивного журнала
Во время разработки проекта по дизайну журнала просмотрите эти основные советы, чтобы ваш журнал получился обалденным:
- Не робейте, когда дело касается дизайна обложки: используйте яркие, заметные шрифты и фотографии, чтобы завладеть вниманием обычных читателей и продать им журнал.
- Используйте один яркий акцент: это стильный и ненавязчивый способ привлечь внимание, он великолепно подходит изданиям о спорте и технике.
- Потратьте время на совершенствование страницы с содержанием: уделите странице с оглавлением всё своё внимание, потому что это дверь к остальной части журнала.
- Сделайте своё издание уникальным с помощью иллюстраций на заказ: иллюстрации и в векторе, и нарисованные от руки выделяются в море журналов с фотографиями.
- Придайте макетам для печати цифровой вид с помощью инфографики: простой и действенный способ разбить страницы, загруженные текстом.
- Для журналов о моде и стиле жизни выбирайте минималистичный стиль макета: простые стили помогают выгодно представить модные темы.
- Выберите подходящий шрифт: правильный шрифт подарит вашему журналу особую индивидуальность.
- Сосредоточьте всё внимание на фотографиях: красивые фотографии должны занимать как минимум две трети журнала. Чтобы максимально использовать потрясающие снимки, печатайте их на глянцевой бумаге.
- Создайте стиль и придерживайтесь его: последовательно используйте такие элементы, как цвет, форму и шрифт, чтобы ваш журнал выглядел суперпрофессионально.
- Мыслите разворотами, а не страницами: создавайте дизайн журнала по разворотам и позволяйте содержимому проходить через центр разворота, чтобы дизайн получился более впечатляющим.
Удачи в создании собственных журналов… наслаждайтесь! Если вы ищете макет, на основе которого сможете построить свой журнал, просмотрите ряд великолепных макетов на Envato Market.
Ресурсы:
Шаг 1. Создаем новый документ размером 8.5-11 дюймов, 300dpi (для распечатки), RGB (вы можете изменить режим на CMYK после того, как закончите работу). Начнем с радиального градиента, дважды кликнув по фоновому слою, чтобы активировать меню Layer Style (Стиль слоя), далее переходим в Gradient Overlay (Перекрытие градиентом).
Шаг 2. Теперь нам необходим плагин Knoll Light Factory (Плагин Knoll Light Factory предназначен для создания световых эффектов, преимущественно бликов - отражений от ярких источников света, например, от Солнца. Такие эффекты могут использоваться при создании логотипов, других текстовых эффектов, для улучшения фотографий и т.д.), применяем его к слою с градиентом и меняем blending mode (режим наложения) на Screen (Осветление) с opacity (непрозрачность) 21%.
Примечание: вы можете использовать изображение светового эффекта из архива.
Открываем фото города из архива и размещаем над слоем, к которому применили фильтр. Меняем blending mode (режим наложения) на Soft Light (Мягкий свет).
Шаг 3. Открываем изображение Stock illustration: Planet и размещаем над слоем с городом. Мягким большим круглым инструментом Eraser (Ластик) (E) стираем края. Меняем blending mode (режим наложения) на Screen (Осветление).
Шаг 4. Дублируем слой с сиянием, которое мы создали при помощи фильтра, и располагаем копию над слоем с планетой. Применяем Filter - Blur - Gaussian Blur (Фильтр - Размытие - Рзамытие по Гауссу) с радиусом 5 пикселей, opacity (непрозрачность) - 83%. Убедитесь, что blending mode (режим наложения) установлен на Screen (Осветление).
Шаг 5. Теперь сгенерируем в Фотошопе облака, чтобы сделать фон более мягким. Создаем новый слой и заливаем его черным. Применяем Filter - Render - Clouds (Фильтр - Рендеринг - Облака). Большой круглой мягкой кистью стираем верх облаков.
Меняем blending mode (режим наложения) на Soft Light (Мягкий свет) с opacity (непрозрачность) 35%.
Применяем фильтр Gaussian Blur (Размытие по Гауссу) с радиусом 114 пикселей. Уменьшаем opacity (непрозрачность) до 45%.
Шаг 7. Открываем Model Face Handsome, используя Pen Tool (Перо) (P), вырезаем модель.
После этого кликаем правой кнопкой по контуру и выбираем Load Path as Selection (Создать выделение из контура).
Копируем (CTRL+C) модель и вставляем (CTRL+V) на рабочий документ. Располагаем слой выше всех предыдущих.
Используя Brush Border Pack -27, на новом слое рисуем царапины и потертости. Я использовал кисть номер 15.
С помощью большого мягкого Eraser Tool (Ластик) стираем по краям, уменьшаем opacity (непрозрачность) до 72%-82%. Дублируем слой или рисуем новый царапины.
Шаг 8. Снова открываем Stock illustration: Planet и располагаем над слоем с царапинами. Большим Ластиком стираем центр изображения.
Меняем blending mode (режим наложения) на Screen (Осветление).
Шаг 9. Теперь добавим белых сияющих линий, чтобы наша обложка выглядела более эффектно. Создаем новый слой, с помощью Rectangular Marquee Tool (Прямоугольное выделение) (M) создаем выделение. Заливаем градиентом от белого к прозрачному.
Стираем края градиента.
Меняем blending mode (режим наложения) градиента на Overlay (Перекрытие). Поворачиваем (CTRL+T) градиент и располагаем за моделью. Дублируем слой несколько раз и располагаем в разных местах.
Добавляем корректирующий слой Layer - New Adjustment Layer - Color Balance (Слой - Новый корректирующий слой - Цветовой баланс).
Шаг 10. Теперь будем работать с текстом.
Однако прежде, нам нужно сделать «сетку» из направляющих, которая даст представление о том, как будет расположен текст на обложке. Итак, с каждой стороны отступаем на 0,25 дюйма и в этих местах располагаем направляющие, которые станут для нас границей, за предел которой не должен вылезать текст.
Теперь займёмся выходными данными (термин выходные данные часто используют для обозначения заголовка издания). Для заголовка автор предпочёл использовать типовой шрифт Helvetica Inserat Roman (для заголовков всегда лучше использовать простые и читабельные шрифты). Заголовок автор расположил между моделью и фоном. Во-первых таким образом мы не перекрываем голову, а во-вторых, создаём эффект глубины.
Далее автор создал ещё несколько направляющих, которые значительно помогают в выравнивании текста и придания стиля.
Под заголовком расположены дата публикации издания и небольшой слоган, который характеризует цель, на что ориентирован данный журнал.
Совет: перед тем как заняться непосредственным размещением текста на обложке, проведите для себя небольшое исследование на эту тему, посмотрите какой стиль используют другие журналы. И вдохновение не обойдёт вас стороной.
Шаг 11. Создадим заголовки историй, которые по идее должны быть помещены в нашем журнале.
A. Главная история. Здесь я использовал крупный шрифт, чтобы сосредоточить взгляд читателя.
B. Вторая история. Здесь я использовал мелкий шрифт и поместил заголовок в полупрозрачный прямоугольник.
C. Здесь я использовал мелкий шрифт для менее важных статей.
Шаг 12. И последнее, что мы сделаем, это добавим штрих-код. Для этого используем Free Vector Barcode Graphics.
Также можете поиграть с цветовыми настройками, чтобы получить разные варианты оформления.
На этом все. Надеюсь, вам понравился этот урок и вы узнали для себя что-то новое.
Автор: LOSWL
Переводчик: Макс Енин
Ссылка на источник
В этом уроке Вы научитесь делать макет каталога (MockUp), используя смарт-объекты, чтобы иметь возможность легко менять дизайн с одного на другой.
Сложность урока: Сложный
В этом уроке Вы научитесь делать макет каталога со смарт-объектами, чтобы было легко изменять дизайн с одного на другой. Макет идеально подходит для того, чтобы продемонстрировать Ваш дизайн клиенту или разместить в Вашем портфолио.
Чтобы создать макет каталога, мы приготовим основную форму, добавим тени и световые эффекты. Создадим Смарт-объект (Smart Object), внутри которого можно будет менять дизайн.
Вот так будет выглядеть готовый макет.
Шаг 1. Откройте новый документ в Photoshop, используя настройки на скриншоте ниже:
С помощью простой фигуры мы создадим страницы журнала. Выберите инструмент Прямоугольник (Rectangle Tool) и в верхней части панели настроек этого инструмента задайте этой фигуре фиксированный размер: 460пикс. ширина и 300пикс. высота. Теперь можно создать фигуру.
Далее нам нужно задать прямоугольнику изогнутую форму, чтобы он стал похож на страницу. С помощью инструмента Угол (Convert Point Tool) поработайте над опорными точками фигуры, чтобы достичь нужной формы, как на скриншоте ниже.
Как только отредактируете фигуру, создайте две её копии и расположите их как показано ниже (вы можете создать несколько фигур-страниц, в зависимости от того, какое количества страниц и какой размер журнала-макета вы хотите создать).
Затем для каждой копии со страницей мы должны уменьшить изгиб. Для этого с помощью инструмента Стрелка (Direct Selection Tool) выделите опорные точки и преобразуйте их.
Давайте организуем наш файл и создадим правую часть журнала.
Поместите слои со страницами в группу, нажав комбинацию клавиш Ctrl+G, и дублируйте эту группу. Дайте название группам LEFT PAGES и RIGHT PAGES, и соответственно дайте имена слоям в группах, например, Left Page 01; Left Page 02; Left Page 03 / Right Page 01; Right Page 02; Right Page
03.
Теперь чтобы повернуть вторую группу со страницами, используем трансформацию. Нажмите комбинацию клавиш Ctrl + T, затем щёлкните правой кнопкой мыши и выберите функцию Отразить по горизонтали ( Flip Horizontal). И наконец, разместите папки со страницами друг к другу, как показано на скриншоте.
Теперь мы должны расположить наш журнал в соответствии с перспективой. Выделите все слои со страницами в двух группах и нажмите комбинацию клавиш Ctrl + T, затем щёлкните правой кнопкой мыши и выберите функцию Искажение (Distort). Теперь переместите узловые точки рамки, чтобы придать вид журналу как на скриншоте.
Шаг 2. У нас есть основная форма нашего каталога и на данном этапе займёмся добавлением теней и бликов. Это нужно для того, чтобы появился объём. Для начала каждому слою со страницами настройте свой цвет. Коды цветов указаны на скриншоте ниже.
Теперь настроим стили слоя для слоя left page 01. Дважды кликните по слою, чтобы вызвать диалоговое окно настроек стилей слоя. В этом окне настройте Тень (Shadow) и Наложение градиента (Gradient Overlay). Настройки смотрите ниже.
Примените те же стили слоя к слою в другой группе right page 01, но здесь немного другие настройки. Смотрите ниже на скриншоте.
Теперь выделите созданные слои с тенью, щёлкните правой кнопкой мыши и выберите опцию Растрировать слой (Rasterize Layers). Мы сможем работать индивидуально с каждой из теней для достижения более точного конечного результата. Переместите созданные слои с тенями под верхние странички в палитре слоёв.
Используя инструмент Ластик (Eraser Tool) размером 40 пикселей и Непрозрачностью (Opacity) 25%, поработайте над тенями, мягко стирая части, которые более открыты и где больше попадает свет.
Затем с помощью инструмента Размытие (Blur Tool) поработайте над тенью, в более открытых участках применяйте этот инструмент больше, а в закрытой части тени меньше. Таким образом, мы добьёмся визуального увеличения контраста и перспективы.
Как только вы достигли желаемого результата, просто повторите эти шаги для других страниц, создавая тень, помещая её под слой со страницей, стирая и размывая для контраста.
ВАЖНО! Для последней страницы мы сделаем другой тип тени, которую мы сделаем чуть позже.
Теперь мы собираемся создать последнюю тень, которая будет применяться для всей базовой формы каталога. Активируйте инструмент Перо (Pen Tool) в режиме Слой-фигура (Shape) и создайте фигуру, как показано ниже на скриншоте.
Растрируйте этот слой и поместите ниже основной формы каталога. Затем обработайте тень, как делали раньше, то есть, ластиком стирая лишнее и размытием снижая чёткость тени. Затем, чтобы создать реалистичный контраст с общим фоном, измените этому слою режим наложения на Умножение (Multiply).
Предварительный результат должен выглядеть вот так:
Теперь создайте новую фигуру для тени и расположите её ниже слоя с тенью для всего каталога.
Примените те же действия, которые Вы делали на предыдущих слоях с тенями и как только достигнете желаемого результата, измените этому слою режим наложения на Умножение (Multiply) с 25% Непрозрачностью(Opacity), примерно так:
Дублируйте этот слой и поместите копию ниже оригинала. Затем измените этому слою режим наложения на Перекрытие (Overlay), это позволит тени адаптироваться под любой цвет фона для создания более точного сочетания между ними. Вы увидите результат этого метода, изменяя фон.
Шаг 4. Займёмся созданием Смарт-объекта (Smart Object), в котором и будет размещён наш дизайн. Выберите инструмент Прямоугольник (Rectangle Tool) и в верхней части панели настроек этого инструмента задайте фиксированный размер: 500пикс. ширина и 325пикс. высота. Теперь создайте фигуру.
После того, как вы создали фигуру, щёлкните правой кнопкой мыши по слою и выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Нажмите комбинацию клавиш Ctrl + T, затем щёлкните правой кнопкой мыши и выберите функцию Искажение (Distort) и отрегулируйте четыре опорные точки относительно формы первой страницы, затем снова нажмите комбинацию клавиш Ctrl + T, щёлкните правой кнопкой мыши и выберите функцию Деформация (Warp), чтобы имитировать точную форму страницы следующим образом:
Этот слой должен находиться выше слоя Left Page 01. Измените ему режим наложения на Умножение (Multiply). Теперь щёлкните правой кнопкой мыши на выделенном слое и выберите Создать обтравочную маску (Create clipping mask).
Теперь примените все вышеописанные действия для противоположной страницы каталога.
Убедитесь, что расположение ваших слоёв в палитре, соответствует расположению, как показано на скриншоте.
Шаг 5. Выделите слой Left Page 01 и дублируйте его, расположив в самом верху этой группы. Назовите копию Overlay и примените стиль слоя Наложение градиента (Gradient Overlay). Настройки смотрите ниже.
Затем сделайте ещё одну копию и назовите её Shadow. Снова расположите копию на самом верху группы и примените стиль слоя Наложение градиента (Gradient Overlay). Настройки на скриншоте ниже.
Теперь сделаем тоже для слоя Right Page 01. Дублируйте его, расположив в самом верху своей группы. Примените стиль слоя.
Шаг 6. Добавим фон, чтобы наш каталог не был в воздухе. Таким образом, у нас будет больше визуального представления нашего дизайна. Выберите подходящую для себя текстуру (в данном случае это деревянный пол) и примените правильную перспективу согласно Вашему дизайну.
В нашем случае для исправления перспективы фона, мы должны использовать функцию Искажение (Distort), чтобы достичь результата как на скриншоте ниже.
Чтобы придать фону больше глубины и контраста можно использовать в меню Фильтр – Рендеринг – Блик (Filter> Render> Lens Flare) для освещения.
Шаг 7. Вот мы и создали наш макет каталога со Смарт-объектами (Smart Object). Теперь мы просто применим готовый дизайн прямо на макет страницы. Выберите слой в палитре слоёв под названием PUT YOUR IMAGE HERE (смотрите скриншот), дважды щёлкните по миниатюре слоя и автоматически откроется новый файл – это раскрылся смарт-объект, в котором и будет находиться Ваш дизайн. Сначала вы увидите только синюю страницу, которую Вы создали на шаге 4. Разместите в этом файле дизайн как Вам угодно и закройте его, предварительно сохранив Ctrl + S.
Когда вы вернетесь в Ваш исходный файл, Вы увидите, как дизайн автоматически адаптировался по форме страницы журнала с правильной перспективой и стилями слоя (тень и свет).
Делаем тоже с другим Смарт-объектом (Smart Object) для противоположной страницы.
В итоге получаем конечный результат урока. Желаю вам удачи и успехов в дизайнерских проектах!
(нажмите на изображение, чтобы увеличить)
Автор: Cris
Переводчик: Рыбка
Ссылка на источник
Создай обложку журнала в векторном стиле в Фотошоп: Часть I
Сложность урока: Сложный
Это детализированный урок, в котором шаг за шагом рассказывается о создании векторного дизайна для первой страницы обложки в Photoshop. Урок демонстрирует эффективное использование векторных инструментов Photoshop и приемы. PSD файл прилагается.
Предпросмотр конечного результата
Исходные материалы:
Шаг 1: Настройка документа
Создайте Новый документ (New document) с настройками, указанными ниже. Это простой документ формата А4 (210 х 297). Существует множество форматов для обложек журналов. Чаще всего, размер вам будет предоставляться заказчиком. Но для этого проекта мы будем работать с нашим собственным размером, который является стандартом для размера журналов.
Установите единицы измерения на миллиметры, кликнув правой кнопкой мыши по Линейке (Ruler). Добавьте направляющие по четырем сторонам документа. А затем добавьте направляющие на расстоянии 5 мм от границ документа по четырем сторонам. Это текстовые поля. Мы ограничим наш текст в пределах этой области.
Оставьте небольшое пространство на случай ошибки во время обрезки. Установите отступ в 3 мм. Сделать это очень просто, растяните холст на 3 мм по периметру за исключением левой стороны, поскольку обложка журнала не подвергается обрезке слева, поэтому и нет необходимости в расширении с этой стороны. Нажмите сочетание клавиш Ctrl + Alt +C или перейдите в меню Изображение (Image) – Размер холста (Canvas Size), чтобы загрузить диалоговое окно Размер холста (Canvas Size) и ввести значения.
Шаг 2: Набросок
После небольшого мозгового штурма, я пришел вот к такому легкому наброску в Photoshop. Это основа нашей иллюстрации. Она достаточно проста и этот набросок не очень детализирован, но он хорошо отражает нашу цель. Эти элементы будут создаваться нами на протяжении всего курса данного урока. Что касается цветов, то я бы хотел, чтобы это была простая иллюстрация с плоскими цветами. Мы добавим детали в процессе урока. Сначала создадим героев, а остальное – потом.
Возьмите инструмент Стрелка (Direct Selection) выделите нижнюю опорную точку овальной фигуры и, удерживая клавишу Shift, протяните ее вверх по центру. Установите Непрозрачность (Opacity) слоя на 60%.
Добавьте еще деталей, как показано ниже, с помощью инструмента Эллипс (Ellipse).
Выделите слои глаза, удерживая клавишу Ctrl и кликая по слоям, и перейдите в Редактирование (Edit) – Свободная трансформация (Free Transform) и поверните глаз примерно на -20 градусов, затем нажмите Enter, чтобы применить трансформацию. Используйте панель Инфо (Info), чтобы определить, как сильно вы наклоняете объект.
Теперь глаз создан на одной стороне, и нам нужно его дублировать и разместить на другой стороне. Чтобы это сделать, выделите слои глаза, выберите Слой (Layer) – Создать дубликат слоя (Duplicate Layers). Так вы дублируете глаз, а теперь нажмите Ctrl+T, затем кликните правой кнопкой мыши внутри появившейся рамки и выберите параметр Отразить по горизонтали (Flip Horizontal) из контекстного меню.
Нарисуйте на круге прямоугольник с помощью инструмента Прямоугольник (Rectangle). Установите тот же цвет, что и выше. Нажмите сочетание клавиш Ctrl+T и поверните его на 45 градусов, как на рисунке ниже. Нажмите Enter, чтобы применить трансформацию.
Добавьте немного бликов с помощью инструмента Эллипс (Ellipse).
Теперь создайте улыбку, используя простой способ, который я вам покажу. Нарисуйте круг, как показано ниже.
Теперь кликните по миниатюре Векторной маски (Vector mask) круга, который вы только что нарисовали. Возьмите инструмент Эллипс (Ellipse), установите параметр Вычесть из области фигуры (Subtract from shape area) или зажмите клавишу Alt и нарисуйте круг, как показано ниже. Убедитесь, что вы действительно рисуете внутри векторной маски. Посмотрите на результат.
Добавим немного румян солнцу.
Нарисуйте язычки пламени с помощью инструмента Перо ( Pen) (P). Создайте их под базовым слоем солнца.
Нарисуйте штрихи у язычков пламени над слоями с ними.
Теперь нарисуйте немного бликов с помощью инструмента Перо (Pen) (P).
Удалите средние опорные точки с помощью инструмента Удалить опорную точку (Delete Anchor Point). Выделите верхнюю опорную точку с помощью инструмента Стрелка (Direct Selection).
Выберите инструмент Угол (Convert Point) и, удерживая клавишу Shift, кликните по опорной точке и расширьте направляющие, как показано на изображении ниже.
Необходимо добавить руки и ноги нашему персонажу. Кликните по миниатюре Векторной маски (Vector Mask) фигуры, которую вы только что нарисовали, возьмите инструмент Прямоугольник со скругленными углами (Rounded Rectangle) и нарисуйте им в векторной маске.
Создайте глаза с помощью слой-фигур так же, как мы делали ранее. Создайте сперва один глаз, разверните его немного, Дублируйте (Duplicate) и Отразите по горизонтали (Flip Horizontally), чтобы создать пару.
Создайте улыбку, используя тот способ, к которому мы прибегали ранее.
Обведите героя по контуру на слое, созданном под остальными слоями героя.
Нарисуйте антенну с помощью инструмента Перо (Pen) (P).
Возьмите инструмент Прямоугольник (Rectangle). Рисуйте им внутри векторной маски (vector mask), удерживая клавишу Shift.
Возьмите инструмент Эллипс (Ellipse), зажмите клавишу Alt и нарисуйте, как показано на изображении ниже.
Добавьте еще один блик с помощью инструмента Перо (Pen) (P).
Шаг 5: Рисуем девочку
Мы используем тот же самый метод для создания этого персонажа. Создайте Новую группу (New Group). Переименуйте ее в “Girl” (Девочка). Нарисуйте следующую фигуру.
Создайте улыбку точно так же, как мы делали ранее. Нарисуйте овал и выберите параметр Вычесть из области фигуры (Subtract from shape area) в панели настроек. Рисуйте внутри Векторной маски (Vector mask), чтобы вырезать.
Нарисуйте нос с помощью инструмента Эллипс (Ellipse).
Нарисуйте остальные детали, согласно изображению ниже.
Примените Градиент (Gradient) к этому кругу. Кликните по иконке Fx в нижней части палитры слоев и выберите Перекрытие градиентом (Gradient Overlay). Примените настройки, указанные ниже.
Теперь начните создавать глаза и другие детали лица персонажа.
Затем нарисуйте лепестки. Нужно создать один лепесток, а затем мы можем его Дублировать (Duplicate) и Повернуть (Rotate).
Мы создали один лепесток. Теперь перейдем к хитрой части, мы дублируем лепесток несколько раз и расположим вокруг «лица» цветка. Но это действие создаст много дополнительных слоев. Мы можем избежать дополнительных слоев, рисуя на Векторной маске (Vector Mask). Точно так же, как мы делали ранее. Просто кликните по миниатюре Векторной маски (Vector Mask) лепестка, это действие выделит контур. Теперь нажмите сочетание клавиш Ctrl+C, чтобы копировать существующий контур и Ctrl+V, чтобы вставить его. Контур будет вставлен в то же место, откуда мы его скопировали. Нажмите Ctrl+T, чтобы трансформировать его, установите центровую точку где-нибудь в середине лица цветка. Удерживайте угол ограничительной рамки и разверните лепесток.
Нарисуйте обводку вокруг цветка с помощью инструмента Перо (Pen) (P).
Добавьте некоторые детали с помощью инструмента Перо (Pen) (P).
С помощью инструмента Перо (Pen) (P) нарисуйте стебель. Поместите его под остальными слоями группы. Следуйте шагам на изображении ниже.
Нарисуйте голову с помощью инструмента Эллипс (Ellipse). Добавьте несколько полосок к телу пчелы. Нарисуйте их с помощью инструмента Перо (Pen) (P).
Присоедините полоски к телу пчелки. Выделите слой и нажмите сочетание клавиш Ctrl+Alt+G или, удерживая Alt, кликните на границе слоев в палитре слоев.
Добавьте штрихи к нашему персонажу.
Шаг 9: Горы
Создайте Новую группу (New Group), названную “Mountains” (Горы). Поместите ее над группой “Sun” (Солнце). Нарисуйте горы с помощью инструмента Перо (Pen) (P). Убедитесь, что он включен в режиме Слой-фигура (Shape Layer).
Используйте инструмент Перо (Pen) (P), чтобы нарисовать контуры.
Нарисуйте немного теней, совместите их с горами, расположенными ниже.
Добавьте снега на вершинах гор.
Шаг 10: Земля
Создайте две группы над группой “Mountains” (Горы). Переименуйте их в “Above ground” (Земля сверху), “Below Ground” (Земля снизу). Теперь нарисуйте эти фигуры в группе “Above ground” (Земля сверху).
Нарисуйте другую фигуру земли в группе“Below Ground” (Земля снизу).
Примените градиент к земле. Используйте следующие значения.
Добавьте обводку, используя инструмент Перо (Pen) (P).
Шаг 11: Рисование растений
Создайте Новую группу (Create New Group), названную “Plants” (Растения) и поместите ее над слоями с землей. Начнем с создания кактусов. Следуйте указаниям.
Нарисуйте другую сторону.
Создайте кисть. Возьмите инструмент Перо (Pen) (P), начните с одной простой кривой, затем создайте еще, рисуя на Векторной маске (Vector Mask).
Шаг 12: Создайте еще одно растение
Нарисуйте еще одно растение. Создайте Новую группу (Create New Group), названную “Bushy Plant” (Кустарник). Выберите инструмент Перо (Pen) (P) и нарисуйте контур растения. Поместите группу между двумя группами с землей.
Произведите некоторые цветовые корректировки для растения, создайте Новый слой (New Layer) над фигурой растения, возьмите большую мягкую кисть, выберите ярко-зеленый цвет и добавьте немного цвета.
Сделайте Обтравочную маску (Create clipping mask) для этого слоя, измените его режим смешивания на Свечение (Luminosity).
Нарисуйте контуром листья.
Шаг 13: Рисование облаков
Создание облаков довольно просто. Начните с создания одной фигуры и рисования внутри Векторной маски (Vector Mask), удерживая клавишу Shift. Как только облако будет полностью завершено, выделите контуры с помощью инструмента Выделение контура (Path Selection), копируйте и вставьте их, чтобы создать множество копий. Измените немного размеры, используя сочетание клавиш Ctrl+T. Поместите этот слой над слоем “Sky” (Небо).
Шаг 14. Посмотрите на палитру слоев и отметьте для себя, в каком она порядке.
Автор: Niranth M
Перевод: Анцыперович Александра
Ссылка на источник
В этом уроке Вы научитесь делать макет каталога со смарт-объектами, чтобы было легко изменять дизайн с одного на другой. Макет идеально подходит для того, чтобы продемонстрировать Ваш дизайн клиенту или разместить в Вашем портфолио.
Чтобы создать макет каталога, мы приготовим основную форму, добавим тени и световые эффекты. Создадим Смарт-объект (Smart Object), внутри которого можно будет менять дизайн.
Вот так будет выглядеть готовый макет.
Шаг 1. Откройте новый документ в Photoshop, используя настройки на скриншоте ниже:
С помощью простой фигуры мы создадим страницы журнала. Выберите инструмент Прямоугольник (Rectangle Tool) и в верхней части панели настроек этого инструмента задайте этой фигуре фиксированный размер: 460пикс. ширина и 300пикс. высота. Теперь можно создать фигуру.
Далее нам нужно задать прямоугольнику изогнутую форму, чтобы он стал похож на страницу. С помощью инструмента Угол (Convert Point Tool) поработайте над опорными точками фигуры, чтобы достичь нужной формы, как на скриншоте ниже.
Как только отредактируете фигуру, создайте две её копии и расположите их как показано ниже (вы можете создать несколько фигур-страниц, в зависимости от того, какое количества страниц и какой размер журнала-макета вы хотите создать).
Затем для каждой копии со страницей мы должны уменьшить изгиб. Для этого с помощью инструмента Стрелка (Direct Selection Tool) выделите опорные точки и преобразуйте их.
Давайте организуем наш файл и создадим правую часть журнала.
Поместите слои со страницами в группу, нажав комбинацию клавиш Ctrl+G, и дублируйте эту группу. Дайте название группам LEFT PAGES и RIGHT PAGES , и соответственно дайте имена слоям в группах, например, Left Page 01; Left Page 02; Left Page 03 / Right Page 01; Right Page 02; Right Page
03.
Теперь чтобы повернуть вторую группу со страницами, используем трансформацию. Нажмите комбинацию клавиш Ctrl + T, затемщёлкните правой кнопкой мыши и выберите функцию Отразить по горизонтали ( Flip Horizontal). И наконец, разместите папки со страницами друг к другу, как показано на скриншоте.
Теперь мы должны расположить наш журнал в соответствии с перспективой. Выделите все слои со страницами в двух группах и нажмите комбинацию клавиш Ctrl + T, затемщёлкните правой кнопкой мыши и выберите функцию Искажение (Distort). Теперь переместите узловые точки рамки, чтобы придать вид журналу как на скриншоте.
Шаг 2. У нас есть основная форма нашего каталога и на данном этапе займёмся добавлением теней и бликов. Это нужно для того, чтобы появился объём. Для начала каждому слою со страницами настройте свой цвет. Коды цветов указаны на скриншоте ниже.
Теперь настроим стили слоя для слоя left page 01 . Дважды кликните по слою, чтобы вызвать диалоговое окно настроек стилей слоя. В этом окне настройте Тень (Shadow) и Наложение градиента (Gradient Overlay). Настройки смотрите ниже.
Примените те же стили слоя к слою в другой группе right page 01 , но здесь немного другие настройки. Смотрите ниже на скриншоте.
Теперь выделите созданные слои с тенью, щёлкните правой кнопкой мыши и выберите опцию Растрировать слой (Rasterize Layers). Мы сможем работать индивидуально с каждой из теней для достижения более точного конечного результата. Переместите созданные слои с тенями под верхние странички в палитре слоёв.
Используя инструмент Ластик (Eraser Tool) размером 40 пикселей и Непрозрачностью (Opacity) 25%, поработайте над тенями, мягко стирая части, которые более открыты и где больше попадает свет.
Затем с помощью инструмента Размытие (Blur Tool) поработайте над тенью, в более открытых участках применяйте этот инструмент больше, а в закрытой части тени меньше. Таким образом, мы добьёмся визуального увеличения контраста и перспективы.
Как только вы достигли желаемого результата, просто повторите эти шаги для других страниц, создавая тень, помещая её под слой со страницей, стирая и размывая для контраста.
ВАЖНО! Для последней страницы мы сделаем другой тип тени, которую мы сделаем чуть позже.
Теперь мы собираемся создать последнюю тень, которая будет применяться для всей базовой формы каталога. Активируйте инструмент Перо (Pen Tool) в режиме Слой-фигура (Shape) и создайте фигуру, как показано ниже на скриншоте.
Растрируйте этот слой и поместите ниже основной формы каталога. Затем обработайте тень, как делали раньше, то есть, ластиком стирая лишнее и размытием снижая чёткость тени. Затем, чтобы создать реалистичный контраст с общим фоном, измените этому слою режим наложения на Умножение (Multiply).
Предварительный результат должен выглядеть вот так:
Теперь создайте новую фигуру для тени и расположите её ниже слоя с тенью для всего каталога.
Примените те же действия, которые Вы делали на предыдущих слоях с тенями и как только достигнете желаемого результата, измените этому слою режим наложения на Умножение (Multiply) с 25% Непрозрачностью (Opacity), примерно так:
Дублируйте этот слой и поместите копию ниже оригинала. Затем измените этому слою режим наложения на Перекрытие (Overlay), это позволит тени адаптироваться под любой цвет фона для создания более точного сочетания между ними. Вы увидите результат этого метода, изменяя фон.
Шаг 4. Займёмся созданием Смарт-объекта (Smart Object), в котором и будет размещён наш дизайн. Выберите инструмент Прямоугольник (Rectangle Tool) и в верхней части панели настроек этого инструмента задайте фиксированный размер: 500пикс. ширина и 325пикс. высота. Теперь создайте фигуру.
После того, как вы создали фигуру, щёлкните правой кнопкой мыши по слою и выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Нажмите комбинацию клавиш Ctrl + T, затемщёлкните правой кнопкой мыши и выберите функцию Искажение (Distort) и отрегулируйте четыре опорные точки относительно формы первой страницы, затем снова нажмите комбинацию клавиш Ctrl + T, щёлкните правой кнопкой мыши и выберите функцию Деформация (Warp), чтобы имитировать точную форму страницы следующим образом:
Этот слой должен находиться выше слоя Left Page 01 . Измените ему режим наложения на Умножение (Multiply). Теперь щёлкните правой кнопкой мыши на выделенном слое и выберите Создать обтравочную маску (Create clipping mask).
Теперь примените все вышеописанные действия для противоположной страницы каталога.
Убедитесь, что расположение ваших слоёв в палитре, соответствует расположению, как показано на скриншоте.
Шаг 5. Выделите слой Left Page 01 и дублируйте его, расположив в самом верху этой группы. Назовите копию Overlay и примените стиль слоя Наложение градиента (Gradient Overlay). Настройки смотрите ниже.
Затем сделайте ещё одну копию и назовите её Shadow. Снова расположите копию на самом верху группы и примените стиль слоя Наложение градиента (Gradient Overlay). Настройки на скриншоте ниже.
Теперь сделаем тоже для слоя Right Page 01 . Дублируйте его, расположив в самом верху своей группы. Примените стиль слоя.
Шаг 6. Добавим фон, чтобы наш каталог не был в воздухе. Таким образом, у нас будет больше визуального представления нашего дизайна. Выберите подходящую для себя текстуру (в данном случае это деревянный пол) и примените правильную перспективу согласно Вашему дизайну.
В нашем случае для исправления перспективы фона, мы должны использовать функцию Искажение (Distort), чтобы достичь результата как на скриншоте ниже.
Чтобы придать фону больше глубины и контраста можно использовать в меню Фильтр - Рендеринг - Блик (Filter> Render> Lens Flare) для освещения.
Шаг 7. Вот мы и создали наш макет каталога со Смарт-объектами (Smart Object). Теперь мы просто применим готовый дизайн прямо на макет страницы. Выберите слой в палитре слоёв под названием PUT YOUR IMAGE HERE (смотрите скриншот), дважды щёлкните по миниатюре слоя и автоматически откроется новый файл - это раскрылся смарт-объект, в котором и будет находиться Ваш дизайн. Сначала вы увидите только синюю страницу, которую Вы создали на шаге 4. Разместите в этом файле дизайн как Вам угодно и закройте его, предварительно сохранив Ctrl + S .
Когда вы вернетесь в Ваш исходный файл, Вы увидите, как дизайн автоматически адаптировался по форме страницы журнала с правильной перспективой и стилями слоя (тень и свет).
Делаем тоже с другим Смарт-объектом (Smart Object) для противоположной страницы.
В итоге получаем конечный результат урока. Желаю вам удачи и успехов в дизайнерских проектах!
Читайте также: