HTML-баннер |
|
|
Как сделать баннер легким |
Частенько требуется баннер уменьшить в размере байт. Вес файла баннера - это количество информации о нём. Чтобы облегчить вес баннера, необходимо уменьшить количество информации:
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 |
|
|
Гусак Юрий. Пособие. Разработка флеш-баннера |
ОГРОМНАЯ БЛАГОДАНОСТЬ автору за книгу. Она стала для меня букварем. Книга написана на примере создания флеш-баннера. В папке приведены файлы с примерами, а также примеры эффектов текста на ActionScript 2 папка 09.
Вложение: 4167968_creating_flash_banner_rus_.rar
Серия сообщений "Флеш-баннеры":
Часть 1 - ActionScript 3 эффект текста для баннера
Часть 2 - Гусак Юрий. Пособие. Разработка флеш-баннера
Часть 3 - Как сделать баннер легким
|
Метки: Пособие по флеш |
ActionScript 3 эффект текста для баннера |
Часто необходим эффект текста для баннера, в котором используются скрипты AS3. Я собрала архивную папку с примерами, файлами fla и папками со скриптами. Скачайте, распакуйте и выберите из примеров (файлы swf) необходимый эффект. Файл fla соответствующего названия откройте в редакторе Adobe Flash Pro. В нем есть два слоя. Первый - скрипт и его можно скопировать к себе в баннер, нажмите F9. В редакторе кода "Действия" скопируйте весь скрипт. Затем в своем рабочем файле баннера создайте новый слой и в нужном кадре вызовите редактор кода "Действия" (F9), вставьте скопированный скрипт. Затем обратите внимание в файле примера как создан текст - просто текстовая строка или символ. Если символ, то зайдите в него. Делайте точно также как в файле примера. Посмотрите свойства текста и имя.
Вложение: 4167958_as3__yeffekt_teksta.rar
Серия сообщений "Флеш-баннеры":
Часть 1 - ActionScript 3 эффект текста для баннера
Часть 2 - Гусак Юрий. Пособие. Разработка флеш-баннера
Часть 3 - Как сделать баннер легким
|
Метки: ActionScript 3 эффект текста для баннера флеш эффекты флеш |
Техническая карта книги |
Более правильное название - Карта издания. Ее когда-то сама составила, будучи технологом в издательстве. Очень удобна в организации допечатной подготовке и контроле прохождения книги по издательским этапам. Можно сокращать и дополнять, заполнять вручную или в электронном виде.
Вложение: 4167390_karta.docx
Серия сообщений "Допечатная подготовка":
Часть 1 - Черный текст делится на 4 краски в PDF. Решения проблем
Часть 2 - Как делается рекламный журнал
Часть 3 - Техническая карта книги
|
Метки: карта издания |
Образец отзыва прохождения практики редактора |
|
|
Как делается рекламный журнал |
Сегодня напишу на примере своей работы как делается рекламный журнал с точки зрения дизайнера. О планировании, о взаимоотношениях с заказчиками и типографией, о коллективных отношениях. Возможно, кому-то эта статья пригодится для будущей работы в рекламном издании.
Серия сообщений "Допечатная подготовка":
Часть 1 - Черный текст делится на 4 краски в PDF. Решения проблем
Часть 2 - Как делается рекламный журнал
Часть 3 - Техническая карта книги
|
Метки: редакция реклама организация рекламного издания редакционный штат работа журнал обязанности |
Что нужно знать при покупке щенка. Уход и питание щенка |
У меня две собаки и решила написать на всем известную тему о покупке щенка и о его уходе. Если Вы - владелец собаки или питомника и хотите дополнить, уточнить мою статью или кого-то условно обидела, то не откажусь от комментариев - это полезно будет всем.
Серия сообщений "Питомцы":
Часть 1 - "Скорая помощь" собаке. Ветеринарная аптечка
Часть 2 - Что нужно знать при покупке щенка. Уход и питание щенка
|
|
"Скорая помощь" собаке. Ветеринарная аптечка |
Серия сообщений "Питомцы":
Часть 1 - "Скорая помощь" собаке. Ветеринарная аптечка
Часть 2 - Что нужно знать при покупке щенка. Уход и питание щенка
|
|
Презентация работы дизайнера |
Дизайнеры и верстальщики для более презентабельного вида портфолио и для выгодного представления работы заказчику подготавливают презентации. Тем более уже под силу и новичкам-дизайнерам предложить свои работы в более лучших наглядных ракурсах.
Серия сообщений "Примеры":Приводятся примеры работ для вдохновения и продолжения развития идей. Примеры хороши для новичков, которые осваивают программы и для выработки привычки правильной работы.Часть 1 - Примеры оформления визиток
Часть 2 - Презентация работы дизайнера
|
Метки: Mockup презентация смарт-объект |
Черный текст делится на 4 краски в PDF. Решения проблем |
До сих пор бывают такие ситуации и некоторые дизайнеры и верстальщики не знают в чем дело и как исправить.
Серия сообщений "Допечатная подготовка":
Часть 1 - Черный текст делится на 4 краски в PDF. Решения проблем
Часть 2 - Как делается рекламный журнал
Часть 3 - Техническая карта книги
|
Метки: PDF PS Acrobat Distiller InDesign |
Подключение ftp сервера в Total Commander |
Для администрирования и наполнения сайта фотографиями, файлами музыки, документами необходимо их загружать на хостинг и скачивать для редактирования, удалять. Быстрое и более удобное управление содержимым сайта обеспечит ftp-доступ, а как его настроить читайте в этой статье.
Серия сообщений "Создание и управление сайтом":
Часть 1 - Подключение ftp сервера в Total Commander
|
|
Как сделать визитку |
Вам было предложено разработать дизайн визитки. С чего начать и что необходимо учитывать при создании и передаче визитки на типографию или печатный салон и ее демонстрации заказчику.
Серия сообщений "Визитки":
Часть 1 - Как сделать визитку
|
Метки: визитка |
Примеры оформления визиток |
Если Вас не посетили музы Фантазия и Идея, то эта статья как раз поможет найти их. Приведу интересные идеи оформления визиток.
Серия сообщений "Примеры":Приводятся примеры работ для вдохновения и продолжения развития идей. Примеры хороши для новичков, которые осваивают программы и для выработки привычки правильной работы.Часть 1 - Примеры оформления визиток
Часть 2 - Презентация работы дизайнера
|
Метки: визитки примеры дизайн |
| Страницы: [1] Календарь |