Бесплатный
графический редактор


Сайт Родителям о детях








Система Orphus



Картинка в нескольких кадрах

Автор: Андрей Пожарко

Добавлено: 2008-12-20


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

Теперь нужно создать еще один слой размером 300х250 пикселей с белым или еще лучше - прозрачным фоном. Мы назовем его Рамка1.

Выберем Плоскую заливку  (Shift+B) и зальем этот слой каким-нибудь цветом или текстурой. Тип заливки будет определять, как будут выглядеть рамки фотографий, поэтому цвет выбирайте на свое усмотрение. Мы же выбрали Заливку текстурой и текстуру Ice из стандартного набора.

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

Создадим несколько дубликатов слоя Рамка1 и назовем их соответственно Рамка2 и т.д. Порядок слоев пока значения не имеет. Мы создали всего 5 слоев с рамками. (Чтобы скопировать слой достаточно нажать кнопочку под списком слоев или клавиши Shift+Ctrl+D). Все слои с рамками у нас оказались один под другим, поэтому мы выбираем инструмент Перемещение  (M) и разместим наши рамки по всему изображению. Сразу бросается в глаза, что рамки лежат слишком уж ровно, поэтому мы приведем их в творческий беспорядок инструментом Вращение  (Shift+R).

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

Теперь начинаем самое интересное! Щелкните правой кнопкой мыши на одном из слоев Рамка и в контекстном меню выберите Альфа-канал в выделение (то же самое доступно в меню Слой - Прозрачность). Вокруг выбранной рамки на изображении появится выделение. Теперь уменьшите его на 10 пикселей через меню Выделение - Уменьшить. Контур выделения должен стать чуть меньше. Смело нажимайте клавишу Delete, тем самым удалив внутреннюю часть рамки. Не снимая выделения переходим на слой с фотографией, у нас это слой Фон, и копируем выделенную часть изображения Ctrl+C (Правка - Копировать). Снова возвращаемся на тот же слой с подготовленной рамкой и жмем Ctrl+V (Правка - Вставить). Проделав те же манипуляции с остальными рамками получим следующее:

Теперь можно отключить видимость слоя с фотографией нажав слева от названия слоя или вообще удалить этот слой. А вместо него создадим новый слой на который вы сможете поместить какую-нибудь подложку, например изображение стола, на котором должны лежать наши фотографии. Нам же лень было искать подложку, поэтому мы состряпали ее на тяп-ляп залив новый слой текстурой Wood инструментом Плоская заливка  (Shift+B).

 Вот какая у нас получилась подложка:

Для пущей реалистичности добавим к нашим фотокарточкам тень любым удобным способом. Мы выбрали самый легкий - меню Фильтры - Свет и тень - Отбрасываемая тень.

Должно получиться где-то так:

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

Теперь ту же операцию по созданию тени нужно проделать с остальными рамками. Это очень удобно можно сделать через меню Фильтры - Повторить "Отбрасываемая тень" или еще проще - Ctrl+F. Что может быть проще - выбрали слой с рамкой, нажали Ctrl+F и тень появилась с теми же параметрами.

Не плохо, но все же смотрится немного плосковато. Для большей реалистичности можно добавить эффект освещения. Мы для этого  создали еще один слой поверх всех слоев и залили его цветом #5d492b. Далее мы к этому слою применили фильтр Освещение, который находится в меню Фильтры - Свет и тень. Вот настройки, которые мы использовали:

 

 

Последние две вкладки Карта рельефа и Карта окружения мы не использовали. Получили вот что:

Теперь для этого слоя мы поставили Режим смешивания - Объединение зерна и непрозрачность - 35%.

И вот конечный результат:

 


Вот еще вариант:

 

 

Просмотров: 52182




 

 

Ваши комментарии     



Елена       12.02.2009 - 14:29       Ссылка      

огромное спасибо за этот урок!! очень легко и просто!!


ingvar       16.02.2009 - 14:59       Ссылка      

вот, но по-моему слишком узкое изображение


Андрей Пожарко       16.02.2009 - 16:55       Ссылка      

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


ingvar       16.02.2009 - 22:05       Ссылка      

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


SinteZ       30.03.2009 - 19:05       Ссылка      

Отличная статья! Автор-Молодец!!!


Андрей Пожарко       30.03.2009 - 21:15       Ссылка      

Спасибо за поддержку, приятно smile ! Работа ваша понравилась.


екатерина       01.04.2009 - 01:37       Ссылка      

спасиба)) мне очень понравилась!!


Алина       01.04.2009 - 19:06       Ссылка      

Спасибо, все просто и понятно


SinteZ       01.04.2009 - 19:24       Ссылка      

Алина, интересная работа! Андрей Пожарко, это моя первая серьёзная работа в GIMP (Остальные были просто переконвертировать в другой формат (В фотошопе не работал saveforweb) и нарисовать какую-нибудь фигню)


green       05.04.2009 - 18:07       Ссылка      

Можно делать любую рамку: 1. добавляем изображение с предполагаемой рамкой как слой: из файла и выделяем контур (ножницами или ...), или чистый и сами выделяем контур) 2. выделение+ инвертировать и удаляем все лишнее. 3. опять выделение+инвертировать, а дальше как уже рассказано.


Андрей Пожарко       05.04.2009 - 22:02       Ссылка      

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


Андрей       05.05.2009 - 06:37       Ссылка      

СПАСИБО я только начинаю работать с GIMP но на примерах освоить быстрее


Рута       13.06.2009 - 21:34       Ссылка      

спасибо за такой прекрасный урок!!!!!!!!!!!Я новичок в GIMP, и скажу честно получилось у меня все не с первого раза, но все таки получилось!!! Еще раз огромное спасибо


Андрей Пожарко       14.06.2009 - 16:06       Ссылка      

smile рад стараться. Конечно идея этого урока далеко не нова, не я ёё изобретатель. Но все-равно приятно.


Оксана       10.07.2009 - 18:49       Ссылка      

Спасибо большое за урок! Так всё понятно написано!


Юрий       29.08.2009 - 16:52       Ссылка      

спасибо!!!


Эммилина       26.09.2009 - 15:54       Ссылка      

ребят,у меня тупик. вот на этом шаге:"Теперь можно отключить видимость слоя с фотографией нажав слева от названия слоя или вообще удалить этот слой. А вместо него создадим новый слой на который вы сможете поместить какую-нибудь подложку, например изображение стола, на котором должны лежать наши фотографии. Нам же лень было искать подложку, поэтому мы состряпали ее на тяп-ляп залив новый слой текстурой Wood инструментом Плоская заливка (Shift+B)." Подложка не получается.создаю фон-и заливаю.заливается весь,включая мелкие фоты.становится все однотонным.Никак не разберусь.подскажите,а?


Андрей Пожарко       26.09.2009 - 18:41       Ссылка      

Нужно создать Новый слой (Ctrl+Shift+N), затем в списке слоев переместить его в самый низ и залить чем вам нравится.


VasyOK{!}       05.10.2009 - 02:15       Ссылка      

Я не совсем понял, что значит после "Теперь начинаем самое интересное!" Внутреннюю часть рамки удалил. Перешел на слой Фон. Скопировал. Но после того как вставляю в слоях появляется "Плавающее выделение вставленный слой". И после этого уже не могу перейти на другие слои. Ну не нажимаются они у меня sad


Андрей Пожарко       05.10.2009 - 08:46       Ссылка      

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


Татьяна       09.10.2009 - 14:29       Ссылка      

Спасибо огромное за уроки! У меня отлично вышло!


Жанна       09.10.2009 - 22:10       Ссылка      

А подскажите как можно подложку не просто залить текстурой или цветом, а какое-нибудь изображение ?


Жанна       09.10.2009 - 22:20       Ссылка      

Ой всё, поняла, открыла как слой и вот что получилось.


Елена       29.10.2009 - 20:17       Ссылка      

спасибо за урок, не удержалась тоже от опробования smile добавила текст из другого урока про "золотой" текст


akvilegia       09.11.2009 - 11:45       Ссылка      

Спасибо за урок!Все получилось.Выкладывать пока не буду,еще поэкспериментирую,если что-нибудь интересное сделаю - покажу...


ДаШуНьКа       09.11.2009 - 17:24       Ссылка      

спасибо за урок, но у меня ни как не получается нормально сохранить, чтобы моло весила и имела формат jpeg или gif


ДаШуНьКа       09.11.2009 - 18:14       Ссылка      

УРАААА, я сохранила в нужном формате, я выполнила Вы можете использовать этот диалог для сохранения файлов в формате GIMP XCF. Используйте команду Файл-Экспортировать для экспорта в прочие форматы данных.


Андрей Пожарко       09.11.2009 - 20:41       Ссылка      

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


akvilegia       09.11.2009 - 23:59       Ссылка      

Вот,что пока у меня получилось (это я подруге на день рождения открытку делаю).Еще подпись делать научусь и будет полностью готово.


Татьяна       12.11.2009 - 10:54       Ссылка      

Никак не получается сделать ровные углы рамок по краям фотки.....=(( А так всё супер!! Спасибо! Вы моллодцы!! Всё придельно ясно и доступно!!! smile)


KiberLinka       13.11.2009 - 23:27       Ссылка      

Ochenj horoshij urok!


Енота       17.11.2009 - 06:32       Ссылка      

с освещением не справилась((((( а так все понятно


skratti       19.11.2009 - 13:39       Ссылка      

блин, сделала 1 рамку с фоткой как Вы сказали, а другую рамку выделить потом немогу=( чё за фигня?


Юлия       08.12.2009 - 11:40       Ссылка      

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


Андрей Пожарко       12.12.2009 - 13:56       Ссылка      

Юлия, по первому вопросу - я его не понял smile. Если можно, покажите на картинке, что у вас получается. По второму вопросу - опять таки лучше покажите конкретную картинку, тогда можно будет дать конкретный совет. В GIMP можно одну и ту же задачу выполнить разными способами, но способ зависит от исходных данных.


Юлия       14.12.2009 - 12:16       Ссылка      

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


Наталья wolf       09.01.2010 - 19:48       Ссылка      

Покреативила немного)))))


Мария       21.01.2010 - 01:09       Ссылка      

А у меня вот так получилось)) Спасибо за урок!


Sladkaya       21.01.2010 - 13:39       Ссылка      

Вот что получилось у меня


*       04.02.2010 - 18:22       Ссылка      

как-то так..


Vika       09.02.2010 - 21:26       Ссылка      

Очень хороший урок но только к концу я не совсем поняла как мне добавлять свой фон? когда я открываю новый файл он у меня открывается в новом окне и я не знаю как их соеденить(((


я       17.02.2010 - 14:58       Ссылка      

у мя получается только 1 раз вставить изображение в рамку а потом нельзя что делать?


я       17.02.2010 - 15:00       Ссылка      

хочу сделать как ingvar такую же фотку а не получается кто поможет ?


Gimn       02.03.2010 - 12:38       Ссылка      

Vika попробуй вставить свой фон как новый слой (Файл-Открыть как слои)


юрий       22.03.2010 - 16:52       Ссылка      

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


юриий       22.03.2010 - 16:53       Ссылка      

вот такая вот ерунда....(


Андрей Пожарко       22.03.2010 - 17:08       Ссылка      

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


Дмитрий Иваныч Менделеев       09.04.2010 - 03:33       Ссылка      

А вот мой поход в зоопарк:)


Дмитрий Иваныч Менделеев       09.04.2010 - 04:12       Ссылка      

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


Андрей Пожарко       09.04.2010 - 07:41       Ссылка      

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


Karina       16.04.2010 - 03:07       Ссылка      

А вот что получилось у меня


Karina       16.04.2010 - 03:34       Ссылка      

А вот еще


татьяна       16.04.2010 - 15:39       Ссылка      

ягоды


Татьяна       16.04.2010 - 16:34       Ссылка      

еще цветок


Ольга       27.04.2010 - 11:13       Ссылка      

Андрей, спасибо за урок! Просто здорово!


аноним       08.05.2010 - 09:37       Ссылка      

замечательный урок! Давно хотел научиться этому методу


.Катя.Лето.       23.06.2010 - 13:30       Ссылка      

У меня 2вопроса. 1.В этом шаге- "Мы выбрали самый легкий - меню Фильтры - Свет и тень - Отбрасываемая тень."открываю - меню Фильтры - Свет и тень а "Отбрасываемая тень" там нет почему то. как ещё можно её сделать? и 2."Теперь для этого слоя мы поставили Режим смешивания - Объединение зерна и непрозрачность - 35%." не могу найти, где это находиться?


Андрей Пожарко       23.06.2010 - 22:25       Ссылка      

1. Можете сделать по уроку о свечении, только цвет свечения сделайте серым. 2. Посмотрите внимательно на картинку и поищите слова Режим и Непрозрачность


.Катя.Лето.       24.06.2010 - 08:14       Ссылка      

спасибо) попробую)


Chertenok-62       15.07.2010 - 14:40       Ссылка      

а вот мой результат=))) порадовал=)) и друзья оценили


Александр       24.08.2010 - 10:08       Ссылка      

вот у вас тут ошибка! когда картинки копируем и вставляем в рамки то после слои нужно прикреплять! иначе так как я начинающии но не тупои заметил это!


pingvi       27.08.2010 - 16:53       Ссылка      

огромное спасибо)


Сашка       10.09.2010 - 14:46       Ссылка      

Я не поняла что значит:Не снимая выделения переходим на слой с фотографией, у нас это слой Фон.... Как переходить на другой слой? Меню справа? Я его случайно закрыла(нажала на крестик) и незнаю как его включить... sad sad вы уж,простите.....я начинающая в этом деле,сама осваиваю....уже многое изучила,но с этим не могу справиться, ну ПРОСТО не получается)))) не понимаю как это меню включить х)


Верунчик       18.09.2010 - 15:08       Ссылка      

Всё такое классное!!!!!Я тоже попробовала,только не могу сюда загрузить-весит больше,чем у вас допускается sad.И вообще мне написали,что я какой-то злоумышленник и посягаю чуть ли не на ваше имущество...


Андрей Пожарко       18.09.2010 - 23:35       Ссылка      

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


Андрей Пожарко       18.09.2010 - 23:40       Ссылка      

Верунчик, про имущество - это не всерьез smile .


Еленка       05.10.2010 - 16:09       Ссылка      

У меня ничего не получилось почему то даже с 5 раза


Бадман       21.10.2010 - 10:55       Ссылка      

все получилось smile автору Респект! все понятно и доходчиво! классный сайт!


АНКО       05.11.2010 - 15:24       Ссылка      

У меня тупик тут: Теперь начинаем самое интересное! Щелкните правой кнопкой мыши на одном из слоев Рамка и в контекстном меню выберите Альфа-канал в выделение (то же самое доступно в меню Слой - Прозрачность). Вокруг выбранной рамки на изображении появится выделение. Теперь уменьшите его на 10 пикселей через меню Выделение - Уменьшить. Контур выделения должен стать чуть меньше. Смело нажимайте клавишу Delete, тем самым удалив внутреннюю часть рамки...... Где находится Выделение-уменьшить а точнее так где находится меню?


Андрей Пожарко       05.11.2010 - 16:55       Ссылка      

Меню находится прямо под заголовком окна с изображением. Пункт "Выделение" третий по счету.


Катерина       07.11.2010 - 16:23       Ссылка      

Доброго всем времени суток! Пока у меня получилось вот так. Застряла на последнем пункте. Ка