Как сделать книгу фотошопе
Как сделать фотокнигу в фотошопе. Дизайн разворотов и подготовка к печати
Всем привет, дорогие друзья!
В предыдущих частях материала мы уже научились создавать шаблоны для фотокниги, разобрали построение структуры слоев и даже оформили обложку.
Продолжим тему «Как сделать фотокнигу в фотошопе» и теперь настала очередь разворотов.
Этот этап подготовки самый объемный, но и как мне кажется самый интересный, так как в нем есть размах для творчества и полета идей, при создании дизайна страниц от вас потребуются все ваши знания и умения работать с различными инструментами, командами и функциями замечательной программы Фотошоп.
Так что дерзайте, я думаю, вам понравится, и вы найдете хоть что-то для себя интересное и полезное!
В принципе увидев схему макета разворота, все становится предельно ясным. Методика размещения фотографий та же, что и для обложки. Что от нас требуется, это проанализировать подборку снимков и придумать дизайн.
Если снова отталкиваться от моего варианта, то на первых страницах я решил сделать классическую схему – слева портрет виновницы торжества, справа фотографии ее воспитателей и педагогов.
Первым шагом становимся на слой «Разворот» – щелкаем по нему ЛКМ.
В файловом проводнике выбираем фоновую картинку и способом Drag-and-drop (в переводе с английского означает буквально «тащи-и-бросай») помещаем ее на этот слой. Если объяснять подробнее, то на фоне программы открываем файловый проводник, наводим курсор мышки на файл с необходимым изображением, нажимаем ЛКМ («захватываем» картинку) и, удерживая ее, перетаскиваем на отображаемый в окне просмотра шаблон. Отпускаем ЛКМ – «бросаем» картинку в Фотошоп.
В таком случае фотография помещается непосредственно на слой как смарт-объект. Чем это интересно, так это то, что в процессе мы имеем возможность спокойно в рамках данного слоя произвести любую коррекцию изображения, применить к нему какие-либо фильтры и, причем при необходимости на любом этапе работы всегда вернуться и что-то поправить или скорректировать.
При необходимости, используя режим свободного трансформирования, растягиваем изображение до полного заполнения поля разворота.
(На демонстрационной первой картинке, в начале материала, я поменял обычную маску-окно на маску, полученную путем выделения модели).
Для оформления правой части разворота мною заранее была подготовлена универсальная рамка, имеющая многослойную структуру.
Для того чтобы ее перенести на рабочую область разворота необходимо выделить все слои группы.
После этого можно перетащить содержимое на разворот, но при этом у вас должен быть включен режим просмотра двух рабочих окон одновременно, а можно щелкнуть правой кнопкой мыши (ПКМ) по выделенным слоям, и в списке доступных операций выбрать «Дубликат слоев».
Откроется диалоговое окно, в котором указывается команда Создать дубликат группы «Виньетка педагога», в строке «Как:» можно указать имя, а в поле «Назначение» указывается имя документа назначения. Нажимаем «Ок».
Шаблон виньетки переносится в структуру нашего разворота.
Для дальнейших манипуляций: увеличение масштаба отображения, вращения, перемещения в необходимое место, необходимо связать между собой слои в группе. Для этого при выделенных слоях группы, щелкаем по ним ПКМ и в списке выбираем команду «Связать слои».
К слоям, на их поля, справа добавляется значок звена цепочки, обозначающий их связку.
Для позиционирования портрета, таким же способом связываем два слоя с маской и слой с изображением портрета или просто выделяем два слоя и перемещаем картинку в необходимое место.
Продублируем группу с виньеткой педагога необходимое количество раз, нажав комбинация «Ctrl+J» для каждой копии.
Размещаем рамки на правой части разворота, как вам больше понравится.
Заполняется рамка аналогично шаблону разворота. Особенностью является слой «Цвет рамки». Если навести на миниатюру слоя курсор мышки и, зажав клавишу «Ctrl» щелкнуть по ней ЛКМ, получим выделение. Далее через меню «Редактирование» выбираем команду «Выполнить заливку». Выбираем цвет заливки через окно «Заливка» и получаем цветную рамку. «Ctrl+D» – снимаем выделение.
Для того чтобы поместить фотографию в рамку придется сначала отменить связь слоев. Для этого открываем необходимую группу, щелкаем ПКМ по любому ее слою и в появившемся списке выбираем команду «Отменить связь слоев».
Далее все, как и ранее, способом Drag-and-drop или как вам удобно помещаем фотографию любимого воспитателя на слой «Фотография». Редактируем Фамилию, Имя и Отчество и получаем первый разворот.
Что еще могу подсказать, то это как сделать простую рамку для фотографии, помещая ее на разворот.
При создании маски-окна для размещения фотографии, щелкните два раза ЛКМ по слою.
Появится окно «Стиль слоя», в котором щелкаем ЛКМ по полю строки «Выполнить обводку» в параметрах наложения. Далее перемещаемся в центр окна к настройкам самой обводки.
В верхней части «Структура» выбираем размер в пикселях, то есть ширину, регулируем непрозрачность – это понятно, а вот «Положение» дает разные эффекты создания рамки.
В режиме «Снаружи» – рамка создается вне выбранной области, «Из центра» – на ее границе, и при этом углы рамки получаются закругленными. Режим «Внутри» – рамка уходит внутрь с прямыми углами.
С режимами наложения поэкспериментируете сами. Тип обводки, точнее ее заполнение, выбирается также из представляемых вариантов: Цвет, Градиент и Узор.
Рядом расположено окошко «Цвет», щелкнув по которому ЛКМ, в появившейся палитре цветов выбираем необходимый оттенок. А если курсор вывести за пределы этого окна, то он принимает вид пипетки и отбор цвета можно сделать с любого изображения открытого для просмотра в программе.
К слою в структуре дополнятся надпись примененного стиля, который нажатием на значок глазика, слева, можно временно отключить.
Стрелка f x сворачивает эти строки для компактного отображения палитры слоев.
В итоге можем таким образом создать разноцветные рамочки.
Дизайн следующих разворотов уже зависит от вашей фантазии. Приведу некоторые примеры своих вариантов.
После завершения оформления обложки или каждого разворота, их необходимо сохранить. Для конечного сохранения идем в меню «Файл», выбираем команду «Сохранить как …» или одновременно зажимаем клавиши «Ctrl+Shift+S».
Мы уже с вами говорили, что разные фотолаборатории требуют сохранения своих макетов в определенных типах файлов. Но я думаю, вы никогда не ошибетесь, если вы сохраните свои изображения в файл с расширением TIFF, так как это основополагающее расширение полиграфии, к тому же этот тип файлов способен сохранять послойную структуру и с отличным качеством. При выборе данного типа у вас появляется окно для выбора параметров сохранения. Можете, конечно, провести эксперимент с параметром сжатия, но я рекомендую оставить отметку на «Снять выделение», ниже установкой галочки указываете необходимость сохранения послойной структуры, порядок пикселей оставьте как есть, формат IBM PS или Macintosh обусловлен наличием перечисленных видов компьютеров в фотолаборатории. Нажимаете «Ок».
Сохранение в формате Jpeg, намного уменьшит объем вашего файла, но при сжатии, незначительно, но вы теряете качество изображения. Причем при каждом пере сохранении файла это качество снижается все больше и больше. Поэтому при выборе расширения Jpeg, в настройках указывайте «Наилучшее» качество.
Если же потребуется свести все слои, то для этого щелкаем ПКМ по любому растровому слою на панели и выбираем команду «Выполнить сведение».
После чего получаем один слой, который переименовывается в «Фон».
После того как вы определитесь с типом файлов при сохранении изображений, в появившемся окне файлового проводника указываете место куда сохранить, имя сохраняемого файла и его расширение, а также проверьте установку галочки в окошке ICC-профиль: sRGB.
Вот в принципе и все чем я хотел поделиться с вами, что планировал рассказать о том, как сделать фотокнигу в фотошопе своими руками от начала, то есть идеи и до буквальной подготовки к печати, в замечательной программе позволяющей вытворять все, что душе угодно и с графикой и с фотоматериалами.
Приятных вам творческих успехов и великолепных неповторимых дизайнерских решений!
Рисуем книгу в фотошопе
Рисуем книгу в фотошопе
Сегодня в уроке «Рисуем книгу в фотошопе» мы будем рисовать с нуля два листа книги.
Сначала мы создадим новый документ и добавим направляющую, чтобы разделить холст пополам. Затем при помощи инструмента Прямоугольник нарисуем прямоугольник, изменим его форму с помощью Деформации и Наклона и применим к слою с прямоугольником стили слоя. Далее с помощью инструментов Кисть и Градиент нарисуем затемнение на краях листа. После этого мы добавим слои с листом в группу, создадим дубликат группы, отразим ее по горизонтали и при помощи инструмента Кисть добавим на страницы текст. В завершение добавим тень от книги.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
Условно разделим холст пополам. Переходим в меню Просмотр-Новая направляющая и вводим настройки, как на рисунке ниже. Видимость направляющих должна быть включена. Чтобы убедиться в этом, переходим в меню Просмотр-Показать и смотрим, стоит ли галочка у «Направляющие».
Активируем инструмент Прямоугольник. В верхней панели настроек инструмента Прямоугольник убираем обводку, устанавливаем цвет заливки черный (#000000) и вводим настройки, как на рисунке ниже. Рисуем прямоугольник. При необходимости корректируем расположение прямоугольника с помощью инструмента Перемещение. Левая сторона прямоугольника должна соприкасаться с направляющей.
Переименовываем слой с прямоугольником в «Лист». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
В панели слоев щелкаем ПКМ по слою «Лист» и выбираем «Растрировать слой».
Переходим в меню Редактирование-Свободное трансформирование или нажимаем сочетание клавиш Ctrl+T. В верхней панели настроек инструмента Свободное трансформирование кликаем по иконке деформации, отмеченной стрелочкой. В появившемся меню вводим настройки, как на рисунке ниже.
Переходим в меню Редактирование-Трансформирование-Наклон. Тянем за левые узелки, как показано ниже.
В панели слоев дважды щелкаем по слою «Лист», чтобы открыть стили слоя.
Во вкладке Внутренняя тень используем черный оттенок (#000000) и вводим настройки, как на рисунке ниже.
Во вкладке Внутреннее свечение меняем оттенок на #f0db40 и вводим следующие настройки.
Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые оттенки. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.
Первая Контрольная точка (позиция 0%) – оттенок #e7d198;
Вторая Контрольная точка (позиция 22%) – оттенок #f1d197;
Третья Контрольная точка (позиция 70%) – оттенок #e1c885;
Четвертая Контрольная точка (позиция 100%) – оттенок #e0ba63.
Для верхних Контрольных точек устанавливаем 100% прозрачность.
Полные настройки для вкладки Наложение градиента на последнем скриншоте.
Результат после применения стилей слоя.
При помощи инструмента Перемещение перетаскиваем слой «Лист» в левую часть холста. Чтобы перемещение происходило строго по горизонтали, зажимайте при перетаскивании клавишу Shift.
Выше слоя «Лист» в панели слоев создаем новый пустой слой и называем его «Тень».
В панели слоев щелкаем с зажатой клавишей Ctrl по слою «Лист», чтобы загрузить выделение слоя. Активируем инструмент Прямоугольная область. В верхней панели настроек инструмента Прямоугольная область нажимаем на значок вычитания из выделенной области или зажимаем клавишу Alt и создаем выделение, как показано ниже. После этого должна остаться тонкая полоска выделения.
Активируем инструмент Кисть. Щелкаем по холсту ПКМ, чтобы вызвать меню выбора кистей, кликаем по «шестеренке» справа и выбираем «Восстановить кисти». Выбираем кисть, как на рисунке ниже. В панели цвета сбрасываем цвета к установленным по умолчанию – черному и белому. Для этого нажимаем клавишу D. Рисуем кистью на слое «Тень» в рамках созданного ранее выделения. Снимаем выделение (Ctrl+D).
В панели слоев понижаем видимость слоя «Тень».
Выше всех слоев в панели слоев создаем новый пустой слой и называем его «Тень 2».
Снова загружаем выделение слоя «Лист» (Ctrl+клик по иконке слоя в панели слоев). Переходим к инструменту Прямоугольная область и, зажав клавишу Alt или нажав в верхней панели настроек инструмента на иконку вычитания из выделения, создаем выделение, как показано ниже. Должно получиться выделение, как на изображении.
Активируем инструмент Градиент. В верхней панели настроек инструмента Градиент кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Если в активном в данный момент градиенте есть более двух точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Для нижних Контрольных точек устанавливаем оттенок # 585858. Для левой верхней Контрольной точки (позиция 0) устанавливаем 100% непрозрачности, для правой верхней Контрольной точки (позиция 100) – непрозрачность 0%. В верхней панели настроек инструмента Градиент выбираем линейный тип градиента. Зажимаем клавишу Shift и проводим градиент на слое «Тень 2», как на рисунке ниже. Выделение в этот момент должно быть активно. После того, как провели градиент, снимаем выделение (Ctrl+D).
В панели слоев при помощи клавиши Shift выделяем все слои, относящиеся к листу и нажимаем сочетание клавиш Ctrl+G, чтобы добавить слои в группу. Переименовываем группу в «Лист 1».
Создаем дубликат группы «Лист 1» (Ctrl+J). Переименовываем дубликат группы «Лист 1» в «Лист 2».
Переходим в меню Редактирование-Трансформирование-Отразить по горизонтали, чтобы трансформировать группу «Лист 2».
Зажимаем клавиши Shift и Ctrl и с помощью инструмента Перемещение перетаскиваем группу «Лист 2» вправо.
Добавим на листы надписи. Переходим к инструменту Кисть и загружаем набор кистей с надписями из папки с исходниками. Для этого при активном инструменте Кисть кликаем ПКМ по холсту, чтобы вызвать меню выбора кистей. В меню выбора кистей кликните по «шестеренке» справа и выберите «Загрузить кисти». Набор с загруженными кистями появится в конце списка загруженных кистей. Выбираем понравившуюся кисть и подгоняем ее размер под размер листа. Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок – клавиши «Х» и «Ъ» в русской раскладке или используйте соответствующий ползунок в меню выбора кистей. В панели цвета в качестве цвета основного плана устанавливаем черный (клавиша D) и на новом пустом слое делаем отпечаток кистью. Вы можете написать свой текст при помощи инструмента Текст.
Снова выделяем в панели слоев все группы и слои, кроме фонового и добавляем их в группу (Ctrl+G). Переименовываем образовавшуюся группу в «Книга».
В панели слоев создаем дубликат группы «Книга» (Ctrl+J). Кликаем в панели слоев ПКМ по дубликату группы и выбираем «Объединить группу». Переименовываем образовавшийся слой в «Тень от книги». Перетаскиваем слой «Тень от книги» ниже группы «Книга» в панели слоев.
В панели слоев кликаем с зажатой клавишей Ctrl по слою «Тень от книги», чтобы загрузить выделение слоя. Заливаем слой «Тень от книги» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок. Снимаем выделение (Ctrl+D). Если в панели слоев временно отключить видимость группы с книгой, нажав на «глазик» около слоя, то можно увидеть слой «Тень от книги».
Переходим в меню Фильтр-Размытие-Размытие по Гауссу и вводим настройки, как на рисунке ниже.
В панели слоев возвращаем видимость группе «Книга», нажав на «глазик» около слоя. При помощи инструмента Перемещение перетаскиваем слой «Тень от книги» на несколько пикселей влево и вниз.
В панели слоев понижаем прозрачность слоя «Тень от книги».
Урок «Рисуем книгу в фотошопе» завершен. Книга готова!