Как делать красивый текст для оформления блога.

Существую разные стили текста, для оформления вашего блога. Придуманы не мной.Долго собирала разные необычные варианты. И в этом уроке хочу вам их предложить. Благодаря им ваш дневник будет выглядеть не ординарно,и красиво. Такими текстами можно украшать ЗАГОЛОВКИ и РАМОЧКИ. Написание цвета и коды цвета. Смотрим и выбираем понравившийся... Текст с переливающейся тенью. Ещё варианты... дневник Милолика Покровская

Кнопки.

Уроки от Джулии

Кнопки - кнопочки.


Все кнопки для примера рабочие, жмите и смотрите.

1 - Кнопка с текстом

Формула
<form action="АДРЕС страницы" target="_blank" method="get"><br /> <input type="submit" value="Название кнопки" /><input type=hidden name=tok value=54cec655d2c25eac1f46202e4e99ac85 /></form>
Пример

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

Дополнение к посту ГЕНЕРАТОР ТЕКСТА!В картинках.

Дополнение к посту ГЕНЕРАТОР ТЕКСТА!



Сохраняете изображение как обычно,кликаете правой кнопкой мышки

И вот результат!УДАЧИ!!!

Все о GIMP












Из блога Patalashka
Наталья

strong>

Ваш текст

Урок. Мигающая надпись (авторский)

ИСТОЧНИК.

Итак:
1.Открываем картинку на которой хотим сделать мигающую надпись в фотошопе.
2.Выбираем Vertical Type Tool (или какой угодно тайп тул, в зависимости как вы хотите расположить надпись))

и идем в настройки текста:

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

Урок.Анимация с эффектами.

ИСТОЧНИК.Всем доброго времени суток!
Это мой первый урок, так что прошу строго не судить!
Поехали!
Открываем несколько фот предположим как у меня-4.
уменьшай или увеличивая размер (ctrl-t) напоминаю, надо перевести язык на английский, открываем эти фотки в одном документе.
Теперь мы получаем столько слоёв, колько фотографий.

Отключаем видимость всех слоёв кроме 1-ого и 2-ого
Видимость-глазик на панеле слоёв чуть левее самого слоя.

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

Мигающие глаза.

ИСТОЧНИК.      Для начала маленькое предисловие:
Все новерно помнят как в начальных классах рисовали в углу учебника всяких человечков, на каждой страничке постоянно что то меняеться! Потом с помощу большого пальца приводили человечка в движение!
Причём начиналось рисовать всега с последних страниц!
GIF- амация тоже самое! Просто вы должны понять что на каждой страничке должо быть что то новое! Иначе всё будет стоять на месте!
Теперь к делу!

SkyWhiteAngel писал(а):

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

  

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

Текст из звезд.

---

ИСТОЧНИК.

Ну или взрывающийся текст.

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

Делаем новый документ: скажем 150 на 150. Заливаем черным бэкграунд.
Пишем текст какой-нибудь светлым цветом (лучше шрифт потоньше брать) и растрируем .
Дублируем бэкграунд.

Итак получаем:

- 3 снизу слой с черным бэкграундом
- 2 дублированный слой с бэкграундом
- 1 потом растрированный слой с текстом

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

Анимация написания текста.

Сегодня будем учиться писАть от руки в фотошопе

1. Для начала создаем новый документ и делаем надпись с помощью инструмента Type Tool.
Важно выбрать подходящий шрифт, похожий на рукописный, например Pushkin.
Растеризуем слой с текстом, нажав правой мышкой на его название и выбрав Rasterize Type.

Можно трансформировать текст (Ctrl+T) - наклонить его
2. Нажимаем Ctrl+J, что бы копировать слой с надписью.
Делаем невидимым нижний слой с текстом (отключаем глаз напротив в палитре Layers) и на копии ластиком стираем какую-то часть текста, начиная с конца.
Дальше копируем этот новый слой (Ctrl+J), делаем невидимым тот, который под ним, и на новой копии стираем еще часть надписи.

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

Переливы цветов.

Сначало берём какую-нибудь аватарку и копируем 4 раза.

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

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

Цветочные фоны



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

для широких рамок


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

Волшебный тег MARQUEE - заставь буквы двигаться

1. <MARQUEE>Ваш текст</MARQUEE>

Вот так!

2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>

или так

3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>

ну и вот так

4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>

или даже так

5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>

а уж так!

6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>

и так можем

Переменные:
HEIGHT высота "окошка", в котором двигается текст;
WIDTH расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега marquee?
Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
Результат будет выглядеть так:

<MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">

---

Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
Пример:

Синтаксис: <MARQUEE><img src="_АДРЕС_ВАШЕЙ_КАРТИНКИ_"></MARQUEE>

 

Аппетитные рамочки на любой вкус

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

Простая рамка для записи.  Ваш текст или картинка будут находиться здесь.

Простая рамка для записи.  Ваш текст или картинка будут находиться здесь.

Простая рамка для записи. Ваш текст или картинка будут находиться здесь.

Простая рамка для записи.  Ваш текст или картинка будут находиться здесь.

Простая рамка для записи.  Ваш текст или картинка будут находиться здесь.

 

Мини фотоальбомчик во flash

Мини фотоальбомчик во flash

Итак, напоминаю, работаем мы в программе Sothink SWF Quicker. Это первый пост с уроком по этой программе, там же и ссылки на ее скачку.

Сегодня будем делать вот такое ( урок очень простой):




Для начало нам надо найти или подобрать картинки, я взял всего 5 штук. Надо подогнать их примерно под один размер, у меня это 292 на 220.

Теперь открываем программу, в появившемся окошке как всегда выбираем первый пункт и жмем "ок"

Далее, сразу импортируем в программу наши картинки. Жмем "file" пункт "import to library":

Читать дальше > > >

Делаем элементарные часики.Начинаем учиться созданию flash.

Делаем элементарные часики.Начинаем учиться созданию flash

Все тянул, тянул с этой темой, но чувствую, что пора:-) А то без практики сам не учусь и забывать начинаю, а так хоть по ходу написания постов вспомню и может узнаю че нить:-)

Небольшое предисловие:
1.- Я сам только учусь в этой области. Поэтому рассказываю только-то, что умею и как умею:-)
2.- Лично я пользуюсь программой Sothink SWF Quicker. Adobe flash у меня нету и пока устанавливать не планирую.
3.- Исходя из пункта "2", вам надо скачать Sothink SWF Quicker. Программа легкая ( около 15 мб) (ссылка на скачку в конце поста)

Прошу прощения за сурьезное начало)))

Теперь немного теории, многа букаффф))

Используя "технологию флеш" можно создавать много всего, поэтому будьте готовы. Флеш- это не только мультики и открытки, но и вполне работоспособные программы, выполняющие определенные функции.
Но естественно и те же баннеры тоже можно делать во флеш) И вообще много чего)

Теперь к работе в самой программе.

Перед тем как приступить к созданию чего-либо на примерах конкретных, надо немноооожечко уловить самую суть. Т.е. основные вещи в проге) Это я точно знаю, понял на примере обучения Inmira Я, как всегда, не буду использовать верную терминологию ( сам еще не до конца ее знаю, да и не надо нам это пока)

Итак, в программе мы можем создавать три основные "вещи", это-
1.- Кнопки
2.- клипы
3.- графические объекты

Из этих трех "вещей" мы складываем основную "сцену",- которая уже является окончательным результатом, т.е. нашей флешкой:-)
Представили примерно?
Отлично, теперь идем дальше.

В программе используется Action Script . Т.е. впринципе это язык программирования. Когда-то, говорят, его недооценивали... но не о том речь) Так что готовьтесь к изучению непонятных надписей и иероглифов шутка))

Все, теперь к практике. Шаблонные возможности программы пока использовать не будем, делаем все сами)
Вообще конечно, лучше бы не с часов начать, но чтоб зацепить ваш интерес ;-) начнем с них))) а в следущих уроках изучим нужные основы

Открываем программу. В таком выползшем окошке выбираем первый пункт и жмем ок:


Читать дальше > > >

Прозрачные рамочки(текст с прокруткой!)

Ваш текст

Делаем бесшовные фоны

Мне очень нравится делать схемы, это ужасно увлекательное занятие) Так вот, для того, чтоб сделать схему, для нее обязательно нужно изготовить бесшовную картинку. А делается это очень легко! Благодаря программе GIMP , эта программа абсолютно бесплатна и очень удобна в использовании. Вот ссылка, скачиваем, устанавливаем и приступаем.
Запускаем программу, она состоит из трех окошек. Первое- GNU Image Manipulation Program, второе- слои, каналы, контуры... и третье- панель инструментов. В первом окошке нажимаем ФАЙЛ - ОТКРЫТЬ, выбираем картинку для будущего фона.



Теперь открывайте в меню ФИЛЬТРЫ -> КАРТА -> БЕЗ ШВОВ



Ну вот, фон готов. Сохраняем, выбирая пункт СОХРАНИТЬ КАК потому, что вам эта картинка еще может пригодится. Если нет, то тогда просто нажимает сохранить.


Удачи!

КОД-ШАБЛОН ДЛЯ ТАБЛИЦЫ С КОДОМ ПРОКРУТКОЙ

ШАБЛОН ДЛЯ КОПИРОВАНИЯ: <center><table width="100%" border="1"><tbody><tr> <td>АДРЕС КАРТИНКИ<br /> <textarea cols="?" name="?" rows="?">ТЕКСТОВЫЙ КОД</textarea></td> <td>АДРЕС КАРТИНКИ<br /> <textarea cols="?" name="?" rows="?">ТЕКСТОВЫЙ КОД</textarea></td></tr><tr> <td>АДРЕС КАРТИНКИ<br /> <textarea cols="?" name="?" rows="?">ТЕКСТОВЫЙ КОД</textarea></td> <td>АДРЕС КАРТИНКИ<br /> <textarea cols="?" name="?"rows="?">ТЕКСТОВЫЙ КОД</textarea></td></tr></tbody></table></center> АДРЕС КАРТИНКИ ТЕКСТОВЫЙ КОД АДРЕС КАРТИНКИ ТЕКСТОВЫЙ КОД АДРЕС КАРТИНКИ ТЕКСТОВЫЙ КОД АДРЕС КАРТИНКИ ТЕКСТОВЫЙ КОД