СОЗДАНИЕ РАМОЧЕК В ФОТОШОП

Делаем простую рамочку

Здесь берем код простой рамочки Новичкам всегда сложно разобраться в кодах из которых состоит рамочка,в этом уроке мне хотелось показать наглядно этот "бутерброд")))) Не знаю получилось ли,но я старалась)) Наталья

Урок по созданию рамочек с разрывом от MissKcu

читать дальше...

 

Коды для рамочек

 

1. Рамочка с разрывом (картинка или текст) и с фоном

<table background="URL АДРЕС ФОНА"><tr><td><FIELDSET><LEGEND>ТЕкСТ (или КАРТИНКА) в разрыве </LEGEND><center>ТЕКСТ внутри рамки, т.е.ВАШ ПОСТ <center></FIELDSET></td></tr></table>

2. Рамочка с разрывом (картинка или текст) без фона

<FIELDSET><LEGEND>ТЕкСТ (или картинка) в разрыве </LEGEND><center>ТЕКСТ внутри рамки т.е.ВАШ ПОСТ<center></FIELDSET>

3. Просто рамочка, без разрыва и без фона, вокруг вашего текста

<fieldset>ВАШ ТЕКСТ</fieldset>

Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 9 - Создаем кнопку-переход на свой блог
Часть 10 - Урок по написанию поста на Ли.ру от MissKcu
Часть 11 - Урок по созданию рамочек с разрывом от MissKcu

УРОК = УЧИМСЯ ДЕЛАТЬ РАМОЧКИ В ФОТОШОП =

ВСЕ МОИ УРОКИ ЗДЕСЬ Меня попросили рассказать, как я делаю свои рамочки в программе фотошоп. Дизайн рамочки каждый придумывает сам, пользуясь инструментами в фотошоп, то ли она прямоугольная, то ли овальная, то ли нестандартной формы. Используя картинки, рисунки в формате PNG (т.е. на прозрачном слое), анимацию и фоны мы фантазируем и творим наши шедевры. Главное нужно помнить, что средняя часть рамочки должна быть без рисунка (желательно однотонной), чтобы лучше был виден текст. Также в уголочке рамочки напишите свой логин, чтобы было видно кто ее автор. Ну вот рамочка окончена и теперь нам нужно ее перенести в простой редактор нашего сообщения. Есть много способов, о них написаны много сообщений, но я расскажу как это делаю я. ПЕРВОЕ - если ваша рамочка не находится на прозрачном слое ( т.е. если границы рамочки имеют стандартную форму), мы ее сохраняем в формате JPEG. ФАЙЛ-СОХРАНИТЬ КАК- ТИП ФАЙЛОВ (выбираем формат JPEG). ВТОРОЕ - если ваша рамочка необычной формы, с выходящими за границу цветами, фигурной рамкой и т. д., мы сохраняем ее в формате PNG. ФАЙЛ-СОХРАНИТЬ КАК-ТИП ФАЙЛОВ (выбираем формат PNG). ТРЕТЬЕ - если в вашей рамочке присутствует анимация, сохраняем ее в формате GIF. ФАЙЛ-СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ- выбираете один из вариантов изображения, щелкаете по нему и затем выставляете значения как на картинке. В строчке , где написано МАТОВЫЙ - выбираете НЕ ПОКАЗЫВАТЬ:

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

Простая формула для обрамления картинки для тех, кто не владеет фотошопом

Тем, кто не умеет пользоваться фотошопом, да и многие сайты еще не совсем покорились, я предлагаю простую формулу для обрамления картинки. С ее применением любая картинка смотрится гораздо красивее и эффектнее. Допустим я беру простую две простых картинки, которые хочу вставить в пост. И два фона, которые подставим под картинку. Применяю формулу, и получаю картинки уже в обрамлении этих фонов. Вот эта формула ВНИМАНИЕ в формулу подставляются АДРЕСА, КАРТИНКИ И ФОНА. Если брать через радикал, то КОД№1 Ширину рамок вы можете поменять по своему вкусу, там, где значения cellspacing="2" и cellpadding="3" они обозначают ширину нашей рамочки. Меняйте 2 и 6 на любые значения. Вот и все.Надеюсь у вас все получится. Из блога ГАЛИНЫ ШАДРИНОЙ

КЛАДЕЗЬ, СУПЕР!!!!!!!!!!!!!!!!!!!!!!!!!!!!!




Кнопочка-баннер нашего клуба
( её код )


Если вы еще не умеете пользоваться кодами к рамками - смотрите этот урок:

ВСЕ МЕТКИ КЛУБА

О дизайне рамочек - советы начинающим - читаем здесь:


Не проходите мимо тихо и безмолвно!
Это клуб, а не галерея - за всеми рамочками здесь стоят их авторы.
Оставляйте им комментарии и пишите, если рамочка вам понравилась. Если берете код - сообщайте об этом.
Это ведь не займет у вас много времени!

Установите себе ВИДЖЕТ нашего клуба!
Наш рейтинг:

Коллекция клип-арта - приглашаю всех, кому это интересно!

Жмите на кнопочку - и добро пожаловать!

Еще один супер полезный сервис!

И снова не надо возиться с html кодами и пр. ерундой!
Теперь можно делать ваши любимые рамочки всего за пару минут:)

Будем считать это новогодним подарком:) На сей сервис ушло ой как много времени...Ну не силен я в рамках, не очень понимаю что от меня хотят и что я должен сделать,но что смог то сделал, даже продолжение придумал.) Очень уж хотелось порадовать вас к Новому Году:)


Читать дальше > > >

Как сделать рамочку для текста самому.

Очень и очень часто мне в личку приходит один и тот же вопрос – «Как сделать рамочку самому?»

Вот не подходит человеку цвет или ещё что-то, все хотят быть оригинальными. Хочу попробовать на примере рассказать, как это делается. Учитель из меня фиговый так что строго не судите и если останутся вопросы, то пишите.

Перед нами рамочка уже готовая с кодом для вставки:

ВАШ Т Е К С Т

<center><table border="2" background="http://netpla.narod.ru/images/wood-13.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

Это фото кода, Вы его можете просто из флейма скопировать в Word или блокнот, и получите то же самое.



1. Там где обведено красным и стоит цифра 1 это ссылка на цвет окантовки рамки, в данном примере это http://netpla.narod.ru/images/wood-13.jpg поменяете эту ссылку на ссылку на нужную картинку(цвет)

2. Вторая ссылка стоит на фон рамки, она обведена красным и стоит цифра 2 - http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif делаете всё так же как и с окантовкой (меняете ссылку на свою картинку)

3. width="100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.


Те кто не хотят возиться с изготовлением можете зайти в раздел - Для оформления блога и взять уже готовые рамочки.

PS: добавила по просьбе. Это коды для изменения цвета текста в Ваших постах.
<font color="red">текст</font> красный текст
<font color="lime">текст</font> зеленый текст
<font color="navy">текст</font> синий текст
<font color="purple">текст</font> фиолетовый текст
<font color="yellow">текст</font> желтый текст
<font color="fuchsia">текст</font> фуксия текст
<font color="maroon">текст</font> коричневый текст
<font color="aqua">текст</font> голубой текст

Сделать картинку или текст по центру
<center>ВАШ ТЕКСТ</center>

Справа и слева загружайте как обычно с указанием направления

Учимся сами делать свои рамочки.

УРОК =УЧИМСЯ ДЕЛАТЬ 8-МИ СЛОЙНУЮ РАМОЧКУ=

ВСЕ МОИ УРОКИ ЗДЕСЬ Сегодня я хочу вам рассказать как делать 8-ми слойную рамочку такого вида: Линеечка или картинка ВАШ ТЕКСТ   Линеечка логотип

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

Всё о HTML...начинающим и не только...

А вот еще одна маленькая хитрость. Вы хотите поставить рамочку или картинку или часики по центру, а они ну никак не встают и даже, если Вы применили теги <center></center>. Не буду заморачивать долго голову; почему так происходит, А просто скопируйте вот этот код <div align="center"> и вставьте его в самом начале кода своей рамочки или картинки Вот они и в центре!Все так просто!! Если надо поставить картинку слева или справа, то в коде вместо center поставьте теги left и right И еще раз о NTML-кодах буквально для новичков и не только... Код краткой шпаргалки для Вашего блога Принципы HTML Как вставлять готовые коды Разделительные линии Способы выделения текста Списки HTML Бегущая строка Шрифты HTML Как изменить размер, цвет и шрифт текста Красивый текст Убрать под кат Цвета HTML Flash-программы по подбору цвета Таблица цвета HTML, буквенное написание Таблица HTML Как быстро скопировать изображение Как защитить изображение от копирования Фон для записи Как написать на картинке без фотошопа Оформление ссылок Кнопки для сайта Интерактивное изображение Как сделать бродилку составление кнопок бродилки в виде таблицы, имитац... Как изменить размер плеера Вставка Flash Окошко для кодов HTML-редактор Шпаргалка по HTML для блоггера Arnusha

Спасибо NATALKA

Как вставить текстовую рамочку в ваш дневник.Подробный урок от Pannamusic

Здравствуйте,мои дорогие! Очень многие из вас,кто совсем недавно на Ли.ру,обращаются ко мне с просьбой объяснить,как красиво оформлять свои посты с использованием текстовых рамочек. Специально для вас я расписала этот урок. Итак,приступим!

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

ДЕЛАЕМ РАМКУ В РАМОЧНИКЕ

Далее...

Рамочник - это он лайн генератор рамок.


Теперь без всякого труда Вы можете сами
создавать любые шикарные рамки, 
как например эта.

Ты нежный ангел мой хранитель, Коварный, страстный искуситель, Ты принц из сказочной мечты, Со мною будешь только ты. Мой ненаглядный, жизнь моя, Вся без остатка я твоя. Хочу тебе принадлежать, С тобой рассвет хочу встречать.

©Surge Blavat "ECLETTICO"

Далее...

ОБРАМЛЯЕМ КАРТИНКУ РАМОЧКОЙ (урок от Джулии)

Помощь блоггеру ОБРАМЛЯЕМ КАРТИНКУ

Серия сообщений "Изготовление рамочек":

Часть 1 - Уроки Фотошоп (Анимированная переливающаяся рамка )
Часть 2 - Делаем открытки в Paint. Урок 3.
...
Часть 25 - Рамка из картинки
Часть 26 - ПРОСТАЯ И ОЧЕНЬ КРАСИВАЯ РАМОЧКА... (2 урока) + 2 видео на эту же тему (Уроки Photoshop)
Часть 27 - ОБРАМЛЯЕМ КАРТИНКУ РАМОЧКОЙ (урок от Джулии)
Часть 28 - Урок Photoshop: "Виртуозная работа ластиком"