среда, 6 февраля 2013 г.

Мастер-класс № 1. Заполнение шаблона


Здравствуйте, дорогие участники!

Я открываю серию мастер-классов по созданию семейной фотокниги.  И первый из них – общие вопросы работы с шаблонами.
Я хочу детально разобрать наши шаблоны, возможно, уже на этом этапе у новичков часть вопросов отпадет и можно будет не выискивать уроки, а заниматься творчеством – подбором и компоновкой фотографий, написание текстов и украшением разворота.
Я буду рассказывать очень подробно для людей, совсем никогда не работавших с шаблонами… Если вам все это знакомо и вы знаете более легкие способы или приемы  – вы можете написать их в комментариях, мы с удовольствием ознакомимся и примем к сведению…
Итак, шаблон подготовлен в программе Photoshop, я пользуюсь версией 12.0, сохранен в формате .tif . Уже на этапе скачивания шаблонов возникло много вопросов – где привычный файл в формате .psd, как же без него? Я давно перешла на данный формат по нескольким причинам. Во-первых, он занимает как минимум на треть меньше места, а так как жесткие диски у нас не резиновые, скапливается очень много дизайнерских элементов-фонов и исходников, то этот фактор почти основной… Во-вторых,  его можно просматривать в папке как простое изображение, то есть не надо, чтобы увидеть содержимое файла, создавать сопутствующий файл .jpg для просмотра или каждый раз открывать файл в фотошопе. Это основные моменты. В остальном этот формат ничем не отличается, слои точно так же сохраняются каждый отдельно и работаем мы с ними точно так же.
Открываем файл с шаблоном в фотошопе. Получаем вот такую многослойную серо-черную картинку. Каждый элемент в этом исходнике означает место нахождения вашей фотографии, фона, текста или какого-то элемента, а также очередность следования их в слоях. Справа на панели расположения слоев (так называемая Палитра слоев) мы видим их все в порядке наложения друг на друга… Слои перечислены сверху вниз, то есть чем ниже слой в палитре, тем ниже он находится в нашем шаблоне…


Жмите Дальше


В моих шаблонах все слои названы для вашего удобства по содержанию слоя – Фон, Маска, Фото, Тень фото, Элемент, Текст
Разберем каждый отдельно.
Фон. Самый нижний слой серого цвета. Ставите вместо него подхоящий вам фон, растягиваете на весь разворот.  Фоном может служить подходящая по смыслу разворота пейзажная фотография (например, море или лес)
Маска. Фигурная клякса черного цвета. Вместо маски можно подставить или еще один фон, контрастный или чуть-чуть отличающийся от вашего основного фона, дополняющий общую картину… Или фотографию, на которой может быть изображен человек… или пейзажная фотография по теме разворота. Фотография в маску вставляется с помощью инструмента Обтравочная маска. Для этого нужно фотографию поставить на одну позицию ВЫШЕ слоя с маской, правой кнопкой мыши нажать на СЛОЙ С ФОТОГРАФИЕЙ и выбрать пункт Создать обтравочную маску. И фотография как бы принимает контуры того слоя, к которой вы применяете обтравочную маску.







Результат


Фото. Основной акцент в моих шаблонах сделан на фотографиях. Они бывают разного размера, расположения, но их в семейных фотокнигах на развороте всегда много. Перед началом работы тщательно отберите фотографии, расставьте акценты (какие будут большие, какие поменьше). Готовые шаблоны еще хороши тем (особенно для новичков), что весь разворот сразу виден, не нужно раздумывать над тем, какую композицию придумать… какого размера будут фотографии… на чем сделать ударение… Поэтому больше времени остается на творчество… Но на фотографии обратите особое внимание – ведь из-за них мы и делаем книгу. Выберите любимую фотографию, поставьте ее на самый крупный шаблон… остальные расположите в порядке значимости.  На шаблоне, как вы понимаете, фотографии – это серые прямоугольники с белой окантовкой, озаглавлены как Фото 01,02…. Чем выше фотография в палитре слоев, тем ближе к вам она находится, все фотографии, которые находятся ниже в палитре слоев, перекрываются теми, которые находятся выше, это учитывайте, чтобы при компоновке не были закрыты значимые участки фотографии – лица, руки, элементы пейзажа. Вставляется фотография, как и маска, с помощью обтравочной маски. Для этого найдите слой с нужным прямоугольником, поставьте фотографию ВЫШЕ него и примените обтравочную маску. Фотография примет контуры прямоугольника. Если не угадали с размерами – измените  размер фотографии с помощью инструмента Трансформирование – Масштабирование. Напоминаю, чтобы фотография не теряла своих пропорций, при изменении размера фотографий держите нажатой клавишу shift, тогда лица не будут вытянутыми или сплюснутыми.



Еще один момент – белая рамочка вокруг фотографии. Ее часто используют в шаблонах, она придает законченность фотографии и натуральность всему развороту, потому что кажется, что приклеены настоящие бумажные фотографии. Но часто в шаблонах она идет отдельным слоем в виде белой рамки, которая при трансформации или изменении ориетации ведет себя не всегда адекватно – изменяет пропорциональность и т.д. Чтобы этого избежать, я применила к нашей фотографии Стиль слоя Обводка белого цвета с положением внутри. Что это нам дает? А то, что при всех изменениях наша белая рамочка остается одного и того же размера, к тому же мы можем эти параметры поменять – например, сделать ее другого подходящего цвета, изменить толщину (если надо тоньше или толще) или изменить прозрачность (сделать ее полупрозрачной например).  Чтобы это сделать, вам надо дважды нажать на клавишу мыши на слое с серым прямоугольником под названием Фото 01 (например), вызвав при этом меню Стиль слоя, выбрать слева в меню пункт Обводка и изменить параметры обводки по своему вкусу.



Для того, чтобы  изменить параметры всех остальных фотографий, нам нужно на измененном слое (Фото 01) нажать на правую кнопку мыши и выбрать пункт Скопировать стиль слоя, затем выделить слои с остальными прямоугольниками фотографий, нажимая на каждую поочередно левой клавишей мыши с прижатой клавишей Ctrl  (Фото 02, Фото 03, Фото 04) БЕЗ СЛОЕВ С ТЕНЯМИ!!!!  и, нажав левую кнопку мыши на выделенных слоях, выбрать пункт Вклеить стиль слоя



Результат с измененной обводкой фотографий


Тень Фото 01. Тень любого элемента придает реалистичность всей картине. Любой разворот без тени смотрится плоско и однобоко, как незаконченный вариант работы. Я сделала тень к фотографии отдельным слоем, ее можно изменять методом деформации, если вас не устраивают ее контуры и расположение.



С помощью этого инструмента можно не только изменять размеры элемента (в нашем случае тени), но и вытягивать углы, уменьшать стороны и… попробуйте сами, короче))))
Еще один момент для сохранения ваших нервов и времени – если вы решиле изменить размеры фотографии, то вам придется изменять ее вместе с тенью. Для этого выделить два слоя (Фото и Тень Фото, разумеется, с одинаковыми номерами) и только тогда трансформируйте или переносите, или разворачивайте, или вращайте… Иначе тень уже не подойдет к новому контуру.
Элемент. Я вставила несколько элементов для примера. Разумеется, вы будете вставлять свои элементы, подходящие по стилю вашего разворота. Опять же, не забывайте, что чем выше ваш элемент в палитре слоев, тем ближе он к поверхности разворота… То есть если вы хотите, чтобы элемент ничего не перекрывало (например, элемент должен лежать на фотографии), то он должен быть в палитре слоев как можно выше. Опять же не забудьте о тенях. Самый простой способ вставить тень – зайти в Стиль слоя (дважды нажав на левую кнопку мыши на слое с элементом),  выбрать пункт Тень (слева в меню) и поэкспериментировать с настройками, приближая тень к совершенству и реалистичности)))
Текст. В своих шаблонах в некоторых местах я оставила место и сделала заготовку для написания заголовка или текста-описания. Редактировать его вы сможете с помощью инструмента Текст (Т в палитре инструментов слева), изменяя сам текст и выбирая новый шрифт, размер, написание и т.д. в меню текста (у меня это меню справа вверху). Можно вставить готовый Wotd-Art. Что это такое, где его брать и как (о ужас!!!) его сделать себе самому - в одном из следующих мастер классов.


Существует очень много способов заполнять шаблоны, вы со временем выберете свой, как вам будет удобнее. Некоторые (в том числе я) начинают с вставки фотографий… Наверное, это самое логичное, потому что весь декор потом удобнее подбирать под стиль, тональность, яркость фотографий. Можно заполнять разворот снизу вверх, начиная от слоя с фоном, и заканчивая текстами и элементами… выбор только за вами))))

Вот, коротко, и все, что касается моего шаблона… То, что я упустила из внимания, готова объяснить и разобрать детально после ваших вопросов.


47 комментариев:

  1. Спасибо большое вам Света за такое подробное описание работы, будем учиться. А подскажите как сохранить в tif- я вчера попыталась, но там столько разных пунктиков... Сложно сориентироваться когда в таком формате сохраняешь впервые.

    ОтветитьУдалить
    Ответы
    1. Сейчас набросаю небольшую заметочку по разным форматам... сделала себе пометку))

      Удалить
  2. Светлана, так подробненько все написали, надо же столько терпения надо)
    Для меня полезной информацией стало использование формата tif. Надо же, я ведь уже работала с ним, видела, что все слои отдельно, но никогда не задумывалась над тем, какой же из них лучше, tif или psd))) А оно вот как все оказывается))) Спасибо!!!

    ОтветитьУдалить
    Ответы
    1. Таисия, надеюсь, информация пригодится))

      Удалить
  3. Спасибо за столько подробностей...

    ОтветитьУдалить
    Ответы
    1. Надеюсь, подробности пригодятся))

      Удалить
  4. Света,огромное спасибо Вам за такой подробный урок.Я это все уже знаю,но сколько нервов и времени у меня ушло,чтобы все это понять.Впервые встретившись с форматом Tif,я вставляла все методом тыка и все записывала,чтобы не забыть.А тени - это особый рассказ,а перенос фото со всеми стилями...Жаль,что я раньше не видела такого урока.Зато сейчас,как он полезен для тех,кто этого всего не знал.Спасибо Вам огромное,Света!
    А я его даже распечатала.А вдруг мои дети или внучки захотят заниматься фотокнигами

    ОтветитьУдалить
    Ответы
    1. Лиза, я вчера прошла через весь Ваш вышеописанный путь,зато догнала своими мозгами, думала что все правильно сделала, а сегодня после Светиного урока так все вчерашнее свое переделала и все в голове встало на свои места! А то вчера после получения разворота я в панике и расстройстве была. Когда умные люди обьяснят ,тогда и ларчик просто открывается!

      Удалить
    2. Спасибо, Лиза и Людмила! После ваших слов опять что-то делать хочется))

      Удалить
  5. С нетерпением жду урока про WordArt. Очень интересно,как можно его сделать самой.Пробовала сделать его ,но вот сохранить для последующего использования - не удалось

    ОтветитьУдалить
    Ответы
    1. Лиза, урок готовит Наташа, один из наших консультантов... у нее Wod-art очень красивый получается... Так что будет обязательно))

      Удалить
  6. Позволю себе еще посоветовать, если два элемента должны трансформироваться одинаково (фото и тень от него, например) - их можно связать (выделить оба слоя с помощью кнопки Шифт, потом щелкнуть на любом из выделенных правой кнопкой мыши, в ниспадающем окне выбрать "Связать слои"). Теперь при изменении размеров или передвижении одного из слоев второй изменится автоматически. Если надо изменить что-то по отдельности - придется, встав на один из нужных слоев, по правой кнопке "Выделить связанные слои", потом "Отменить связь слоев". Слоев может быть и больше, конечно... Ничего, что я сюда написала, или где-то отдельный пост будет "для обмена опытом"? :)

    ОтветитьУдалить
    Ответы
    1. Нет, правильно, что сюда написали - так видно, к чему замечание, по какой теме. замечание очень правильное. Я сама, правда, никогда не пользуюсь связью слоев, потому что раздражает меня, что они тягаются друг за другом))) Но вот для элемента с тенью например - это очень удобная вещь., думаю, стоит попробовать каждому, чтобы для себя решить - удобно это или нет. Если уже начали тему связи и группировки слоев, то можно еще слои Сгруппировать, они будут как бы сложены в одну папку, и можно будет их передвигать или трансформировать тоже все вместе - если выделить не конкретный слой группы, а название папки, тогда группа воспринимается как единое целое.

      Удалить
    2. Вот уж точно - кто к чему привык, я "группировкой" реже пользуюсь почему-то. Когда кластер какой-то уже окончательно сложишь - тогда группирую, чтобы таскать кучкой :)

      Удалить
    3. Поэтому стоит попробовать несколько вариантов - чтобы решить для себя, что удобнее))

      Удалить
    4. Я по этой же теме. Иногда очень нужно сгруппировать - выделяю слои и нажимаю замочек, который находится внизу, получается быстрее. И снимается тоже одним нажатием на замок.

      Удалить
    5. Да, Диана, быстрые кнопки очень помогают убыстрять процесс, автоматизировать... Спасибо большое за ремарки, очень познавательно!

      Удалить
    6. Лямзенко Тамара13 февраля 2013 г., 21:59

      Спасибо, не знала

      Удалить
  7. Света, большое спасибо за такой подробный урок. Теперь я поняла чем лучше tif или psd. Я с tif первый раз встретилась, когда делала Ваш календарь. Немного помучалась, но справилась. Теперь думаю будет легче.

    ОтветитьУдалить
    Ответы
    1. Нелля, про форматы написала еще подробнее - в мастер-классе № 2))

      Удалить
  8. Уж сколько лет работаю в фотошопе, а из вашего урока много нового и полезного вынесла.
    Осваивала методом тыка и в принципе хватало знаний, но конечно же понимала что не использую его полноценно. А тут такой кладезь полезного и нужного. Надо конспект заводить. Боюсь чего-нить забыть.
    Про тип файла для сохранения - тоже для меня новость. Но вот думаю - не ухудшает ли этот формат качество слоев, если печатать размером 1 м на 1 м?

    ОтветитьУдалить
    Ответы
    1. Какой именно тип вы имеете в виду, Елена? TIF не ухудшает, сохраняла из него для печати полтора метра на метр (стенгазета) - никакой разницы нет. Из него же переводила в формат CMYK для банерной печати (длина смого большого банера была 5 метров на 12) - все было отлично... Так что по сравнению с PSD ничем не отличается кроме тех различий, о которых я говорила. Если Вы имеете в виду формат JPG по сравнению с TIF, то да, в качестве файлы теряют, но на то он и формат - сжатый... ничего тут не поделаешь, для печати фотокниг принимают только файлы в формате JPG. Если бы принимали в формате TIF, то качество печати было бы четче и качественнее... но что поделать))

      Удалить
  9. У нас (в Израиле) принимают или в Tif или в Jpeg.А в Москве в некоторых фотостудиях принимают только в формате PDF

    ОтветитьУдалить
    Ответы
    1. У нас в TIF не принимают нигде, к сожалению, только в JPG. Очень жаль, потому что качество картинки TIF существенно отличается... но и вес тоже... Может, поэтому типографии предпочитают JPG.

      Удалить
  10. Спасибо большое за подробный мастер-класс! Представляю, каким полезным он является для новичков. Из всего представленного материала для меня неожиданным открытием стали рамочки, созданные с помощью стиля слоя Обводка. И что раньше до меня самой не дошла такая простая вещь!? До сих пор рамочки делала на отдельном слое, и, естественно, как следствие - проблемы с пропорциями при трансформировании. Спасибо за простые идеи! :)

    А вот что реально сложно для меня при работе с готовыми шаблонами - оставить шаблонную раскладку фотографий в нетронутом виде. Казалось бы, это должно быть в помощь, - вставил свои фотографии в нужные места и полдела сделано! Ан нет! Я неизменно начинаю все двигать, перемещать, - в результате шаблон меняется до неузнаваемости, а часто после таких изменений захожу в тупик с композицией и приходится начинать сначала. Времени уходит уйма, чтобы все разложить.

    ОтветитьУдалить
    Ответы
    1. Это и моя проблема тоже)))) даже создав свои собственные шаблоны, никогда не получается их придерживаться... и это, наверное, совершенно логично, потому что фотографии-то разные, никогда не знаешь, как получится их расположить... Чем хороши шаблоны - так это тем, что не надо каждый раз с нуля создавать обводки-рамочки-масочки и т.д., то есть долгую и нудную подготовительную работу, вы согласны? А расположение... это уже ерунда... кстати, условия тренинга не запрещают вам трансформировать шаблон по вашему усмотрению... Не ограничивайте свою фантазию))))

      Удалить
    2. Спасибо. Конечно, согласна. Боюсь, просто, что в результате моего творчество никто уже не узнает исходных шаблонов.

      Удалить
  11. фууух! я наконец то разобралась..просидела целый вечер)))
    Оказывается,как это интересно!
    Хочу дать ссылочку для таких , как я,которые не умеют такие простые вещи,как вставить фото
    http://www.diwo.by/ispolzovanie-skrap-naborov-v-adobe-photoshop

    ОтветитьУдалить
    Ответы
    1. Юля, Я рада, что получается))) Если что - кричите, поможем))) И не стесняйтесь задавать самые, на ваш взгляд, примитивные вопросы...

      Удалить
  12. Даааа, Светланочка, вот УМНИЧКА - то какая!
    Столько сил и энергии ушло у Вас на все эти тренинги.?!
    ООООгормное Вам спасибо.
    Многое знала уже, но как говорят: ... " повторение - мать учения".
    Класс, все поняла.
    У меня вопрос такой:
    Когда я делаю группу.. :) ( НУ, вроде как уже все готово,)а потом все - таки приходится её открывать... т. к.что - то еще надо изменить, то нажимая на к - то элемент этой группы - выделяется НЕ ОН, а название этой группы. ДА, и тогда приходится выделять этот элемент в этой группе ТРАНСФОРМИРОВАНИЕМ ( Ctr+T)и дальше с ним работать.. Я чего - то НЕЗНАЮ? Или так у всех? Или уже программа барахлит? У меня CS3.
    Буду очень благодарна- за ответ.
    И вообще , Светлана - я в восторге от Ваших мастер - классов!
    Лариса

    ОтветитьУдалить
    Ответы
    1. Нет, что-то неправильно вы делаете... По идее, каждый элемент группы живет своей жизнью, с ним отдельно можно работать, а также (если нажмете на название группы), можно работать со всей группой файлов... Или я чего-то не пойму, или вы не о той группе говорите... Расскажите подробно, как вы эту группу создаете... попробуем разобраться

      И СПАСИБО за добрые слова!

      Удалить
  13. Добрый день, Светлана! большое спасибо - за Ваши мастер классы.
    Пишу, как я создаю группу: все делаю для одной фотки ( в развроте), а потом: 1. внизу( в палитре-СЛОИ) на папку - создать группу, 2.потом - выделяю все слои, что касаются эпизода (они, как правило, все рядом) и затаскиваю их, выделенные СИНИМ, на ту папку и - они внутри, я открываю папку, проверяю - они все там , закрываю и даю назв - е ПАПКЕ.
    А потом, когда приходится возвратиться фотке, что там папку открываю, жму на фотку - на этом развороте,а у меня выделяется только папка, с группой.
    ДА, Светлана, Вы меня так поняли, может у меня что - то , где - то с установками?
    Спасибо, Светлана
    Лариса

    ОтветитьУдалить
    Ответы
    1. Непонятно... все вроде бы правильно делаете - группируете слои, даете название папке... но в том-то и различие группировки слоев, что все равно каждый слой внутри живет отдельной жизнью, его можно передвигать, корректировать, и т.д. отдельно от остальных слоев группы... где-то вы включаете привязку какую-то...

      Удалить
    2. Попробуйте создавать группу слоев через меню, никуда их не перетаскивая... Точно так же выделите все слои, которые хотите поместить в папку, нажмите в меню Слои - Группировать слои... и попробуйте, получится ли на этот раз работать в составе группы с одним слоем отдельно

      Удалить
  14. Спасибо, Светлана, - попробую , как Вы пишите.

    Лариса

    ОтветитьУдалить
  15. Я не могу внести в шаблон ни одной фотографии. Показывает частично заблокированный слой и есть только один слой - фон.
    Я уже что только не пробовала

    ОтветитьУдалить
    Ответы
    1. Елена, не может быть! Вы как его открываете? Похоже, как просто картинку! Но он должен быть многослойным!

      Удалить
    2. Открываю в Фотошопе. Вот и я про то же. У всех нормально открылся, а у меня никак.

      Удалить
  16. № 22
    Светлан, в моём шаблоне есть ярлыки. Для чего их надо использовать?

    ОтветитьУдалить
  17. можно еще вопрос?
    смотрю я на свои фото и мне кажется,что недостаточно пропорционально все таки они вписались в шаблон.
    Можно еще раз расписать этот шаг...поместить-редактировать-трансформирование-маштабирование-держим клавише *шифт* и растягиваем.
    Или их зараннее надо было уменьшать или увеличивать?

    ОтветитьУдалить
  18. Анонимный1 марта 2013 г., 0:07

    Очень очень нравятся Ваши работы. Хотелось бы попробовать освоить урокию Подскажите, а где взять шаблон? Спасибо
    Ольга

    ОтветитьУдалить
  19. ЗДРАВСТВУЙТЕ ВСЕ!!!ХОТЕЛА НАЧАТЬ ОСВАИВАТЬ УРОКИ ПО СОЗДАНИЮ ФОТОКНИГИ И НА ПЕРВОМ ЖЕ АБЗАЦЕ ВОЗНИК ВОПРОС-А ГДЕ ВЗЯТЬ ЭТОТ ШАБЛОН,КОТ.СТОИТ У ВАС ПОД НОМЕРОМ 1? ОЧЕНЬ ХОЧЕТСЯ НАЧАТЬ УЧИТЬСЯ.ЗАРАНЕЕ-СПАСИБО ЗА ОТВЕТ(Ы).

    ОтветитьУдалить
    Ответы
    1. Здравствуйте! Я редко захожу в посты... постараюсь исправиться)) Если какие-то вопросы по давним публикациям, пишите лучше на почту. Шаблоны можно приобрести у меня. Все условия и подробности - на почту.

      Удалить
  20. Спасибо за прекрасный урок,ведь,как я говорю своей дочери чем больше информации,тем быстрее мы понимаем и отвечаем на заданные вопросы!!! Все четко,понятно и доступно!!

    ОтветитьУдалить
  21. Спасибо огромное за урок! Приступила на днях к своей первой фотокниге, пытаясь раскладывать фотографии самостоятельно... и только сейчас поняла, насколько шаблон может облегчить работу и украсить результат! Для меня, как для абсолютного новичка, остался не совсем ясным вот какой момент: Я планирую книгу размером 20х20 и мне хотелось бы при этом использовать Ваш прекрасный шаблон, размер которого 30х30. Как тут правильнее поступить? Предварительно переносить все Ваши слои на свой разворот, созданный по размерам, диктуемым выбранной лабораторией? Или каким-то иным способом и в другой момент изменять размер будущей книги?

    ОтветитьУдалить
    Ответы
    1. Юлия, правильнее, наверное, будет все-таки скачать пустой макет нужного Вам размера с сайта типографии (или создать его согласно техническим требованиям), перенести все слои из выбранного шаблона, подогнать размеры, пропорции и расположение, а уж потом вставлять туда фотографии и декор. Можно, конечно, сначала сделать всю работу на развороте шаблона, сохранить в формате jpg для печати, а потом вставить его в нужные размеры... но нет гарантии, что пропорции окажутся идентичными и не придется обрезать разворот вверху-внизу или растягивать в стороны.

      Удалить