Здравствуйте! В этом уроке мы разберем, как можно легко и быстро создать обложку для фотокниги. Этот шаблон (пример) может подойти для разных случаев, начиная со свадебной и заканчивая ретро-фотокнигой. Предлагаю вам создать вместе со мной свадебную обложку в синих тонах.
Вот, что у нас с вами должно получиться:
Приступим:
1) Открываем фотошоп и создаем новый документ (в главном меню программы выбираем команду File — New («Файл» — «Новый») с такими параметрами:Размер внутреннего разворота, указанный выше, я взяла из таблицы на сайте типографии, используемой мной для печати.
Далее направляющей делим разворот пополам и выделяем поля, что идут под обрезку (от 7 до 10 мм с каждой стороны).
Чтобы установить направляющие необходимо перейти в меню Edit — Preferences — Guides, Grid & Slices («Редактирование» — «Установки» — «Направляющие, сетка и фрагменты»).
У направляющих имеется ещё одна очень полезная функция — они примагничивают к себе объекты, поэтому выравнивать те или иные объекты очень легко. Если вам не нужна эта функция, то отключите ее, убрав галочку возле опции Snap to Guides («Привязать к направляющим»).
Чтобы поставить направляющие в Фотошопе, необходимо кликнуть по горизонтальной линейке и, не отпуская левую клавишу мышки, перетащить курсор вниз. Когда вы переместите направляющую в нужное место, отпустите кнопку мыши. Таким образом, Вы создадите горизонтальные направляющие.
Чтобы создать вертикальную направляющую, проделайте то же самое, только с вертикальной линейкой.
Далее для создания необходимого нам фона создаем два нужных нам по размеру прямоугольника 37,5 х 25см и 12,5 х 25см. Делаем их разных цветов для удобного использования. В данном случае это белый и голубой фон.
Чтобы выбрать необходимый Вам цвет фото необходимо нажать верхний квадратик выбора цвета на панели инструментов (смотрите в самом низу). Откроется окно выбора цвета – перетягивая ползунки, выберите нужный цвет и нажмите ОК. Теперь выбираем в панели инструментов «Прямоугольник» (Rectangle), кликаем мышкой в левом углу и растягиваем прямоугольник до нужных размеров. Отпускаем мышку, появляется окрашенный в выбранный цвет прямоугольник.
2) Следующий шаг — цветочный фон. Для этого берем фотографию букета невесты и растягиваем его до нужных нам размеров и создаем обтравочную маску, после чего снижаем его непрозрачность (Opacity) до 25 %.
Для создания обтравочной маски, сначала убедитесь, что базовый (формовой) слой находится под слоем, который вы хотите обрезать. Удерживая клавишу Alt, наведите курсор между двумя этими слоями. Курсор изменит свою форму на значок двух соединенных кружков со стрелочкой слева. Нажмите кнопку мыши.
Сразу же, в основном окне программы, вы увидите, что ваше изображение вырезалось точно по форме нижележащего слоя (формового).
В панели слоев тоже произошли изменения. От верхнего слоя с изображением появилась стрелочка, указывающая на слой под ним. Это означает, что изображение теперь находится только внутри фигуры нижнего слоя, не выходя за его рамки.
Другой способ создания Обтравочной маски осуществляется через основное меню программы. Выберите вкладку «Слои» — «Создать обтравочную маску» (Layer-Add Clipping Mask). Горячие клавиши вызова обтравочной маски – Ctrl+Alt+G.
Те же самые действия проделываем с правым прямоугольником, предварительно отобрав синий фон из набора дизайнера Ashtons Romance by Becca. Далее в слоях выбираем один из прямоугольников, нажав правой кнопкой мыши, и выбираем Blending Options , далее Stroke (устанавливаем подходящее нам значение, например 8) и Drop Shadow (также выбираем параметр на свой вкус).
После этого, следуя выше сказанной инструкции, создаем круг, делаем обводку и тень и помещаем в него фотографию молодоженов.
3) Теперь самое приятное, переходим к декору нашего разворота.
Узоры синего цвета делаем с помощью инструмента «Кисть». Предварительно для удобства необходимо установить дополнительные кисти в виде узоров (как вариант из сети Интернет)
Создаем новый слой.
Вы можете перейти в меню «Слой»- «Новый» – «Слой» (Layer — New — Layer). Откроется окно создания нового слоя, в котором Вы можете ввести имя, создать обтравочную маску, выбрать цвет отметки, режим наложения и непрозрачность.
Для быстрого создания слоя в фотошопе, кликните на иконке в нижней части палитры слоёв:В этом случае будет создан пустой слой с 100% непрозрачностью и стандартным режимом наложения.
Потом нажимаем инструмент «Кисть» (Brush tool) и выбираем нужную форму узора, нажав правую кнопку мыши на нашем новом слое. Затем выбираем Blending Options — Bevel & Embross. Далее дублируем слой с узором и размещаем его подходящим нам образом.Слой с кистью и дальнейшие слои с декором помещаем под слой с кругом. Я использовала декор из наборов таких дизайнеров как Ashtons Romance by Becca, CelinoasDesigns, Lemony-freshness by Studio Lilas, а основная синия георгина это blue-dahlia-flower-white-background-natalie-kinnear, найденная на просторах Интернета.
4) И последний этап – работа с текстом.
Все просто! Берем инструмент «Горизонтальный текст» (Horizontal Type Tool,T). В настройках выбираем наши шрифты — Carolina и Ariston для даты, ставим размер — 62 и 23 пункта, насыщенный синий цвет (чтобы цвет был единый на развороте, можно воспользоваться инструментом «Пипетка» (Eyedropper Tool) выбрав его слева на панели инструментов, и нажав на синий цвет на нашем синем фоне.)
Вы можете использовать любой другой понравившейся вам шрифт. Для удобства все надписи делаем на разный слоях, а после объединяем их в группу.
Создать папку группы не сложно: для этого необходимо нажать соответствующий значок «Создать новую группу» (Create a New Group), расположенный в нижней части панели слоёв. Этот значок выглядит, как папка:Либо зайти через меню «Слой» — «Новая группа» (Layer -Group Layers). Включать слои в группу можно, перетаскивая их в списке на заголовок группы, извлекать – соответственно, вынося за ее пределы.
Вот, что у нас должно, получиться:Теперь переходим к надписи вокруг нашей фигуры.
Этот результат сразу можно получить с помощью инструмента «Эллипс» (Ellipse Tool), предварительно нажав в верхнем меню иконку «Контуры» (Paths).Создаем эллипс над нашей фотографией молодоженов. Подронее об этом эффекте вы можете прочитать в этом уроке.
Теперь выбираем инструмент «Текст» (Type Tool), подводим курсор к контуру, начинаем печатать белым цветом «Вместе & Навсегда», выбрав на панели шрифт — Boyarsky.
Почти все, осталось сохранить!
Сохраняем нашу работу в формате Фотошоп, если хотим в дальнейшем ее редактировать или использовать для другого разворота.
Для этого нажимаем сочетание клавиш CTRL + S, указывем имя файла и место хранения и щелкаем кнопку «Сохранить».
Урок подготовлен специально для сайта «Фотокниги для души». Автор — Елена.
Елена постаралась написать для вас урок. Он не сложный, если вы давно работаете в фотошопе, но новичкам может показаться, что в нем недостаточно скринов. Предлагаю вам написать ваши впечатления в комментариях, после того, как вы попробуете сделать похожие обложки (можете загрузить ваши варианты). Возможно Елена прислушается и напишет еще много прекрасных уроков для Вас!
Добрый день. Напишу свой отзыв об уроке. Написано красиво, но для меня слишком много лишнего текста. Мне кажется, что надо более лаконично писать. Показывать один вариант добавления элементом и т.п., например: с помощью горячих клавиш. А также стараться называть все режимы как они называются в фотошопе. В первом пункте я так и не поняла на какой «квадратик» надо нажать чтобы цвет поменять, есть понятие «Заливка», «Ободка». Очень много уделено направляющим, а как «растягивать» фигуру не написано (например, переходим в режим «Свободное трансформирование» с помощью ctrl+t и удерживая клавиши shift+ctrl растягиваем фигуру до необходимого размера). Елена, это мое субъективное мнение. Без обид. У Вас получилась очень красивая обложка. Я сейчас как раз занимаюсь обложкой для своего «Проекта 365» и Вы меня натолкнули на одну мысль. Спасибо! Буду ждать новых уроков.
Спасибо за ваше мнение, Анна. Я бы уже хотела избежать в уроках упоминания о том, как трансформировать фигуру. Это просто невозможно упоминать в каждом уроке, да и знания эти относятся к «начальному уровню». В остальном соглашусь, нет предела совершенству )
Согласна, Ангелина, с трансформированием. Здесь необходимо определить, для какой аудитории написан урок. Его сложность. От этого и будет зависеть содержание. Сейчас для меня это уже не проблема. А 4 года назад подробности пригодились бы.
Довольно таки подробный урок получился. Наверно, совсем для новичков это и не плохо. Хотя в какой то момент я подумала, если бы я плохо знала фотошоп без скриншотов не разобралась бы. А для человека более менее знакомого с программой получилось много букв))). Например, «В панели слоев тоже произошли изменения. От верхнего слоя с изображением появилась стрелочка, указывающая на слой под ним. Это означает, что изображение теперь находится только внутри фигуры нижнего слоя, не выходя за его рамки.» Лично мне проще просто сказать «создать обтравочную маску». Просто на этом сайте довольно много оооочень подробных уроков и поэтому , как мне кажется, можно уже немного меньше уделять внимание таким подробностям. Ну а в целом неплохой урок для того, кто хочет сделать обложку для фотокниги или разворот.
Елена, а мне очень понравилась статья! Я про «квадратик» поняла, и про направляющие с удовольствием почитала. И если захочу сделать подобную обложку, у меня не будет вопросов, — какой шрифт, размер, откуда такие элементы. Все очень подробно и ясно. Статья написана от души! Спасибо!
Добрый день всем. Для любителей фотокниг, которые еще слабо владеют программой фотошоп действительно полезны такие отступления и пояснения (о тех же направляющих). Не зря практически на всех сайтах уроки поделены на легкие (для начинающих), средние и сложные. И каждый выбирает, что понятно будет ему. На этом сайте достаточно уроков, чтобы как минимум знать основные моменты программы, без которых не обойтись в работе над разворотами. И может быть действительно такие подробности можно опускать. Сам урок полезный. Обложка мне понравилась. Идея хорошая. В одном месте ( Blending Options — Bevel & Embross.) нет перевода на русский. Спасибо, Елена, за урок.
Спасибо за урок!! Для меня лишним ничто не бывает.
Добрый вечер! Елена, у вас получилась очень симпатичная обложка. Уроков, посвященных созданию обложек для фотокниг не так уж и много. В вашем уроке рассмотрены приемы работы с разными инструментами программы, при этом все этапы создания достаточно подробно описаны, но не могу не согласиться с тем, что для новичков какие-то моменты могут показаться непонятными, думаю лишний скрин по поводу квадратика выбора цвета на панели инструментов не помешал бы. Спасибо вам за урок и за интересную идею.
Мне урок понравился! Обычно мы лезем в дебри, придумывая и наворачивая много чего… А здесь как в поговорке «Все гениальное просто». Минимум действий, а получилась совершенно классная обложка. И еще хочу сказать по поводу «много букв»… Кому кажется, что их много, могут их пропустить. Этот урок с удовольствием посмотрят те, кто не очень владеет этими приемами. Здесь сидят не только «ассы» фотошопа, и даже часто не ассы, т.к. ассам уроки и не нужны. Ангелина, спасибо за Ваш труд, за помощь нам всем, и новичкам, и умельцам в овладениями навыками изготовления фотокниг.
Спасибо всем комментаторам. Благодаря вам обязательно будут новые уроки!
Мне урок очень понравился, хотя тоже считаю, что много отступлений к азам фотошопа, и от этого сложно следить за мыслью автора по созданию разворота. Действительно, было бы интереснее наблюдать на скриншотах что у нас в каждом шаге получается. Я уже встречала на одном англоязычном форуме рубрику «как сделать страничку в стиле … (и дальше имя фамилия скрап-мастериц)», но языковой барьер помешал разобраться. А тут кажется такая рубрика назревает на этом сайте!
Спасибо за комментарий, обязательно будут различные уроки по созданию разворотов в разных стилях ))). Часть из них будут в открытом доступе.
Спасибо, что заглянули на эту страничку и оставили свои отзывы. Мне было очень интересно читать их. Это мой первый урок и ориентировалась я на начинающих пользователей фотошопа (поэтому столько букв) . Изначально в уроке «лирические отступления» я выделила другим шрифтом, чтобы продвинутые юзеры фотошопа могли легко пропустить уже известный им материал. Возможно, технически это нельзя сделать на сайте. Я приму во внимания все замечания и буду стараться радовать вас интересными уроками.