Урок в online-image-editor.

Воскресенье, 22 Июля 2018 г. 14:14 + в цитатник

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

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

Чайник чайнику... ну сами знаете)) сляпаем открытку вместе))

Пробую продолжить уроки для сайта http://www.online-image-editor.com/ . Задача непростая, пример должно быть простым, чтобы с ним могли справиться новички, но что-то в нем должно быть интересно и "опытным бойцам". Давайте попробуем сделать открытку, ведь кое-чему уже научились при наложении маски, теперь чуть-чуть расширим познания. Возьмем вот такую картинку в png (на прозрачном фоне), их называют "силуэтами", а еще "вытыканками" (при желании найдете много на яндекс-картинках, если в поисковую строку введете СИЛУЭТ+ВЫТЫКАНКА НА ПРОЗРАЧНОМ ФОНЕ, он вам столько всего выдаст!!!), а пока будем работать с этим... (размер 500х500)

Попробуем сляпать открыточку к 23 февраля. Идея проста: я поздравляю- и значит женский образ, праздник- значит ярко + военные детали и надпись-поздравлялка.
Поехали, заходим на сайт (см.ссылку выше) и загружает силуэт

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

Теперь выберем яркую картинку-накладку...(размер 500х359 и горизонталка, но ничего, повернем и будет вертикалка)

Загружаем верхним слоем и выясняем, что надо повернуть (нижним ползунком) и увеличить (верхним) так, чтобы нижний силуэт был закрыт.

В нижнем окошке выбираем транспорент и сохраним.

Получится как-то так...

Сохраним тетеньку к себе в папочку (наводим курсор и правой СОХРАНИТЬ КАК), она будет у нас выглядеть вот так...

8+.png

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

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

10-канва.png

Теперь в рабочем поле сайта у нас прозрачный фон, делаем надпись...

Выбираем величину букв текста, цвет, решаем нужна нам окантовка или нет и если нужна, то выбираем цвет и ширину окантовки. Теперь выбор шрифта, жмем на леечку и нам откроется поле выбора шрифтов, кириллицы вы там не увидите, но одна треть читает русский текст, поиграйте и убедитесь в этом. Пишем текст, шрифт выбран, окантовка тоже. Пишем "ПОЗДРАВЛЯЮ" и сохраняем.

Теперь напишем "С 23", но оказывается, что писать можно не только по горизонтали, но и по вертикали- каждая буква строчкой ниже, напишем... нажмем на превью-просмотр и надпись появится в поле, поправим ее курсором в нужное место...

Теперь у нас ПОЗДРАВЛЯЮ С 23, надо дописать "февраля", поиграем: поменяем шрифт, цвет текста, дадим тень (тень регулируется по степени прозрачности), а вот там, где стоят мною поставленные 3 восклицательных знака, есть более тонкая регулировка, она будет интересна более опытным товарищам, тень можно не только уплотнить, но еще есть несколько режимов, но это уже будете смотреть сами, а мы продолжим.. так вот, текст оказывается можно выгнуть и вогнуть, все зависит от галочек, которые поставим и еще зададим угол и он определит насколько крутой будет наша дуга-текст, смотрите... поправим курсором на нужное нам место и не забываем сохранять результат))

Смотрим и видим, что полно пустого места, оно нам не нужно, отрежем лишнее... и сохраним в папочку рядом с силуэтом.

Теперь у нас сделаны 2 части и надо их объединить. Загрузим силуэт (а для этого удалим сделанную и сохраненную надпись, чтобы сайт снова нам предложил загрузить картинку с компа). Жмем на картинку с сердечком и верхним вторым слоем загружаем сделанную надпись... и упс! оказывает, что места для надписи нет! что делать? добавлять пустое место!

Верхних регистров три. Последний- 2013, вот его эффекты мы и применим, жмем на картинку, которая спрашивает нас- где нам надо пустое место, выбираем положение...

Повторив процедуру можем еще увеличить, а можем пришпандорить надпись и так

Вот, что у нас получилось, но пустовато, не хватает деталей, которые объединят надпись и силуэт

20+.png

Эх, добавлю еще гвоздичку!

Мне нравятся прозрачные, но можно пофантазировать и дать фон прямо продолжая работу над открыткой, тем более, что эту кнопочку мы еще не нажимали!

Вот и нет у нас прозрачного фона, а вместо него плотный и цвет которого мы сами подобрали

Осталось совсем немного, продолжаем играть с кнопкой рамки и... добавим 4 синий-сохраним и добавим толщину 6 цвета фона-сохраним... ну пусть еще салют будет! вот!

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

Ваша Ирина N

Серия сообщений "Online Image Editor":
Часть 1 - Разделитель в программе Free Online Image Editor.
Часть 2 - Украшаем без фотошопа легко и быстро!
...
Часть 12 - Делаем рамочку в Онлайн фото редактор - Free Online-Image-Editor
Часть 13 - Кнопки в Онлайн фоторедактор - Free Online-Image-Editor без знаний ФШ( урок от VETA)
Часть 14 - Урок в online-image-editor.
Часть 15 - Ма-а-а-ленький урок...ну совсем малюсенький!
Часть 16 - Бродилочка в Онлайн фоторедактор - Free Online-Image-Editor без знаний ФШ
Часть 17 - Урок-как быстро сделать открытки в Free Online Image Editor.
Часть 18 - КАК КРАСИВО ПОДПИСАТЬ КАРТИНКУ БЕЗ ФШ. УРОК 1.

Метки: эдитор

<a href="https://www.liveinternet.ru/users/tapioka/post438077378/">РЈСЂРѕРє РІ online-image-editor.</a><br/>Р§Р°Р№РЅРёРє С‡Р°Р№РЅРёРєСѓ... РЅСѓ СЃР°РјРё Р·РЅР°РµС‚Рµ)) СЃР»СЏРїР°РµРј РѕС‚РєСЂС‹С‚РєСѓ РІРјРµСЃС‚Рµ))

РџСЂРѕР±СѓСЋ РїСЂРѕРґРѕР»Р¶РёС‚СЊ СѓСЂРѕРєРё РґР»СЏ СЃР°Р№С‚Р° http://www.online-image-editor.com/ . Р—Р°РґР°С‡Р° РЅРµРїСЂРѕСЃС‚Р°СЏ, РїСЂРёРјРµСЂ РґРѕР»Р¶РЅРѕ Р±С‹С‚СЊ РїСЂРѕСЃС‚С‹Рј, С‡С‚РѕР±С‹ СЃ РЅРёРј РјРѕРіР»Рё СЃРїСЂР°РІРёС‚СЊСЃСЏ РЅРѕРІРёС‡РєРё, РЅРѕ С‡С‚Рѕ-С‚Рѕ РІ РЅРµРј РґРѕР»Р¶РЅРѕ Р±С‹С‚СЊ РёРЅС‚РµСЂРµСЃРЅРѕ Рё "РѕРїС‹С‚РЅС‹Рј Р±РѕР№С†Р°Рј". Р”Р°РІР°Р№С‚Рµ РїРѕРїСЂРѕР±СѓРµРј СЃРґРµР»Р°С‚СЊ РѕС‚РєСЂС‹С‚РєСѓ, РІРµРґСЊ РєРѕРµ-С‡РµРјСѓ СѓР¶Рµ РЅР°СѓС‡РёР»РёСЃСЊ РїСЂРё РЅР°Р»РѕР¶РµРЅРёРё РјР°СЃРєРё, С‚РµРїРµСЂСЊ С‡СѓС‚СЊ-С‡СѓС‚СЊ СЂР°СЃС€РёСЂРёРј РїРѕР·РЅР°РЅРёСЏ. Р’РѕР·СЊРјРµРј РІРѕС‚ С‚Р°РєСѓСЋ РєР°СЂС‚РёРЅРєСѓ РІ png (РЅР° РїСЂРѕР·СЂР°С‡РЅРѕРј С„РѕРЅРµ), РёС… РЅР°Р·С‹РІР°СЋС‚ "СЃРёР»СѓСЌС‚Р°РјРё", Р° РµС‰Рµ "РІС‹С‚С‹РєР°РЅРєР°РјРё" (РїСЂРё Р¶РµР»Р°РЅРёРё РЅР°Р№РґРµС‚Рµ РјРЅРѕРіРѕ РЅР° СЏРЅРґРµРєСЃ-РєР°СЂС‚РёРЅРєР°С…, РµСЃР»Рё РІ РїРѕРёСЃРєРѕРІСѓСЋ СЃС‚СЂРѕРєСѓ РІРІРµРґРµС‚Рµ РЎРР›РЈРРў+Р’Р«РўР«РљРђРќРљ... <a href="https://www.liveinternet.ru/users/tapioka/post438077378/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Цитатник

-Ссылки

-Видео

-Музыка

-Я - фотограф

-Подписка по e-mail

-Поиск по дневнику

-Фотоальбом

-Приложения

-Резюме

Савченко Татьяна

-Новости

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

Урок в online-image-editor.