Как отредактировать анимированную картинку (аватарку, баннер, смайлик)

Чаще всего непрофессиональные дизайнеры сталкиваются с проблемой редактирования анимации в формате gif. Это самый старый, довольно простой и очень популярный формат для создания движущихся картинок. Есть, конечно, и другие виды анимации: flash, silverlight, анимация с помощью css или javascript т.п., но эти темы мы оставим пока на будущее.

Анимированные аватарки, смайлики – это почти всегда формат gif. Чтобы отличить анимацию gif от flash, нужно кликнуть правой кнопкой мыши по этой анимации. Если в последней строчке написано что-то про Adobe Flash Player, значит, это флэш-анимация:

Как отличить flash от gif

В противном случае, найдите в появившемся контекстном меню пункт, отвечающий за сохранение картинки на ваш компьютер и посмотрите, какое расширение и у нужного вам рисунка. Для этой же цели подойдет пункт Свойства контекстного меню.

(далее…)

Учимся писать грамотное техническое задание (ТЗ) на разработку баннера

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

Классическая иллюстрация работы над проектом

Также вы можете скачать бесплатно реальный пример технического задания на создание баннера в формате .doc:

Скачать бесплатно пример ТЗ на разработку баннера flash

(далее…)

Интернет-реклама в Украине и России: итоги 2009 года и перспективы 2010-го

Интернет-реклама в Украине и России

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

По информации Всеукраинской рекламной коалиции минувший год для всего рекламного рынка Украины был не самым удачным. Если бы не колоссальные средства, потраченные политиками на предвыборную агитацию, многие рекламные компании оказались бы на грани банкротства. Впрочем, рекламщики уверяют, что доля политической рекламы в 2009 году в денежном выражении составляла всего 15%. Вероятно, значительная часть рекламы кандидатов в президенты оформлялась как социальная и потому стоила не так уж много.
(далее…)

Пример технического задания (ТЗ) для разработки шапки сайта на Flash

При разработке роликов на языке flash достаточно часто требуется сторонний разработчик. Чтобы объяснить флэшеру-фрилансеру что от него нужно, следует правильно и подробно составить техническое задание на разработку flash-баннера или анимированной шапки для сайта. Грамотно составленное ТЗ поможет не только правильно объяснить дизайнеру что хочет видеть заказчик, но и поможет сэкономить время и нервы на разработке анимации flash.

Предлагаю вам ознакомиться с классическим примером технического задания для flash на примере создания анимированной шапки для сайта.

Нужна анимированная flash-шапка хорошего качества для сайта компании, которая является системным интегратором и предоставляет широкий спектр активного и пассивного сетевого оборудования, мини-АТС, серверного оборудования, структурированные кабельные системы (СКС), локальные вычислительные сети (ЛВС), магистральные волоконно-оптические линий связи, волоконно-оптические системы и сети, системы видео наблюдения, охранные системы, системы контроля доступа, системы глобальных телекоммуникаций, системы электроснабжения до 1000В.

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

(далее…)

Делаем закругленные углы картинок в Фотошопе

На некоторых сайтах, в дизайне которых нет острых углов, иллюстрации в статьях и новостях также имеют закругленные края. Очень часто веб-дизайнеры не задумываются над тем, что делать такие иллюстрации с закругленными углами владельцу сайта будет сложно, у него не обязательно есть нужные знания Photoshop. Впрочем, заказчик сайта сам виноват. Требуя, чтобы все было красиво, он часто не задумывается над тем, как он потом будет добавлять изображения с заокругленными краями в статьи и новости на своем сайте.

В этом уроке Photoshop мы увидим как просто закруглить углы рисунка на примере аватарки, не ограничиваясь добавлением простой рамки толщиной в 1px:

 

Обычная фэнтезийная аватарка Аватарка с закругленными углами

 

Когда мне впервые было нужно закруглить углы в иллюстрации для сайта, ответ для меня был неочевиден. Я погуглил и наткнулся на пару переводных инструкций, которые были слишком заумными для новичка – мучиться с каналами, путями, размытием, направляющими и прочими инструментами для продвинутых пользователей Photoshop даже профессионалу лень, а для новичка такой процесс может показаться непонятным и нудным. Немного подумав, я нашел свой способ как быстро и просто закруглить края нужного мне рисунка.

(далее…)