Бродилочка в Онлайн фоторедактор - Free Online-Image-Editor без знаний ФШ ( используйте прокрутку )

Nov 12, 2015 22:59

Оригинал взят у veta_z в Бродилочка в Онлайн фоторедактор - Free Online-Image-Editor без знаний ФШ ( используйте прокрутку )






Добрый день.!
Сегодня учимся делать бродилочку ПОШАГОВО

Для начала....смотрим урок

image Click to view



image Click to view






Берем заготовку для коллажа


редактируем размеры,делаем обводку...

получаем


Добавляем клипарт-( в данном примере-девушку )



не забываем сохранить действие.
Получили


Пишем название и сохраняем коллаж в свои файлы.


ПЕРЕХОДИМ К КНОПКАМ!

Т.к коллаж у нас уже сохранен,
то кнопку я вырежу из нашей заготовки!.
проделаю те же опции....размер( 200х70) и обводку.

у меня получилась кнопочка


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




Не забываем!
каждую кнопочку сохранить в свои файлы.

Теперь переходим к сборке нашей бродилочки.
Загружаем на сервис хранения файлов свои кнопочки и коллаж.
Т.к.я работаю с Яндекс-фотками для хранения всех своих файлов,то загружаю СЮДА
Мне так удобнее,я могу редактировать картинки,вижу их размеры,легко взять ссылку.
Теперь,делаем свои кнопочки кликабельными,используя формулу

[смотрим код]


получаем рабочую кнопочку.....
и так все свои кнопочки!



Теперь используем формулу прокрутки

[код формулы]
текст


Высоту рамки прокрутки можно изменить - вместо 300 вставить нужный размер.
И заключительный шаг-Наложение на коллаж( нашу картинку)


[код тут]

СЮДА ВСТАВЛЯЕМ УЖЕ ГОТОВЫЕ КЛИКАБЕЛЬНЫЕ КНОПОЧКИ В ПРОКУТКЕ( вашу формулу)


Ву-а-ля!













уроки по оформлению сайта, работы от veta_z

Previous post Next post
Up