Простая рамка в Pixlr Editor online
(растягивается в длинну)
Как сделать простую рамку по принципу коллажа,
я подробно рассказывала в этом посте.
Сегодня расскажу как сделать рамочку в формате PNG,
которая будет растягиватся в длинну.В эту рамочку можно
вставлять текст,изображение,видео,музыку.
Важно!Это тот случай,когда размер имеет значение
Т.е.вы должны уметь работать с изображениями,а именно
точно уметь определять высоту(height) и ширину(width) .
И так,как же сделать рамку?
1.Создайте рамку в в Pixlr Editor online или
загрузите готовый шаблон.
Помните!При создании рамки в Pixlr Editor online
задавайте нужные размеры СРАЗУ!!!
Я создала,например,вот такую рамку:
 [показать]
её размеры:ширина:604 высота:421 пикс.
2.Разделим нашу рамку мысленно на три части:
верх,середину и нижнюю часть:
[600x449]
(забегу немного вперёд:именно в средней части
рамки и будет размещаться содержимое).
2.Теперь очень осторожно начинаем разрезать
нашу рамку:
[450x]
Инструментом "Обрезка"(см.на скрине а)
выделяем верхнюю часть(запомните её размеры,
они нам потом пригодятся-на скрине см.б)
Размеры всего изображения смотрите в нижней
строке рабочего поля(см.скрин с)
Обрезали,сохранили,потом отменяем наши
действия(см.скрин):
[450x]
далее обрезаем среднюю часть рамки:
[450x]
сохраняем:
[450x]
и снова отменяем наши действия.
Проделываем все вышеописанные действия и
с нижней частью рамки:
[450x]
и так,у нас получились 3 части нашей рамки:
верхняя:
[450x]
(размеры:ширина(width)-604,высота(height)-57.)
средняя:
[450x]
(размеры:602х304)
нижняя:
[450x]
(размеры:602х57)
3.Теперь вставляем параметры всех 3-х частей нашей
рамки в код:
<div align="center"><table border="0" background="АДРЕС ИЗОБРАЖЕНИЯ №1" height="Высота№1"><tr><td width="Ширина№1" align=center></td></tr></table><table border="0" background="АДРЕС ИЗОБРАЖЕНИЯ №2" cellpadding="0" cellspacing="0" height="Высота№2"><tr><td width="Ширина№2"><center><font color="005826" size="4" face="Times New Roman"><b>
Сюда вставляем текст,видео,музыку или изображение
Сюда вставляем текст,видео,музыку или изображение
Сюда вставляем текст,видео,музыку или изображение
Сюда вставляем текст,видео,музыку или изображение
Сюда вставляем текст,видео,музыку или изображение
Сюда вставляем текст,видео,музыку или изображение
</b></font></center></td></tr></table><table border="0" background="АДРЕС ИЗОБРАЖЕНИЯ №3" cellpadding="0" cellspacing="0" height="Высота№3"><tr><td width="Ширина№3"></td></tr></table></div>
Внимание!Ширину верхней
части рамки(в коде Ширина №1) иногда приходиться
уменьшать методом подбора:т.е.указываем ширину
не 604,а 600 пикс.(см.скрин)
[450x]
От всей души поздравляю всех сообщников
с наступлением 2013 года!
Желаю всем новых творческих работ,а так же
приятного общения.
~АмаZона Анна ~
для сообщества
 Mail.Ru-блоги,сообщества.
|
|
