3741110-02-2012
37411
10-02-2012
Давайте посмотрим, какие новые приемы и способы изобрели волшебники CSS3 за последнее время и как это все выглядит на практике. Сначала вдохновимся интересным эффектом с текстом, слайдшоу со всплывающими предпросмотрами и фильтрами для картинок из галереи. Потом нас порадуют замечательный эффект для превьюшек картинок, полноразмерное слайдшоу для бэкграунда и всплывающий лайтбокс для галереи картинок. Далее следуют блюр-эффект, меню с эффектом прокрутки, объемные кнопки, эффектный таймер и виджет с текущими записями.
Работы ван Гога изначально волшебны и загадочны по своей сути. Уж не знаю, связано ли это с мистикой, окутавшей имя самого художника, или он действительно обладал тайными знаниями, позволяющими рисовать удивительные картины, которые оказывают сильнейшее воздействие на зрителя. В любом случае, цвет играет здесь немаловажную роль. Завораживающий синий, психоделический желтый, многогранный серый… Давайте посмотрим, как умная автоматика справится с картинами ван Гога, предоставив нам готовые палитры с его картин в приглушенном (dull) и ярком (vibrant) вариантах.
Очередная порция текстур гранжевой направленности. На сей раз это текстуры с изображением царапин, штрихов, шумов, разводов и прочей пыли. Использовать такие текстуры хорошо как вспомогательных материал состаривания основной поверхности. Достаточно такую текстуру положить сверху перекрытием, отрегулировать прозрачность слоя, и исходное изображение приобретает неповторимый гранжевый колорит, который очень выигрышно оживляет дизайн. Ниже представленные царапины в основном имеют настенное происхождение, также есть царапины на бумаге, царапины на металлической поверхности.
Сегодня я хочу вам рассказать, как в фотошопе можно за несколько шагов сделать оригинальный фоновый узор в виде расходящихся солнечных лучей. В первом способе мы будем использовать пунктирный текст, который растрируем и растянем по всему документу. Потом применим фильтр Полярные координаты и получим симпатичные солнечные лучи. Во втором способе мы воспользуемся жесткой кистью, поменяем ей режим наложения, и потом применим фильтр Радиальное размытие линейным методом. Получившийся результат больше напоминает взрыв звезды, но, в любом случае, выглядит симпатично. 
Я обратила внимание, что в первом месяце 2012 года была значительно меньше русскоязычных твитов, что несомненно связано с нашей любимой национальной забавой — продолжительными новогодними праздниками. Зато западные блоги выдавали интересные твиты в штатном режиме. А потому смотрим очередную подборку самых интересных дизайнерских, околодизайнерских и блоггерских твитов. Как всегда большое количество подборок типа best of the best в дизайне, фотографии, иллюстрации, интервью, замечательные аналитические статьи, полезные сервисы, практические уроки.
Первую подборку нового года открывает очередная версия урока о том, как из фотографии сделать реалистичный акварельный рисунок. Далее нам наглядно продемонстрирую как можно получить раздвоение личности посредством фотошопных манипуляций. Вечная тема создания свадебных шаблонов представлена в следующем уроке. С помощью достаточно несложного урока мы научимся делать эффект старого цветного фото. Как создать натуральную каменную трещину на очаровательном женском личике мы узнаем и соответствующего видеоматериала. Ну и наконец классический урок о том, как создать эффект телевизионной развертки и как грамотно нагламурить фото.
Парад иконок открывает симпатичное ассорти из винтажных иконок с различными папками, рожицами и стилизованными буквами. Потом, как воспоминание, немного новогоднего юмора в виде прожорливого Деда Мороза. Неплохо смотрятся иконки в виде кресел занимательных конструкций. А следующая подборка это вообще бриллиант. В ней представлены логотипы большинства самых известных футбольных клубов. Далее следуют обязательные социальные иконки и анималистические иконки. Ну и в заключении, на сладкое, вкусные шоколадные иконки и замечательные рисованные иконки в мультяшном стиле.
Помимо быстроты и удобства браузер Хром обладает еще и массой полезных расширений для дизайнеров и веб-разработчиков. Многими из них я с удовольствием пользуюсь. Среди моих фаворитов расширение для распознавания шрифта, определения цвета и табличка с размерами картинки. Очень интересен инструмент линейка, позволяющий измерять объекты. Расширение проверки почты от Google очень полезно и ненавязчиво. Если нужно быстро посчитать количество символов в выделенном абзаце, то пожалуйста. есть соответствующий инструмент. Также в тему придутся укорачиватель ссылок, валидатор html кода и визуальный маркер закрытых ссылок.
Здесь собраны кисти со всевозможными изображениями воды. Для начала это картинки со льющимися потоками водопадов. Потом следует просто водная поверхность с характерными световыми бликами. Далее очень красивые кисти с изображениями солнечных лучей, проходящих сквозь водную гладь. Потом идут кисти с расходящимися по воде кругами. Кисти с причудливыми формами брызг пригодятся при создании абстрактных фонов. Водные брызги в стиле «Матрицы» порадуют гурманов, а фотографическое изображение прибрежной волны могут украсить соответствующий дизайн. Ну и конечно есть изображение крупной капли воде в ее загадочной динамике.
Сегодня мы создадим в фотошопе круглый логотип с гранжевой подложкой, декоративным элементом в виде шестеренки, крупным текстом и надписью по кругу. Сначала мы создадим фон, добавим немного шума. Потом последовательно будем создавать шестеренку, используя технику записи по кругу с помощью контуров. Далее добавим декоративные круги и звездочки. Посередине напишем крупный текст и применим к нему стиль слоя. И наконец напишем несколько слов по кругу внутри логотипа. Для этого мы опять напишем несколько слов по кругу с помощью контуров.
Этим сценарием фотошопа я пользуюсь практически постоянно, когда создаю подборки для своего сайта. В основном это касается редактирования картинок. И в данном случае пакетная обработка существенно экономит время. Для начала нам, естественно, нужен документ фотошопа, в котором будет несколько слоев. Потом через меню мы вызываем специальное диалоговое окошко, где указываем путь сохранения картинок, префикс для названия файла, выбираем тип файла (в основном это jpg) и устанавливаем уровень качества картинки. Потом запускаем скрипт и получаем готовые картинки.