Ну что, сделаем себе подарок- настоящую тяп-ляпку? а я помогу! тяп-ляпный урок

Четверг, 16 Марта 2017 г. 08:59 + в цитатник

Цитата сообщения iro4kan

Прочитать целиком В свой цитатник или сообщество!

Ну что, сделаем себе подарок- настоящую тяп-ляпку? а я помогу! тяп-ляпный урок))

Напоминаю, дружной толпой премся сюда...http://www.online-image-editor.com/
Загружаем картинку, вот эту...(размер 640х427)
раздел-1.gif

Увидим вот такую картинку на сайте

Горизонтальная нам не интересна, значит увеличиваем вертикальные параметры (вытягиваем ее), напоминаю- снимаем галочку и ставим свои размеры- я поставила 600х727 и не забываем сохранять любые сделанные изменения. Картинка вытянулась и теперь выглядит так...

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

3-обрезка.png

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

я-яя-стимпанк.png

Но ДО ТОГО как нажать на сохранение, задумаемся...картинка будет выглядеть плоской, а ведь девица выйдет на первый план, значит ей необходима тень! курсором подвигали и нашли ей место, первым бегунком слева уменьшили размер и ставим галочку внизу- это значит, что у нас будет тень и сайт приготовился принять команды.
Тень можно ставить изменяя цвета и оттенки и даже делая ее более прозрачной- легкой; подвигайте бегунок и убедитесь сами! а рядом скрещенный инструментик- это более тонкие настройки! с помощью этого инструмента можно сдвинуть тень (двигаем красный маленький квадратик курсором- тень начинает перемещаться. А еще есть замечательное меню, которое предлагает вам выбрать степень жесткости тени: первое название- самая резко очерченная тень, а самое нижнее наименование- очень мягкая рассеянная, я ее обожаю и чаще всего пользуюсь ей, между ними промежуточная плотность тени (поиграйте и убедитесь сами, вам это пригодится при составлении коллажей!)

4-вставка+тень.png

Вот когда все отрегулировали (и сразу все проявляется) и нам понравилось, тогда сохраняем и видим вот такую картинку с тенью... мягкой, едва различимой, а значит очень естественной!

8-стало с тенью.png

Мда...пустоватенько)) что-же еще присобачить? да собаку!!! ну хотя бы эту (она в той-же цветовой гамме, что и девица, должно неплохо смотреться!). Но придется резать собачку, не может она стоять у девицы на поясе, поэтому опустим клипарт и на картинке будет только ее верхняя часть и добавим той-же деликатной тени. Вот теперь красота!

яя-я-собака-2.png

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

10-стала картинка.jpg

Жмем на клавишу РАМКА и нам предлагают выбрать цвет рамки и ее ширину. Мы люди с интеллектом, простой рамкой явно не обойдемся, для первого слоя поставим 5 или 4, а вот для последующих слоев рамки лучше брать 3 или 2, чем меньше цифра тем более плавным будет цветовой переход! а цвет мы возьмем близкий к болотному- он относится к нейтральным цветам, к тому же будет хорошо сочетаться с коричневыми клипарта. Есть еще выбор ТИПА РАМКИ, по умолчанию стоит первое название, именно с ним мы и работаем, а второй и третий- бесцветные, цветовая панель есть, но она не реагирует (попробуйте нижние 2 названия и поймете в чем разница между ними)

11-делаем рамку.png

Второй слой делаем и уже и светлей, вот так...

13-2-ой слой рамки.png

Теперь у нас есть 2 слоя, добавим коричневатого, чтобы рамка перекликалась с гаммой клипарта)) придется брать другой цвет...

14-3-ий слой рамки.png

Вот что у нас получилось, очень даже ничего, но хотелось бы чего-то объединяющего фон картинки и клипарт... занавеску какую-то что-ли!

14-готово.jpg

Вот и занавесочка и красивая! жаль не видна- прозрачная, придется при наложении дать тень, она выделит складочки и рисунок и вы увидите ее тогда (при наложении бегунками отрегулируйте размер и положение, дайте тень)

я-вуаль-красиво.png

Вот что у нас получилось, нежность вуали и зонтика контрастируют с жесткостью стиля стимпанк... прикольно!

16-с вуалью.jpg

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

я-класс-2.gif

Вот что у нас получилось (вес- 642 кБт)

16-готово гиф.gif

А можно сделать ее полегче? ну...попробуем! нажмем на клавишу GIF, она предназначена ТОЛЬКО для работы с картинками в формате гиф и слева выберем первую позицию

17-уменьшаем вес.png

Сайт автоматически облегчит и выдаст 2 варианта, внимательно смотрим и чаще всего я выбираю меньшее облегчение зато с сохранением качества

18-выбираем вес.png

И вот результат- 444 кБт, наша картинка готова, а я с вами прощаюсь. На сегодня достаточно!

19-стало с меньшим весом.gif

Ваша Ирина N

Серия сообщений "эдитор":
эдитор
Часть 1 - Учимся вместе. Простая рамочка в Эдитор
Часть 2 - Online Photo Editor
...
Часть 29 - Текст с прокруткой
Часть 30 - Чайник-чайнику или... Делаем гифку сами
Часть 31 - Ну что, сделаем себе подарок- настоящую тяп-ляпку? а я помогу! тяп-ляпный урок
Часть 32 - Чайник чайнику -делаем открытку
Часть 33 - Чайник чайнику - используем маску в картинке
...
Часть 48 - Панель инструментов в Photo editor online
Часть 49 - Эдитор. Градиенты
Часть 50 - Эдитор. Рамочки.