-Рубрики

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

Поиск сообщений в valentina-chikaylova

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 27.10.2015
Записей: 2040
Комментариев: 94
Написано: 2191


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

Воскресенье, 21 Февраля 2016 г. 21:10 + в цитатник
Цитата сообщения iro4kan Чайник чайнику... ну сами знаете)) сляпаем открытку вместе))

Whitecatmvg.gif


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



1+.png

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

1.png

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

2.png

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

3.png

4.png

5.png

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

6.png

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

7.png

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

8.png

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

8+.png

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

9.png

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

10-канва.png

11.png

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

12.png

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

13.png

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

14.png

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

15.png

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

16.png

16+.png

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

17.png

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

18.png

19.png

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

20.png

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

20+.png

21.png

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

22.png

21+ (1).png

22+.png

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

23.png

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

24.png

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

25.png

25+.png

26.png

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

Серия сообщений "Делаем открытки":
Часть 1 - Чайник чайнику... ну сами знаете)) сляпаем открытку вместе))
Часть 2 - Как сделать музыкальную открытку с флешками
Часть 3 - Чайник-чайнику или... Делаем гифку сами.
Часть 4 - GIF анимация онлайн без фотошопа на сайте PICMIX!

Рубрики:  УРОКИ
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку