Как украсить свои посты блингами, и другими анимированными картинками

Вторник, 22 Января 2013 г. 23:55 + в цитатник

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

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

Как украсить свои посты блингами, и другими анимированными картинками

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

С КРЕЩЕНИЕМ ГОСПОДНИМ всех друзей и гостей блога

Как видите картинки и блинги можно вставлять самые разные, все зависит от вашей фантазии. Сделать это совсем несложно. Просто надо знать, что картинка в данном случае ВЫСТУПАЕТ КАК ФОН. То есть, вместо фона, который вы ставите под запись, здесь вставляется картинка. А на фон можно поставить все. И музыку, и текст, и какую то кнопку, и еще картинку.А теперь рассмотрим подробнее как это все сделать.

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

Аккуратно копируем всю формулу из рамочки! Ставим ее в НОВУЮ ЗАПИСЬ в HTML-редакторе. И подставляем свои значения.

Все что подчеркнуто красным, вам надо заменить на свои данные. (ваш текст, читайте как HTML - код картинки)

Тем кто недавно оформляет блоги, картинку, на которую будете ставить блинг, лучше грузить через http://www.radikal.ru/. Хорошо посмотрите на формулу. Вместо слов АДРЕС КАРТИНКИ РАДИКАЛ-1, вставляйте этот адрес, Дальше идут ширина картинки, и высота. Это возьмите на радикале, . Она всегда там указана.

Кто работает давно, можно картинку ставить прямо из инета, взяв ее адрес (как обычно мышкой встать на картинку, нажать правую кнопку и выбрать КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ, или СВОЙСТВА, а там адрес картинки. И там же, в свойствах (или информации об изображении) найти размеры картинки.

Теперь начинаем подставлять в формулу. Вместо слов АДРЕС КАРТИНКИ (их стираем), ставим КОД РАДИКАЛА №1, а вместо слов Ширина и высота картинки, ставим размеры. (которые тоже можно взять на радикале)

Теперь выбираем блинг, который хотим вставить на фон, и ставим HTML код (это код радикала №6, или HTML- код любой картинки.)
Теперь наша формула выглядит вот так.

Где ЖЕЛТЫМ - выделен адрес картинки, которая выступает фоном.ее ширина и высота
ГОЛУБЫМ - HTML- код вставленной картинки или блинга.
ЗЕЛЕНЫМ - коды текста, его размер, цвет, все, что выделено этим цветом, можно просто стереть, если вы не будете вставлять текст.

ТЕПЕРЬ ВНИМАНИЕ. БЛИНГ на картинке, может встать не туда, куда вам надо. Обычно он встает посредине картинки, можно ее ставить справа или слева, обычными кнопками на панельке

НО ЕСЛИ КАРТИНКУ НАДО ОТПУСТИТЬ НИЖЕ ТО ПЕРЕД ТЕМ, КАК НАЧАЛСЯ КОД МУЗЫКИ СТАВИМ вот этот тег

Ставьте этих знаков столько, пока вставка картинка не опустится в самый низ. Вот так это выглядит. Чем больше картинка, тем больше этих знаков надо поставить!

Если рассмотреть все на картинке. Берем анимированную картинку, она будет выступать как фон.

Теперь на этот фон ставим блинг. Он встает просто произвольно.

Если вы хотите поднять картинку вверх, то после тога, как закончился КОД КАРТИНКИ СТАВИМ вот этот же тег, что и при опускании картинки

Но выстраиваем его СТОЛБИКОМ. Вот так.

На картинке это выглядит вот так.

Картинок вы можете вставлять сколько вам позволят размеры вашей картинки-фона. Я добавляю еще картинку , которую располагаю в правом углу, внизу.

Формула эта выглядит вот так. Коды этой картинки поставлены внизу, СПРАВА.

Ставить можно все, что вы хотите, как в любую запись, ТАК КАК КАРТИНКА ВЫСТУПАЕТ ФОНОМ.

Вот и все. Вместо слов ВАША КАРТИНКА, можно ставить ТЕКСТ. Как это сделать смотрите ВОТ ЗДЕСЬ. Там описано все очень подробно.

Вместо слов ВАША КАРТИНКА, можно ставить МУЗЫКУ. Как это сделать подробно описано СМОТРИМ ЗДЕСЬ

И конечно можно ставить вместе и текст, и картинку.И еще добавить музыку.

ПРИВЕТ ЭТО Я!

Блинги можно ставить и как самостоятельные картинки. Например вот в такую рамочку. Как сделать такую рамочку можно посмотреть ВОТ ЗДЕСЬ

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

И так же блинги Можно использовать как фон, поставив его на любой прозрачный. Как это сделать СМОТРИМ ЗДЕСЬ, и более подробно можно ПОСМОТРЕТЬ ЗДЕСЬ.

Вот в этой рамочке формула на двойной фон. НЕ ПЕРЕПУТАЙТЕ ПОРЯДОК ВСТАВКИ АДРЕСА ФОНА.

Выглядит это так.

Вам остается только скопировать код из рамочки, и вставить адреса фонов основного и анимированного. И свое сообщение там где написано ВАШЕ СООБЩЕНИЕ. Будьте внимательны при копировании формул. Если сотрете кавычки, или скобки, то запись не будет красивой. ВСЕ ЗАПИСИ ДЕЛАЙТЕ В HTML., не переходя в УПРОЩЕННЫЙ формат. Для просмотра результата пользуйтесь ПРЕДПРОСМОТРОМ. Иначе все формулы у вас собъются

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

Из блога ГАЛИНЫ ШАДРИНОЙ

Серия сообщений "Генераторы.":
Часть 1 - Красивый фотогенератор рамочек
Часть 2 - Веселые шрифты
...
Часть 21 - Генератор поздравлений
Часть 22 - Примерьте на себя образ Санты.
Часть 23 - Как украсить свои посты блингами, и другими анимированными картинками
Часть 24 - Фото-приколы с вашими фото он-лайн...
Часть 25 - ВАЛЕНТИНКИ из ваших фоток.
...
Часть 30 - Генератор для Ваших фоток за 5 секунд.
Часть 31 - Легко и просто делаем анимацию.
Часть 32 - Улучшатель настроения )))

Серия сообщений "Уроки Ф.Ш.":
Часть 1 - Делаем плеер к музыке.
Часть 2 - Создаем рамочку для видеороликов
...
Часть 20 - Урок от NATALI: Цветные переливы
Часть 21 - Уроки от Ольги Бор:Серебрится снег на ветках....
Часть 22 - Как украсить свои посты блингами, и другими анимированными картинками
Часть 23 - Работа разных программ
Часть 24 - Спецэффекты. Необычное освещение
Часть 25 - Я так училась фотошоп(у)
Часть 26 - Спецэффекты. Необычное освещение

Серия сообщений "Сайты для редактирования фото.":
Часть 1 - Красивый фотогенератор рамочек
Часть 2 - Веселые шрифты
...
Часть 21 - Генератор поздравлений
Часть 22 - Примерьте на себя образ Санты.
Часть 23 - Как украсить свои посты блингами, и другими анимированными картинками
Часть 24 - Фото-приколы с вашими фото он-лайн...
Часть 25 - ВАЛЕНТИНКИ из ваших фоток.
...
Часть 31 - Программа для уменьшения размера фотографий
Часть 32 - Легко и просто делаем анимацию.
Часть 33 - Улучшатель настроения )))