24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Уроки Photoshop » Парад Монстров. Выпуск №4 : мигание, не выносящее мозг


Парад Монстров. Выпуск №4 : мигание, не выносящее мозг

Сообщений 1 страница 7 из 7

1

http://i.imgur.com/GHIj6.png
Парад монстров или как НЕ НАДО делать. http://www.10pix.ru/img1/2429/3475912.gif
И снова здравствуйте.
Мы снова в эфире на ваших заляпанных соком мониторах.
Уберите детей от экранов.
Беременным и слабонервным можно остаться.
Итак, продолжаем.
Если вы хотите чтобы ваши работы радовали глаз – слушайте Мор, она вам плохого не посоветует, так что слушайте. Ну или как вам будет угодно.
Сразу хочу предупредить, что все работы, использованные мной в этом уроке НЕ МОИ.
Они взяты из сообщества «Аватары для всех», «Авки Для Всех»  и «Неформальные дизайны»на ресурсе liveinternet.ru
Заранее хочу попросить прощения у авторов этих работ.

Итак, это четвертый выпуск.
В прошлом выпуске (Выпуск №3) мы рассматривали ошибки, связанные с применением блеска и блесток и я обронила следующую фразу :

Chaos написал(а):

Порядка 70% анимированных картинок в интернете – это или блестяшки, или мигалки.

Так что логично, что в этом выпуске мы рассмотрим именно эту группу ошибок.
А именно..
Группа ошибок номер 4.
Ошибки «мигалок» или как сделать мигание, не выносящее мозг.

К сожалению, 90% людей, делающих мигание, не имеют ни малейшего понятия о кнопке твин.
Оттого так часто приходится скроллить вниз страницы, чтобы убрать подальше неистово мигающий двухкадровый юзерпик, при взгляде на который начинается столь же неистовая резь в глазах. http://colormate.ru/wp-content/uploads/2011/03/boxed.gif
Давайте же рассмотрим наиболее неудачные способы применения мигания.

Группа примеров №1.

смотрим|Закрыть

http://i.imgur.com/H1xGP.gif http://i.imgur.com/4dl9w.gif http://i.imgur.com/qtDtm.gif http://i.imgur.com/mVcaC.gif

Знаете, я специально убираю примеры в  спойлеры, чтобы вы могли посмотреть на них, а затем закрыть, и они не отвлекали  бы вас от чтения и не создавали дополнительного визуального шума.
Ну так собственно. Перед вами самый неудачный способ применения мигания.
А именно – мигание по фону или по всей площади картинки.
Поясню, почему самый неудачный.
1. Если картинка очень цветастая, то применение мигания по всей площади картинки практически сведет к нулю шансы на удачную оптимизацию.
2. Если вы (как и авторы этих работ) не знаете о волшебной кнопке твин и не обладаете чувством меры, то это 99,99% что ваша работа напоминает солнце. То есть на нее нельзя смотреть без темных очков.
3. Мигание по фону очень трудно объединить с дополнительной анимацией или анимациями.

Группа примеров №2.

смотрим|Закрыть

http://i.imgur.com/8E5cY.gif http://i.imgur.com/VrSu5.gif http://i.imgur.com/1AREs.gif http://i.imgur.com/LbMch.gif http://i.imgur.com/TXxwH.gif

Вроде как на эти работы можно смотреть без темных очков, в чем проблема? - спросите вы.
Знаете, я, ползая по аватарным сообществам, постоянно натыкаюсь на такие аватарки.
С чуть-чуть заметным, а иногда совсем-совсем незаметным миганием по всей площади картинки.
По-моему мнению (суровое ИМХО) эта анимация является бессмысленной. Иные авторы умудряются сделать мигание практически неуловимым.  http://colormate.ru/wp-content/uploads/2011/03/batman.gif Прямо как Бэтмен.
Основная проблема в том, что ради этой едва заметной анимации они сокращают количество цветов своей работы до 256, существенно снижая ее качество.
По-моему личному мнению, не стоит приносить качество в жертву почти незаметной анимации, лучше оставить работу статичной. Я думаю, все заметили зернистость на нескольких из примеров.

Однако из каждого правила есть исключения.
Иногда мигание по фону смотрится неплохо. Но это происходит только если соблюдены несколько условий :
1. Мигание не резкое, а плавное.
2. Работа относительно темная (не слишком «белая»).
3. Работа имеет ограниченную цветовую палитру.
4. И конечно же когда эффект подходит к картинке.
Вот что случается, если нарушить эти маленькие правила :
Пример №3.

смотрим|Закрыть

http://i.imgur.com/Z75ah.gif

И вот что получается, если им следовать :
Пример №4.

смотрим|Закрыть

http://i.imgur.com/ahWMX.gif

Это, конечно же, не самая лучшая работа, но на фоне всех прочих она выглядит достойно, правда?
Обычно мигание – это осветление. Но некоторые делают как бы осветление наоборот.
Они сначала затемняют картинку, а потом в качестве «осветленной» версии используют картинку без изменений. Этот прием подходит для светлых объектов.
Но не для всех. Порой затемненный объект слишком явно выдает свое затемнение. А еще частенько цвет, получившийся при затемнении, выглядит «грязным». Так что здесь необходимо выяснить экспериментальным путем, хорошо или плохо это смотрится на вашей конкретной картинке.
Пример №5.

смотрим|Закрыть

http://i.imgur.com/RCWem.gif

Но в любом случае не делайте так. А если сделали, то никому не показывайте и вообще сделайте вид, что вы тут не при чем.

Лучше всего мигание смотрится, когда оно применяется к конкретным объектам на картинке.
Но здесь тоже есть подводные камни.
Группа примеров №6.

смотрим|Закрыть

http://i.imgur.com/rXAgj.gif http://i.imgur.com/Hz1iD.gif http://i.imgur.com/Y4ynY.gif

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

Группа примеров №7.

смотрим|Закрыть

http://i.imgur.com/xoNLc.gif http://i.imgur.com/bE0tl.gif

Видите это?
Крибли-крабли-бумс-хурум-бурум-сим-салабииим… 
Этис атис аниматис этис атис аматис…
Короче, заклинаю вас научиться пользоваться инструментами выделения. Выделять объекты следует аккуратно, с должным прилежанием.
Кстати, работа с девушкой плоха еще и тем, что объект мигания слишком светлый.
Я об этом писала уже выше, но теперь вы можете на это посмотреть.
Мигание – не  Тайд и не Персил, оно не должно превращать белое в ослепительно белое.

Итак, что же нужно, чтобы мигание на объекте смотрелось хорошо?
1. Подобрать объект с умом. Желательно чтобы объект не был слишком «белым»
2. Аккуратно выделить его.
+ не забыть про правила мигания по фону, они сюда тоже идут.
Но кстати из каждого правила есть исключение.
Пример №8.

смотрим|Закрыть

http://i.imgur.com/xxKeD.gif

Эта работа достаточно светлая, но не слишком белая и смотрится довольно неплохо.
Хотя это типичный пример анимации в руках колорщика и в статике она смотрелась бы лучше.

Пример №9.

смотрим|Закрыть

http://i.imgur.com/D7mEG.gif

Работа цветная. Это сразу же сказывается на оптимизации, хотя анимация смотрится хорошо.

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

Пример №10.

И последнее. Самое важное.
Переборщить можно не только с блеском.

смотрим|Закрыть

http://i.imgur.com/09M7H.gif

Благодарю дорогих читателей за внимание.
Сеанс терапии окончен. [взломанный сайт]

Написано специально для colorforum.ru
Данный мануал является выпуском авторского журнала "Парад Монстров".
Копирование (полное и частичное) строго запрещено.

+16

2

Chaos, отличный выпуск, спс)) http://www.10pix.ru/img1/4447/3475774.gif

0

3

Chaos, понравилось, спасибо)  http://colormate.ru/wp-content/uploads/2011/03/clover.gif

0

4

Chaos, как всегда на высоте http://www.10pix.ru/img1/4447/3475774.gif

0

5

Запоминающаяся статься^^ спасибо.

0

6

Спасибо большое за статью)

0

7

Очень интересная статейка ты просто супер молодец

0


Вы здесь » COLOR MATE » Уроки Photoshop » Парад Монстров. Выпуск №4 : мигание, не выносящее мозг