Как сделать обложку для книги или курсов в Фотошопе
Чтобы книга или курсы принесли успех и деньги, нужно потратить время не только на их создание, но и на продажу. Важную роль в этом играет внешний вид продукта. У яркой и стильной обложки гораздо больше шансов привлечь внимание покупателя. Услугу по ее созданию может оказать дизайнер, но, конечно, он запросит внушительное вознаграждение. Однако, всегда есть возможность сделать обложку в Фотошопе самостоятельно.
Этот урок научит создавать обложку для готовой коробки продукта/книги, которую можно будет разместить на карточке товара в интернет-магазине или в виде рекламного баннера.
Не стоит пугаться отсутствия навыков работы в программе, ведь существуют готовые решения – экшены.
У нас есть отдельный мини-урок на эту тему: “Как добавить и использовать экшн в Photoshop”
С их помощью можно создавать качественные обложки не хуже чем дизайнеры-профи. Масса вариантов экшенов с обложками есть в интернете. У нас уже имеется множество проверенных наборов для работы.
Содержание
- Подбор и загрузка экшена
- Работа над дизайном книги/курсов
- Конвертация обложки/результат
Итак, приступим!
Для начала небольшой, но полезный совет! Для корректной работы экшенов лучше поменять язык в Фотошопе на английский. Для этого в меню “Photoshop – Настройки” выбираем вкладку “Интерфейс” и меняем язык. После чего программу следует перезапустить.
Мы этого делать не станем, чтобы этот урок был вам понятнее, но при этом все названия меню и функций будут продублированы на английском языке.
Подбор и загрузка экшена
Переходим в меню “Окно (Window)” и выбираем “Операции (Actions)”.
Откроется палитра, в которой нужно кликнуть на значок, выделенный на картинке ниже. Из выпавших строк выберем «Загрузить операции (Load Actions)».
В этом окне находим папку подготовленными экшенами, кликаем по нужному и нажимаем “Открыть (Load)”.
Экшен появился в палитре.
Затем нажимаем на значок треугольника возле знака папки с названием. Таким образом мы раскроем операции нашего экшна.
Из открывшихся операций нам нужно выбрать «Step 1». После запускаем экшен в работу кнопкой «Play».
Спустя мгновение появится раскроенная заготовка будущей обложки нашей коробочки, где можно будет добавлять свои собственные картинки, подгонять их по размеру, а также экспериментировать с текстом и фоном.
Работа над дизайном книги/курсов
Пришло время поработать над дизайном нашей обложки. Выберем в качестве темы очень живописную и знаменитую Армянскую гору “Арарат”.
Изображение необходимо поместить поверх всех слоев. Далее используем сочетание клавиш CTRL+T чтобы растянуть картинку.
Руководствуясь направляющими обрезаем лишнее, если это требуется. Мы же в своем примере оставим все, как есть. Единственное, что нам понадобится – создать новый слой поверх фона, залить его нашим фирменным цветом и поставить непрозрачность на 80%, чтобы текст на обложке легко читался.
Кстати, после того, как обработали фон, перемещаем текстовые слои поверх фона.
Оформляем все части обложки и переплет. Если бы у нас не было фона на всех частях обложки, то нам нужно было бы создать новый слой и, залив нужным цветом, поместить под полученную ранее картинку. Но, опять же, в нашем случае этот шаг не понадобится.
Заканчивается подготовительный этап типографикой. С помощью любого понравившегося шрифта нанесите на заготовку имя автора, название книги/курса, краткое описание на тыльной стороне и другую необходимую печатную информацию. В примере использован шрифт – “Fira Sans” и “Arial”.
Конвертация обложки/результат
Возвращаемся в палитру, выбираем «Step 2» и снова нажимаем кнопку «Play».
Ждем завершения процесса.
Прекрасная обложка для курсов получилась, не правда ли? Осталось только выбрать подходящий формат и сохранить (“Файл” -> “Сохранить как”).
Иногда может понадобиться картинка с прозрачным фоном. Для этого с фонового слоя (самого нижнего) требуется снять видимость.
Теперь и вы сможете с помощью нехитрого способа творить обложки для своих книг и курсов, не потратив денег и уйму времени на поиск «профессионалов».
Как сделать обложку для книги в Adobe Photoshop
Опубликовано: Автор: Артём Чёрный
Создать обложку для книги можно в программе Adobe Photoshop и при этом сделать работу очень качественно, хотя программа изначально для этого вовсе не предназначена. Вы можете делать обложку для книги, как с помощью исключительно стандартных инструментов Фотошопа, так и специальных плагинов. Так как, скорее всего, вы открыли этот урок с целью ознакомления, а не создания профессиональной обложки, мы будем использовать отдельный набор. С его помощью можно быстро создать обложку для книги стандартных размеров.
Содержание
- Как создать обложку для книги в Adobe Photoshop
- Этап 1: Запуск экшенов
- Этап 2: Наброски дизайна
- Этап 3: Визуализация
В качестве примера будем использовать набор Cover Action PRO 2.
0. Здесь подогнаны размеры под стандартные параметры книги. Скачать данный набор можно с любого сайта, который находится в первых строках поисковой выдачи по запросу. После потребуется только выполнить простую установку шаблонов в корневую папку Adobe Photoshop:
- Переместите папку с экшенами по адресу расположения корневой папки Фотошопа. То есть вам нужно перетащить содержимое примерно по следующему пути: C\Program Files\Adobe Photoshop CS6\Actions. У вас путь может отличаться в зависимости от того, какой разрядности операционная система, а также от того, меняли ли вы стандартные настройки при установке.
- Скопируйте наборы экшенов в указанную папку. Иногда может потребоваться подтверждение прав администратора.
Внимание! Переносить нужно только файлы с расширением ATN!
Примечательно, что сам дизайн обложки можно создать множеством разных способов. Мы рассмотрим только один вариант созданного дизайна. Чтобы понимать, о чём идёт речь в статье, а также быть в состоянии применить полученную информацию, нужно иметь хотя бы базовые навыки и представления о работе в программе Photoshop.
Читайте также:
Создаём афишу в Adobe Photoshop
Делаем объёмный текст в Adobe Photoshop
Реставрация старых фотографий в Adobe Photoshop
Делаем наложение картинки на текст в Adobe Photoshop
Разобьём статью на отдельные этапы, чтобы вам удобно было воспринимать информацию.
Этап 1: Запуск экшенов
Итак, вы переместили все загруженные файлы Cover Action PRO 2.0 в папку Actions Фотошопа. Файл ATN – это файл сценария создания документа и первичной рабочей области, то есть при его запуске через Photoshop будет создан холст нужного размера. Запуск происходит по следующей инструкции:
- Запустите саму программу. В данном случае новый документ вам создать не нужно. Нажмите на кнопку «Окно» или «Window», если пользуетесь английской версией.
- Из контекстного меню нужно выбрать параметр «Операции» или «Actions». Если у вас возникли сложности на этом этапе (в некоторых редакциях перевод может отличаться), то просто используйте сочетание клавиш Alt+F9.
- В правой части программы вы увидите окошко с действиями. Оно может быть изначально очень маленьким, поэтому растяните его до удобных размеров.
- Нажмите в верхней правой части этого окошка на иконку в виде трёх полосок.
- Появится контекстное меню, из которого требуется выбрать шаблон ранее загруженных в корневую папку действий. В этом примере мы используем шаблон действий «HBOOK009». Вы можете использовать любой другой, но тогда рабочая среда может отличаться.
- В окне с действиями вы увидите добавленную папку с названием шаблона. Раскройте её и выделите пункт «Step 1 :: Create». Чтобы запустить его потребуется нажать на кнопку «Play» в нижней части окошка.
- Вы увидите, что начнут появляться всплывающие окна. Везде нужно нажимать кнопку «Ок». На ваших глазах сгенерируется рабочая область.
Второй шаг из этой папки запускать пока не нужно, так как он отвечает за рендер готового дизайна.
Этап 2: Наброски дизайна
Рабочая область была автоматически сгенерирована.
Однако здесь только серый фон и одна надпись, что не тянет на обложку книги. Скорее всего сюда требуется добавить какой-то текст, картинку или что-то ещё. Давайте добавим минимальный набор элементов для обложки – текст и картинку:
- Рабочая область разделена на три части с помощью линий. Последние две, которые самые большие, отвечают за отображение дизайна на передней и задней части. Небольшое выделение в левой части – за корешок книжки. Для примера разместим на передней части (выделение по центру) заготовку для изображения. В левой панели инструментов возьмите инструмент «Квадрат».
- Фигуру можно брать любого цвета, главное не такого же серого, чтобы она не сливалась с фоном. Расположите её так, чтобы она закрывала то пространство, в которое должна быть помещена картинка.
- Загрузите картинку в интерфейс программы. Это можно сделать, просто перетащив её из «Проводника» Windows в рабочую область. По умолчанию изображение сразу переходит в режим трансформирования. Настройте его размер под свои нужды, чтобы оно поместилось в ранее нарисованной фигуре.
- В панели слоёв слой с картинкой нужно поместить над слоем с прямоугольником. Обычно он встаёт там уже по умолчанию.
- Воспользуйтесь сочетанием клавиш Ctrl+Alt+G. С её помощью вы поместите изображение в ранее созданную фигуру. Данное изображение не обрезается, а скрывается, поэтому вы можете без проблем перемещать его внутри фигуры.
- Оставшуюся часть шаблона заполните каким-нибудь цветом, если требуется. Например, это можно реализовать с помощью тех же геометрических фигур, залитых нужным цветом.
- Теперь добавьте текст. В первую очередь заголовок на переднюю часть книги. Выберите в левой панели инструмент «Текст».
- Настройка инструмента производится с помощью верхней панели. Здесь можно: выбрать шрифт, начертание, размер, цвет текста и некоторые другие параметры. Настройте их под своё усмотрение.
- Нажмите по месту на обложке, где примерно планируете расположить заголовок и начните печатать.
- При необходимости расположение готового текста можно корректировать.
- Аналогичным образом добавьте ещё текстовых слоёв, на которых будет размещена информация о книге, авторе, издательстве. Мы также для примера скопируем заголовок книги и поместим его на корешок, развернув при этом на 90 градусов.
В итоге получился простой дизайн для книжки. Если его сохранить так, то можно будет сразу же отправить на печать. Сохранять рекомендуется в виде PDF, JPG, TFF, PSD файлов. Причём для печати лучше сделать копии во всех указанных форматах.
Этап 3: Визуализация
Однако вряд ли вы будете печатать дизайн книги. Скорее всего вы делаете это для портфолио, а если действительно для печати, то лучше перед началом процесса выполнить визуализацию. В представленном шаблоне есть возможность преобразовать дизайн в 3D-обложку, чтобы посмотреть, как он будет выглядеть в готовом варианте.
- Откройте вкладку «Операции». Она должна расположиться в правой части окна в виде иконки треугольника. Если там нет её, то используйте комбинацию клавиш Alt+F9 или вкладку «Окно».
- Здесь раскройте папку «HBOOK009». Она может называться по-другому, если вы выбирали другой рабочий шаблон.
- Среди представленных вариантов нужно выбрать «Step 2 :: Render». В нижней части нажать на кнопку «Play».
- Дальше начнут появляться контекстные окна и различные выделения. Нажимайте Enter до тех пор, пока они не перестанут появляться.
- Можете сохранить получившийся результат.
С помощью заранее заготовленного сценария вы смогли создать пускай и простую, но свою обложку для книги в Photoshop. Также вам никто не мешает ещё лучше проработать дизайн, добавив туда каких-нибудь элементов, поиграв со шрифтами, эффектами и т.д.
Как сделать индивидуальную обложку для Facebook
НАЧИНАЮЩИЙ · 2 МИН
Превратите свои фотографии и изображения в пользовательские обложки для своей страницы в Facebook.
Что вам понадобится
Получить фото
Образец файла для практики (1,2 МБ)
Чему вы научитесь Как установить собственный размер изображения, применить эффекты или изменения и сохранить изображение для использования на Facebook.
Откройте Photoshop. Выберите «Файл» > «Создать». Назовите файл «обложка-фото». Установите ширину на 851 пиксель, высоту на 315 пикселей и разрешение на 72 пикселя на дюйм.
Это минимальные размеры обложки на Facebook. Это позволяет вам создать обложку в Photoshop, не предполагая, как она будет выглядеть на Facebook.
Нажмите OK. Откроется новый пустой документ.
Открыть фотоВыберите «Файл» > «Открыть» и найдите на своем компьютере фотографию или изображение, которое хотите использовать в качестве обложки. Если вы следуете образцу ресурса, найдите «make-creative-facebook-cover-photo.jpg». Щелкните Открыть.
Дублируйте свою фотографию Открыв фотографию из шага 2, найдите панель «Слои» в правом нижнем углу рабочей области Photoshop. Если вы не видите панель «Слои», выберите «Окно» > «Слои».
Щелкните правой кнопкой мыши (ПК) или щелкните, удерживая клавишу Control (Mac), фоновый слой и выберите Дублировать слой…
Дублируйте фотографию (продолжение)В диалоговом окне «Дублировать слой» выберите «обложку», созданную на шаге 1, для параметра «Назначение» > «Документ». Нажмите «ОК».
Делая это, вы помещаете свою личную фотографию или изображение (или наш образец фотографии) в документ нестандартного размера из шага 1.
Изменение размера фотографииВ вашей рабочей области открыты две фотографии. Перейдите на вкладку «Фото обложки», чтобы продолжить редактирование документа с шага 1.
Выберите «Правка» > «Свободное преобразование» или нажмите Ctrl/Command + «T» на клавиатуре. По краям фотографии появится ограничительная рамка, как показано на рисунке. Если ограничивающую рамку не видно, уменьшите масштаб (нажмите Command/Control + «-» на клавиатуре).
Масштабирование изображения: щелкните и перетащите один из углов ограничивающей рамки.
Ограничьте пропорции, нажав Shift во время масштабирования изображения. Переместите изображение: нажмите и перетащите изображение в ограничительной рамке. Когда закончите, нажмите Enter.
Вы изменили размер изображения. Теперь рисуйте фигуры, добавляйте текст и экспериментируйте с другими творческими эффектами, чтобы персонализировать свое изображение. Воспользуйтесь ссылками внизу этой страницы, чтобы ознакомиться с советами и методами творческого редактирования в Photoshop или Lightroom.
Для этого примера я добавил текст и фигуры и использовал режимы наложения для эффекта затухания.
Подсказка: при разработке дизайна помните, что изображение вашего профиля будет закрывать левый нижний угол фотографии на обложке!
Сохраните изображениеПо завершении выберите «Файл» > «Сохранить как…».
В меню «Формат» выберите тип файла для изображения. Для фотографии выберите формат файла JPEG; если вы добавили текст, логотип или другие фигуры, мы рекомендуем формат файла PNG.
В зависимости от выбранного формата файла может появиться второе диалоговое окно. Если это так, укажите дополнительные параметры и нажмите «ОК».
Теперь вы готовы загрузить свое изображение на Facebook!
Установив собственный размер изображения, вы можете попробовать множество различных методов редактирования изображений и управлять тем, как ваше изображение будет отображаться на стене Facebook. Используйте приведенные ниже ссылки, чтобы поэкспериментировать с различными идеями и методами применения творческих эффектов и правок!
Как создать обложку подкаста с помощью Photoshop
Кажется, в наши дни все заводят подкасты. А для того, чтобы выделиться из толпы, обложка вашего подкаста так же важна, как и сам подкаст.
К счастью, создать собственную обложку для подкаста несложно. В этой статье вы узнаете, как разработать и создать обложку подкаста с нуля с помощью Photoshop.
Шаг 1. Определите тему своего подкаста
DLR/Flickr Прежде чем придумать дизайн обложки, спросите себя: «О чем мое шоу?» Тема вашего шоу будет определять дизайн.
Ссылка вашего изображения на ваш контент также даст вашим слушателям представление о том, на чем сфокусирован подкаст. Предположим, что для этого урока подкаст посвящен планете Марс.
Шаг 2. Создайте холст
Чтобы начать работу в Photoshop CC, откройте программу и нажмите Create New . Вам нужны пользовательские спецификации, и лучше всего установить холст на 1000×1000 пикселей, 300 пикселей на дюйм.
Примечание: Если вы специально создаете значок для своего канала iTunes, вы должны установить размеры не менее 1400×1400 пикселей.
Эти характеристики больше, чем вам нужно. Для веб-изображений установлено разрешение 72 пикселя на дюйм, а для большинства обложек подкастов требуется только 500×500 пикселей. Однако, если вы хотите использовать свою обложку в сообщении в блоге, лучше всего работать по-крупному и уменьшить ее. Таким образом, ваша обложка не будет выглядеть размытой, если вам нужен больший размер.
Примечание: Если вы новичок в Photoshop CC, но знакомы с более ранними версиями программы, вы могли заметить, что начальный экран изменился.
Дополнительную информацию см. в нашей статье о новых функциях, добавленных в Photoshop CC.
Шаг 3. Примените цвет к фону
Затем добавьте цвет к фону. В этом уроке мы будем использовать оранжевый фон. Мы также собираемся использовать своего рода градиент, чтобы добавить визуального интереса.
Всегда рекомендуется работать со «слоями» при использовании Photoshop, потому что слои дают вам большую гибкость; вы можете легко удалить один, если вы испортите.
Чтобы создать новый слой, перейдите на панель Layers в правом нижнем углу рабочей области. Нажмите на значок New Layer , выделенный красным.
Дважды щелкните имя слоя, чтобы изменить его на что-то осмысленное. В этом уроке я назову его «Градиент».
После того, как вы настроили свой слой, перейдите на панель инструментов слева. Найдите значок Paint Bucket . Нажмите на маленькую белую стрелку в углу значка, чтобы получить доступ к Gradient Tool и убедитесь, что этот инструмент активен.
Затем перейдите к своим образцам цветов, чтобы выбрать цвета для вашего градиента. Сначала нажмите на черный образец и выберите новый цвет из палитры цветов . После этого нажмите OK .
Затем нажмите на белый образец и повторите процесс. После этого у вас будет два новых цвета.
Как только вы выберете цвета, вернитесь к своему полному изображению. Убедитесь, что ваш Gradient Tool активен. Щелкните и перетащите путь градиента по странице, например:
.Вы увидите всплывающую строку. Как только путь станет достаточно длинным, отпустите кнопку мыши.
Теперь Photoshop создал градиент в указанном вами направлении, используя выбранные вами цвета. Это так просто.
Шаг 4. Добавьте элемент переднего плана
После того, как вы закончите с фоном, пришло время добавить передний план. Ваш передний план будет вашей точкой интереса — вещью, которая привлекает людей и напоминает им, о чем ваш подкаст.
Поскольку это изображение будет уменьшено, и детали могут быть потеряны, лучше использовать простую форму.
Прежде чем создавать эту фигуру, перейдите на панель
Так как мы хотим, чтобы это покрытие ссылалось на Марс, мы собираемся навести указатель мыши на левую панель инструментов и щелкнуть Marquee Tool > Elliptical Marquee Tool , чтобы создать круг. Вы можете получить доступ к инструменту Elliptical Marquee Tool , щелкнув белую стрелку в углу Бегущая строка значок:
Перетащите инструмент Elliptical Marquee Tool по странице, чтобы создать круговое выделение. Как только вы увидите пунктирную линию, нажмите на образец верхнего цвета, чтобы выбрать цвет переднего плана для вашего круга. После выбора цвета нажмите OK .
Перейдите к Gradient Tool
на левой панели инструментов. Щелкните белую стрелку в углу значка, чтобы вернуться к инструменту Paint Bucket Tool :.Убедитесь, что область выделения все еще выделена, затем щелкните внутри круга, чтобы залить ее новым цветом. После заполнения нажмите Cmd + D/Ctrl + D , чтобы отменить выбор.
Шаг 5. Добавьте текст, если необходимо
После того, как вы закончите с передним планом, пришло время добавить текст. Не все подкасты используют текст в своих обложках, но если вы решите пойти по этому пути, вам нужно подумать о том, как ваш текст будет выглядеть, когда он уменьшится.
Лучше использовать шрифт, который лучше смотрится издалека, чтобы не потерять детали. Вам также нужно подумать о том, что вы хотите сказать. Вы используете букву для обозначения подкаста или полного названия?
Чтобы добавить текст, создайте еще один слой. Затем перейдите к инструменту Horizontal Type Tool , расположенному на левой панели инструментов.
Дважды щелкните этот заполнитель, чтобы активировать текстовое поле. Сотрите заполнитель и начните печатать.
В этом подкасте мы выберем «Марс». Но, как видите, шрифт не работает:
.Чтобы изменить это, выделите слово, затем перейдите в раскрывающееся меню шрифтов в верхнем левом углу рабочей области. Выберите стиль шрифта, который вам подходит:
Рядом с ним выпадающее меню для размера шрифта:
Используйте это, чтобы настроить текст и увеличить его. Чтобы использовать пользовательский размер шрифта, введите его в поле размера и нажмите return/enter на клавиатуре.
Шаг 6. Проверьте свои характеристики
Прежде чем экспортировать это изображение в Интернет, вам необходимо сохранить «мастер-копию». Эта мастер-копия представляет собой файл вашей обложки в высоком разрешении в формате .psd, с которым вы можете работать, если вам нужно снова настроить изображение.
Чтобы сохранить мастер-копию, выберите Файл > Сохранить как . Сохраните документ как файл .psd со значимым именем.
После сохранения мастер-файла проверьте спецификации и при необходимости откорректируйте их. Перейдите к Изображение > Размер изображения , чтобы убедиться, что ваше изображение имеет размер 1000×1000 пикселей, 300 пикселей на дюйм.
Обычно вам не нужно уменьшать размер этого изображения до 500×500 пикселей, если только платформа специально не попросит вас об этом. Если вам нужно уменьшить характеристики изображения, то этот экран вы можете использовать для его изменения.
Чтобы изменить спецификации, введите новые размеры рядом с Ширина и Высота . Затем нажмите OK .
Теперь, когда ваш дизайн готов, вы готовы экспортировать его в Интернет.
Шаг 7. Экспорт для Интернета
Чтобы экспортировать изображение, выберите Файл > Экспорт > Сохранить для Интернета (предыдущая версия) .
Есть несколько способов сохранения для Интернета, но мы считаем этот способ самым простым и полным.
После того, как вы нажмете Сохранить для Интернета (устаревшая версия) , появится новый экран. Этот экран даст вам возможность сохранить изображение в нескольких различных форматах файлов, а также возможность включить прозрачность, цветовой профиль и метаданные. Вы также можете просмотреть свое изображение, чтобы увидеть, как оно выглядит в различных типах браузеров.
Убедитесь, что файл сохранен в формате PNG или JPEG. Цветовые профили и метаданные являются необязательными.
Как только вы сделаете правильные настройки, нажмите Сохранить . Появится экран сохранения, и вам будет предложено сохранить файл, оптимизированный для Интернета, в легкодоступном месте.
После сохранения файла окно Сохранить для Интернета (устаревшее) закроется. Ваш файл Photoshop останется на странице.