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

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

Простой коллаж из фото в фотошопе CS5

prostoy-kollazh-iz-foto-v-fotoshope-cs5-1Простой коллаж из фото в фотошопе CS5. Урок Фотошопа

Доброе время суток, друзья!

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

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

А что такое коллаж вообще? Буквальный перевод этого слова с моего любимого французского означает «наклеивание».

Так что все правильно. В этом уроке мы будем «клеить» фотографии на общий фон.

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

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

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

Главное, чтобы у вас было желание, творческое вдохновение и упорство. Без него никак.

Итак, начнем…

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

Для этого создаем новый документ. Теперь, когда вы уже знакомы с программой Фотошоп, путь буду прописывать коротко. Меню — Файл — Создать…

prostoy-kollazh-iz-foto-v-fotoshope-cs5-2

Открывается окно с параметрами нового документа. Их задают самостоятельно. У меня открылись параметры последнего документа, с которым я работала, я их и оставила. В процессе создания коллажа я предпочитаю большие размеры, поэтому эти мне вполне подошли. С такими размерами мелкие детали, используемые в работе, видны хорошо.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-3

Сразу же прописываем имя нового документа «Простой коллаж из фото». Так будет называться рабочий файл в формате PSD, который мы сохраним позже. И жмем на кнопку ОК.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-4

В палитре слоев появляется слой 0, который я сразу переименовала в основу коллажа. Основа и станет в последствие фоном коллажа.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-5

Создаем дополнительный слой. Для этого жмем на иконку «Создать новый слой» в правом нижнем углу палитры слоев. На новый слой мы вставим первую фотографию.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-6

Но для этого мы должны открыть в программе подготовленные фото.  Напоминаю: Файл — Открыть — Найти нужную папку с фотографиями — Выделить нужные фотографии — Кнопка ОТКРЫТЬ.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-7

После этих действий выбранные фото разместятся в Панели вкладок.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-8

Теперь скопируем все фотографии на новый документ. В моем случае это «Простой коллаж из фото». Напоминаю коротко, как это сделать: Меню — Выделение — Все.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-9

Фотография выделилась прерывистыми линиями.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-10

Я копирую классическим способом, для этого идем в Меню — Редактирование — Скопировать.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-11

Переходим на вкладку «Простой коллаж их фото» становимся на Слой 1. Меню — Редактирование — Вставить. После выполненных действий на слое 1 появляется копируемая фотография.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-12

Точно такими же действиями копируем вторую фотографию. Она скопируется на слой 2, и его специально создавать не надо. Он появится автоматически.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-13

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

prostoy-kollazh-iz-foto-v-fotoshope-cs5-14

Все тем же способом Скопировать — Вставить переносим остальные фото на документ, где создается коллаж.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-15

Прежде чем расставить фотографии на коллаже я бы порекомендовала переименовать слои, чтобы было легче работать. Напоминаю о том, как это сделать: переходим на нужный слой, он становится активным (он станет синим), жмем по нему правой кнопкой мыши и на дополнительной вкладке ищем ПАРАМЕТРЫ СЛОЯ, и жмем на фразу левой кнопкой 1 раз. У вас снова появится дополнительное окно, где вы Слой 3, как в моем случае, переименовываете в Вертикальное фото красная роза.

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

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

Для перемещения фотографий активируем инструмент ПЕРЕМЕЩЕНИЕ, он самый верхний в панели инструментов, и его видно на этом скриншоте.  Слой Вертикальное фото красная роза я переместила влево.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-16

Позже для удобства я переименовала все слои.

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

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

prostoy-kollazh-iz-foto-v-fotoshope-cs5-17

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

prostoy-kollazh-iz-foto-v-fotoshope-cs5-18

Получилось так, что фрагмент с красной розой вышел за пределы документа с коллажем, и чтобы снизить «вес» будущего коллажа, надо обрезать лишнее. Для этого активизируем инструмент рамка (5-ый сверху в панели инструментов), обводим ею весь документ по периметру и жмем на Enter.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-19

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

prostoy-kollazh-iz-foto-v-fotoshope-cs5-20

Увеличу немного размер фрагмента уже известным вам способом Меню — Редактирование — Трансформирование — Масштабирование.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-21

Расставлю другие фрагменты на коллаже. Слои Желтая роза и Букет решила немного повернуть.

Для этого идем в Меню — Редактирование — Трансформирование — Поворот.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-22

Вы конечно же можете поэкспериментировать и расставить ваши фотографии по другому. Я вот решила снова уменьшить немного фрагмент Вертикальное фото красная роза. И воспользовалась все теми же действиями: Меню — Редактирование — Трансформирование — Масштабирование.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-23

Мне показалось, что фон с вертикального фото вполне подойдет для всего коллажа. Для этого инструментом ПИПЕТКА определяем цвет.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-24

Переходим на слой Основа коллажа и активируем инструмент ЗАЛИВКА, кликаем левой кнопкой мыши по полю коллажа и получаем серый фон рабочего документа.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-25

Чтобы выделить фрагменты с фотографиями в коллаже, сделаем белые рамочки на каждом фрагменте. Рамки будем делать прямо поверх фотографии.

Начинаем с вертикального фото. Нам нужно его выделить. Для этого активируем нужный слой, идем в Меню — Выделение — Загрузить выделенную область. Жмем на ОК.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-26

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

prostoy-kollazh-iz-foto-v-fotoshope-cs5-27

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

prostoy-kollazh-iz-foto-v-fotoshope-cs5-28

Ширину обводки назначим 5 рх, цвет белый, обводка внутри фото. Вы можете попробовать сделать иначе. В конце выполненных действий снимаем выделение (Меню — Выделение — Отменить выделение).

prostoy-kollazh-iz-foto-v-fotoshope-cs5-29

Повторяем наши действия со всеми фрагментами.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-30

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

Я оставила все параметры одинаковыми для всех фрагментов коллажа.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-31

Вот такой простой коллаж из фото у меня получился. Можно его подписать. Как это сделать, я вам уже рассказывала. Для этого активизируем инструмент ТЕКСТ, выбираем цвет текста и шрифт.

Теперь в окончательном варианте можно и уменьшить размер коллажа до 1000 рх по ширине. Этого вполне достаточно (Меню — Изображение — Размер изображения).

prostoy-kollazh-iz-foto-v-fotoshope-cs5-32

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

И после этого сохраняем свой коллаж в формате jpg. Идем в Меню — Файл — Сохранить для Web и устройств.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-1

А это похвастушки! Когда-то я проходила тренинг у Ольги Бор по созданию скрапбукинга. Статья об этом написана на моем сайте о жизни в Болгарии, и перенести ее сюда в оригинальном виде уже не получится. Но вы можете просто посмотреть мою работу. Мало того, что все детали скрапбукинга выполнены мною, и эта картинка тоже своего рода коллаж, только намного сложнее… И при определенном терпении вы тоже сможете этому научиться.

Все придет с опытом, поверьте.

prostoy-kollazh-iz-foto-v-fotoshope-cs5-33

Моя подруга Ольга Витман тоже всерьез увлеклась этим модным и интересным творчеством. Ее рамочка «Первоклашка» выполнена в стиле скрапбукинга. Может она вам пригодится, ведь 1 сентября не за горами.

P.S.: Мне казалось, что урок по созданию Простого коллажа из фото в фотошопе CS5 получится коротким, но я ошиблась.

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

 

TEXT.RU - 91.07% 

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




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

Уроки фотошопа
Отзывов к Простой коллаж из фото в фотошопе CS5 уже: 35...
  • Александр

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

    Ответить
  • Екатерина

    Здравствуйте.
    Очень полезная и интересная статья!
    Спасибо Вам за эту информацию.

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

      Пожалуйста

      Ответить
  • Мей Нохаро

    Огромное спасибо ! Я рада что выбрала правильный сайт . Сейчас же примусь за создвние коллажей ) :good: ;-)

    Ответить
  • Рита

    Здравствуйте! Наткнулась тут на ваш урок :good: Хочу сделать коллаж ,где моя дочка от 1 мес до года…. я запнулась на том,что не могу переместить слои на основной фон…выходит ошибка невозможно выполнить запрос поскольку исходный и целевой документ совпадают.Помогите пожалуйста разобраться :scratch:

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

      Здравствуйте, Рита! Если я правильно поняла Ваш вопрос, то проверьте, пожалуйста, названия вашего «целевого» документа (название фона) и исходника… Если я не поняла, то давайте разбираться дальше. Можете написать мне на почту, первый раз через форму контактов. Смотрите страницу Контакты, потом продолжим переписку, чтобы была возможность посмотреть скриншоты. Желаю удачи

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

    Спасибо за урок и за прекрасные открытки.Здоровья Вашему ноутбукуэКончилась дача теперь за ФШ.Банер взяла и поставила на ЛИРу. :heart: :heart: :heart: :heart:

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

    Все понятно, спасибо огромное!!!!! может подскажите еще, как правильно сохранить коллаж, чтобы потом распечатать?? Заранее благодарю :rose:

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

      Для того. чтобы распечатать, нужно сохранить файл в формате jpg. Идем в Меню — Файл — Сохранить для Web и устройств — это написано в этой статье. Удачи!

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

        Оля, спасибочки! Столкнулась с еще одной проблемой, создаю документ, на нем у меня коллаж из трех фотографий (фотки идут одна за одной паровозиком), между ними мне нужно сделать определенное расстояние, в моем случае 0,8 мм, возможно ли это? :wacko:

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

          Здравствуйте, Инна! Простите за поздний ответ, были проблемы со старым ноутбуком, пришлось пересесть за новый… В общем времени много понадобилось на технические мероприятия!
          Чтобы сделать расстояния между фотографиями, удобнее пользоваться так называемым макетом, т.е. создали документ, и выставили на нем направляющие (меню-просмотр-новая направляющая- вертикальная или горизонтальная, как вам нужно и перетащили ее на нужное место инструментом перемещение, добавили новую и перетащили ее на то расстояние, которое вам нужно, расстояние определяете по линейке, вы ее видите на моих скринах и так далее. «расчерчиваете» документ так, как Вам нужно, и потом уже перетаскиваете и устанавливаете там фото.) Надеюсь, что Вы поняли мое объяснение. Удачи

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

            Усе понятно, шеф)))!!! Спасибо огроменское за помощь :yahoo:

            Ответить
  • Татьяна

    Большое спасибо! Очень понятно и просто. Мне всегда фотошоп казался мудреной наукой. А с вашим мастер классом я сделала каллаж минут за десять. Ещё раз спасибо!

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

      Я очень рада, что мой урок Вам помог, Татьяна!

      Ответить
  • Marina

    Оля, спасибо! Сделала с вашей помощью свою первую работу в Фотошопе: коллаж. :yahoo: Может, смогу, наконец, научиться работать в этой программе. :yes:

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

      Я рада, что Вы сделали первую работу в Фотошопе… Поздравляю.

      Ответить
  • Елена Картавцева

    Ленивая я тетенька,Олечка! Пока только изучаю искусство фотошопа в теории, а вот руки не доходят. Интересная техника скрапбукинг, красиво получилось. :rose:

    Ответить
  • людмила

    Это точно, нужен опыт. Мне пока сложно, надо выбрать время для такого урока. Пока времени нехватает, но я обязательно научусь, ведь как красиво можно просто открытку сделать, а можно приготовить целое оформление. Спасибо :rose:

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

    Оля, у меня снова вопрос по простому коллажу из фото. Первую фотографию я хорошо копирую и вставляю. Остальные, не получаются. Делаю, как мне кажется, по вашему уроку, выплывает окно, которое мне сообщает, что выделенная область пуста. Как вставить последующие фото.?

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

      При копировании обязательно обратите внимание, что область выделения должна быть на активном (синем) слое. Удачи

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

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

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

      Здравствуйте, Элла.
      Волшебная палочка — четвертый по счету инструмент сверху.
      Рамка — пятый. Посмотрите, возможно, что вместо рамки стоит Раскройка или Выделение Фрагмента. Чтобы увидеть все кликните на инструменте по уголку в правом нижнем углу квадратика с 5-ым инструментом
      Желаю удачи!

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

        Оля, спасибо. Нашла! Немного продвигаюсь вперёд.

        Ответить
  • СВЕТЛАНА МИТРОФАНОВА

    ОЛЕНЬКА, БЛАГОДАРЮ ВАС ОТ ВСЕЙ ДУШИ !!!! :rose: :rose: :rose: ОЧЕНЬ РАДА ЭТОМУ ВАШЕМУ УРОКУ, СТОЛЬ ДЛЯ МЕНЯ ВАЖНОМУ И ПОЛЕЗНОМУ — БУДУ ПРОБОВАТЬ ЕГО И ОСВАИВАТЬ !!!!!!!!!! ОЧЕНЬ НАДЕЮСЬ, ЧТО ПОЛУЧИТСЯ )))))) А ВАМ ЖЕЛАЮ ВСЁ ЖЕ ОСВАИВАТЬ ЭТО УВЛЕКАТЕЛЬНЕЙШЕЕ ТВОРЧЕСТВО — ДЕКУПАЖ !!! ПОВЕРЬТЕ, ОНО СТОИТ ТОГО, ЧТОБЫ ЕГО ОСВОИТЬ !!! УДАЧИ ВАМ И ЕЩЁ РАЗ ОГРОМНЕЙШЕЕ СПАСИБОЧКИ !!! :heart:

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

      Я очень рада, Светлана, если получился именно тот урок, о котором Вы просили. Если ДА, то удачи Вам.
      Что касается рукоделия, то Вы не поверите… Я человек увлекающийся, и коробка с мыльной основой лежит уже точно два года, с тех пор, как я создала первый сайт о Болгарии. Теперь вообще некогда, так что пока остается только мечтать о мыловарении, декупаже. вязании и так далее. :wacko:

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

    Ольчик, я сегодня благодаря твоему уроку сделала красивую картинку, СПАСИБО! У тебя всегда очень подробно и наглядно :yes:

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

      Вот это самое приятное, когда результаты урока полезны.

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

    Олечка, спасибо за очередной очень подробный и понятный урок :rose: Учусь медленно, катастрофически не хватает времени, но если бы не ты и твои уроки, вообще бы, наверное к фотошопу даже не приблизилась.. А так я всегда знаю, что можно зайти на твою страничку и продолжить обучение))

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

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

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

    Спасибо.Рада что приобрела такую учительницу.

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

      И я рада, что у меня есть ученики ;-)

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

    Оля, ты сделала простой, доступный, но очень, очень важный урок для начинающих учиться фотошопу. Я прекрасно помню еще, как сама начинала и вот как раз таких простых уроков я нигде не могла найти, а в более сложных застревала именно от незнания техники выполнения, так что урок отличный и нужный! И спасибо за ссылочку на меня, как-то и куда-то надо бы тоже поставить ссылку на твой урок — обсудим живьем? :rose:

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

      Спасибо, Олька! Мне всегда важно знать твое мнение.

      Ответить
  • Тамара Полякова

    Спасибо Оля за прекрасный, полезный урок. Я давно хотела научиться делать в одном месте несколько фотографий. Попробую освоить эту науку. У тебя так подробно все расписано, что будет стыдно не разобраться! :good: :rose:

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

      Спасибо, Тамара! Надеюсь, что ты уже разобралась!!! :rose:

      Ответить

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