Устанавливаем Sothink SWF Quicker

Всем привет!
Летний сезон официально закрыл, так что я снова с вами:-)
Ну и первый пост по мотивам лички:-) Просто до безобразия, поэтому кому не надо,- не читаем:-)

Для тех у кого проблемы с установкой нашей программы для флешек Sothink SWF Quicker :-)
Сразу оговорюсь,- почему мы пока используем именно ее:
Она простая и поможет понять основы флеш строительства:-)

Итак установка:
В конце поста новый файл для скачки, без кейгена, т.к. многие антивирусы на него ругаются:-) Мой, кстати, тоже:-)

Кликаем дважды по нашему скаченному файлу:


Дальше идем по картинкам и жмем кнопки по стрелкам:-) Где че надо,- я оговорю:-)


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

Первая простая flash игра. Разгадываем ребусы.

Первая простая flash игра. Разгадываем ребусы.

Всем привет:-) Очередной урок по flash. Сегодня будем делать маленькую и простенькую игру. Но, на ваше усмотрение, поняв общую "идею" этого урока, вы уже сами сможете сделать более интересные игры по такому простенькому принципу:-)
Напоминаю, работаем мы в программе Sothink SWF Quicker. Это первый пост с уроком по этой программе, там же и ссылки на ее скачку.

Итак, в результате получим вот такое ( т.к. при публикации именно этой флешки именно на лиру, я столкнулся с некой проблемой, смотрим прямо по ссылке):
Смотрим тут

Все довольно просто:-) Основные элементы в флешке это:
Вопросы,- в моем случае это картинки с ребусами. Вы же можете придумать свое, хоть математические уравнения или обычные "текстовые" загадки,
Текстовое поле для ввода ответа,
Кнопка подтверждения,
Картинка или что-то иное, что будет появляться при неправильном ответе,
Ну и "финиш",- какая либо анимация ( у меня похвала))

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

Поехали.
Открываем программу, в выползшем окошке , как всегда, выбираем первый пункт и жмем ок:-)
Сразу импортируем в программу все нужные нам картинки, в моем случае это картинки ребусов) Как импортировать, вспоминайте, походили:-) Но коротко напомню:
Жмем по стрелкам:

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

Дополнение к уроку про игру. Разбор скриптов.

Дополнение к уроку про игру. Разбор скриптов.

Как и обещал, коротенький пост. Разберем скрипты, которые использовали в этом уроке.

Первый, который мы использовали:

---

fscommand("showMenu","false");
stop();
btn_1.onRelease = function ()
{
gotoAndStop(2);
};

---

Частями разберем:
fscommand("showMenu","false"); - Эта строка, прячет меню флешки. Т.е. при нажатии правой кнопкой по флешке,- в выползшем окошке не будет такого пункта как, например, "воспроизвести". ( это нам надо, чтоб пользователь не мог промотать флешку вперед не ответив на все вопросы)

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

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

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

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

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




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

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

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

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

Делаем flash открытку с музыкой своими руками.

Делаем flash открытку с музыкой своими руками.

Продолжаем постигать азы flash "строительства". Теперь будем делать музыкальную открытку к празднику, в данном случае,- к дню Святого Валентина. В этом уроке узнаем много нового и полезного;-) Так что читаем внимательно и запоминаем,- пригодится)))

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

Итак, в результате мы получим вот такую открыточку ( дождитесь загрузки и нажмите плей, чтобы остановить,- нажмите квадратик справа в углу):



Урок распишу по шагам. А в следующем посте постараюсь прописать какие изменения вы можете сделать в том-то или том-то шаге, чтобы получить что-нибудь другое:-) И чуть позже постараюсь выложить видео шпаргалку к этому уроку:-)

Урок длинный, на первый взгляд кажется очень сложным, но на самом деле, если все делать строго по уроку,- ничего сложного:-) Зато, если вы справитесь с этим уроком,- вы уже сможете создавать подобные флеш открытки с музыкой самостоятельно к любым праздникам и на любой вкус. Советую не отчаиваться, если что-то не получается, а начать все заново или найти упущенный шаг.
В общем, - приступайте без страха и сомнений. Я тут, для страховки, всегда помогу, если что,- вместе разберемся.

Честное слово, урок писал очень долго и мне стыдно вас просить, но честно...так хочется увидеть хоть одну самостоятельно сделанную открыточку в комментариях ... А лучше много

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

Делаем элементарные flash часики. Видео шпаргалка.

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

p.s. попытка номер два....:-))
P.P.S. Смотрите на весь экран, чтобы хоть что-то видно было:-)

Делаем кнопки во flash. Плюс bonus - плеер в коллекцию для дневника

Делаем кнопки во flash. Плюс bonus - плеер в коллекцию для дневника:-)

Изучаем дальше. Кто не знает,- первая часть (введение) ТуТ,
вторая частьТуТ. Программой пользуемся Sothink SWF Quicker.
Теперь будем делать кнопки. Тоже очень важный момент при создании флешек. Кнопки могут исполнять стандартную роль перехода на какую-либо ссылку ( страничку в интернете), или же являться кнопками управления самой флешкой. Будь то остановка, воспроизведение и многое другое:-)
Сегодня будем делать элементарную кнопку, вот такую ( подведите мышку и нажмите на нее):



Это конечно примитив, но поможет вам понять основную идею и способы ее воплощения))

А в дальнейшем научимся делать и такие кнопочки ;-))


Это стандартная кнопка из программы, но создание подобных кнопок начинается именно с освоения азов;-)

Как всегда,- открываем программу и в выползшем окошке выбираем первый пункт и жмем "ок" :-)
Далее вверху окна программы кнопочка "insert", пунтк "new simbol":

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

Делаем простую flash подпись используя шаблонные эффекты.

Делаем простую flash подпись используя шаблонные эффекты.

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

Flash

Делать можно и прямо в сцене, но чтоб привыкнуть к верной последовательности действий на будущее,- будем делать через клипы:-)Поехали: Открываем программу, в выползшем окошке выбираем первый пункт и жмем "ок" ( как мы делали в первой части про часы). Далее сверху жмем "insert" и выбираем пункт "new simbol": Читать дальше > > >

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

Фотоальбомы, пошаговая инструкция

Фотоальбомы - теперь моя очередная любовь. Вот именно эти фотоальбомы с превьюшками. :-) С ними достаточно много возни, но при этом масса плюсов. Т.к. картинки уменьшаются не флешкой, а яндекс-фотками или вообще вручную, - все картинки четкие и качественные, не искаженные флешкой. Пролистав превьюшки можно оценить содержание всего альбома, выбрать нужные картинки, просмотреть их в размере 500-500 и только потом скачивать оригиналы. Сам альбом выходит максимально легким, ибо превьюшки 100-100 по-любому весят очень немного, а картинки 500-500 тоже явно легче, чем оригиналы и грузятся только после клика на маленькую превьюшку.
Да и вообще, нравятся они мне и все :-)))
Поэтому гружу пару фотоальбомов, вдруг кому пригодятся, и подробную "инструкцию" про составление плейлистов к этим альбомам.

(Это скрины, сами альбомы под катом:-)

Блокнот (notepad).

У блокнота (стандартный текстовый редактор windows) есть одна очень полезная и удобная функция, о которой не все знают. Учитывая то, что я сейчас усиленно вожусь с фотоальбомами (т.к. поняла, что мне работа с ними удобнее и быстрее, чем с привычными превьюшками), - мне пришлось об этой функции блокнота вспомнить.
Например, для фотоальбома мне надо энное кол-во простых прямых ссылок на картинки записать в виде:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>ССЫЛКА</image>
</pic>
<pic>
<image>ССЫЛКА</image>
</pic>
<pic>
<image>ССЫЛКА</image>
</pic>
<pic>
<image>ССЫЛКА</image>
</pic>
</images>

Дальше > > >

Перезаливаем флешки к себе и переписываем код.

Собственно, много вопросов в личке, поэтому назрел пост. Расскажу, как перезаливать мои и Лехины (Legionary, ) флешки к себе и как переписать код. Я говорю исключительно наших "самопальных" флешках (часики, флешки перехода по страницам), хотя с прочими, вероятно, можно поступать по аналогии. Честно - не проверяла :-)
Пост вышел излишне подробным, простите. Пытаюсь ответить на ВСЕ вопросы одним постом. Так что - лишнее пропускаем а в пролетарскую суть вникаем:-)))

Итак сделаем все на примере этих часов для блога:



Под ними мы пишем код, который выглядит так:
[flash=250,72,http://inmira.narod.ru/our_flash/time/Chasy_8.swf]

Дальше > > >

Фотоальбом с подгружаемыми картинками и превью во flash (версия 3-мини)

Самому смешно от заголовка... но написано как есть:-)
Это не та обещанная версия, это типа мини... В общем Inmira потребовала:-)
Значит тякс, сам альбом ничего умного не делает, даже картинки под нужный размер не подгоняет. Но зато с превьюшками,- очень удобно:-)

Вот он сам:

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

ЛиРу - как вставить флеш ( flash ) в пост? Как узнать прямую ссылку на флеш?

ЛиРу - как вставить флеш ( flash ) в пост?Как узнать прямую ссылку на флеш?

С одной стороны тема очень простая, с другой... сложненько, когда нет опыта общения с версткой ( созданием) сайтов:-(. Но не пугайтесь,- как всегда попробую все подробненько и доходчиво объяснить. Начнем:-)

Для начала,- что такое флеш ( flash ) - это может быть и видео с какого-нибудь сайта, и игра, и "приложения" и т.д. Т.е. как не крути,- это файл.
Чтобы нам его вставить в пост, все что нам надо это: прямая ссылка на него и вот этот код:

[flash=500,100,ссылка_на_flash_ролик]

Где,-
500,100, - разрешение ( размер игры по ширине и высоте),
ссылка_на_flash_ролик - сама прямая ссылка на игру.

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

Итак, идём на сайт с нужной нам игрой, на страничку где она сама ( не превью, т.е. не ее фото, а сама игра)


Теперь, наводим курсор мышки на левый верхний угол игры ( чуть выше самой игры, саму игру цеплять не надо) нажимаем левую кнопку мышки и держим:

Смотреть дальше > > >

Урок. Создаём флеш-ролик с помощью программы SWFText

Для того, чтобы создать такую флеш-открытку, нам потребуется сама программа, которую можно скачать SWFText
У кого не получится скачать по этой ссылке, то внизу страницы есть ещё одна ссылка, с помощью неё тоже свободно можно закачать эту программу.
Это значок программы:




Открываем программу.

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

Уроки по созданию флеш

Ещё Здесь очень много уроков...
Эффект появления и исчезновения фото в Flash
Автоматическая анимация Flash
Простейшая анимация во Flash создаем прыгающий мяч
Flash интеграция с другими программами
Работа с текстом в Flash cs5
Создание аналоговых часов во Flash
Как создать flash анимацию
Adobe Flash установка
Как сделать кнопку во flash
Как сделать flash баннер
Инструмент Deco Tool Adobe Flash CS4
Создание кнопки в Adobe Flash
Урок 3d Flash
Подготовка персонажа к анимации в Adobe Flash cs3
Работа с примитивами Flash
Учимся создавать эффект появления и исчезновения в Flash
Создаем рабочую область Flash
Делаем курсор в Macromedia Flash 8
Создание Flash банеров
Flash эффект воды
Эффект лупы во Flash
Использование ActionScript в Macromedia Flash
Трансформация круга с помощью actionscript
Random движение flash

[ Читать далее... → ]

Серия сообщений "флэш":

Часть 1 - Вставить флэш
Часть 2 - Снова весна
...
Часть 45 - Моя флешка
Часть 46 - Правильно вставляем флешку
Часть 47 - Уроки по созданию флеш

110 САЙТОВ ДЛЯ ДИЗАЙНЕРА

1. abduzeedo.com
Отличный сайт про логотипы и дизайн вообще. (причем с подробными объяснениями)

2. freelanceswitch.com
Сообщество всех внештатных дизайнеров (фрилансеров, если хотите) для работы за рубежом.

3. free-lance.ru
Подобное сообщество внештатных дизайнеров в русском варианте. Предложение появляются практически каждый час, так что ушки на макушки и вперед!

4. computerarts.co.uk
Международный интернет-журнал о компьютерном искусстве.

и это далеко не все

Кладезь для всех начинающих...

Я здесь буквально всё собрала,что касается текста,шрифта, как убрать под кат,цвет шрифта,слайд-шоу и т.д.

ИТАК... <b>ВАШ ТЕКСТ</b> Полужирный текст <i>ВАШ ТЕКСТ</i> Выделение текста курсивом <u>ВАШ ТЕКСТ</u> Подчёркнутый текст <s>ВАШ ТЕКСТ</s> Зачёркнутый текст маленький текст <small>ВАШ ТЕКСТ</small> маленький текст Уменьшить текст <font size="-2">текст</font> текст - 2 Увеличить текст+1: <font size="+1">текст</font> текст + 1 Увеличить текст+2: <font size="+2">текст</font> текст + 2 Увеличить текст+3: <font size="+3">текст</font> текст + 3 Увеличить текст+4: <font size="+4">текст</font> текст + 4 КРАСНЫЙ: <font color="red">текст</font> красный текст ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст СИНИЙ: <font color="navy">текст</font> синий текст ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст текст по центру <center>ВАШ ТЕКСТ</center> текст (картинка) будет по центру бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> бегущая влево бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправобегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю текст с правого краю в две строчки с выравниванием справа <div align=right>ВАШ ТЕКСТ</div> текст с правого краю в две строчки с выравниванием слева <div align=left>ВАШ ТЕКСТ</div> Сноска сверху ТЕКСТ<sup>сноска</sup> ТЕКСТ сноска сноска снизу ТЕКСТ<sub>сноска</sub> ТЕКСТ сноска список. /жирная точка спереди/ <ul><br /><br /><br /> <li>ВАШ ТЕКСТ<br /><br /><br /> </li><li>ВАШ ТЕКСТ<br /><br /><br /> </li></ul> Во-первых - все козлы, один я иван-царевич! Во-вторых - как вам нравится это во-первых? Другой такой пункт "закрепитель" текст остается таковым, каким вы его пишете <pre>ВАШ ТЕКСТ</pre> Я пишу как хочу!!! текст со всплывающей подсказкой <acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym> Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. <blockquote>ВАШ ТЕКСТ</blockquote> Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. предложение с отступом в абзаце <p style="text-indent: 40px">ВАШ ТЕКСТ</p> Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. скользящий вверх текст <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> скролящийся вверх текст с полезной информацией или ещё какой-то ерундой скользящий вних текст с такой же ерундой ))) <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> или ещё какой-то ерундой информацией текст с полезной скролящийся вниз ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите <b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой дневник</a></b> получается: МОЙ ДНЕВНИК НА ЛИРУ непосредственно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите [more=ТЕКСТ ДЛЯ ПЕРЕХОДА] ставите /без звёздочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком. Как сделать рисунок ссылкой? Для того, чтобы поместить картинку, которая уже лежит где-то в интернете, надо написать следующее (без звёздочки): <*img src="адрес картинки"> где "адрес картинки" - полный адрес (http:// и т.д.) 2. Для того, чтобы поместить ссылку помимо ЛиРушных тегов [url] (или ) и можно использовать натуральные HTML теги: <*a href="адрес ссылки">Имя ссылки<*/a> где "адрес ссылки" - полный адрес (http:// и т.д.) 3. Для того, чтобы поместить картинку, которая будет являться ссылкой, надо объединить пункты 1 и 2: <*a href="адрес ссылки"><*img src="адрес картинки"><*/a> P.S. И не забудьте, что символ "звёздочка" ("*") везде необходимо удалить. Сделать слайд-шоу Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами. Движение снизу вверх <marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee> Движение сверху вниз <marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee> Движение справа налево <marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee> Движение слева направо <marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee> Порядок действий: 1.Загрузите нужное количество картинок на сервер 2.Определитесь с направление и добавляйте код. Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки. 100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна. scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения. Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней. Примеры: Движение снизу вверх Движение сверху вниз Движение справа налево Движение слева направо