Фотошоп от Олечки

Уроки фотошопа, клипарт, открытки и прочее

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

sozdaem-shablon-v-fotoshope-18Создаем шаблон в фотошопе. Урок про просьбе читательницы.

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

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

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

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

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

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

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

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

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

 

TEXT.RU - 91.76% Ну вот, чем больше уроков, тем меньше уникальность. Не получается саму себя «переписать»   :-) 

Понравилась статья? Поделись с друзьями!




Понравилась публикация !?
Хотите получать новые статьи в свой почтовый ящик ?
Нет ничего проще !

Уроки фотошопа
Отзывов к Создаем шаблон в фотошопе. уже: 28...
  • зина

    Олечка все нормально ,рассылка пришла! :yahoo: :yahoo: :yahoo:

    Ответить
  • Lora

    Полезные уроки, что и говорить! Только я, пока сама не повторю, не запомню — вот такая вредная натура! Но освоить хоцца, просто капец! Нравится это дело, а то вечно дочку прошу что то сделать в фотошопе…

    Ответить
    • Ольга Коновалова

      Повторить один раз — даст немного, сделать по такому же уроку что-то свое — добавит практики, а потом, все само придет… Даже понравится. Я ведь сама не все знаю. и с удовольствием переделываю и делаю новые уроки с теми функциями, которые забыла или не знаю.

      Ответить
      • Lora

        Это правда! Решила потихоньку осваивать фотошоп, очень нужное дело! И очень интересное!

        Ответить
        • Ольга Коновалова

          Я рада очень :yahoo:

          Ответить
  • Лара

    Супер, всегда нравилось как дочка подобное делает, смотрела и училась. Кое что тоже умею, только путаюсь пока… Со временем, думаю, получится!

    Ответить
    • Ольга Коновалова

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

      Ответить
      • Ольга Коновалова

        Проверь в следующем комментарии этот адресок сайта. нам на конце .html, и это не дает открыть его. Мне пришлось править, и ты исправь в следующий раз :heart:

        Ответить
        • Лара

          Я знаю, просто с первого раза трудно запомнить что то новое… стараюсь сама повторять то, что показывает Алина — у нее так классно получается, как у тебя, Оля! Аж завидки берут! Этот хвостик, незнамо откуда берется, спасибо, Оля, слежу теперь!

          Ответить
          • Ольга Коновалова

            Не завидуй, все придет…. Любая работа должна быть интересной, и если тебе интересно. то получится. А за «хвостиком» будем следить ;-)

            Ответить
  • Светлана

    О, вот этот урок мне точно пригодится, спасибки, Ольчик, тоже пошла осваивать. :heart:

    Ответить
    • Ольга Коновалова

      Надеюсь, что уже освоила, Светик. Удачки

      Ответить
  • Ольга

    Ну вот, Олечка, получился еще один очень полезный урок. Навыки простые, но для начинающих важные!

    Ответить
    • Ольга Коновалова

      Спасибо, Олечка!

      Ответить
      • Ольга

        Да это тебе спасибо, что ты открыла этот сайт и тащишь его — мне с тобой веселее стало! :heart:

        Ответить
        • Ольга Коновалова

          Вот именно, пока тащу…

          Ответить
  • зина

    Оля привет!Спасибо за урок!мне почему то не пришла рассылка на этот урок :-( ,увидела ссылку на фейсбук на этот урок

    Ответить
    • Ольга Коновалова

      Зиночка, я не проверяла в какой подписке ты подписана. Если через смартреспондер, то я ее делаю сама. если на фидбернере, то рассылка приходит ночью после опубликования статьи. Получила ты все-таки что-нибудь?

      Ответить
      • зина

        Нет Олечка не получала рассылку :-( :-(

        Ответить
        • Ольга Коновалова

          Зиночка, а сейчас проверь. Опубликовала новую запись. Ты подписана в смартреспондере, только что ушла рассылка, если во входящих не найдешь, то посмотри в папке СПАМ. Если там, то пометь, как НЕ СПАМ. и потом, может быть, все наладится.

          Ответить
  • Елена Черных

    Олечка, только вернулась из поездки)) Спасибо тебе огромное :rose: , пошла пробовать :wacko:

    Ответить
    • Ольга Коновалова

      Надеюсь. что тебе мой урок помог, Леночка!

      Ответить
  • Laralaram

    фон очень понравился… красивый, нежный такой… И вообще — пасибки за урок!

    Ответить
    • Ольга Коновалова

      Как делать такие фоны научу… Времечка только не хватает…

      Ответить
  • Laralaram

    Олечка, так рада, что ты этот сайт ведешь — буду учиться, учиться, учиться!

    Ответить
    • Ольга Коновалова

      Я рада такой ученице, дорогая!

      Ответить
  • Диана

    Спасибо от Дианы! :rose: :heart:

    Ответить
    • Ольга Коновалова

      И Вам спасибо, Диана!

      Ответить

Ваш email не будет опубликован. Обязательные поля отмечены *
Имя *
Email *
Сайт
Ваш комментарий
:bye: 
:-) 
;-) 
:good: 
:-( 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:whistle: 
:yes: 
:cry: 
больше...