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

Вторник, 02 Июня 2020 г. 08:05 + в цитатник

Цитата сообщения Semenova_Irina

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

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

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

ВАШ ТЕКСТ

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="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/users/semenova_irina/rubric/2712037/">SemIra</a></center> </td></tr></table>

Урок смотрим

Все картинки кликабельны.
Материал используемый в уроке:

И так приступим:

Основу мы сделали,теперь украшаем нашу рамочку.(можете сделать свой вариант)
Добавили сердечек:

И устанавливаем её как на рисунке выше.
И продолжаем Коллажировать нашу рамку:
Добавили цветочек:

Добавим птичек:

Добавим бантики:

Наша рамочка готова.Идём дальше...

Объединим все слои:

И разделим нашу рамку на три части:

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

И сохраняем нашу рамку в PNG

Она у нас сохраняется разделённая на три части.
Затем эти части загружаем по очереди на какой нибудь хостинг изображений
и вставляем коды в формулу рамочки.
Код рамочки для Лиру в этом окошечке.

<br />
<center><table border="0" background="Адрес картинки №1" cellpadding="0" cellspacing="0" height="Высота картинки №1" width="Ширина рамки"> <tr><td><a target="_blank" href="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="Адрес картинки №2" cellpadding="0" cellspacing="0" height="Высота картинки №2" width="Ширина рамки"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"><center> <em><strong><span style="color: #ff0000"><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="Адрес картинки №3" cellpadding="0" cellspacing="0" height="Высота картинки №3" width="Ширина рамки"><tr><td><center><a target="_blank" href="ССылка на ваш блог">Ваша подпись<br />
</a></center> </td></tr></table><br />
</center>

Ну вот собственно и всё.Если есть вопросы,пишите...Отвечу с удовольствием..
Спасибо всем за внимание.
Творческих вам успехов.

Серия сообщений "Делаем рамочку в фш с кодом и без кода. !":
Часть 1 - Урок рамка фотошоп с картинкой. в Photoshop CS5
Часть 2 - КАК СОБРАТЬ РАМОЧКУ В РАМОЧНИКЕ...
...
Часть 32 - Урок как сделать закругления по краям и "кармашки"
Часть 33 - Узорная рамочка (урок для фотошопа).
Часть 34 - Урок "Рамочка сделанная в Фотошопе"