Урок по Эдитору от Виктории №9

Вторник, 15 Апреля 2014 г. 13:24 + в цитатник

Урок №8 - Эдитор - Рамочка для текста с формулой.

Результат урока:

Ваш текст Ваш текст

Ваш текст Ваш текст

Ваш текст Ваш текст

Ваш текст Ваш текст

Ваш текст Ваш текст

Ваш текст Ваш текст

Ваш текст Ваш текст

Виктория

Формула и рамочка сделаны для Мейла, потому вышло не очень. Ну хоть можно посмотреть как делать саму рамочку.

Заходим в Эдитор - http://pixlr.com/editor/

Заливаем рабочее окошко цветом и в палитре цветов меняем цвет.

Загружаем кисти.

Кистью работаете на залитом цветом слое.

Применяете фильтр - Тиснение или Гравировку по желанию.

Снимаем галочку и становимся на слой 0.

Твердым ластиком делаем дырочки.

Украшаем рамочку. Загружаем вуаль. Выбрать вуали можете здесь и здесь.

Меняете цвет вуали.

Дублируем слой с вуалью и разворачиваем его в зеркальном отражении. Берем за стрелочку с левой стороны и тянем слой вправо пока слой полностью не развернется.

Низ рамочки так же украшаем вуалью. Можете снова загрузить вуаль или продублировать слои.

Украшаем рамочку цветочными уголками. Уголки можете выбрать здесь
и здесь.

Клипарту в стилях слоев добавляем тень с такими настройками.

Ленточки можете выбрать здесь.

Птичек можете выбрать здесь.

Готовую работу подписываете.

Теперь нам нужно уменьшить размер работы чтобы рамочка была не обрезанной в группе. Размер изображения уменьшаем и ставим цифру - 670 пик. Нижняя цифра изменится автоматически.

Работу сохраняем в формате - PNG

Формула для рамочки. Копируете формулу и вставляете в новую запись в группе.

<table background="ССЫЛКА НА РАМОЧКУ"><tr><td width="ШИРИНА РАМОЧКИ" height="ВЫСОТА РАМОЧКИ">
<div align="center"><table cellpadding="0" cellspacing="0"><tr><td><font style="display:block;border:2px ridge #FFFFFF;background-image:url(ССЫЛКА НА ПРОЗРАЧНЫЙ ФОН);padding:2px"><font style="display:block;padding:2px"><font style="display:inline-block;background:#?;border:2px solid #?;width:320px; height:100px;background-position:left;background-repeat:repeat-y;padding:5px 5px 5px 45px;overflow:auto"><center><text size="5"><text color="ffffff"><text face="Monotype Corsiva">Ваш текст Ваш текст

Ваш текст Ваш текст

Ваш текст Ваш текст

Ваш текст Ваш текст

Ваш текст Ваш текст

Ваш текст Ваш текст

Ваш текст Ваш текст

<text face="Monotype Corsiva"><text size="3"><a href="ССЫЛКА НА ВАШУ ГРУППУ"><text color="ffffff">ВАШЕ ИМЯ</a></font></select></div></td></tr></table></center></td></tr></table></center>

Нам для текста в рамочке нужно в формулу вставить прозрачный фон. Фон делаем сами в тон цвета рамочки. Создаем в Эдиторе рабочее окошко размером - 100 пик на 100 пик и заливаем цветом. Готовый фон сохраняем в формате - PNG.