twitter
rss
facebook
Главная » Уроки фотошопа » Уроки по созданию коллажей » Уроки фотошопа. Коллаж. Лебединая верность

Уроки фотошопа. Коллаж. Лебединая верность

Апрель 14, 2012 | Автор Ольга | 22 комментария

Уроки фотошопа. Коллаж. Лебединая верность.

Как сделать коллаж в фотошопе? Этот вопрос часто задают посетители моего сайта, которые только начинают изучать фотошоп, не умеют еще пользоваться даже простыми инструментами, не говоря уже о фильтрах и плагинах. Открыли фотошоп, хочется сделать что-то красивое, а с чего начать? Я помню, как сама хотела побыстрее научиться делать коллажи в фотошопе, искала уроки фотошопа, где бы мне показали на пальцах самые элементарные вещи: как накладывать друг на друга разные картинки, как делать тень от предметов, как увеличивать или уменьшать изображения, как накладывать фон, с помощью каких инструментов? А находила только сложнонаграможденные фильтрами уроки для подготовленных пользователей фотошопа. Хорошо, что у меня появились тогда подруги, так  же, как и я, увлеченные этим волшебным фотошопом. Одна подсказала одно, вторая другое, сама просмотрела кучу литературы и видеоуроков фотошопа, ну и неизменный метод тыка, куда уж без него? Поэтому я сегодня начну рассказывать вам о том, как сделать простой коллаж в фотошопе с помощью готового клипарта. Как сделать клипарт с прозрачными краями, я описывала в своем  Уроке фотошопа. Назовем наш коллаж  "Лебединая верность".



1. Открываем фотошоп - Файл - Создать. Выставляем параметры, как на скриншоте:

2. Открываем в фотошопе клипарт Лебеди. Файл - Открыть - и выбираем с компьютера заранее сохраненную исходную картинку с лебедями. Вот исходная картинка, хотя вы можете выбрать другую у меня на Яндекс фотках.

3. Идем на верхней панели в Выделение - Все. Вокруг картинки побежали пунктирные линии.

4. Переходим в панели слоев на первый созданный нами слой. Идем Редактировать - Вставить. Картинка появилась на нашем пустом слое. 

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

6. Встаем на слой с лебедями и передвигаем их пока в левый нижний угол инструментом Перемещение (1). Слой с природой на панели слоев ставим под слой с лебедями (2).

7. Картинка с природой слишком маленького размера. Надо ее растянуть на все рабочее поле. В слоях стоим на слое с природой - он у нас нижний. Давайте еще переименуем слои, чтобы в дальнейшем не путаться, куда нам вставать. сделать это легко. На слое с природой дважды щелкаем левой кнопкой мыши по названию слоя и в появившемся окошке пишем Природа. Переходим на слой с лебедями, делаем то же самое и называем слой Лебеди. Идем в Редактирование - Свободное трансформирование. Вокруг картинки появилась рамочка. Зажимаем на клавиатуре клавишу Shift, (для того, чтобы при трансформировании не потерять пропорции, иначе наша картинка может растянуть непропорционально и будет выглядеть уродливо), и тянем поочередно за уголки рамочки, растягивая ее до краев рабочего поля. И сдвигаем влево до конца. при этом справа останется незанятое пространство.

8. Картинку установили, нажимаем на клавиатуре Enter - рамочка исчезла. Посмотрите внимательно на то, что у нас получилось. Справа вы увидите достаточно резкую вертикальную полоску по краю картинки Лебеди. Клипарт хоть и подобран изначально правильно, но края наложения картинки на картинку нужно подчистить. Здесь это достаточно сделать обычным инструментом ластик. На панели инструментов выбираем ластик (3) с настройками, как на скрине, т.е. мягкая кисть, размер 80 пикселей, жесткость 0(4). Стоим на слое Лебеди и аккуратно проходимся ластиком там, где нужно убрать видимые края наложения.

9. Открываем следующий клипарт и переносим его на рабочую картинку тем же способом, как описано в п. 2 -4. Исходник:

10. Картинку, после того, как перенесете ее, нужно будет увеличить. Повторите все действия п. 7. Передвиньте картинку до конца вправо с помощью того же инструмента Перемещение.

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

12. Фоновый слой будем заливать градиентом. Для этого нам необходимо выбрать с картинки 2 подходящих цвета. Берем инструмент Пипетка (6) и щелкаем по любому, какой нравится оттенку голубого на картинке.  На панели инструментов, в палитре цветов (7) появился наш оттенок. Затем нажимаем на круглую стрелочку возле инструмента Палитра цветов, квадратики поменялись местами и выбираем пипеткой второй цвет. Я взяла светлый оттенок коричневого. Теперь у нас  в палитре видны 2 оттенка.

13. Если у вас на панели инструментов видно ведерко, а не градиент, нужно нажать на маленький черный треугольник справа от значка и в выпавшем окне выбрать инструмент Градиент (8). На верхней панели автоматически в окошке появится цветовая гамма вашего градиента (9). Берем инструмент Градиент (8) со следующими настройками (10) и, зажав левую клавишу мыши, проводим линию от правого нижнего угла до левого верхнего. Видим, что нижний слой на панели окрасился нашим градиентом и прозрачные края у картинки исчезли.

 Кстати, забыла слои с Парой и Фоном переименовать. Сделайте это так же, как в п.7.  Фон мы сделали, но на фоне теперь четко виден левый край картинки с парой. Его надо размыть. Встаем на слой с парой, берем ластик с теми же настройками, как в п.8 и аккуратно проходим по этой полосе. Наш коллаж почти готов. Давайте добавим резкости картинке с  Парой. Для этого идем в верхней панели в Фильтр - Усиление резкости - Резкость+. Пара стала выглядеть реалистичнее.

14. Теперь для коллажа нужно сделать рамочку. Создаем новый слой, переименовываем его в Фон1 и повторяем действия п.11.  Затем, стоя на новом слое, ( он у нас самый нижний), идем на верхней панели в Изображение - Размер холста, выбираем в выпавшем окне пиксели и добавляем ширине и высоте по 40 пикселей. Вокруг коллажа образовалась прозрачная рамка.

15. Для заливки рамочки я выберу пипеткой с картинки более синий оттенок, вы можете выбрать любой, какой хотите. Берем инструмент заливка (ведерко на панели инструментов) и заливаем нашу рамочку. Не забывайте, что стоять при этом нужно на самом нижнем созданном прозрачном слое. Вокруг коллажа появилась окантовка, но мы видим, что на часть окантовки перешел слой с клипартом и справа и внизу она потеряла свой цвет из-за этого наложения. С одной стороны вроде ерунда, мелкий недочет, но в работе привыкайте все доводить до возможного совершенства. 

16. Поэтому мы будем сейчас очищать рамочку от лишних наложений. Для  того, чтобы стереть ластиком лишнего, мы проделаем следующие действия: Отключаем глазик на нижнем слое Фон 1, встаем на слой Фон, клик правой кнопкой и в выпавшем окне выбрать объединить видимые. Теперь включите глазок на Фоне1. В панели слоев у нас 2 слоя. Переименуйте верхний слой с картинкой в Коллаж для удобства. Встаем на слой Коллаж, идем в Выделение - Загрузить выделенную область. В выпавшем окне нажимаем Ок.  Побежали муравьи. Снова идем в Выделение - Инверсия. Наша окантовка выделилась полностью. Теперь берем жесткий ластик и спокойно стираем все лишнее, не повредив саму картинку. Выделение - Отменить выделение.

17.  Теперь придадим нашей рамке немного объема. Для этого идем в панели слоев вниз и нажимаем значок fx, в выпавшем окне нажимаем Параметры наложения и в левой колонке окна выбираем Тиснение. Можно оставить  стандартные настройки, хотя вы можете поэкспериментировать и поиграть бегунками, что-то добавит, что-то убавить. Можно после этого попробовать наложить Текстуру, если у вас загружены узоры в фотошоп.

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

19. Текстуру можно наложить еще с помощью встроенных фильтров фотошопа. Идем Фильтры - Текструра - Текструтизатор.

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

Итак, мы с вами сделали сегодня самый простой коллаж. В этом уроке фотошопа я не стала знакомить вас с более сложными возможностями создания коллажей.  Если я пойму по вашим отзывам и пожеланиям, что вам это нужно и интересно, вот тогда и поговорим  о том, чему бы вы еще хотели научиться. Теперь осталось только подписать наш коллаж. Берем инструмент текст, выбираем Текст и в уголке пишем свое имя или ник. На текст можно еще наложить какой-нибудь стиль, чтобы он смотрелся объемнее. Да, забыла сказать: кого устраивает этот размер 740-540 пикселей, сохраняйте как есть - Файл - Сохранить как - формат  лучше JPEG, но обычно стандартный размер коллажа по ширине принято делать на 700 пикселей, поэтому зайдите в Изображение - Размер изображения и выставьте там по ширине 700 пикселей. Картинка уменьшится. Вот наш КОЛЛАЖ ЛЕБЕДИНАЯ ВЕРНОСТЬ:

 Успехов вам в освоении фотошопа!

Скачать урок фотошопа Лебединая верность можно бесплатно, с Яндекс Диска.

 




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







22 коммент. к Уроки фотошопа. Коллаж. Лебединая верность

  1. Надежда 2012-04-14 в 11:25

    Спасибо Оленька за подробный урок!

    Ответить
  2. ГАЛИНА 2012-04-14 в 11:36

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

    Ответить
  3. ГАЛИНА 2012-04-14 в 11:42

    я создала папку в письмах …назвала учимся делать коллажи и теперь я не потеряю..спасибо за урок..я в восхищении…

    Ответить
  4. галина бондаренко 2012-04-14 в 13:19

    Оль,а я сегодня научилась пользоваться ластиком и кисточкой…но у тебя урок действительно учебный …даже я такой дилетант соображаю…а до этого все уроки прочла фш -для профессионаловСпасибо!!!Заинтересовнна в продолжениии

    Ответить
    • галина бондаренко 2012-04-15 в 09:42

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

      Ответить
  5. Володя 2012-04-14 в 14:08

    СПАСИБО большое ОЛЯ за все чего ты делаешь !!! Всего доброго тебе !!!

    Ответить
  6. Зоя Кучинская 2012-04-14 в 14:14

    Спасибо Оленька за хороший урок!

    Ответить
  7. Ольга Коновалова 2012-04-14 в 15:09

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

    Ответить
  8. Людмила 2012-04-14 в 15:14

    Огромнейшее спасибо от «чайников»!!!!!

    Ответить
  9. Лика 2012-04-14 в 16:44

    красиво

    Ответить
  10. Svetli 2012-04-14 в 21:10

    Просто и понятно, молодчина, многим пригодится, что ж я буду делать без пальцев

    Ответить
    • Svetli 2012-04-15 в 06:55

      Загипсуют три пальца и руку до локтя

      Ответить
  11. Алёна 2012-04-15 в 04:50

    Спасибо огромное!!!Я понимаю-труд адский и времясъедающий…Но —-какой нам подарок!!!!!Еще раз—ОГРОМНОЕ СПАСИБО!!

    Ответить
  12. елена 2012-04-15 в 11:24

    спасибо олечка ну очень подробно все описано ты всегда все хорошо объясняешь

    Ответить
  13. Валентина 2012-04-15 в 12:09

    Спасибо большое за урок, попробую сделать

    Ответить
    • Валентина 2012-04-18 в 18:05

      Спасибо ,Олечка, замечания учту, буду учиться

      Ответить
  14. Татьяна 2012-04-15 в 12:37

    Спасибо! Труд огромный, но и урок замечательный! Обязательно воспользуюсь… Со Светлой Пасхой Вас!!!

    Ответить
  15. Светлана 2012-04-15 в 15:44

    Красота!И главное поэтапно написали,не пожалели времени! Огромное спасибо за урок!

    Ответить
  16. Евгений 2012-09-28 в 08:14

    Спасибо Оля. Все понятно. Я сделал.
    Евгений приглашает в гости Советы от звездMy Profile

    Ответить
    • Ольга 2012-09-28 в 10:17

      Ну так покажи уже работу-то?

      Ответить
  17. Надежда 2015-01-27 в 10:10

    Молодец Оленька! Хороший урок! Жаль, что когда я начинала изучать ФШ, у меня не было такого урока! :rose: :rose: :rose: :rose:

    Ответить
    • Ольга 2015-01-27 в 15:38

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

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

:bye:  :good:  :negative:  :scratch:  :wacko:  :yahoo:  B-)  :heart:  :rose:  :-)  :whistle:  :yes:  :cry:  :mail:  :-(  :unsure:  ;-)