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


УРОК 2- Наглядный урок построения рамки в Рамочнике 07-10-2017 11:33 к комментариям - к полной версии - понравилось!

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

УРОК 2- Наглядный урок построения рамки в Рамочнике.

 




[показать] НАГЛЯДНЫЙ урок построения рамки в Рамочнике.
Вдогонку предыдущему уроку по работе в Рамочнике,
хочу вместе с вами пройти этапы построения новой рамки,
со скриншотами(наглядно).

Если вы пропустили первый урок ,
то вам сложнее будет понять этот.
Потому,что там я детально останавливалась на функциях
каждой кнопки и последовательности работы.

Итак,начинаем..... [показать]

******************************************

Как обычно,идём в Рамочник


СОВЕТ ! -

Возьмите Рамочник в ЗАКЛАДКИ браузера(-ов).
А ещё лучше - перетащите его к себе на панель,
потянув за значок сайта в адресной строке браузера
и отпустив его чуть ниже,
чтобы он всегда был под рукой.

[показать]

Выбираю простой вид рамки
(когда вы научитесь управляться здесь,
то вам не составит труда разобраться в других).

Ширину выставлю пока 400,
чтобы легче было вам показывать результаты экспериментов.
Кстати,это значение можно будет поменять в любое время.

Для примера я использую все виды фонов.
Для начала выберем цветовой фон.
Все значения по умолчанию равны 20.

[показать]

Внизу,в ПРЕВЬЮ,сразу виден результат.

[показать]

В левой части выбираем границу-обводку,
например,двойную.

[показать]

По умолчанию,ширина обводки равна 4...пока оставим...

[показать]

В принципе,даже в таком виде ваши
записи в блоге будут иметь законченный вид!
Тем более,что *весит* такая рамочка совсем ничего...

Но мы пойдём дальше...
Подберём один из фонов,предоставленных на сайте,
кликнув на вторую кнопочку
(помните,при наведении курсором
появляется подсказка о функциях кнопочек...).
И наша рамочка мгновенно преобразилась...

[показать]

Но такой вариант меня не устраивает...
С помощью стрелочек в конце строки
с темным фоном перемещаю его выше,
добавляю двойную обводку с более ярким зелёным цветом.

[показать]

Ну,совсем другое дело!
Уже можно оставлять и так!
Но мы экспериментируем...
Давайте тёмный фон вернём на место
и снова добавим цветовой фон,такой же,как был первый,
используем и обводочку...
а в первом уменьшим ширину...

[показать]

Вот,что получилось-

[показать]

А ничего у нас с вами получается....
Но мне нужно вам показать,как использовать фон из интернета...
На Яндекс-фотках я подобрала фон нейтрального цвета.
Под картинкой нажала на
"Код для вставки на сайт или в блог"
и взяла последнюю ссылку.

[показать]

Затем в Рамочнике кликнула
на кнопку добавления фона из интернета
и вставила адрес фона.

[показать]

Немного поменяла ширину некоторых слоёв,
сдвинула центральный фон ниже
(хочу вставить глиттер).

[показать]

Пока имеем такую рамку-

[показать]

Кликнув на третью кнопочку для выбора фонов,
(помните про подсказки при наведении курсора?),
я выбрала один из глиттеров подходящего зеленого цвета.

Он,конечно же,сразу принял ширину 20...

[показать]

Изменив ширину на 1 и поэкспериментировав стрелочками
место расположения глиттера,я остановилась на таком варианте-

[показать]

На мой взгляд,сама рамочка готова!

Отредактируем шрифт.
Я взяла шрифт Georgia,уменьшила размер до 18,
цвет 1f1f1f и курсив.

Давайте добавим картинку.
Я хочу,чтобы картинка была выше текста,
поэтому курсором отмечаю место впереди текста.

В блоке редактирования шрифта справа жму на кнопку
"Вставить картинку из интернета".

[показать]

Сходила на Яндекс
и принесла адрес картинки с кристаллами Сваровски.

Заполнила окно добавления картинки-

[показать]

и уменьшила расстояние от картинки
до краёв центрального фона
(он - последний).


Затем в строчке ПОДПИСЬ отметила точкой СВОЯ,
подписала рамку,выставила надпись посредине
(кому как нравится),уменьшила размер подписи до 10 .

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

[показать]

Добавила в галерею Рамочника.
Напоминаю,чтобы взять код ,
ниже самой рамки в строчке
"НАСТРОЙКИ КОДА"
жмите на маленький треугольничек,
и в выпавшем списке выбирайте свой сайт.

Для блогов mail.ru кликаете на строчку
*блоги mail.ru (альтернативный)*.
Затем переводите курсор на окно с кодом
и берёте код,несёте его в новую запись.

Ну вот...мы с вами сотворили еще одну рамочку...
Следующим постом я её выставлю,с картинкой и без.

[показать]


Надеюсь,теперь-то вам легко будет
создавать свои собственные рамочки.

Творите на радость себе и людям!

С любовью к вам
[6x] [показать]

 

 

Серия сообщений "РАМКИ ДЛЯ ЗАПИСЕЙ":
Часть 1 - Рамочка чёрная *Язык тела*.
Часть 2 - Рамочки для записи осенние простые.
...
Часть 11 - Простая рамочка для записей.Беж.
Часть 12 - УРОК 1- Делаем рамки в РАМОЧНИКЕ-быстро и легко.ПОДРОБНО!
Часть 13 - УРОК 2- Наглядный урок построения рамки в Рамочнике.
Часть 14 - Рамки - результат урока по работе в Рамочнике.
Часть 15 - Рамочка золотистая *Ночной город*+музыка от T-L
...
Часть 25 - Музыка дождя - моя рамка фотошоп не анимированная
Часть 26 - Палитра цветов + код цветовой простой рамки
Часть 27 - Рамочка *Северное сияние* от Arnusha

Серия сообщений "МОИ УРОКИ":
Часть 1 - ВидеоМАСТЕР-универсальный видеоконвертер с возможностью записи DVD дисков.
Часть 2 - УРОК 1- Делаем рамки в РАМОЧНИКЕ-быстро и легко.ПОДРОБНО!
Часть 3 - УРОК 2- Наглядный урок построения рамки в Рамочнике.
Часть 4 - Рамки - результат урока по работе в Рамочнике.
Часть 5 - Как сохранить дневник с Лиру себе в компьютер в браузере Опера
Часть 6 - Как установить информер стран-посетителей вашего дневника
Часть 7 - УРОК-Как увидеть невидимую сохраненную картинку в вашем компьютере.
Часть 8 - Как загрузить фильтры в Corel PaintShop Pro X5 - начало работы в программе

Серия сообщений "ДЕЛАЕМ РАМКИ":
Часть 1 - ДЕЛАЕМ РАМКУ С УГОЛКАМИ.КОД-СХЕМА.
Часть 2 - Строим свою рамку с уголками.
...
Часть 5 - Учимся сами делать свои рамочки.
Часть 6 - УРОК 1- Делаем рамки в РАМОЧНИКЕ-быстро и легко.ПОДРОБНО!
Часть 7 - УРОК 2- Наглядный урок построения рамки в Рамочнике.
Часть 8 - Рамки - результат урока по работе в Рамочнике.
Часть 9 - Картинки проснувшейся природы + бесшовные фоны
...
Часть 11 - Цветущие деревья- часть 3.Картинки,фото + бесшовные фоны
Часть 12 - Палитра цветов + код цветовой простой рамки
Часть 13 - Серия сообщений "Уроки по изготовлению рамочек"
вверх^ к полной версии понравилось! в evernote


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

Дневник УРОК 2- Наглядный урок построения рамки в Рамочнике | svetanjel - Дневник svetanjel | Лента друзей svetanjel / Полная версия Добавить в друзья Страницы: раньше»