702323-12-2011
7023
23-12-2011
Стильная типографика этого месяца представлена вдохновенным постером со шрифтом, обработанным вензелями. Далее идет симпатично-гламурный шрифт, составленный из женских босоножек, в прямом смысле этого слова. В принципе, смотрится завлекательно и легко. Следующий на очереди постер с компьютерно-клавиатурным уклоном, потом текст с художественно разбрызганной акварелью и утонченно-простой хеллоуиновский шрифт. Безусловно впечатляет спящая девушка, составленная из текста, а также типографический гамбургер. Напоследок припасена яркая активная типографика и сильные шрифты.
Эту подборку открывает греческий город, состоящий из сказочных кукольных домиков. Концептуальная фотография поворота дороги, одинокой фигуры человека и тумана настраивает на философский лад. Нереальные электрические разряды молний в небе всегда смотрятся мощно и волнующе. Косяк странных рыб смотрит на нас своими немигающими глазами, а грациозный леопард задумчиво отдыхает на дереве. Австралийская ящерица покажет нам свой синий язык, а что-то очень похожее на улыбку вдруг окажется морским рифом. И это только начало. Остальное смотрим сами и впечатляемся мастерством фотографов National Geographic.
Первым среди представленных CSS мануалов в этой подборке идет очень необычный анимированный эффект с текстом. Даже не верится, что запросто можно сделать такую анимированную типографику. Далее идет вполне обычная карусель из картинок с предпросмотрами. Меню-аккордеон мне очень нравится как элемент дизайна. Здесь тоже можно посмотреть, как его сделать. Следующие на очереди два вида меню с различными эффектами и эффект навигации с кругом. Больше всего мне в этой подборке нравятся анимированные кнопки с призывам подписаться. Очень неплохо смотрятся оптический zoom для картинок и текста, а также меню с динамическим маркером-магнитом.
Сегодня мы сделаем в фотошопе логотип с текстурной подложкой из кожи и поперечной лентой с текстом. Сначала создадим текстурный фон. Для этого немного трансформируем прямоугольник, потом сверху наложим текстуру кожи. После этого шаг за шагом создадим ленту. Сначала основную часть, применим к ней стиль слоя. Потом аналогичным образом создадим боковые части с вырезанными краями. Далее напишем текст, немного обработаем его для придания объема. После этого напишем вспомогательный текст на текстуре, сверху и снизу. В заключение декорируем текст звездочками.
Снова 
Итак, давайте посмотрим пользовательские интерфейсы, из тех, что приглянулись мне в ноябре месяце. Для начала полюбуемся на стильное меню с эффектом аккордеона (это значит раскрывающееся вниз) с мини иконками, индикаторами и подсветкой из градиента. Далее следует симпатично оформленный счетчик, напоминающий перекидные таблички в аэропортах. Потом идут аккуратные элементы персонального портфолио, простые графические переключатели и круглый указатель громкости звука. Еще ниже можно посмотреть более сложные графические интерфейсы наподобие айподовского оформления и интерфейса социальных сетей.
На картинах выдающегося русского художника Ивана Айвазовского (1817-1900) меня больше всего поражают два момента. Во-первых, это безупречное техническое исполнение, особенно в написании водной поверхности. Именно мастерством мариниста он снискал себе мировую славу. Вода у Айвазовского всегда живая, искристая, переливающаяся всеми оттенками радуги, бурная, прозрачная, мраморная, пенистая. И второй момент — это то, что в каждой картине разыгрывается своя локальная драма, своя история, за развитием или окончанием которой мы можем наблюдать. Это как маленький рассказ, выраженный посредством холста и красок.
Ну-ка посмотрим, чем можно поживиться на сей раз среди нижепредставленных декоративных шрифтов. Для начала подойдет рукописный шрифт Roskrift Clean, далее следует пиксельноподобный шрифт Ace Futurism и аккуратно-рукописный Giraffenhals. Мощный гранж в Shotgun Wedding, Smoke In The Woods и Indie Press порадует любителей насыщенных активных дизайнов. Симпатичный Sketch Me и Old Typography более утонченные и поэтому более универсальные. Отчаянно-декоративные Brannboll, Yolasm и Palmona требуют индивидуального подхода, а Van Den Velde Script порадует любителей пушкинских завитушек и вензелей. 
В данном случае под текстурой понимается некое свойство поверхности, которое нельзя отнести к форме, цвету или размеру. В компьютерной графике, как правило, под текстурой понимаются всевозможные имитации поверхностей, такие как камень, дерево, ткань. Однако к текстурам относятся не только эти понятия, а также плоский цвет, геометрические и пиксельные текстуры, разновидности фотографических и материальных текстур. Давайте последовательно разберемся с каждым видом текстур отдельно и посмотрим примеры их удачного использования в дизайне.
Я тут недавно озадачилась оформлением своей группы В Контакте. Видела много красиво оформленных групп и захотелось сделать что-то подобное. После нескольких часов изучения Вики разметки я наконец сделала для себя красивый баннер и раскрывающееся графическое меню, ведущее сразу на страницы моего сайта. В двух словах как это делается. Сначала в фотошопе одновременно создаются две картинки, потом одна из них нарезается на несколько частей. Далее на страничках редактирования В Контакте вставляется специальный код с внешними ссылками. Ну а теперь давайте обо всем по порядку.
В этот раз я решила сменить сервис, снимающий палитры с картинок, и воспользоваться другим с более наглядной демонстрацией картинки-источника палитры и самой палитры, представленной в двух вариантах на выбор: приглушенной (dull) и яркой (vibrant) палитрах. Этот сервис также генерирует безопасные палитры цветов. Так что, если вы в своем дизайне используете какой-либо из представленных ниже цветов, смело берите ему в пару остальные цвета из палитры. При условии, конечно, что вас устраивает общая цветовая гамма самой картинки-исходника. В данном случае это картины художника Сомова.