Новогодний векторный клипарт - Изысканная элегантность

Рождественские атрибуты: наряженная елка, колокольчики, свечи, 

венок, а также фигурки ангела, гномика, снеговика, оленя

Иллюстратор Андрей Копырин.

 

Новогодние открытки. Федотова Марина.

Сегодня будем учиться создавать простую рамочку с изображением внутри. Берем как пример одну из пасхальных рамочек: 

ВАШ Т Е К С Т Sheree

Вот скрин кода этой рамочки:

Зеленым подчеркнут код картинки для внешней рамочки (в нашем случае это сине-бежево-фиолетовое точечное)

Синим подчеркнут код картинки, которая находится внутри рамочки (в нашем случае это нежно-лиловый шелковый фон)

Красным подчеркнут код картинки с зайцем, его положение в рамочке (справа или слева), его размеры (width - ширина, height - высота), которые надо менять и в скобочках тоже.

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

А вот и код этой же рамочки, который вы можете себе скопировать и использовать как шаблон:

<center><table border="2" background="//s61.radikal.ru/i174/0904/05/540011857c4f.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="//i046.radikal.ru/0904/ee/b4bc2e948a5a.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><img src="//s52.radikal.ru/i138/0904/6f/6521fd38377d.png" align="right" width="343" height="392" alt=" (343x392, 12Kb)" /><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table><font size="-2"><a href="http://www.liveinternet.ru/users/sheree/">Sheree</a></font></td></tr></table></center>

1 Шаг - Для создания своей рамочки необходимо подобрать фоны и картинку для рамочки (она не должна быть очень большой - таких параметров как у меня вполне достаточно)

2 Шаг - Необходимо загрузить поочередно выбранную графику на какой-нибудь хостинг картинок (я обычно использую Радикал)

3 Шаг - необходимо скопировать поочередно ПЕРВУЮ ссылку и заменить ее в моем примере

Собственно и все!

Удачи Вам и творческих успехов. если будут вопросы - задавайте )
-------------------------------- 
Оdessa apartments - аренда комфортабельных квартир в Одессе без посредников

_Н_А_Т_А_Л_И_Я_

Серия сообщений "~ Учимся делать рамочки":
Часть 1 - Спасибо сообществу, пусть будет памятка основы
Часть 2 - Генератор рамочек для дневника - Спасибо Эльмирочка!!!
...
Часть 14 - УРОКИ ОТ _Н_А_Т_А_Л_И_Я_ (Урок №4)
Часть 15 - УРОКИ ОТ _Н_А_Т_А_Л_И_Я_ (Урок №3)
Часть 16 - УРОКИ ОТ _Н_А_Т_А_Л_И_Я_ (Урок №2)
Часть 17 - УРОКИ ОТ _Н_А_Т_А_Л_И_Я_ (Урок №1)
Часть 18 - Уроки по созданию рамочек от _Н_А_Т_А_Л_И_Я_
...
Часть 32 - Рамочка для вашего видео.
Часть 33 - рамка +++++
Часть 34 - *************

_Н_А_Т_А_Л_И_Я_

Серия сообщений "~ Учимся делать рамочки":
Часть 1 - Спасибо сообществу, пусть будет памятка основы
Часть 2 - Генератор рамочек для дневника - Спасибо Эльмирочка!!!
...
Часть 15 - УРОКИ ОТ _Н_А_Т_А_Л_И_Я_ (Урок №3)
Часть 16 - УРОКИ ОТ _Н_А_Т_А_Л_И_Я_ (Урок №2)
Часть 17 - УРОКИ ОТ _Н_А_Т_А_Л_И_Я_ (Урок №1)
Часть 18 - Уроки по созданию рамочек от _Н_А_Т_А_Л_И_Я_
Часть 19 - Рамочки для текста
...
Часть 32 - Рамочка для вашего видео.
Часть 33 - рамка +++++
Часть 34 - *************

1.Сделай слайд-шоу
2.Сделать видео слайд-шоу
3.Сжать видео для сети.
4.Коды цвета для текстов
5.Сделай для блога кнопку.
6.Как сделать баннер-картинку для блога.
7.Как сделать рамочку для текста самому.
8.Создать фото прикол онлайн.
9.Сделать флеш-часы для блога.
10.Сделать текст с прокруткой.

Рамочки для текстов без картинок:
1.Рамочки для текстов 1
2.Рамочки для текстов 2

Рамочки для текстов с картинками:
1.Рамочки для текстов 3
2.Рамочки для текстов 4
3.Рамочки для текстов 5
4.Рамочки для текстов 6
5.Рамочки для текстов 7 (бабочки)
6.Рамочки для текстов - Адрес Детство
7.Рамочки для текстов 9 (Мачо)
8.Рамочки для текстов 10 (Букет невесты)
9.Рамочки для текстов 11 (Природа)
10.Рамочки для текстов 12 ( Он и Она )
11.Рамочки для текстов (Любовь)
12.Рамочки для текстов (Сердечки)
13.Рамочки для текстов (Котята)
14.Рамочки для текстов (Природа - 2)
15.Рамочки для текстов (Весна)
16.Рамочки для текстов (Подводный мир)
17.Рамочки для текстов (Ночь над городом)
18.Рамочки для текстов ( Он и Она -2 )
19.Рамочки для текста (любовь)
20.Рамочки для текстов (Нежность)
21.Рамочки для текстов (Отдых, море, пляж).
22.Рамочки для текстов (Полевые цветы)

Эпиграфы:
Эпиграфы для блога
Эпиграфы для блога 2
Эпиграфы или просто хорошие изречения.
Эпиграфы или просто хорошие изречения - 2

Картинки:
1.Цветы для Вас!
2.Цветы для Вас!-2
3.Цветы для Вас!-3
4.Улыбнись с Микки Маусом )
5.Скажи СПАСИБО - красиво)
6.Скажи СПАСИБО - красиво) - 2
7.Скажи СПАСИБО - красиво) - 3
8.Пятница в картинках )
9.Спокойной ночи в картинках)
10.С добрым утром в картинках)
11.Смайлик + мультик = хорошее настроение)
12.Смайлик + мультик = хорошее настроение) - 2
13.Смайлик + мультик = хорошее настроение) - 3
14.Щенки и котята (анимация)
15.Привет в картинках)
16.Сердечки (анимашки) 2
17.Сердечки (анимашки)
18.Блеск для Ваших постов)
19.Блеск для Ваших постов -2)
20.Блеск для Ваших постов) 3
21.Малыш Купидон (картинки)
22.С днём рождения в картинках!
23.Пчёлки в картинках)
24.Мишки для Вас)))

Серия сообщений "МОИ РАБОТЫ НА BLINGEE":

Часть 1 - Открыточки Винтажные
Часть 2 - Открыточки Осенние
...
Часть 14 - Открыточки с Ангелом
Часть 15 - Открыточки с Валентином
Часть 16 - Открыточки прекрасного дня
Часть 17 - Открыточки день Матери
Часть 18 - Открыточки прекрасных выходных
...
Часть 24 - Открыточки с животными
Часть 25 - Открыточки Романтика
Часть 26 - Рамочки жёлтые

<img src="//img0.liveinternet.ru/images/attach/c/4/78/415/78415232_19.gif" width="500" height="405" alt="19 (500x405, 282Kb)" />


<img src="//img0.liveinternet.ru/images/attach/c/4/78/417/78417092_6.gif" width="550" height="556" alt="6 (550x556, 113Kb)" />


<img src="//img1.liveinternet.ru/images/attach/c/4/78/416/78416259_9.gif" width="500" height="360" alt="9 (500x360, 71Kb)" />



<img src="//img1.liveinternet.ru/images/attach/c/4/78/416/78416393_1.gif" width="500" height="327" alt="1 (500x327, 322Kb)" />



<img src="//img1.liveinternet.ru/images/attach/c/4/78/416/78416451_3.gif" width="500" height="469" alt="3 (500x469, 179Kb)" />



<img src="//img0.liveinternet.ru/images/attach/c/4/78/444/78444694_22.gif" width="450" height="450" alt="22 (450x450, 119Kb)" />

Серия сообщений "* Комметики Спасибо *":

Часть 1 - *** Комметики спасибо 2 ***
Часть 2 - *** Комметики спасибо 1 ***
Часть 3 - *** Комметики спасибо 3 ***

Бордюры в Gimp

Создаём изображение, Меню -создать

Читать далее