2271615-02-2012
22716
15-02-2012
Сегодня мы будем делать оригинальный стилизованный логотип в виде билета в кино. Сначала мы создадим фон, наложим на него немного шума и сделаем небольшую подсветку. Затем займемся основной подложкой, вырежем в ней характерные для билета края, применим несколько стилей слоя. Потом приступим к созданию деталей из линий на самом билете. После этого воспользуемся несколькими шрифтами, чтобы написать технический текст по бокам и основной текст виде названия логотипа. Опять применим различные стили слоя к тексту и в конце украсим лого декоративными элементами.
Традиционную подборку самых интересных решений уличного стрит арта из копилки 
Засечка (Serif) — это небольшой выступ, короткий штрих у основания и в верхней части буквы или символа. Большая группа шрифтов с засечками включает в себя шрифты старого стиля, современного стиля и египетского стиля. Подробнее об этих шрифтах и особенностях их использования можно почитать в статье 
Вообще, художник-иллюстратор 
Уинслоу Хомер (Winslow Homer, 1836-1910) — известный американский художник и график. Первое, что наиболее характерно для его творчество — это чисто американские сюжеты его картин. Когда смотришь на его работы, то однозначно понимаешь, да, это действительно Америка. Это и смелые путешественники, плывущие в каноэ на бурной реке, и девочки в шляпках, рассматривающие лобстера. Это и солдаты, вернувшиеся наконец домой, и отважные ловцы черепах, и залитое ярким светом апельсиновое дерево. И вторая особенность художника — это использование каких-то нереально сочных, живых красок. Отчего все сюжеты выглядят особенно достоверно и документально точно.
Давайте посмотрим, какие новые приемы и способы изобрели волшебники CSS3 за последнее время и как это все выглядит на практике. Сначала вдохновимся интересным эффектом с текстом, слайдшоу со всплывающими предпросмотрами и фильтрами для картинок из галереи. Потом нас порадуют замечательный эффект для превьюшек картинок, полноразмерное слайдшоу для бэкграунда и всплывающий лайтбокс для галереи картинок. Далее следуют блюр-эффект, меню с эффектом прокрутки, объемные кнопки, эффектный таймер и виджет с текущими записями.
Работы ван Гога изначально волшебны и загадочны по своей сути. Уж не знаю, связано ли это с мистикой, окутавшей имя самого художника, или он действительно обладал тайными знаниями, позволяющими рисовать удивительные картины, которые оказывают сильнейшее воздействие на зрителя. В любом случае, цвет играет здесь немаловажную роль. Завораживающий синий, психоделический желтый, многогранный серый… Давайте посмотрим, как умная автоматика справится с картинами ван Гога, предоставив нам готовые палитры с его картин в приглушенном (dull) и ярком (vibrant) вариантах.
Давайте сегодня сделаем интерфейс календаря на текущий месяц, с активной датой и навигацией для листания по месяцам. Сначала сделаем несколько прямоугольников со скругленными краям, разные по размеру и наложенные друг на друга. Применим к ним различные стили слоя. Потом с помощью текста сделаем решетку из линий для календарной сетки. Затем напишем текст с датами месяца. После этого оформим блок с названием месяца в виде ленты, загнутой за края. И в конце напишем заголовок, применим к нему стиль слоя и сделаем стрелочки навигации.
Очередная порция текстур гранжевой направленности. На сей раз это текстуры с изображением царапин, штрихов, шумов, разводов и прочей пыли. Использовать такие текстуры хорошо как вспомогательных материал состаривания основной поверхности. Достаточно такую текстуру положить сверху перекрытием, отрегулировать прозрачность слоя, и исходное изображение приобретает неповторимый гранжевый колорит, который очень выигрышно оживляет дизайн. Ниже представленные царапины в основном имеют настенное происхождение, также есть царапины на бумаге, царапины на металлической поверхности.
Хитом январского парада самых оригинальных дизайнов сайтов, несомненно, можно назвать разнообразные движения элементов сайта. При контакте с мышкой появляется меню, двигается логотип или при прокрутке страницы картинки на сайте начинают перемешаться одновременно в разных направлениях. Также популярен слайдер, меняющий весь бэкграунд сайта. Было отмечено появление нестандартных геометрических фигур как декоративного элемента, сделанные посредством CSS3. Тона, как всегда пастельные, ненавязчивые, преимущественно светлые. Понравился эффект в виде закрепленного хедера, на который при прокрутке надвигается основной блок содержимого сайта.