Создаем шаблон в фотошопе.

Создаем шаблон в фотошопе.

Создаем шаблон в фотошопе.

На днях получила письмо от своей читательницы, в котором она спросила есть ли  у меня на сайте урок, как создать картинку, на которой были размещены портреты девушки на определенном цветовом фоне.

Лена писала, что ей приходится подставлять фотографии разных девушек на фон часто, и просила этому научить.

Конечно, все просто, ей приходится создавать коллаж, что в переводе с французского означает приклеивать объекты (фотографии) на определенный фон.

sozdaem-shablon-v-fotoshope

Я, честно говоря, решила, что коллаж, который она мне прислала, она использует всегда и только меняет фотографии девушек, и не дождавшись ее ответа, бросилась «с места в карьер», и давай делать скриншоты для урока.

И только сегодня узнала, что она хотела узнать, как делается такой коллаж.

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

Ну, а урок по созданию простого коллажа я обещаю опубликовать совсем скоро.

Не получается у меня выстраивать свои записи так, чтобы изучать  фотошоп постепенно, хотя в этом уроке все инструменты фотошопа вам уже знакомы.

Итак, у меня был только присланный Леной коллаж, и нашла в интернете три фотографии известных дам, специально разного размера, чтобы объяснить некоторые нюансы работы в фотошопе.

Это будут ИСХОДНИКИ.

Коллаж Лены.

sozdaem-shablon-v-fotoshope-33И фото трех девушек. Вот они.

sozdaem-shablon-v-fotoshope-26

sozdaem-shablon-v-fotoshope-27

sozdaem-shablon-v-fotoshope-28

Эти файлы я использовала для работы.

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

sozdaem-shablon-v-fotoshope-1

2.Выставляем масштаб 100% в нижнем левом углу панели состояния, чтобы было удобно работать.

sozdaem-shablon-v-fotoshope-2

3. Создаем дубликат слоя, чтобы работать на нем, и, в случае чего, не испортить исходник. Для этого жмем по активному (синему слою) правой кнопкой мыши и в открывшемся окне ищем строчку СОЗДАТЬ ДУБЛИКАТ СЛОЯ, кликаем по ней левой кнопкой мыши. Можно его переименовать, я в этот раз этого не делала. Жмем ОК. Эти действия должны вам быть уже знакомы.

sozdaem-shablon-v-fotoshope-3

4. Начинаем вырезать квадраты с лицами женщин, чтобы потом использовать этот файл, как шаблон для последующей работы, если нужно.

Для этого активируем инструмент ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ. Забыла пометить его на скриншоте. Он находится слева на панели инструментов и второй по счету.

Обводим им одну фотографию на пару пикселей  больше по ширине и высоте, чем она сама, и вокруг нее вы увидите прерывистые линии. Это выделение. Жмем на клавишу Delete (Удалить) и первая фотография удалена.

Чтобы не повторять функцию ВЫДЕЛЕНИЯ, становимся в окно с удаленным и по-прежнему выделенным фото, зажимаем левую кнопку мыши и, не отпуская ее, тащим ВЫДЕЛЕНИЕ на соседнюю фотографию.

sozdaem-shablon-v-fotoshope-4

Повторяя описанные действия, удаляем все фотографии.

sozdaem-shablon-v-fotoshope-5

Вот и получился шаблон, который в дальнейшем можно использовать для работы. В данном случае это фон с окнами для фотографий. Для повторного использования его можно сохранить в формате png. Напомню как: Меню — Файл — Сохранить для Web и устройств. Только в настройках выставите формат png-24.

Теперь я сразу же расскажу, как им пользоваться. Я буду продолжать работу в этом же документе. Если вы будете начинать с использования уже готового шаблона, то его нужно будет только открыть в программе фотошоп.

5. С помощью линейки, я прикинула размер вырезанного окна. У меня получилось около 196 на 240 пк. Линейки вы видите на скриншоте.

sozdaem-shablon-v-fotoshope-6

6. Будем вставлять в свободные окна фото девушек. Но для начала надо открыть ИСХОДНИКИ в программе фотошоп. Как это сделать вы уже знаете. Я буду открывать сразу три файла сразу.

sozdaem-shablon-v-fotoshope-7

6.1. Проверим размер фотографии блондинки с короткой стрижкой. Эта фотография отлично подходит для замены в исходнике коллажа, так как на фото только лицо красавицы, но размер фото очень велик. Поэтому используем уже знакомый нам метод уменьшения размера фото.

Вместо оригинального размера изменим ширину до 198 — 200 пк. Напоминаю, что ширина окна для фото 196 пк.

sozdaem-shablon-v-fotoshope-8

После уменьшения размера исходника выделяем его классическим способом. Для этого идем в Меню — Выделение — Все. Жмем на ВСЕ левой кнопкой мыши.

sozdaem-shablon-v-fotoshope-9

Далее копируем выделение. Меню — Редактирование — Скопировать.

sozdaem-shablon-v-fotoshope-10

Переходим на слой 0, чтобы скопированный слой встал выше.

sozdaem-shablon-v-fotoshope-11

Вставляем скопированное фото: Меню — Редактирование — Вставить. Вы уже видите, что в палитре слоев фото с лицом девушки встало под шаблоном, но на рабочем поле оно расположилось посередине шаблона.

sozdaem-shablon-v-fotoshope-12

Активизируем инструмент перемещение и передвигаем слой 1 (блондинка) в нужное окно.

sozdaem-shablon-v-fotoshope-13

Один и тот же объект можно перенести  во все пустые окна вышеуказанным способом ИЛИ при активном инструменте ПЕРЕМЕЩЕНИЕ зажимаем одновременно клавиши Strl+Alt и левую кнопку мыши и двигаем первое изображение в соседнюю свободную ячейку. Так можно заполнить все ячейки шаблона одинаковыми фотографиями.

sozdaem-shablon-v-fotoshope-14

6.2. Но у меня еще есть фото другой девушки, и на этой фотографии не только лицо, и она тоже большого размера, поэтому сразу же покажу, как вставить в шаблон только лицо этой девушки.

Копируем фото в шаблон тем же классическим способом, который я описала выше. Напоминаю: на вкладке с фото Меню — Выделение — Все, затем Меню — Редактирование — Скопировать. Переходим на вкладку с шаблоном: Меню — Редактирование — Вставить. Фото большое и закрыло все свободные окна.

sozdaem-shablon-v-fotoshope-15

Инструментом перемещение передвигаем лицо девушки в нужное свободное окно.

sozdaem-shablon-v-fotoshope-16

Теперь будем его уменьшать и передвигать в пределах нужного окна. Для уменьшения идем в Меню — Редактирование — Трансформирование — Масштабирование.

sozdaem-shablon-v-fotoshope-17

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

sozdaem-shablon-v-fotoshope-18

Когда фотография уменьшится до нужных размеров, не забываем убрать лишнее, вышедшее за рамки шаблона, но не видное,  с помощью инструмента КАДРИРОВАНИЕ.

Теперь можно и лицо красавицы вырезать. Активируем инструмент ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ, обводим им лицо девушки размером на пару пикселей больше окна для вставки, выделяем область лица. Чтобы обрезать одежду и все ненужное, спрятавшееся под шаблоном, идем в Меню — Выделение — Инверсия, и жмем на клавишу Delete.

sozdaem-shablon-v-fotoshope-19

Теперь видим, что на слое 2 осталось только лицо девушки.

sozdaem-shablon-v-fotoshope-20

Создаем дубликат слоя 2. И перетаскиваем его в ячейку справа.

Выполняем перечисленные ранее действия для вставки 3-его фото, тем более, что оно маленькое и особым изменениям не подлежит.

sozdaem-shablon-v-fotoshope-21

Так что наши свободные ячейки заполнены красавицами. Мы получили документ, который моей читательнице Лене понадобится для работы. Сохраним его в формате jpg (Меню — Файл — Сохранить для Web и устройств).

sozdaem-shablon-v-fotoshope-29

7. Хочу вам показать, как заменить фон, на котором находятся наши подопечные. Отключаем видимость шаблона. В моем случае это слой 0 копия.

sozdaem-shablon-v-fotoshope-22

Добавляем новый слой в палитры слоев, кликнув по значку с отогнутым уголком внизу палитры, перетаскиваем его вниз под слои с фотографиями девушек, и заливаем его любым подходящим цветом.

sozdaem-shablon-v-fotoshope-23

А можно подложить под фото другой фон.

В моем случае буду использовать фон, который я делала для открыток предыдущей записи.

sozdaem-shablon-v-fotoshope-31

Открываем его в фотошопе, выполняем уже известные вам и привычные действия Выделения, Копирования и Вставки. Сохраняем вот такую картинку, если нужно.

sozdaem-shablon-v-fotoshope-30

И наконец, для использования этого документа в будущих работах, для его редактирования сохраним его в формате PSD. Идем в Меню — Файл — Сохранить как

sozdaem-shablon-v-fotoshope-24

sozdaem-shablon-v-fotoshope-25

Лена, такой документ я выслала тебе на почту.

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

Урок по созданию простого коллажа я опубликую совсем скоро.

Если у вас есть вопросы по этому уроку, или вы хотите чему-то научиться конкретно, то пишите на е-мейл или в комментариях.

Всегда рада быть вам полезной.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: