Делаем потрясающие рамочки и пишем красивые тексты, не возясь с кодом)))

Готова пищать от восторга, чес. пионерское))) Так все просто и здорово получается)))))))))
Вот эту рамку я наваяла за 5 минут:

Спят усталые игрушки, Книжки спят, Одеяла и подушки Ждут ребят, Даже сказка спать ложится, Чтобы ночью нам присниться, Глазки закрывай, Баю - бай... В сказке можно покататься На Луне, И по радуге промчаться На коне, Со слонёнком подружиться, И поймать перо Жар - птицы, Ты ей пожелай - Баю - бай. Баю - бай, должны все люди Ночью спать, Баю - бай, назавтра будет День опять, За день мы устали очень, Скажем всем - спокойной ночи, Спи - засыпай, Баю - бай. За день мы устали очень, Скажем всем - спокойной ночи, Спи - засыпай, Баю - бай. Inmira

Еще там можно сделать разноцветный текст, или разноцветную разделительную линию. И вообще масса всяких полезностей и забавностей.

Переходим на сайт и знакомимся с его возможностями :-)

Сегодня будем делать элементарную рамочку,ее сможет сделать и новичок.

Нажмите, чтобы увидеть картинки

По просьбе читательницы я расскажу как сделать "Золотую рамочку" в фотошопе.

Фильтр Filter Factory(комплект)

Попытаемся ответить на часто задаваемый вопрос "Как пользоваться превью?"
Буду признательна, если кто-то более опытный подправит меня;)
Итак, предположим, у нас имеется готовое превью, с помощью которого нам предстоит сделать "визитную карточку" своего дизайна:

Урок:

Для начала нужно найти рисунок будущей рамки.

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


В результате получим 8 маленьких рисунков.

Верхний левый угол ; Верхняя часть рамки ; Верхний правый угол ;
Левая часть рамки ; Правая часть рамки ;
Нижний левый угол ; Нижняя часть рамки ; Нижний правый угол

Теперь нужно сделать таблицу 3х3

<table style="text-align: left; " border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="vertical-align: top; height: 27px; width: 27px; background: url('1') no-repeat;"></td> <td style="vertical-align: top; height: 27px; background: url( '2') repeat-x;"></td> <td style="vertical-align: top; height: 27px; width: 27px; background: url( '3') no-repeat;"></td> </tr> <tr> <td style="vertical-align: top; width: 27px; background: url( '4') repeat-y;"></td> <td style="vertical-align: top; background-color: #fff7d0;"> Здесь расмещается ваш текст или картинка </td> <td style="vertical-align: top; width: 27px; background: url( '5') repeat-y;"></td> </tr> <tr> <td style="vertical-align: top; height: 27px; width: 27px; background: url( '6') no-repeat;"></td> <td style="vertical-align: top; height: 27px; background: url( '7') repeat-x;"></td> <td style="vertical-align: top; height: 27px; width: 27px; background: url( '8') no-repeat;"></td> </tr> </tbody> </table>
Что бы не загромождать код я вместо кода картинок в стиле background прописал цифры 1,2,3,4,5,6,7,8.
Когда вы зальете в дневник все 8 частей рамки вам останется вместо цифр подставить коды рисунков.
В моем случаее вместо 1 нужно прописать //img0.liveinternet.ru/images/attach/c/1//45/676/45676186_ul.gif
( код рисунков виден при редактировании сообщения в простом редакторе)
Размеры ячеек таблицы width - ширина, height - высота должны соответствовать размерам рисунков частей рамки.
Из-за того что лиру думает за нас :), возможно прийдется подбирать размеры ячеек что бы не было разрывов рамки.
Для таблицы обязательно должно быть прописано border="0" cellpadding="0" cellspacing="0"!

И вот что получилось :)

	Ваш текст или фотка или текст и фотка :)))

И напоследок ....сделать код в дневнике "повеселее" можно вот так

<textarea cols="80" rows="5" style="background-color: #fff7d0; border: solid 1px #0000f0; overflow: hidden;">
cols = ширина блока
rows - высота блока
background-color - цвет фона ( можно добавить color: #000000; - цвет текста )
border - вид рамки ( solid ), ширина рамки ( 1px ) и цвет рамки ( #0000f0 )
overflow - скрывать все что не помещается в блок

В этом уроке ,я вам расскажу как можно применять маски просто на картинке....таким методом можно делать картинки в формате ПНГ на прозрачном слое ,если найти подходящую маску ..например эту


Читать далее...

Урок № 40 - Применение маски от Елены Резвых

Серия сообщений "~ Фотошоп - Рамки маски":

Часть 1 - Применение маски - рамки
Часть 2 - Рамки - маски
...
Часть 18 - Рамки - маски
Часть 19 - Рамки - Маски на любой вкус
Часть 20 - Применение маски - рамки
Часть 21 - Рамки - Маски на любой вкус
Часть 22 - урок - Рамки-маски
...
Часть 37 - коллекция масок
Часть 38 - Масочки
Часть 39 - Рамки-маски

Урок 76. Применение маски

Вот такие красивые картинки можно сделать с помощью масок


идем дальше

 

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

Читать далее

 Как закруглить уголки у Фото или Картинки .
Открываем картинку в ФШ и в окне Слои снимаем замочек , кликнув на него левой кнопкой мыши 2 раза .
Активируем инструмент Прямоугольник со скруглёнными углами




Читать далее...

Делаем круглую рамку из лент



Читать далее...

Создание рамок для фотографий




ТЕКСТ УРОКА.

Создание рамок для фотографий в Фотошопе

Создание рамки необходимо, чтобы придать изображению оконченный вид.
Также с помощью рамки можно скрыть недостатки фотографии или подчеркнуть определенный стиль.
Создадим сначала простую рамку в программе Фотошоп. Выделим видимую область изображения.
Для этого можно выбрать прямоугольную или круглую форму. Инвертируем выделение, нажав правой кнопкой мыши и выбрав команду Select Inverse. Нажмите Delete. Появилась рамка белого цвета.
Мы можем сделать рамку другого цвета. Выберете цвет, нажмите Paint bucket tool и залейте рамку.
Теперь создадим более интересную рамку, используя фильтры Photoshop. Для этого необходимо создать шаблон рамки. Откройте вкладку Channels, нажмите create new Channels.
В появившемся окне выделите видимую область фотографии. Инвертируем выделение, нажав правой кнопкой мыши и выбрав команду Select Inverse. Выберете Paint bucket tool и залейте рамку белым цветом. В меню Filter выберете команду Filter Gallery, чтобы просмотреть все фильтры. Выберете фильтр Glass. Нажмите Ок. Выберете канал RGB на вкладке Channels. В меню Select выберете Load selection. Нажмите Ок. Удалите область рамки. Уберите выделение.
Для изготовления рамки вы можете выбрать другой фильтр или залить рамку другим цветом.