Всё для блога и сайта

Уроки от Тамары Нанава

Красивый фон блога

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

 2. Можно  сразу пойти на ЛИ.РУ. Вот несколько ссылок:
Красота, правда?! 

3. Скачиваем на компьютер в отдельную папку понравившиеся картинки (5-10-15-20...). Анимированные тоже можно использовать, но часто теряется анимация.
4. Идем на свой блог. Нам нужно изменить ШАБЛОН

  5.Выбираем "фон"
6.Шаблон прежний не удаляем, кликаем по треугольнику
7. В открытом окне выбираем "загрузить"
 8. Открываем папку с нашими картинками

 9. Картинка сразу "замостит" страницу. Если не нравится, отменяйте действие и загружайте другую. Может быть и такое: не подходит размер (это высветится красным цветом)
10. Нравится? Кликнем "готово". После этого надо выровнять по центру
11. Оставьте "замостить". Прокручивать вместе со страницей или нет - решайте сами. Попробуйте так и так. 
12. Если все устраивает - не забудьте кликнуть "применить". 
Красивых вам блогов, друзья!

Программа для создания анимаций "DP Animation Maker 2.1.6"

Интересная программа для создания анимаций. Позволяет из обычных картинок сотворить вот такую красоту
Как создать анимацию?
Загрузить любые изображения, используя кнопку "Изменить фон". Затем добавить анимации с использованием кнопки "Анимация". Вы можете добавить объектов анимации из списка столько, сколько захотите. Вы также можете импортировать ваши собственные анимации в формате GIF. Параметры каждой анимации могут быть скорректированы с помощью элементов управления слева.
Программа DP Animation Maker может сохранять результат в трех популярных форматах с возможностями настройки выходных параметров:
• Анимированный GIF
• Видео формат AVI
• Исполняемый файл .EXE
Здесь добавила водичку, дождик и листочки
                 А здесь "пошевелила" деревья и кусты, а потом все это припорошила снежком
Скачать программу на компьютер можно здесь: http://cwer.ws/node/312334/ 
или здесь: http://rghost.ru/42797766 
Правда, помучилась с русификатором, но все получилось!

Коллаж-плакат в одном лице

Учимся делать вот такой (или с другим шаблоном) коллаж-плакат 
1. В отдельную папку соберем всё, что понадобится для работы: рисунки, фото, аудио, ссылки на ресурсы и т.д. 
2. Создаем КОЛЛАЖ.
          Сайтов, предлагающих свои шаблоны, в Интернете достаточно много.  Если нужно вставить много картинок и фотографий, предлагаю воспользоваться интересным  фоторедактором: 
http://img-life.ru/photoeffects.html
Browse (Просмотр)
Оpen URL (Открыть url)
Webcam (Захват изображения из вэб камеры)
Collage (Коллаж)
Основные услуги, которые предлагает этот сайт:  размещение фотографий , фотошоп-онлайн, фоторедактор и создание скриншотов.  Не советую заходить на эти страницы, потому что настораживает большое количество баннеров  на них.

Заходим сразу сюда:

В открывшемся окне выбираем шаблон. Их тут множество!

Я хочу сделать коллаж на школьную тему. Мне подойдет этот: 
Когда все картинки окажутся на месте, поработаем над фоном
Можно добавить эффекты, но меня они не особенно впечатлили. Попробуйте!
Если все устраивает, сохраним коллаж

3. Добавим на коллаж надпись. Это можно просто сделать в PAINT

Выберем цвет надписи

4. Делаем на основе созданного коллажа ПЛАКАТ

Для этого заходим на сайт http://picstag.ru/
Открывается окно


Можно просто перетащить наш коллаж в открывшееся окно
Внимание! Работаем с нижним окном!

Алгоритм простой

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

Теперь сохраняем плакат

Копируем код, вставляем на блог в HTML

Любуемся!!!


Уроки от Светланы Садовской

Как сделать слайд шоу на блоге

 Кто не любит украшать свой блог! Как красиво и просто сделать слайд шоу на блоге? Лучший вариант -сделать слайд шоу он лайн.  Для начала заготовим свои фото или картинки. Желательно одного размера, скажем 1204 на 800 пс. И идем на сервис номер 1 (ссылка на вход ниже), чтобы сделать слайд шоу. Под белым полем посередине находим горизонтальное меню. Жмем  FALES  и поочередно грузим свои фото.  Загрузили, идем в CUSTOMIZE редактировать эффекты слайд шоу. Можно поочередно нажать на любой эффект и воочию посмотреть, что мы получим в данном случае. Выбрали эффект. Жмем DONE, то есть Создать. После создания идем получать код, жмем GET CODE. Немного подождем и, ой ля-ля, код перед нами. Как сделать слайд шоу на блоге? Просто копируем код и вставляем к себе на блог. Размерчик можно подправить. Пример слайд шоу перед вами. Правда, симпатично и оригинально? Только 


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

Существует огромная масса сервисов для создания слайд шоу. И платных, и бесплатных. И простых, и сложных. С музыкой и без музыки. Загляните на страницу!
     Познакомимся с сервисом номер 2. Вход на сервис. Фото и картинки готовим заранее. Главный замеченный мною нюанс - дождаться момента загрузки фото. У меня получилось загрузить с третьего раза. Перед нами горизонтальное меню. Как сделать слайд шоу на блоге? Начинаем с  Фото, Переходы и по порядку дальше по оглавлению. Все на русском. Понятно. Все изменения видны сразу. Пример полученного слайд шоу перед вами.
                                                                                      Как вставить слайд шоу на блог? Это вы знаете! В редакторе переключаемся на HTML, вставляем код и возвращаемся в Создать. 
Маленькая рекомендация. Убирайте ссылки в вашем слайд шоу на сервис.
Красивых вам блогов! А как сделать слайд шоу на блоге вы уже знаете.

4 комментария:

Подписаться на: Сообщения (Atom)