GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   


Создаём коллаж «Фотокнига»

Главная Уроки Создаём коллаж «Фотокнига»

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

Примечания:

  • Лкм и Пкм левая и правая кнопки мыши.
  • Выделения на скриншотах отображаются в виде областей залитых красным цветом.
  • Названия инструментов выделены курсивом.
  • Названия слоёв выделены полужирным начертанием и *звёздочками*.
  • Примечания и маленькие советы приводятся (в скобках).
  • Ключевые действия выделены полужирным курсивом.
  • Названия режимов слоёв и инструментов приведены «в кавычках».

Исходники:

Картинки в Гимпе можно открывать без сохранения на компьютер. Нужно просто скопировать ссылку на изображение и открыть через меню «Файл — Отрыть из сети». Ссылку можно получить при помощи контекстного меню в браузере и пункта «Свойства изображения».

  • Текстура старой бумаги — http://lostandtaken.com/gallery/vvpaper6.html
  • Книга — http://mangorielle.deviantart.com/#/d5izpvx
  • Билеты, этикетка — http://mangorielle.deviantart.com/#/d5izqlr
  • Ракушки — http://mangorielle.deviantart.com/#/d5izq9w
  • Ткань — http://mangorielle.deviantart.com/gallery/40252730#/d5izpny
  • Завитушки — http://mangorielle.deviantart.com/#/d5izqfq
  • Мазки краски — http://mangorielle.deviantart.com/#/d5izpf2
  • Алфавит — http://mangorielle.deviantart.com/gallery/40252730#/d5izp1j
  • Цветы — http://nevseoboi.com.ua/uploads/posts/2010–12/1292767658_w24.jpg
  • Карта Рима — http://www.ice-nut.ru/italy/it_map_rom.jpg
  • Карта Венеции — http://www.evropa.org.ua/data/map/map_venice.jpg
  • Карта острова Капри — http://www.orangesmile.com/common/img_city_maps_560/capri-island-map-0.jpg
  • Панорама Рима — http://www.webturizm.ru/country/pics/1927.jpg (не появиться в финальном результате)
  • Панорама Рима 2 — http://img15.nnm.ru/2/c/5/2/2/b8c9191639f0b672f16768471e8.jpg
  • Вид на Гранд Канал в Венеции — http://zeax.ru/wp-content/uploads/2012/03/05.jpg
  • Фото кофе — http://webphunu.net/sites/default/files/2010–46/do-uong3.jpg
  • Фото (для создания сердечка) — http://img12.nnm.ru/d/2/6/2/e/1d561d30080bc3f55125abbee7c.jpg
  • Сердечко — http://static.tumblr.com/uipdwez/9H8m1axm9/heart.png
  • Ракушка на морском берегу — http://www.good-cook.ru/i/big/1/1/110bcd02e38b0001438585ac43be4e55.jpg
  • Пейзаж острова Капри — http://img1.liveinternet.ru/images/attach/c/2/69/477/69477094_1630067715_CI6uCCICXs.jpg
  • Пейзаж острова Капри 2 — http://www.ladya-tour.ru/images/file/kapri.jpg
  • Остров Капри (в кружочек) — http://turistua.com/pictures/gallery/24398.jpg
  • Круг — http://vasilec.ru/wp-content/uploads/2010/07/рис-13.jpg

Плагины:

Коллаж «Фотокнига»:

Первое что нам понадобится для создания этого изображения, это собственно новый документ. Создаём документ по размеру рабочего стола (Лучше для повышения чёткости получаемого изображения добавить с каждой стороны по 20–30 пикселей).

Открываем как слой фото с книгой. (Файл → Открыть как слои)

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

Теперь с помощью кисточки в режиме «Очистка цвета» (выпадающий список над параметрами инструментов с параметром по умолчанию «Нормальный») зарисовываем белый фон, сохраняя полупрозрачную тень.

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

Для наилучшего результата текстура для штампа берётся из тёмного места, а для лечебной кисти со светлого.

P. S. Не считаю необходимым на данном этапе делать много скриншотов, так как работа творческая и неповторимая у каждого.

Продлим вторую страницу. Для этого копируем слой *книга* и отразим по горизонтали. При помощи свободного выделения выделим страницу и вставим на новый слой. (Для этого я пользуюсь выносом на плавающий слой Выделение → Сделать плавающим. Слой → Плавающее выделение в новый слой. И удаляем слой с обрезками. Хотя также можно вынести на новый слой через «Копировать&Вставить»)

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

Теперь займёмся наложением текстуры старой бумаги для начала откроем текстуру (Файл → Открыть как слои). Дублируем слой с ней (ЛКМ по кнопочке в виде двух слоёв внизу панельки). С помощью перспективы (просто перетягивая уголки бумаги к уголкам книги, задаём нужную перспективу), затем мягким большим ластиком с небольшой непрозрачностью обрисовываем края листиков.

Теперь подгоним цвет книги под цвет старой бумаги. Применим настройки изображённые на скрине.

Теперь, когда цвет книги и бумаги сравнялся и образовал целостную по цвету композицию, мы можем приступить к добавлению изображений в книжку. Для начала откроем все изображения как слои (Файл → Открыть как слои). Начнём редактирование с карт.

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

Теперь масштабом изменяем размер изображения и, потянув за центральную точку (в инструменте масштаб) перемещаем в верхнюю часть левой станицы.

Сейчас нам нужно сделать карте рваный плавно переходящий в бумагу край. Для этого берём ластик (кисть «Sponge 02») и обрисовываем край как на верхнем скриншоте, затем ставим слою режим «Умножение» (ЛКМ в выпадающем списке над панелью слоёв, по умолчанию «Нормальный»), и непрозрачность ~ 31%.

Также поступаем и с другими картами.

Ну вот, теперь можно приступать к выбору фотографий. Наверняка у вас есть какие-то любимые снимки из той или иной поездки — они-то нам и пригодятся! Рекомендую вам выбрать фотографии различных жанров — портреты, крупный план, пейзажи, панорамы, натюрморты. Наверняка у вас, окажется много пейзажных фотографий. Я, так как мои поездки заканчивались Крымом, возьму любительские фото, найденные в интернете (ссылки на них вы найдёте в начале урока).

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

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

Заваленный горизонт легко исправить вращением.

Теперь инструментом перспектива «накладываем» наше фото на книгу.

*После этого шага используется другое изображение (Панорама Рима 2 так как первое мне не понравилось в конечной композиции, а переделывать скриншоты долго и глупо, так как принцип действий одинаков)

Уже с другой картинкой:

Перспектива подогнана неплохо, но вряд ли она получиться идеальной. Для подгонки перспективы просто подрежем края. Создаём 4 слоя и на них тонким карандашом рисуем линии соответствующие краям страницы (Каждую линию на отдельном слое). Перемещением подгоняем рамку под картинку. Сводим слои. Как видим, получилось не совсем ровно. Выделяем волшебной палочкой внутреннюю область между линиями, инвертируем выделение (Выделение → Сделать плавающим) удаляем лишнее нажимая delete. Теперь перспектива идеальна.

Открываем фото Венецианского Гранд канала, и повторяем вышеописанные операции.

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

Приводим фото «кофе» к перспективе остальных объектов.

Открываем фото для сердечка, и само сердечко. Очищаем белый цвет на слое *сердце* так же как убирали белый фон с *книги*, но на этот раз выделение нам не потребуется. Выделяем волшебной палочкой область вокруг сердца и[ i]удаляем его на слое *Венеция*. Сводим 2 слоя.ПКМ по верхнему слою → объединить с пред идущим Перспективой «ложим» сердечко на фон.

Теперь самое время добавить фотографий на вторую сторону книги.

Начнём с ракушки. И повторим манипуляции, проводимые над изображениями на 1 страничке.

Повторим на пейзаже острова Капри.

И на втором тоже

Открываем слой *круг* и *пейзаж для круга* проводим такие же манипуляции как над сердечком.

Результат на данном этапе.

Сводим все картинки в один слой. Применяем коррекцию цвета по кривым с такими настройками

Результат:

Для добавления тени применим стили слоя с настройками со скриншота.

Это немного добавило объёма фотографиям, но они как будто висят в воздухе.

Большим мягким ластиком с непрозрачностью ~20% стираем области, обведённые на скриншоте красными кружками.

Добавим милых завитушек, размещаем нужную завитушку на её месте и подгоняем перспективу (особая точность тут не нужна)два раза дублируем слой запираем альфа каналы (ЛКМ по пиктограмке прозрачного слоя вверху панельки слоёв) у обоих из них. Первый заливаем белым и перемещаем немного вверх, а второй чёрным и немного вниз. Сводим эти 2 слоя и применяем Гауссово размывание ~10 px.

Создадим обводку и тень. Дублируем слой со всеми завитушками. ПКМ по названию слоя → Создать выделение из альфа канала. Идём в Выделение → Увеличить. На 2 пикселя. Заливкой белого цвета в режиме «позади» (выпадающий список с параметром нормальный) заливаем белую обводку, тень создаём по аналогии с фотографиями (только вытирать ничего не нужно).

Открываем изображение с текстом.

Выделяем букву «I» любым способом, идём в Выделение → Сделать плавающим. Так же поступаем и с остальными буквами слова «Italy». Перемещением ставим буквочки в рядок. Теперь с помощью инструмента перспектива вносим слово в композицию. Добавим оранжевый подчерк под буквой. Открываем изображение с мазками краски. Переносим 1 мазок на новый слой так же как делали это с буквами. Перспективой искажаем полоску, ставим поверх всех слоёв с режимом «Только тёмное».

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

Добавим ещё слов, например «Venezia» рядом с фотографией Венеции и «Isle of Capri» возле фото острова.

Описываю только в общих чертах (этапы либо очень лёгкие, либо уже встречались)

Остров Капри: Вынесение букв на отдельный слой, масштаб, перспектива, перемещение, тонирование (со стандартными параметрами).

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

Теперь немного подкорректируем цвет: делаю я это очень просто, создаю слой, и мягкими полупрозрачными кистями и ластиками рисую области изменения цвета. Ставлю слою «Перекрытие» и непрозрачность ~41%.

Теперь добавим маленьких «бирочек», и прочего оформления каждой картинки.

Откроем изображение с билетами. На слое с билетами выделяем надпись «Рим»

Выносим его на отдельный слой. Поворачиваем вращением. «Кладём» на лист книги перспективой. Перемещаем слой под тень от фотографий, также как и фотографиям добавляем тень.

Таким же образом была добавлена эта надпись.

Работа с книгой полностью завершена. Осталось немного — добавить фон.

Открываем фото ткани. Ставим ниже всех слоёв с книгой.

Идём в Цвет → Тонирование и задаём значения по вашему усмотрению, у меня получилось так.

На этом можно и закончить, но я пошла дальше.

Творите, и у вас обязательно всё получиться.


11

В избранном у 11 человек:

Метки: , , , , , , , , , .

Результаты урока

Добавить

Уроки: предыдущий следующий

5 комментариев

0

Пользователь #10320Александр Иванов3 апреля 2013 в 00:34Личное сообщение

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

2

Пользователь #4Андрей Сидоров4 апреля 2013 в 02:22Личное сообщение

Такой скрапбукинг с помощью Гимпа. Очень интересный урок. Хорошо описан и оформлен. Спасибо, Анастасия.

0

Пользователь #11054Kasper Najoff4 апреля 2013 в 22:26Личное сообщение

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

0

Пользователь #10339Юлия Кулиш4 апреля 2013 в 22:40Личное сообщение

Урок неплохой и полезный .Только результат почему-то напоминает мне старые фотоальбомы или это так и задумано? Здесь много практики очень полезно для освоения программы.

1

Пользователь #10095Анастасия Высочина5 апреля 2013 в 07:35Личное сообщение

Этот урок был задуман автором как красивое напоминание о поездке.

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

  • >

Информация по уроку

Другие уроки автора

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

Создаём красивую открытку к 9 мая
Выполнив этот урок вы научитесь создавать красивую открытку с помощью средств Гимпа и плагина Layer Effects.

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

Создаём валентинку "Художник"
Авторский урок по созданию валентинки с имитацией 3D, поможет новичкам овладеть программой.

Разрушаем здание в GIMP
Адаптация фотошопного урока про создание иллюзии разрушения здания.

Кисти

Мишень Перо Перо Tatu1 GIMP Brush Lenta GIMP Brush serdtse GIMP Brush List GIMP Brush GIMP Brush Kist GIMP Brush GIMP Brush GIMP Brush Uzor GIMP Brush Ornament GIMP Brush Pipe GIMP Brush Pipe Blue Prints 1 Blue Prints 2 Blue Prints 3 Blue Prints 4 Blue Prints 5 Blue Prints 6 Blue Prints 7 Blue Prints 8 Blue Prints 9 Blue Prints 10 Blue Prints 11 GIMP Brush Pipe GIMP Brush GIMP Brush GIMP Brush Pipe Феерверк Цветные прямоугольники ягоды Bed Circle Hare GIMP Brush GIMP Brush  Shahmaty Asterisk8 Bow Pepper Матрёшка Turtle Drop Blot Fish Sn0wdrop Hippopotamus Apple Arrow 1 Arrow Fish 1 Fish 2 Fish 3 Fish 4 Fish 5 Fish 6 Fish 7 Fish 8 Fish gold GIMP Brush Leaves 2 Leaves Next Pointer Tulip Vase Trees3 Кнопка Lightning GIMP Brush Pigeon 1 Tree Beams 1 Beams 1 Beams 16 Лучи Branches 1 Branches 2 Corner from leaves 2 Corner from leaves Stars Stars 2 Stars 3 Stars 4 Stars 5 Stars 6 Stars 7 Rainbow Облако Ornament flower Пуговицы Snowflake 1 Snowflake 2 Snowflake 3 fractal2_brush_by_hawksmont3 Heart heart 1 heart 2 heart 3 Heart Сердечко Calligraphic Brush 11 Cupid Circles 3 Circles A love stori First Snow Flover Framework 800x1000 Figures GIMP Brush bananas vase with fruit butterfly 1 butterfly 2 butterfly 3 butterfly 4 butterfly 5 butterfly 6 Mask01 Mask02 Mask03 листья.gbr Mask05 сердечко Mask19 Mask49 Mask67 Mask73 Mask74 Mask83 волны Mask91 лучи Mask92. неоновый круг золотой диск монстер ресурсы фиолетовая кисть slender спиральный круг Кельтбраслет орнамент орнамент 2 орнамент 3 орнамент 4 орнамент 5 орнамент 7 орнамент 8 орнамент 9 орнамент 10 GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Создаём коллаж «Фотокнига»» получил оценку 5.00 на основе 2 голосов.

13876+0
Комментариев

вверх