• Авторизация


Бродилочка в Онлайн фоторедактор 25-10-2015 20:18 к комментариям - к полной версии - понравилось!

Это цитата сообщения Veta-z Оригинальное сообщение

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




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

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

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









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

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

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

получаем



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



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

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



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




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

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

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



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


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

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






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



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



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





Ву-а-ля!



















[показать]

[показать]
чтобы можно было разобрать работу







Серия сообщений "-уроки от VETA":



вверх^ к полной версии понравилось! в evernote
Комментарии (3):


Комментарии (3): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Бродилочка в Онлайн фоторедактор | I_Lesya - Сердце львицы.Взгляд волчицы... | Лента друзей I_Lesya / Полная версия Добавить в друзья Страницы: раньше»