Рамка в Эдиторе от Натали

Четверг, 20 Февраля 2014 г. 13:57 + в цитатник

Цитата сообщения Тигрунька

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

Рамка в Эдиторе от Натали

Наконец-то я смогу сегодня поделиться с Вами уроком-

"КАК СДЕЛАТЬ РАМОЧКУ В Pixlr Editor."

Урок получился очень большим, но я постаралась как можно подробнее всё рассказать.
Итак, переходим в редактор

Первое, что мы видим- это меню

Здесь нужно выбрать вот это:

Затем выбираем настройки:

1- предложенный размер будущей картинки
2- здесь можно изменить размер- как по ширине, так и по высоте.
Выбор за Вами!
3- ОБЯЗАТЕЛЬНО ЗДЕСЬ ПОСТАВИТЬ ГАЛОЧКУ!!!
4- подтверждение выбора
В открывшемся окошке видим поле в квадратик, на нём и будем творить!!!

1- выбираем инструмент-"ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ".
2- при помощи "РАСТУШОВЫВАНИЯ"
придаём закруглённые уголки нашему будущему щедевру
Чем больше цифра, тем более закруглённые уголки получим!
3- а здесь можно сразу выбрать геометрическую фигуру
Вместо "ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ" можно взять инструмент
"ГЕОМЕТРИЧЕСКИЕ ФИГУРЫ"
Об инструментах в Pixlr Editor я подробно рассказала

В ЭТОМ УРОКЕ

При помощи ин-та "ЗАЛИВКА" №1,
заполняем выделенную область цветом, который выбираем в №2.
Здесь я сделала рассеянную заливку.

Открыть СЛОЙ - СТИЛИ СЛОЁВ.

1- кликнув на поле, Вам откроется вот такая картина
2- здесь выбирайте какой будет внешняя обводка выделенного фона-
поэкспериментируйте,
при нажатии любого окошка,
Вы сразу увидите результат- очень удобно!
3- расстояние и размер внешнего выделения- тоже сразу отображается
4- угол отражения ВО, можно выбрать цвет
(внизу белый квадратик, я его не отметила)
5- здесь выбирайте цвет тени
6- подтверждение выбора.
Функции ин-та тем удобны, что сразу видно -что получим при выборе того или иного эффекта!
После того, как оформите общий фон,
можно переходить к его украшательству
Для этого возьмите любые элементы украшения- что Вам по нраву!
Это можно найти в Интернете. Для наглядности даю ссылку

УКРАШАЛКИ ДЛЯ РАМОЧЕК

или можно выбрать

ВОТ ЗДЕСЬ

Нажмите СЛОЙ - ОТКРЫТЬ ИЗОБРАЖЕНИЕ КАК СЛОЙ
Важно!!! ИЗОБРАЖЕНИЕ ЛУЧШЕ БРАТЬ НА ПРОЗРАЧНОМ ФОНЕ!!!
Иначе нужно будет по-другому загружать украшение!!!
Но, всё по порядку.

Изображение я загружаю так, как показано на скрине, выбираю "РАБОЧИЙ СТОЛ" №1, вставляю адрес изображения №2, нажатьСОХРАНИТЬ.

Данная функция помогает увеличить или уменьшить размер нанесённого украшения.
Можно также поворачивать нашу украшалку вокруг ВСЕХ осей,
вытягивать или сжимать её, зеркально отображать по горизонтали или вертикали!

После того, как поставили украшение, не забудьте нажать "ДА"

ПОСЛЕ КАЖДОЙ ЗАГРУЗКИ НОВОЙ КАРТИНКИ-УКРАШЕНИЯ НЕ ЗАБЫВАЙТЕ ОБЪЕДИНИТЬ СЛОИ!!!

Размер нашей рамочки можно менять при помощи вот этих инструментов:

После полного оформления сохраняем изображение.

ОБРАТИТЕ ВНИМАНИЕ- В КАКОМ ФОРМАТЕ СОХРАНЯЕТСЯ ФАЙЛ!!!

НУЖЕН ИМЕННО ТАКОЙ ФОРМАТ, ЕСЛИ ОН НЕ СТОИТ ПО УМОЛЧАНИЮ, ВЫБИРАЙТЕ ВРУЧНУЮ!!!
Изображение сохраняем на рабочем столе.
Можно дать ему "имя", иначе файл будет обозначен как "БЕЗ ИМЕНИ".
Но наша рамочка не будет прозрачной
Для этого её нужно "прогнать" через

РАДИКАЛ

НЕ ЗАБУДЬТЕ УБРАТЬ ГАЛОЧКИ!!!!!!!
Меняя пиксели, изменяется размер картинки!

Вот формула, куда нужно будет вставить ссылку из РАДИКАЛА

Вот так она выглядит:

< div align="center" > < tr >< d width=750 > < font style="display:block;border;background-image:url (Ссылка радикал №1) ;padding:2px" > < div align="center" > < font face="Georgia" color="#000010" style="font-size:20px" >< I > < B> < center > < text face="Arial Black" > Ваш текст < /i >

Рамочку можно принудительно растянуть, увеличив расстояние там, где пишется текст.
Наведите курсор перед словами "Ваш текст" и при помощи клавишиEnter вытягивайте рамочку.
Но она сильно не растягивается, так что в неё можно вписать только небольшой текст .
Но можно "прогнать" и через

И вот как это сделать:

В открывшемся окошке делаем всё по подсказкам, загружая нашу рамочку,
можно ещё раз изменить её размеры.
Сразу даю ссылку на подсказки в работе с РАМОЧНИКОМ.

Жмите на картинку.
В адресную строку нужно вставить HTML рамочки, взяв её изРАДИКАЛА, ССЫЛКУ №1.
Я не стану подробно рассказывать, что и как делать в РАМОЧНИКЕ, перейдя по подсказкам, Вы сами без труда разберётесь- что к чему.
Если что-либо не понятно, спрашивайте, буду рада помочь.

НЕ АНГЕЛ