Спрашивается и зачем так стараться? Ведь иногда получается, так что из-за большого изобилия анимации либо флеш-роликов главную информацию пропускаешь мимо, либо причитать её становиться просто не возможно. Поэтому конечно в использование анимации ввели ограничения. Теперь разберёмся подробнее где, когда следует применять анимацию, а где – не надо. Применять анимацию не следует в следующих случаях:
1. В случае, когда данная анимация будет являться просто лишним украшением.
2. В логотипах то не следует её использовать.
3. На страницах где и так большой объём информации
А теперь рассмотрим ситуации, когда наличие анимации необходимо:
1. Во время наглядной демонстрации товара.
2. Слежение за изменением объекта.
3. Для привлечения внимания.
Но всего как говориться в меру. Если во время работы возникают сомнения воспользоваться анимацией или нет, то из этой ситуации есть один очень простой выход: посмотрите внимательно можно ли обойтись и без неё. Если можно тогда и применять анимацию не стоит.
7. Различные кодировки в веб-дизайнерстве.
Кодировка веб-страницы – это так называемый способ, при котором происходит кодирование информации для последующей её передачи во всемирную сеть. Параметр, который является определяющим во время всего процесса кодировки – это количество битов. Так как с помощью них и передаётся один символ за другим. Чтобы было более понятно, привожу пример: один бит может закодировать два значения, а соответственно два бита – два значения. Таким образом, видно, что при добавлении бита количество значений удваивается, а это значит, что кодируемых значений тоже увеличивается вдвое. Значит если в процессе кодировки, принимали участие восемь битов, то поддающихся значений получается 256. Эти значения идут в последовательном двоичном порядке, и каждая из таких последовательностей то же может предать один символ информации, но стоит оговориться информация должна быть текстовая. Хотелось бы отметить, что существуют также и кодировки 16 и 32 битовые. Естественно эти кодировки сильнее и способны на обработку информации в большем количестве. Вся вышесказанная информация является основой программирования. Как вы понимаете не всего полностью, а только её небольшой частью. Опираясь на эту информацию, читая дальше, будет намного проще понять, о чём идёт речь. Браузер всем не безызвестный, а именно Интернет Эксплауер, который входит в операционную систему Виндоус, имеет довольно таки внушительный список кодировок. С этими кодировками и приходиться работать браузеру. Вообще существует только шесть кодировок, которые способны поддерживать русский язык – это KOI-8U, WINDOWS-1251, KOI-8R,UTF-8,MAC,ISO-8859-5. Для того чтобы на мониторе у вас всегда была красивая картинка сервер интернет страницы и браузер вашего компьютера обмениваются постоянно информацией, которая содержит сведения метода кодировки.
Где можно применить анимированные картинки? Можно например, внедрить их на страницу Вашего сайта знакомств, если таковой у Вас имеется. Они украсят сайт, привлекут к нему внимание большего количества посетителей. Но во всем должна быть мера, излишнее переполнение дизайна сайта анимацией – только повредит ему. Например, старейший сайт знакомств – dating.ru практически не использует анимацию на страницах и его страницы – легкие, они буквально летают!
Такие сайты, предлагающие знакомства без регистрации посещают обычно большое количество людей, мечтающих познакомиться в интернете и поэтому данные сайты должны иметь легкий дизайн, использующий небольшое число графических элементов.

Наш сайт находят по следующим ключевым словам

• фотошопя на две фот
• фотошоп свечение
• как сгладить кожу в фотошопе
• как соединить две фотографии в одну в фотошопе
• как соединять 2 фотографии в фотошопе
• как сделать портрет в фотошопе

В сегодняшнем уроке мы немного отвлечемся от темы фотообработки и научимся рисовать гранжевый баннер.

Шаг 1 – создаем новый документ

Создайте новый документ произвольного размера. Я создал 500 на 500 пикселей, залейте ваш холст цветом #FFFDE6.

Шаг 2 – рисуем закругленные прямоугольники

Теперь нарисуем закругленные прямоугольники, радиус 5px, цвет – #FFFDE6.  Для этого используем Rounded Rectangle Tool (U) .

Теперь по новому слою в палитре слоев нажмите правой клавишей и выберите «Blending Options«. Поставьте настройки Stroke, как у нас ниже.

Вот, что у вас должно получится после того, как вы закончите со стилями.

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

Теперь щелкните правой клавишей мыши на слое со второй фигурой (черной) и выберите пункт «Rasterize Layer«.

После того, как закончите, выберите Rectangle Marquee Tool (M).

И создайте выделение, как у нас ниже.

Убедитесь, что у вас выбран второй слой с фигурой. Когда выделение будет готово, нажмите Delete.

Теперь выберите оба слоя с фигурами и разверните их, как у нас.

Шаг 3 – добавляем немного кистей

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

Теперь выберите подходящую кисть с кляксой.

Создайте новый слой и, меняя размер кистей, нанесите рисунок, как у нас.

В итоге еще чуть-чуть побалуйтесь с кистями. Вот, что у меня в результате этого получилось.

Для большего эффекта можно поменять цвет кисти на противоположный (белый) и добавить еще клякс и пятен.

Далее скачайте какие-нибудь веселые кисти с photoshopmix.ru и по уже известной методике дополните ими ваш будущий баннер. Вот, что получилось у нас.

Шаг 4 – добавляем надписи

Теперь напишите что-нибудь в вашем баннере, затем с помощью инструмента Transform (CTRL+T) разверните надпись так, как вам нужно.

Далее, с помощью тех же гранжевых кистей, делаем наш текст чуть «потрепанным» – просто порисуйте кистями поверх надписей.

Вот и все! Урок закончен! Надеемся, что наш перевод Вам понравился

Оригинал на английском Creating A Grungy Banner.

При копировании урока активная ссылка на уроки фотошоп обязательна!

—

Наш сайт находят по следующим ключевым словам

• как две фотографии соединить в одну
• сделать постер в фотошопе
• рисованные карандашом
• классный постер в фотошоп
• как поменять цвет одежды в фотошопе
• как соединять фото в фотошопе