937925-12-2011
9379
25-12-2011
Под определение картинки в этой подборке я отнесла подводные пузырьки, поднимающиеся со дна, кисти с изображениями деревьев, различные кляксы и пятна, скетчевые зарисовки карандашом, винтажные нотные листы, кисти с изображением городских горизонтом с силуэтами зданий и карандашные наброски горных вершин. Очень симпатичный набор Betty в Зазеркалье. Много кистей с красивыми завитушками и растительными орнаментами. Ну и обещанные линии в виде акварельных штрихов, чернильных разводов, плавных волнообразных линий и световых танцующих линий.
Первым среди представленных CSS мануалов в этой подборке идет очень необычный анимированный эффект с текстом. Даже не верится, что запросто можно сделать такую анимированную типографику. Далее идет вполне обычная карусель из картинок с предпросмотрами. Меню-аккордеон мне очень нравится как элемент дизайна. Здесь тоже можно посмотреть, как его сделать. Следующие на очереди два вида меню с различными эффектами и эффект навигации с кругом. Больше всего мне в этой подборке нравятся анимированные кнопки с призывам подписаться. Очень неплохо смотрятся оптический zoom для картинок и текста, а также меню с динамическим маркером-магнитом.
Сегодня мы сделаем в фотошопе логотип с текстурной подложкой из кожи и поперечной лентой с текстом. Сначала создадим текстурный фон. Для этого немного трансформируем прямоугольник, потом сверху наложим текстуру кожи. После этого шаг за шагом создадим ленту. Сначала основную часть, применим к ней стиль слоя. Потом аналогичным образом создадим боковые части с вырезанными краями. Далее напишем текст, немного обработаем его для придания объема. После этого напишем вспомогательный текст на текстуре, сверху и снизу. В заключение декорируем текст звездочками.
Ну-ка посмотрим, чем можно поживиться на сей раз среди нижепредставленных декоративных шрифтов. Для начала подойдет рукописный шрифт 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) палитрах. Этот сервис также генерирует безопасные палитры цветов. Так что, если вы в своем дизайне используете какой-либо из представленных ниже цветов, смело берите ему в пару остальные цвета из палитры. При условии, конечно, что вас устраивает общая цветовая гамма самой картинки-исходника. В данном случае это картины художника Сомова.
Огни урбанистических пейзажей обладают особой притягательной силой, завораживая взгляд смотрящего, а тема городских горизонтов очень часто используется в дизайне сайтов как основной элемент, скрепляющий всю композицию. Поэтому в сегодняшней подборке собраны такие фотографии, как освещенные огнями силуэты зданий вдоль берега реки или громады небоскребов, устремленные ввысь на фоне сумрачного неба. Воздушные городские коммуникации типа автомобильной развязки или транспортного виадука смотрятся элегантно, несмотря на свою основательность. Ну а огоньки окон жилых домов всегда сияют по-доброму призывно.
В этом уроке для новичков я расскажу как с помощью инструмента «Контуры» в фотошопе написать текст по кругу. К слову, вместо круга можно использовать любую другую фигуру с более сложной формой. Но суть такая, сначала выделяем круглую область. Потом переводим ее в рабочий контур. После чего печатаем текст по кругу рабочего контура и редактируем настройки текста. Мы получим текст, написанный с внешней стороны контура. Чтобы текст был написан с внутренней стороны, воспользуемся инструментом «Выделение контура». В конце мы познакомимся с еще одним альтернативным способом написания текста по кругу с помощью фильтра.
Последняя в этом году подборка самых интересных твитов порадует нас креативными портфолио веб-мастеров и различными смешными и просто красивыми фотографиями. Достаточно много аналитический статей и интервью, что меня всегда радует. Иногда очень полезно почитать умные фразы и согласиться с умными людьми между просмотрами всяческих вкусностей в виде картинок, постеров и скриншотов. Стараниями блоггеров не упущена и тематика обучающих статей, в частности касаемых премудростей css и вордпресса. Кстати, неожиданно много твитов, касающихся выдающихся примеров типографики.
Первый замечательный урок из этой подборки посвящен тому, как для фотографии имитировать стиль Грзайль. Это особая техника рисования, выполняемая в разных тонах одного цвета. В уроке используются некоторые новые для меня приемы, что я не удержалась и попробовала реализовать это в фотошопе. Результат меня более чем устроил. Далее следует урок о том, как сделать ракушку в фотошопе, потом урок о том, как нарисовать радугу. Потом следует прикольный коллаж, и в заключение мы научимся изменять насыщенность отдельных объектов.