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

Понедельник, 05 Июня 2017 г. 17:24 + в цитатник

Цитата сообщения Veta-z

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

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

Еще урок по бродилочкам

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

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

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

я взяла ОТСЮДА

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

получаем

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

я взяла ОТСЮДА

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

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

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

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

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

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

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

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

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

Теперь используем формулу прокрутки
<*div style="height:300px;overflow:auto;padding:8px;">СЮДА ВСТАВИМ КОД РАБОЧИХ КНОПОЧЕК
Высоту рамки прокрутки можно изменить - вместо 300 вставить нужный размер.

И заключительный шаг-Наложение на коллаж( нашу картинку)