![](//s019.radikal.ru/i632/1203/b6/d6c339f1eb8e.png)
Продолжаем изучать программу на примере
создания коллажа - приветствия для блога
Мы уже делали коллажи в Photo Editor Online
подробный урок на эту тему здесь
Сегодня я хочу рассказать о тех функциях программы,
которые в предыдущих уроках не рассматривались.
Прежде чем начать, хочу поблагодарить ~Svetlanu~
поскольку именно она научила меня этому приёму.
Спасибо большое!
Ну а теперь давайте начнём...
Что бы Вам не искать элементы будущего коллажа,
предлагаю в качестве примера воспользоваться моими
картинками.
Картинки должны быть в формате PNG т.е.
на прозрачном фоне.
Вот, что нам понадобится:
1.
![](//i054.radikal.ru/1203/60/4b26aeee181a.png)
2.
![](//i024.radikal.ru/1203/eb/5636ab2ad695.png)
3.
![](//s019.radikal.ru/i624/1203/a5/fe0112c96c87.png)
4.
![](//i060.radikal.ru/1203/04/19cb2c136365.png)
5.
![](//s05.radikal.ru/i178/1203/93/6b5731db42df.png)
6.
![](//s017.radikal.ru/i407/1203/bd/dcec83760fef.png)
7.
![](//s019.radikal.ru/i617/1203/41/30b84a3f0f25.png)
Свою надпись Вы можете создать здесь
Сохраните все элементы себе на компьютер.
(правой кнопкой мыши кликнуть на изображение -
сохранить картинку как...)
Теперь переходим в Photo Editor Online
Выбираем создать новый рисунок и выставляем параметры
как на скрине![](//i067.radikal.ru/1203/4e/b6af068c7dad.png)
Далее идём слой - открыть изображение как слой
![](//s019.radikal.ru/i608/1203/85/7dd36420633b.png)
и загружаем картинку №1(пейзаж)
Повторяем процесс, слой - открыть изображение как слой
Берём картинку №2 (окошко). Я хочу его чуть - чуть увеличить.
Иду редактировать - Free transform...
![](//s019.radikal.ru/i602/1203/99/704cb52d565e.png)
изображение выделется, цепляю мышкой за синие точки
и тяну его как мне нравится, до нужного размера.
![](//s019.radikal.ru/i624/1203/80/af3b0ded52e5.png)
Когда размер устраивает, жмём на пустом месте,
появится окошко в котором нужно подтвердить свои действия - жмём.
![](//s019.radikal.ru/i607/1203/c8/e0396a44c94d.png)
Так же я могу зайти в раздел Коррекция и настроить там
яркость и контраст изображений, цветовой тон и насыщенность,
а так же сбалансировать цвета изображений.
![](//s019.radikal.ru/i638/1203/6e/01f52b0faf05.png)
![](//s018.radikal.ru/i520/1203/49/6bd1a0015563.png)
Затем идём в слой - объеденить видимые слои.
![](//s019.radikal.ru/i638/1203/78/26ec523042e4.png)
После этого и окошко и пейзаж стали единой картинкой.
![](//s019.radikal.ru/i641/1203/99/98cb4e0680ce.png)
Снова идём слой - открыть изображение как слой
и открываем опять картинку №1(пейзаж)
Картинка легла поверх нашего уже слитого изображения,
а нам надо, что бы она была снизу.
Идём слой - переместить слой вниз
![](//s019.radikal.ru/i644/1203/b7/275eee8a866c.png)
Дальше идём редактировать - Free transform...
и трансформируем нижний пейзаж как у меня на скрине
![](//s019.radikal.ru/i611/1203/c2/e46cb1f33ec1.png)
Кликаю мышкой на свободном месте и подтверждаю действие.
![](//s61.radikal.ru/i171/1203/5a/d3a1e946b96a.png)
Беру инструмент выделение. Этим инструментом будем
делать рамку. Я возьму прямоугольное выделение,
но если кто то захочет сделать круглую рамку берите овал,
в остальном всё тоже самое, что и с прямоугольным.
![](//s019.radikal.ru/i613/1203/31/906f990d49ad.png)
Выделяю рамку как на скрине и иду редактировать - вырезать.
![](//s019.radikal.ru/i630/1203/3f/0323154e162f.png)
Затем повторяю действие, но рамку выделяю чуть больше
предидущей
![](//s019.radikal.ru/i629/1203/ea/8f1c0165f805.png)
Теперь внимание!
Прежде чем вырезать вторую рамку идём
редактировать - инвертировать выделение
![](//s019.radikal.ru/i629/1203/51/cfc448096915.png)
Ну вот рамка и готова, надо бы придать ей объёма.
Идём слой - стили слоёв
![](//s019.radikal.ru/i625/1203/a0/e8055b1ea2fd.png)
![](//s019.radikal.ru/i620/1203/00/8329563c9319.png)
Если нужно переместить рамку, не забудте
про инструмент перемещение.
Ещё хочу сказать про стили слоёв.
Если в процессе работы, что то перестанет устраивать,
например края начнут выступать искажая тенями
форму коллажа, в любой момент можно зайти в стили
и снять одну из галочек.
Далее идём слой - объеденить видимые слои.
Дальше идём слой - открыть изображение как слой
и открываем картинку №3 (занавеска)
Картинка очень большая, да к тому же открылась нижним
слоем. Идём слой - переместить слой вверх.
После этого идём редактировать - Free transform...
и трансформируем картинку до нужного размера, так
что бы приладить её на окно.
![](//s019.radikal.ru/i615/1203/86/aae10b806439.png)
Опять идём слой - открыть изображение как слой
и открываем картинку №4
Инструментом перемещение прилаживаем картинку
куда хотим и снова объеденяем видимые слои.
Опять идём слой - открыть изображение как слой
и открываем картинку №5( световой эффект)
Перемещаем слой с картинкой вниз, если надо трансформируем
прилаживаем где нравится и идём объеденять видимые слои.
Коллаж почти готов, осталось только добавить надпись.
Опять идём слой - открыть изображение как слой
и открываем первую часть надписи. После того как пристроили её
и объеденили с предыдущими слоями открываем вторую
часть надписи, пристраиваем и уже окончательно
объеденяем все слои.
Последний штрих
![](//s019.radikal.ru/i616/1203/bd/241eb2b2ba11.png)
Идём файл - сохранить, сохраняем как на скрине.
![](//s44.radikal.ru/i105/1203/7b/a4433cffefdd.png)
В блог добавляем ссылку радикал №6 (картинка в тексте)
Коллаж получится больше чем здесь.
Пршу прощения за граматическую ошибку в скринах
Слово предидущий написано неправильно.
Правильно писать предыдущий.
![](//s019.radikal.ru/i640/1203/b8/7e0e81ae9113.png)
для сообщества
![](//s019.radikal.ru/i618/1203/34/da8cd1884e6e.png)
|
|