![0_18a567_1f6395b3_orig.gif 0_18a567_1f6395b3_orig.gif](https://img-fotki.yandex.ru/get/64827/155295907.cfa/0_186585_a440045f_orig.gif)
Пробую продолжить уроки для сайта http://www.online-image-editor.com/ . Задача непростая, пример должно быть простым, чтобы с ним могли справиться новички, но что-то в нем должно быть интересно и "опытным бойцам". Давайте попробуем сделать открытку, ведь кое-чему уже научились при наложении маски, теперь чуть-чуть расширим познания. Возьмем вот такую картинку в png (на прозрачном фоне), их называют "силуэтами", а еще "вытыканками" (при желании найдете много на яндекс-картинках, если в поисковую строку введете СИЛУЭТ+ВЫТЫКАНКА НА ПРОЗРАЧНОМ ФОНЕ, он вам столько всего выдаст!!!), а пока будем работать с этим... (размер 500х500)
![1+.png 1+.png](https://img-fotki.yandex.ru/get/6820/155295907.cf9/0_186500_c8a73f3_orig.png)
Попробуем сляпать открыточку к 23 февраля. Идея проста: я поздравляю- и значит женский образ, праздник- значит ярко + военные детали и надпись-поздравлялка.
Поехали, заходим на сайт (см.ссылку выше) и загружает силуэт
![1.png 1.png](https://img-fotki.yandex.ru/get/38431/155295907.cf9/0_186508_daf2d595_XL.png)
При загрузке автоматом включен базовый первый верхний регистр, напоминаю меню его возможностей, с которыми нам придется работать. Снимем галочку, чтобы изменить размеры произвольно и ставим допустим 600х630 и сохраним уже в этом размере (к стати, вот еще способ для увеличения клипарта, а девочкам-схемницам так можно увеличивать фоновую картинку или дать нужные размеры для центральной части плотной или полупрозрачной для записей постов)
![2.png 2.png](https://img-fotki.yandex.ru/get/4119/155295907.cf9/0_186507_db5a21be_XL.png)
Теперь выберем яркую картинку-накладку...(размер 500х359 и горизонталка, но ничего, повернем и будет вертикалка)
![3.png 3.png](https://img-fotki.yandex.ru/get/46165/155295907.cf9/0_186506_c9363410_XL.png)
![4.png 4.png](https://img-fotki.yandex.ru/get/66521/155295907.cf9/0_186505_32fe24a9_XL.png)
![5.png 5.png](https://img-fotki.yandex.ru/get/4120/155295907.cf9/0_186504_1d533c9d_orig.png)
Загружаем верхним слоем и выясняем, что надо повернуть (нижним ползунком) и увеличить (верхним) так, чтобы нижний силуэт был закрыт.
![6.png 6.png](https://img-fotki.yandex.ru/get/63971/155295907.cf9/0_186503_a70e430b_XL.png)
В нижнем окошке выбираем транспорент и сохраним.
![7.png 7.png](https://img-fotki.yandex.ru/get/66521/155295907.cf9/0_186502_51f4c50f_XL.png)
Получится как-то так...
![8.png 8.png](https://img-fotki.yandex.ru/get/38431/155295907.cf9/0_186501_eae65b9e_XL.png)
Сохраним тетеньку к себе в папочку (наводим курсор и правой СОХРАНИТЬ КАК), она будет у нас выглядеть вот так...
![8+.png 8+.png](https://img-fotki.yandex.ru/get/70180/155295907.cfa/0_18651c_8ca62366_XL.png)
А мы перейдем ко второй части- сделаем надпись, а для этого удалим сделанный силуэт и заодно покажу вам волшебные стрелки, которые не раз вас выручат, если результат разочаровал и заходите убрать, вернувшись к началу, а если передумаете, то нажав на вторую- все вернется как было!
![9.png 9.png](https://img-fotki.yandex.ru/get/26827/155295907.cfa/0_18651b_b7151103_XL.png)
А вот для надписи можно загрузить пустую прозрачку и дать свои размеры (я поступаю именно так), а можно сделать как положено, вот этот вариант мы и рассмотрим... создадим канву-фон. Он может быть любого цвета и плотным, а может быть прозрачным, для надписей нам нужен прозрачный, поэтому выбираем транспорент и поставим размеры, я дала такие... (меньше 600 по ширине лучше не делать)
![10-канва.png 10-канва.png](https://img-fotki.yandex.ru/get/63585/155295907.cfa/0_186519_4fb8979_XL.png)
![11.png 11.png](https://img-fotki.yandex.ru/get/68668/155295907.cfa/0_186518_54938b49_XL.png)
Теперь в рабочем поле сайта у нас прозрачный фон, делаем надпись...
![12.png 12.png](https://img-fotki.yandex.ru/get/63971/155295907.cfa/0_186517_69a20cfa_XL.png)
Выбираем величину букв текста, цвет, решаем нужна нам окантовка или нет и если нужна, то выбираем цвет и ширину окантовки. Теперь выбор шрифта, жмем на леечку и нам откроется поле выбора шрифтов, кириллицы вы там не увидите, но одна треть читает русский текст, поиграйте и убедитесь в этом. Пишем текст, шрифт выбран, окантовка тоже. Пишем "ПОЗДРАВЛЯЮ" и сохраняем.
![13.png 13.png](https://img-fotki.yandex.ru/get/63585/155295907.cfa/0_186515_aae0791d_XL.png)
Теперь напишем "С 23", но оказывается, что писать можно не только по горизонтали, но и по вертикали- каждая буква строчкой ниже, напишем... нажмем на превью-просмотр и надпись появится в поле, поправим ее курсором в нужное место...
![14.png 14.png](https://img-fotki.yandex.ru/get/70180/155295907.cfa/0_18651a_80b5d4b3_XL.png)
Теперь у нас ПОЗДРАВЛЯЮ С 23, надо дописать "февраля", поиграем: поменяем шрифт, цвет текста, дадим тень (тень регулируется по степени прозрачности), а вот там, где стоят мною поставленные 3 восклицательных знака, есть более тонкая регулировка, она будет интересна более опытным товарищам, тень можно не только уплотнить, но еще есть несколько режимов, но это уже будете смотреть сами, а мы продолжим.. так вот, текст оказывается можно выгнуть и вогнуть, все зависит от галочек, которые поставим и еще зададим угол и он определит насколько крутой будет наша дуга-текст, смотрите... поправим курсором на нужное нам место и не забываем сохранять результат))
![15.png 15.png](https://img-fotki.yandex.ru/get/69681/155295907.cfa/0_186516_25eada58_XL.png)
Смотрим и видим, что полно пустого места, оно нам не нужно, отрежем лишнее... и сохраним в папочку рядом с силуэтом.
![16.png 16.png](https://img-fotki.yandex.ru/get/46165/155295907.cfa/0_186514_b956cf44_XL.png)
![16+.png 16+.png](https://img-fotki.yandex.ru/get/3508/155295907.cfa/0_186513_9da46917_XL.png)
Теперь у нас сделаны 2 части и надо их объединить. Загрузим силуэт (а для этого удалим сделанную и сохраненную надпись, чтобы сайт снова нам предложил загрузить картинку с компа). Жмем на картинку с сердечком и верхним вторым слоем загружаем сделанную надпись... и упс! оказывает, что места для надписи нет! что делать? добавлять пустое место!
![17.png 17.png](https://img-fotki.yandex.ru/get/116164/155295907.cfa/0_186512_235f9c0_XL.png)
Верхних регистров три. Последний- 2013, вот его эффекты мы и применим, жмем на картинку, которая спрашивает нас- где нам надо пустое место, выбираем положение...
![18.png 18.png](https://img-fotki.yandex.ru/get/66316/155295907.cfa/0_186511_1114a3ae_XL.png)
![19.png 19.png](https://img-fotki.yandex.ru/get/64624/155295907.cfa/0_186510_1466cd32_XL.png)
Повторив процедуру можем еще увеличить, а можем пришпандорить надпись и так
![20.png 20.png](https://img-fotki.yandex.ru/get/66521/155295907.cfa/0_18650f_bea96626_XL.png)
Вот, что у нас получилось, но пустовато, не хватает деталей, которые объединят надпись и силуэт
![20+.png 20+.png](https://img-fotki.yandex.ru/get/38431/155295907.cfa/0_18650e_187e673a_XL.png)
![21.png 21.png](https://img-fotki.yandex.ru/get/66521/155295907.cfa/0_18650d_18fcaa6_XL.png)
Эх, добавлю еще гвоздичку!
![22.png 22.png](https://img-fotki.yandex.ru/get/72428/155295907.cf9/0_18650a_81ce1513_XL.png)
![21+ (1).png 21+ (1).png](https://img-fotki.yandex.ru/get/66316/155295907.cf9/0_18650c_9f68c399_orig.png)
![22+.png 22+.png](https://img-fotki.yandex.ru/get/67777/155295907.cf9/0_186509_ee8d22b8_orig.png)
Мне нравятся прозрачные, но можно пофантазировать и дать фон прямо продолжая работу над открыткой, тем более, что эту кнопочку мы еще не нажимали!
![23.png 23.png](https://img-fotki.yandex.ru/get/26827/155295907.cfa/0_186521_88023fd9_XL.png)
Вот и нет у нас прозрачного фона, а вместо него плотный и цвет которого мы сами подобрали
![24.png 24.png](https://img-fotki.yandex.ru/get/63842/155295907.cfa/0_186520_6481fa97_XL.png)
Осталось совсем немного, продолжаем играть с кнопкой рамки и... добавим 4 синий-сохраним и добавим толщину 6 цвета фона-сохраним... ну пусть еще салют будет! вот!
![25.png 25.png](https://img-fotki.yandex.ru/get/68946/155295907.cfa/0_18651f_eb017d38_XL.png)
![25+.png 25+.png](https://img-fotki.yandex.ru/get/5102/155295907.cfa/0_18651e_94fdd65f_orig.png)
![26.png 26.png](https://img-fotki.yandex.ru/get/6721/155295907.cfa/0_18651d_db80c9a2_XL.png)
Вот такую ерунду мы с вами сварганили и кое-чему научились по-ходу))) писать долго, а делается это все за несколько минут, поверьте! не бойтесь))))
![cat1.png cat1.png](https://img-fotki.yandex.ru/get/9348/155295907.274/0_cf5ff_4e030601_orig.png)