Фотошопная рамока собранная в рамочнике без белой полосы.

Фотошопная рамока собранная в рамочнике без белой полосы.

Помошник в оформление дневника.

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

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

Вариант 1. Рамка простая (к примеру, для цитат).
Будем исходить из того что в кодах Вы полный ноль или Вам просто не хочется их вручную прописывать. Тогда первое, что Вам нужно сделать - это открыть сообщение в простом редакторе, можно и в расширенном, но тогда не забудьте нажать на кнопку ИСТОЧНИК (в самом верху слева). Сделали? Молодцы, копируйте код из флейма и вставляйте в нужный участок поста.

<fieldset><legend><img src="Сюда вставить адрес картинки " /> </legend> Здесь написать Ваш текст.</fieldset>

Вставили? Идём дальше.

1. Там где написано - "Сюда вставить адрес картинки" - вставляете адрес нужной картинки. Где её взять? Есть только два варианта: первый - Вы должны её загрузить со своего ПК, второй - найти её в интернете и нажав на ней правую кнопку мыши, копировать ссылку на изображение.

2. Где написано - "Здесь написать Ваш текст" - думаю, проблем не возникнет - пишите всё что посчитаете нужным.

Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.

<fieldset><legend><b>Заголовок </b> </legend>Здесь написать Ваш текст.</fieldset>

Вот и всё. В результате у Вас должно получится что-то подобное. С картинкой:

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

Маргарита Валуа

Учимся делать и другие рамки. Это очень просто! >>>

Создание простейшей рамочки в ФОТОШОПЕ

Урок  прекрасно подойдет для новичков в фотошопе, так как очень понятно и доходчиво рассказано как мы делаем простую рамку в фотошопе. Шаг 1. Открываем в фотошопе исходную фотографию. Можно эти цветущие ветки груши поставить и в рамочку, которую мы с вами делали в уроке Как сделать рамку в формате png. Но мы сделаем рамочку специально для данной фотографии очень простым способом.     Шаг 2. Берем инструмент Прямоугольная область и делаем выделение надалеко от краев фотки. Это и будет наша будущая рамочка.   Шаг 3. Копируем выделенное на новый слой. Я преимущественно применяю для этого сочетание клавиш Ctrl+J. Но можно посмотреть в уроке Как скопировать слой в фотошопе и применить другой метод, тот, который вам больше подходит.   Шаг 4. Стоя на этом скопированном слое два раза левой кнопкой мышки щелкнем по нему. Выпадает окно со стилями слоя. В нем выбираем Внешнее свечение. Параметры – Размах и Размер – ставим и при этом смотрим на картинку. На ней сразу видно, какой размер свечения. Можно также попробовать поменять Контур.       Шаг 5. Для того, чтобы оттенить скопированный слой сделаем тонирование на основном. Переходим на нижний слой и идем на вкладку Изображение – Коррекция – Цветовой тон/Насыщенность       Ставим галочку в окошке «тонирование» и ползунками подбираем цветовой оттенок нижнего слоя.       Любуемся результатом.     Все у вас получится! Желаю удачи! Урок подготовила для вас Марина Колесова. До новых встреч на сайте  http://photoshop-help.ru

Серия уроков по открыткам. 3. Создаем рамочки+делаем кисти



ПРОДОЛЖЕНИЕ ТАМ

Делаем овальную рамочку

 

Делаем овальную рамочку

УРОКИ по созданию рамочек

Серия сообщений "Уроки по изготовлению рамочек": Часть 1 - Уроки PhotoShop создание рамок Часть 2 - Урок "Экшен рамка" Часть 3 - Фотошоп. Рамка - Внутренняя тень. Часть 4 - Урок по созданию рамок.ФШ Часть 5 - Урок №17 Учимся делать рамочки Часть 6 - Учимся делать вот такую красоту... Часть 7 - Делаем многослойную рамочку в ФШ Часть 8 - Рамочки с помощью маски (урок фотошопа) Часть 9 - Урок. Простая рамочка. Часть 10 - ДЕЛАЕМ РАМОЧКИ САМИ в ФШ Часть 11 - Вставляем в рамку фото или картинку ФШ Часть 12 - Оформление простой рамочкой ФШ Часть 13 - Оформление картинки рамочкой ФШ Часть 14 - Как украсить картинку блестящими полосками . Часть 15 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ Часть 16 - Рамочка "Quarter corner", ФШ Часть 17 - Золотая рамочка из маски в Фотошопе. Часть 18 - Уроки фотошоп Часть 19 - Урок ФШ. Рамка с применением шумов Часть 20 - Урок ФШ. Несколько рамок на одной картинке Часть 21 - Делаем ФШ рамочки в Gimp Урок 3 Часть 22 - Урок ФШ. Радужная рамка Часть 23 - Рамочка "Чародейка" Часть 24 - Рамочка с бегущими огоньками Часть 25 - Рамочка для коллажа или картинки - 2. Часть 26 - Несложные рамки своими руками в Фотошопе Часть 27 - Урок. Простая рамочка. Часть 28 - Уроки от Зоси ДЕЛАЕМ И УКРАШАЕМ РАМОЧКУ в ФШ Часть 29 - Уроки от Зоси ФОТОШОПНАЯ РАМОЧКА. Часть 30 - Урок "Создание рамочки в Фотошопе".(для блога) Часть 31 - Урок 45. Блестящие полоски на картинке Часть 32 - Рамка с декором, урок №2 от О.Бор Часть 33 - Урок-тренинг №2 РАМКА- СТАНДАРТ ДЛЯ ФОТО. Часть 34 - Урок. Красивая круглая рамочка из тесьмы или ленты..... Часть 35 - Урок. Создание фигурной рамки в фотошоп. Часть 36 - Рисуем выпуклую рамку. Часть 37 - Уроки "Фотошопа" по созданию рамки Часть 38 - УРОК. "КАК СДЕЛАТЬ РАЗРЕЗНУЮ РАМОЧКУ В ФШ" Часть 39 - Создаем круглую рамочку из лент Часть 40 - Делаем ажурную рамочку. Часть 41 - урок "Блестящая рамка" от Саюри Часть 42 - Урок рамочки. ПОЛЁТ НАШЕЙ ФАНТАЗИИ.( рамочки в ФШ) Часть 43 - Рамочки с помощью маски (урок фотошопа) Часть 44 - Урок по созданию рамок в Фотошопе Часть 45 - Урок делаем рамочку в фотошопе.(для новичков) Часть 46 - Урок рамка фотошоп с картинкой. в Photoshop CS5 . Часть 47 - Урок :Рамочка многослойная в ФШ(по просьбе) Часть 48 - УРОК = КАК РАЗРЕЗАТЬ РАМОЧКУ ФОТОШОП И ВСТАВИТЬ В СООБЩЕНИЕ ИСТОЧНИК Рамочка от Анточки

Урок"Фон под запись с обводкой и картинкой в разрыве.

Как сделать вот такую рамочку для записей поста.(по просьбе)

текст источник mimozochka

Вот скрин,где цветом я отметила,что куда вставлять.

Красный---это адрес фона рамки
бирюзовый 700px--- ширина рамки
Желтый ----цвет текста
Розовый 5 -----размер текста
Черный left---- это место разрыва рамки,у меня слева. (Можно поменять на center или right)
Бежевый----адрес картинки в разрыв
Лиловый----адрес картинки для кат
Салатовый--- адрес ссылки откуда запись взяли
Зеленый----адрес дневника вашего и ник
Если вам надо уменьшить картинку подставьте значения width"100px"или другой размер сразу после кавычек адреса картинки.
А здесь в окошке код этой рамки. Только вам подставить свои значения.
Надеюсь вам понятно.Удачи!
<table border="0" background="адрес фона" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="цвет текста"><font size="5"><font face="Monotype Corsiva"><fieldset><legend align="left"><img style="filter:alpha(opacity=100,style=3)" src="картинка в разрыв" border="0" /></legend><br /> <center> текст<br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://www.liveinternet.ru/users/nataliy55/post319090317/"><b><img src="адрес картинки" /><br /></b></a><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://адрес ссылки поста" target="_blank"><font size="1">источник</font></a><br /> <center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес дневника"><font size="+1">ваш ник</font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table>

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.

Коллекция великолепных рамочек для оформления фотографий к 8-му марта!

Легкое дыхание теплого весеннего ветерка и пьянящий аромат моря весенних цветов, изысканные кружева, нитки жемчуга и золотой декор, звездное сиянье и блеск сотни брилльянтов - специально к 8-му марта представляю Вашему вниманию сборку восхитительных цветочных и романтичных рамок для оформления фотографий с сайта «Мир клипарта»!

Все рамки в PNG и высокого качества. Авторы данной красоты: Lantana, lunar.elf и Koaress (кликнув по их именам Вы можете более близко ознакомиться с их творчеством и бесплатно скачать авторский эксклюзивный материал).

Пароль: мир клипарта. Приятного просмотра и с наступающим!!!

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

Урок"Делаем рамку 8 слоев" (по просьбе)

По просьбе сделала урок"Как делать вот такую рамочку."
Рамку делайте в простом редакторе.

ВАШ ТЕКСТ

Копируете код,что между точек и в него ставите значения свои по скрину.
.......................................................

ВАШ ТЕКСТ

 

...............................................

Вот скрин формулы этой рамки

1.
 
Давайте разберем ее по выделенным цветам.
1 Розовый цвет это фон обводка 1 .Ставим вместо слов адрес фона (строго от кавычек до кавычек.)Адрес можно взять на яндексе например, нижнее окно под картинкой фоном (ссылка на картинку) Цифры помеченные розовым это ширина фона ,можно менять по желанию.
2 Желтый цвет это фон 2 узкий и цифры желтым можно менять.(от кавычек до кавычек осторожно)
3 Синий цвет это фон3 широкий . Цифры синим можно менять это ширина фона.
4 Зеленый фон основной 4,где будет текст или ваши картинки
5 Коричневый цвет: Ваш адрес дневника,а черный адрес картинки и также размеры ее (можно менять).При нажатии этой картинки откроется ваш дневник.
6 Если надо поменять цвет текста то смотрите это (color:#ffffff) перед словами Ваш текст.Менять с осторожностью код цвета после решетки и до кавычек
7 Если нужно картинку- ник поменять расположение, то вместо (div align="right")меняете на center или left

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 13 - Урок в Кореле"Janic"
Часть 14 - Мой перевод к уроку"Ilona"
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)
Часть 16 - Перевод урока"Adorable" для Корела

Рамка с круглыми углами (NEW!!!)

РАМКИ С КРУГЛЫМИ УГЛАМИ

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

Вот такая рамочка получилась у меня после добавления картинок. Лично я не видела еще таких "круглых" рамок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку. Удачи! Егорова Татьяна

Код готовой рамки <table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" solid silver; border-radius:80px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a><br /> Здесь будет Ваш текст<br /><br /><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table> </b></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table width="600" height="240" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/110/557/110557223_82296535_0_49cdf_d7b1032f_M.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

УРОК = КАК РАЗРЕЗАТЬ РАМОЧКУ ФОТОШОП И ВСТАВИТЬ В СООБЩЕНИЕ =

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

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

Сделать рамочку «Блинг» в Corel Paint Shop Pro.





[flash=370,370,//img0.liveinternet.ru/images/attach/c/10//4092/4092347_valentin.swf?mp3=//img0.liveinternet.ru/images/attach/c/10//4092/4092349_114638.mp3]

Вот такие теги с рамочками "Блинг" можно быстро сделать в Corel Paint Shop с помощью готового сценария (скрипта). Эти анимашки можно использовать для кнопочек, баннеров, оформления аватарок, при создании флешек и открыток и еще много чего другого.


Сценарий взят с сайта http://www.hobbygrafico.it/

Скачать сценарий с шаблонами и дополнительный материал к уроку

Вложение: 4092749_ss_bigblinkies_05.rar

"Читаем и смотрим далее урок Сделать рамочку «Блинг» в Corel Paint Shop Pro"

Урок "Рамочка сделанная в Фотошопе"

По просьбе ПЧ, Урок "Рамочка сделанная в Фотошопе"
Спасибо вам мои дорогие,за высокую оценку моим работам,поэтому я с удовольствием выполняю вашу просьбу:
На примере этой рамочки мы и рассмотрим наш урок:

ВАШ ТЕКСТ

SemIra

Код рамочки
<table border="0" background="//img-fotki.yandex.ru/get/5633/131624064.356/0_a37e2_2760ef5_XL" cellpadding="0" cellspacing="0" height="481" width="750"> <tr><td><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6442/131624064.356/0_a37e3_19bcbb22_XL" cellpadding="0" cellspacing="0" height="79" width="750"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="730"><center> <em><strong><span style="color: #e6e7e6"><span style="font-size: 20px;"><span style="font-family: Georgia"> ВАШ ТЕКСТ <br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6436/131624064.356/0_a37e4_4f461e59_XL" cellpadding="0" cellspacing="0" height="141" width="750"><tr><td><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/semenova_irina/rubric/2712037/">SemIra</a></center> </td></tr></table>
Урок смотрим
Здесь

Урок "Рамочка сделанная в Фотошопе"

По просьбе ПЧ, Урок "Рамочка сделанная в Фотошопе"
Спасибо вам мои дорогие,за высокую оценку моим работам,поэтому я с удовольствием выполняю вашу просьбу:
На примере этой рамочки мы и рассмотрим наш урок:

ВАШ ТЕКСТ

SemIra

Код рамочки
<table border="0" background="//img-fotki.yandex.ru/get/5633/131624064.356/0_a37e2_2760ef5_XL" cellpadding="0" cellspacing="0" height="481" width="750"> <tr><td><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6442/131624064.356/0_a37e3_19bcbb22_XL" cellpadding="0" cellspacing="0" height="79" width="750"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="730"><center> <em><strong><span style="color: #e6e7e6"><span style="font-size: 20px;"><span style="font-family: Georgia"> ВАШ ТЕКСТ <br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6436/131624064.356/0_a37e4_4f461e59_XL" cellpadding="0" cellspacing="0" height="141" width="750"><tr><td><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/semenova_irina/rubric/2712037/">SemIra</a></center> </td></tr></table>
Урок смотрим
Здесь

Делаем рамки - окантовки!

Делаем рамки - окантовки!

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