2581621-12-2011
25816
21-12-2011
Первым среди представленных 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) палитрах. Этот сервис также генерирует безопасные палитры цветов. Так что, если вы в своем дизайне используете какой-либо из представленных ниже цветов, смело берите ему в пару остальные цвета из палитры. При условии, конечно, что вас устраивает общая цветовая гамма самой картинки-исходника. В данном случае это картины художника Сомова.
Да не оскудеет земля русская талантами! Именно так хочется воскликнуть после просмотра этих отличных, великолепнейших работа, выполненных отечественными мастерами рендеринга. Вообще, рендеринг — это термин в компьютерной графике, когда выполненный от руки эскиз постепенно одевается в текстуры, до получения реалистичного изображения. Причем мастера рендеринга настолько виртуозно владеют этим процессом, что результаты иногда просто ошеломляют. В этом можно убедиться, посмотрев на интереснейшие работы, представленные ниже. Во всяком случае, я испытала чувство гордости за отечественного производителя.
Огни урбанистических пейзажей обладают особой притягательной силой, завораживая взгляд смотрящего, а тема городских горизонтов очень часто используется в дизайне сайтов как основной элемент, скрепляющий всю композицию. Поэтому в сегодняшней подборке собраны такие фотографии, как освещенные огнями силуэты зданий вдоль берега реки или громады небоскребов, устремленные ввысь на фоне сумрачного неба. Воздушные городские коммуникации типа автомобильной развязки или транспортного виадука смотрятся элегантно, несмотря на свою основательность. Ну а огоньки окон жилых домов всегда сияют по-доброму призывно.