-Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в gareza

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 04.02.2009
Записей:
Комментариев:
Написано: 1811





HTML-баннер

Вторник, 31 Марта 2015 г. 02:11 + в цитатник
Есть мода и на html-баннеры. Их цель использования: легкость, удобство редактирования и индексация поисковиками текста и картинок, а также свежие версии Java, CSS3 и обновления браузеров, которые дают возможность эффектов и анимации. Так что поклонникам флеш не нужно жмурить глаза на html, а применять в свою пользу. Ведь когда-то Gif был популярен, но его песенка еще не спета и им пользуются фанаты живых фотографий и смайликов. Так что если настала эра JQuery, то это не значит что откажемся от флеш.


Понравилось: 26 пользователям

Как сделать баннер легким

Вторник, 31 Марта 2015 г. 01:41 + в цитатник

Частенько требуется баннер уменьшить в размере байт. Вес файла баннера - это количество информации о нём. Чтобы облегчить вес баннера, необходимо уменьшить количество информации:
1. Web-цвета. Используйте web-цвета, смешанные оттенки RGB содержат больше информации. В web-цвета (индексированные цвета) можно перевести картинки в Photoshop, а также использовать в работе в Adobe Flash при размещении фона, цвета текста и элементов, рисование.
2. Сократить количество цветовых оттенков в разумных пределах. Чем больше цветовых оттенков, тем больше весит файл. Попробуйте сохранить картинки в более сжатом виде, а сжатие это и есть сокращение оттенков путем объединения подобных оттенков. Поможет гауссовское размытие картинок, задание низкого качества эффектов, пересохранение картинок в низком качестве. Старайтесь в заливках поменьше использовать градиенты, текстуры. По возможности замените текстуры и градиенты их созданием с помощью скриптов.
3. Заменить растровые картинки рисунками в кривых. Кривые несут в себе меньшее количество информации, чем растровый рисунок. Постарайтесь не растрировать текст и объекты, созданные в кривых.
4. Сократить количество узлов в кривых в разумных пределах. Большое количество лишних узлов утяжеляет вес баннера, сохраняя информацию о них в файле. Потому постарайтесь перепроверить сложные рисунки, созданные в кривых.
5. Использовать символ для анимации. Символ сохраняется в Библиотеке и уже используется информация о нем + информация о действиях. А вот использование в анимации объектов без символов может утяжелить файл, т.к. с каждой копией объекта при его анимации копируется информация о нем; если делаете 100 кадров с анимацией объекта, то информация об объекте увеличивается в 100 раз, а если в анимации использовать символ, в котором будет размещен объект, то информация остается единожды. К тому, же с символами удобно работать. И постарайтесь в анимации создавать поменьше контрольных точек, которые будут нести информацию о действиях. Лучше удалите лишние контрольные точки анимации и подкорректируйте поведение анимации и кривые пути.
6. Использовать скрипты в разумных количествах. Скрипты AS 2 и AS 3 в некоторых случаях могут давать нагрузку и торможение воспроизведения на слабых компьютерах, а также утяжелять файл. Такое бывает при использовании очень ёмких и воспроизведении скриптов или их неограниченного количества. Это баннер, а не флеш-игра или приложение. Тем более баннер используется в малом временном промежутке - прокрутили 1 день или месяц и заменили на новый. Потому не усложняйте себе работу, выделяйте важные для зрителя части, превратите баннер не во взрыв, а в театр или действия с пользователем, тем самым вы повышаете интерес и кликабельность, а вот лишние спецэффекты частенько мешают увидеть важную информацию на баннере.
7. Использовать компьютерные шрифты, сократить внедренные шрифты. Информации о компьютерных шрифтах (шрифт устройства) меньше, т.к. сам шрифт установлен с Windows и используется во всех браузерах. А вот шрифты, которые необходимо внедрять для воспроизведения в браузерах других пользователей, содержат большую информацию. Постарайтесь не нагружать баннер огромным количеством сторонних шрифтов, тестируйте вес баннера при внедрении шрифтов. Постарайтесь внедрять шрифт частично, если используете кириллицу, то внедряйте часть кириллицы шрифта, не забудьте проверить есть ли пунктуация, цифры. Можно использовать сочетание шрифтов компьютерных (устройства) и сторонних шрифтов, используйте один внедренный сторонний шрифт в нескольких местах, чем пять различных сторонних шрифтов.

Способы облегчения баннера тестируйте в процессе. Возможно достаточно применить пункт 1.

Свои замечания и советы как уменьшить вес баннера пишите в комментариях. Пригодится всем! =)

Серия сообщений "Флеш-баннеры":
Часть 1 - ActionScript 3 эффект текста для баннера
Часть 2 - Гусак Юрий. Пособие. Разработка флеш-баннера
Часть 3 - Как сделать баннер легким


Метки:  

Сайт для скачивания флеш swf

Вторник, 31 Марта 2015 г. 00:55 + в цитатник
Есть сайт, который помогает "вытянуть" медиа-файлы и сохранить ссылки либо скачать себе на компьютер.
http://save2go.ru/
На сайте всё написано поэтапно. Пользуюсь им давно.


Понравилось: 1 пользователю

Гусак Юрий. Пособие. Разработка флеш-баннера

Суббота, 28 Марта 2015 г. 22:23 + в цитатник

ОГРОМНАЯ БЛАГОДАНОСТЬ автору за книгу. Она стала для меня букварем. Книга написана на примере создания флеш-баннера. В папке приведены файлы с примерами, а также примеры эффектов текста на ActionScript 2 папка 09.

Содержание 
От автора………………………………………………………………………………………
Введение…………………………………………………………………………...…………..
1 Техническое задание……………………………………………………………………….
1.1 Что такое техническое задание? ……………………………………………….…
1.2 Подготовка к созданию баннера………………………………………………….
2 Сбор информации…………………………………………………………………………..
2.1 Технические требования площадки………………………………….………..…
2.2 Графический материал………………………………………………………….....
2.3 Рекламный текст……………………………………………………………....……
3 Раскадровка………………………………………………………………………………….
4 Создание баннера…………………………………………………………………………...
4.1 Делаем основу……………………………………………………………………...
4.1.1 Кнопка……………………………………………………………………….
4.1.2 Рамка………………………………………………………………………...
4.2 Подготовка графики и текст…………………………………………………….…
4.2.1 Фон…………………………………………………………………………..
4.2.2 Логотип……………………………………………………………………...
4.2.3 Изображения………………………………………………………………..
4.2.4 Текст…………………………………………………………………………
4.3 Структура клипа mcMain…………………………………………...………………
4.4 Анимация……………………………………………………………………………
5 Требования к баннеру и оптимизация…………………………………………………….
5.1 Вес баннера…………………………………………………………………………
5.1.1 Сжатие изображений………………………………………………………
5.1.2 Оптимизация векторных иллюстраций…………………………………..
5.1.3 Шрифт……………………………………………………………………….
5.1.4 Символы…………………………………………………………………….
5.1.5 Цвет………………………………………………………………………….
5.1.6 Версия плеера………………………………………………………………
5.2 Нагрузка на ЦП……………………………………………………………………...
5.2.1 Анимированные объекты………………………………………………….
5.2.2 Маски………………………………………………………………………...
5.2.3 Фильтры и альфа-канал……………………………………………………
5.2.4 Растеризация……………………………………………………………….
5.2.5 Содержимое за границами рабочей области……………………………
5.2.6 Частота кадров……………………………….…………………………….
6 Заглушка……………………………………………………………………………………..
7 Эффекты и интерактив……………………………………………………………………...
7.1 Примеры текстовых переходов…………………………………………………..
7.2 Примеры графических эффектов…….…………………………………………...
7.3 Интерактив………………………………………………………………………….
8 Баннер-растяжка…………………………………………………………………………….
Вдохновение……………………………………………………………………….…………..
 
Скачивайте и наслаждайтесь. Папка banners не влезла в 8 мб =) там примеры баннеров, но сейчас можно вдохновиться и примерами портфолио флеш-дизайнеров.

Вложение: 4167968_creating_flash_banner_rus_.rar

Серия сообщений "Флеш-баннеры":
Часть 1 - ActionScript 3 эффект текста для баннера
Часть 2 - Гусак Юрий. Пособие. Разработка флеш-баннера
Часть 3 - Как сделать баннер легким


Метки:  


Процитировано 1 раз
Понравилось: 1 пользователю

ActionScript 3 эффект текста для баннера

Суббота, 28 Марта 2015 г. 20:55 + в цитатник

Часто необходим эффект текста для баннера, в котором используются скрипты AS3. Я собрала архивную папку с примерами, файлами fla и папками со скриптами. Скачайте, распакуйте и выберите из примеров (файлы swf) необходимый эффект. Файл fla соответствующего названия откройте в редакторе Adobe Flash Pro. В нем есть два слоя. Первый - скрипт и его можно скопировать к себе в баннер, нажмите F9. В редакторе кода "Действия" скопируйте весь скрипт. Затем в своем рабочем файле баннера создайте новый слой и в нужном кадре вызовите редактор кода "Действия" (F9), вставьте скопированный скрипт. Затем обратите внимание в файле примера как создан текст - просто текстовая строка или символ. Если символ, то зайдите в него. Делайте точно также как в файле примера. Посмотрите свойства текста и имя.

Опишу лучше на примере, чтобы было проще разобраться.

Вложение: 4167958_as3__yeffekt_teksta.rar

Серия сообщений "Флеш-баннеры":
Часть 1 - ActionScript 3 эффект текста для баннера
Часть 2 - Гусак Юрий. Пособие. Разработка флеш-баннера
Часть 3 - Как сделать баннер легким


Метки:  


Процитировано 13 раз
Понравилось: 8 пользователям

Техническая карта книги

Вторник, 24 Марта 2015 г. 23:59 + в цитатник

Более правильное название - Карта издания. Ее когда-то сама составила, будучи технологом в издательстве. Очень удобна в организации допечатной подготовке и контроле прохождения книги по издательским этапам. Можно сокращать и дополнять, заполнять вручную или в электронном виде.

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

Вложение: 4167390_karta.docx

Серия сообщений "Допечатная подготовка":
Часть 1 - Черный текст делится на 4 краски в PDF. Решения проблем
Часть 2 - Как делается рекламный журнал
Часть 3 - Техническая карта книги


Метки:  

Образец отзыва прохождения практики редактора

Вторник, 24 Марта 2015 г. 22:32 + в цитатник
Характеристика-отзыв


Студент(-ка) ФАМИЛИЯ ИМЯ ОТЧЕСТВО проходил(-а) производственную практику в НАИМЕНОВАНИЕ ИЗДАТЕЛЬСТВА с 00.00.0000 по 00.00.0000 гг. За это время практикант(-ка) ознакомился(-ась) с работой издательства, его отделами, тематической направленностью, с отдельными изданиями, выпущенными за несколько последних лет. Студент(-ка) ФАМИЛИЯ И.О. скрупулезно интересовался(-ась) всем процессом допечатной подготовки рукописи – от редактирования до вывода оригинал-макета на бумагу. Лично принимала участие в наборе текстов, редактировании и корректировании рукописей, внесении правок и изменении формата, обсуждении редакционно-художественного оформления отдельных книг.
Во время практики студент(-ка) ФАМИЛИЯ И.О. внимательно знакомился(-ась) с квалифицированными требованиями к работе редактора, корректора, верстальщика.
Сотрудники НАИМЕНОВАНИЕ ИЗДАТЕЛЬСТВА отмечают добросовестное отношение студента(-ки) ко всем поручаемым заданиям и своевременное их выполнение.
Рекомендуемый балл за производственную практику – 10.




Руководитель практики от предприятия,
заведующий отделом книгоиздания (или другая должность)
ФАМИЛИЯ И.О.

Как делается рекламный журнал

Вторник, 17 Марта 2015 г. 19:26 + в цитатник

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

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

Серия сообщений "Допечатная подготовка":
Часть 1 - Черный текст делится на 4 краски в PDF. Решения проблем
Часть 2 - Как делается рекламный журнал
Часть 3 - Техническая карта книги


Метки:  

Что нужно знать при покупке щенка. Уход и питание щенка

Понедельник, 16 Марта 2015 г. 02:37 + в цитатник

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

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

Серия сообщений "Питомцы":
Часть 1 - "Скорая помощь" собаке. Ветеринарная аптечка
Часть 2 - Что нужно знать при покупке щенка. Уход и питание щенка




Процитировано 1 раз
Понравилось: 2 пользователям

"Скорая помощь" собаке. Ветеринарная аптечка

Воскресенье, 15 Марта 2015 г. 21:41 + в цитатник

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

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

Серия сообщений "Питомцы":
Часть 1 - "Скорая помощь" собаке. Ветеринарная аптечка
Часть 2 - Что нужно знать при покупке щенка. Уход и питание щенка


Презентация работы дизайнера

Суббота, 14 Марта 2015 г. 01:06 + в цитатник

Дизайнеры и верстальщики для более презентабельного вида портфолио и для выгодного представления работы заказчику подготавливают презентации. Тем более уже под силу и новичкам-дизайнерам предложить свои работы в более лучших наглядных ракурсах.

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

Серия сообщений "Примеры":
Приводятся примеры работ для вдохновения и продолжения развития идей. Примеры хороши для новичков, которые осваивают программы и для выработки привычки правильной работы.
Часть 1 - Примеры оформления визиток
Часть 2 - Презентация работы дизайнера


Метки:  

Черный текст делится на 4 краски в PDF. Решения проблем

Суббота, 14 Марта 2015 г. 00:21 + в цитатник

До сих пор бывают такие ситуации и некоторые дизайнеры и верстальщики не знают в чем дело и как исправить.

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

Серия сообщений "Допечатная подготовка":
Часть 1 - Черный текст делится на 4 краски в PDF. Решения проблем
Часть 2 - Как делается рекламный журнал
Часть 3 - Техническая карта книги


Метки:  

Подключение ftp сервера в Total Commander

Пятница, 13 Марта 2015 г. 21:26 + в цитатник

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

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

Серия сообщений "Создание и управление сайтом":
Часть 1 - Подключение ftp сервера в Total Commander


Как сделать визитку

Пятница, 13 Марта 2015 г. 21:13 + в цитатник

Вам было предложено разработать дизайн визитки. С чего начать и что необходимо учитывать при создании и передаче визитки на типографию или печатный салон и ее демонстрации заказчику.

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

Серия сообщений "Визитки":
Часть 1 - Как сделать визитку


Метки:  

Примеры оформления визиток

Пятница, 13 Марта 2015 г. 19:56 + в цитатник

Если Вас не посетили музы Фантазия и Идея, то эта статья как раз поможет найти их. Приведу интересные идеи оформления визиток.

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

Серия сообщений "Примеры":
Приводятся примеры работ для вдохновения и продолжения развития идей. Примеры хороши для новичков, которые осваивают программы и для выработки привычки правильной работы.
Часть 1 - Примеры оформления визиток
Часть 2 - Презентация работы дизайнера


Метки:  

Поиск сообщений в gareza
Страницы: [1] Календарь