С миру по нитки: УРОКИ от ВИКТОРИИ!

понедельник, 27 марта 2017 г.

УРОКИ от ВИКТОРИИ!

Делаем подставочку под видео
без фотошопа

Многим очень нравятся всякие декоротивные "штучки"
сделанные в фотошопе.
Я, в свою очередь, поддавшись массовой фотошопомании
обучилась нескольким приёмам и подумала:
а нельзя - ли, сделать тоже - самое, но без фотошопа?

Можно!
Поможет в этом сайт Photo Editor Online
Итак, сегодня делаем стильную подставочку под видео.
Для начала нам надо найти в инете подходящее изображение
телевизора из которого мы сделаем подставочку.
Например здесь можете подобрать
подходящую картинку и сохранить к себе на компьютер.
Затем идём на сайт, Photo Editor Online
выбираем - создать новый рисунок и задаём параметры как
на скриншотах.

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

Белый фон исчез, но осталась некрасивое серое пятно

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

Кого то может не устроят размеры, идём - редактировать - Free distort...
и трансформируем картинку.
Затем, займёмся декором, идём - фильтр - виньетирование.
Здесь можно поиграть с цветом и размером эффекта.

Теперь мне хотелось бы добавить какой нибудь декор.
Идём - слой - открыть изображение как слой.
Выбираем у себя на компьютере любые декоротивные элементы
и размещаем на подставочке.
Внимание
Декор не должен вылезать сверху за пределы подставки.
Если возникнет необходимость, декор можно трансформировать
(помните как, редактировать - Free distort...)
или перемещать (инструмент - перемещение)
Если вы выполнили действие, но вас, что то не устроило -
идём - редактировать - отменить.
Если вас в вашей подставке всё устраивает, жмём -
файл - сохранить
Сохраняем в формате PNG

Готовую подставочку вставляем в формулу
(скопируй код из окошка)

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

Мы уже делали коллажи в Photo Editor Onlineподробный урок на эту темуздесьСегодня я хочу рассказать о тех функциях программы,которые в предыдущих уроках не рассматривались.Прежде чем начать, хочу поблагодарить~Svetlanu~поскольку именно она научила меня этому приёму.Спасибо большое!Ну а теперь давайте начнём...Что бы Вам не искать элементы будущего коллажа, предлагаю в качестве примера воспользоваться моими картинками.Картинки должны быть в формате PNG т.е.на прозрачном фоне.Вот, что нам понадобится:1.

Свою надпись Вы можете создать здесьСохраните все элементы себе на компьютер.(правой кнопкой мыши кликнуть на изображение - сохранить картинку как...)Теперь переходим в Photo Editor OnlineВыбираем создать новый рисунок и выставляем параметрыкак на скрине

Далее идём слой - открыть изображение как слой

и загружаем картинку №1(пейзаж)Повторяем процесс, слой - открыть изображение как слойБерём картинку №2 (окошко). Я хочу его чуть - чуть увеличить.Иду редактировать - Free transform...

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

Когда размер устраивает, жмём на пустом месте, появится окошко в котором нужно подтвердить свои действия - жмём.

Так же я могу зайти в раздел Коррекция и настроить тамяркость и контраст изображений, цветовой тон и насыщенность, а так же сбалансировать цвета изображений.

Затем идём в слой - объеденить видимые слои.

После этого и окошко и пейзаж стали единой картинкой.

Снова идёмслой - открыть изображение как слойи открываем опять картинку №1(пейзаж)Картинка легла поверх нашего уже слитого изображения, а нам надо, что бы она была снизу. Идём слой - переместить слой вниз

Дальше идём редактировать - Free transform...и трансформируем нижний пейзаж как у меня на скрине

Кликаю мышкой на свободном месте и подтверждаю действие.

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

Выделяю рамку как на скрине и иду редактировать - вырезать.

Затем повторяю действие, но рамку выделяю чуть больше предидущей

Теперь внимание!Прежде чем вырезать вторую рамку идёмредактировать - инвертировать выделение

Ну вот рамка и готова, надо бы придать ей объёма.Идём слой - стили слоёв

Если нужно переместить рамку, не забудте про инструмент перемещение.Ещё хочу сказать про стили слоёв.Если в процессе работы, что то перестанет устраивать,например края начнут выступать искажая тенямиформу коллажа, в любой момент можно зайти в стилии снять одну из галочек.Далее идём слой - объеденить видимые слои.Дальше идём слой - открыть изображение как слойи открываем картинку №3 (занавеска)Картинка очень большая, да к тому же открылась нижнимслоем. Идём слой - переместить слой вверх.После этого идёмредактировать - Free transform... и трансформируем картинку до нужного размера, так что бы приладить её на окно.

Опять идём слой - открыть изображение как слойи открываем картинку №4Инструментом перемещение прилаживаем картинкукуда хотим и снова объеденяем видимые слои.Опять идём слой - открыть изображение как слойи открываем картинку №5( световой эффект)Перемещаем слой с картинкой вниз, если надо трансформируемприлаживаем где нравится и идём объеденять видимые слои.Коллаж почти готов, осталось только добавить надпись.Опять идём слой - открыть изображение как слойи открываем первую часть надписи. После того как пристроили еёи объеденили с предыдущими слоями открываем вторуючасть надписи, пристраиваем и уже окончательнообъеденяем все слои.Последний штрих