2015910-03-2012
20159
10-03-2012
В этой подборке я собрала CSS3 мануалы по созданию динамического блока Related Posts, сложенной стопки листов бумаги, треугольников, кнопки с иконками, угловой ленты и эффекта боке. Также интересно будет узнать как стильно оформить галерею картинок, сделать эффект смены страницы, анимированное меню и контент-слайдер. Очень интересен динамический эффект разноцветного текста, поляроидного слайдера и анимированного чека с ценой, реагирующего на нажатие мышкой. Напоследок припасен вертикальный аккордеон и динамическое оформление цитаты.
Томас Моран мастерски рисовал пейзажи дикой природы Америки. Бурные водопады, непроходимые чащи, скалистые ущелья, горные пики — все это представлено художником в величественным первозданном виде, по соседству с которым человек выглядит маленькой песчинкой в водовороте времени. Еще в его работах поражает то многообразие и насыщенность красок, которые создают напряженную, драматическую атмосферу пейзажа. Поэтому мне особенно было интересно посмотреть, как выглядят готовые палитры цветов с его замечательных работ. Смотрим их в приглушенном (dull) и ярком (vibrant) вариантах.
Не так давно был очень популярным тренд использовать для бэкграунда сайта натуральную деревянную текстуру либо из обработанных досок, либо в виде паркета. Сейчас ажиотаж немного поутих, но спрос на деревянные поверхности по-прежнему остался. А по сему в этой очередной подборке можно будет скачать полезные текстуры промышленных деревянных поверхностей. Здесь также присутствуют паркетно-досочные изображения, но плюс ко всему добавились текстуры спрессованной деревянной крошки, текстуры мебельных поверхностей и текстуры фанерных листов. Есть симпатичная текстура пня от спиленного дерева с кольцами.
Вопрос о том, можно ли фотошопе нарисовать линию, имитирующую нажим пера, меня интересовал уже очень давно. И вот наконец настало время досконально в этом разобраться. Все оказалось достаточно просто. Сначала нужно выбрать кисть и обязательно поставить галочку в закладке «Динамика формы». Потом воспользуемся инструментом «Перо», чтобы создавать различные контуры. Начать нужно с прямой линии, а в дальнейшем можно попробовать сделать более сложные формы. После этого для получения эффекта нам останется лишь отметить пункт «Имитировать нажим пера», и мы получим имитацию нажатия кисти при рисовании.
Что нас ждет в этой подборке. Пожалуй, начну с себя, вернее с того интервью, которое я дала около месяца назад. Потом порадуемся креативным манипуляциям с фотографиями. Далее интересные материалы про вордпресс и макеты сайта. Затем интереснейшая беседа о художниках, а также примеры модных тенденций в дизайне. Не забудем про шпаргалки CSS и психологию шрифтов. Подборки про умную рекламу всегда присутствуют в качестве почетных гостей. Как всегда много фотографий с животными и креативных работ мастеров циифрового арта. И это только начало, дальше еще больше.
Наконец-то после длительного перерыва я снова занялась вордпресс шаблонами. В дальнейшем дела должны пойти повеселее, поскольку теперь я сотрудничаю со специалистом, который верстает шаблоны. Разделение труда, так сказать. Представляю вашему вниманию шаблон под названием Selenium, ориентированный исключительно на женскую аудиторию. Картинка в шапке шаблона говорит об этом однозначно. Тема двухколоночная со встроенным слайдером и блоком социальных иконок после каждого поста. На кастомную админ панель вынесены все главные управляющие элементы. К шаблону прилагается пошаговая инструкция по установке и настройке со скриншотами, которая поможет вам настроить тему.
Итак, представляю очередные семь видео уроков традиционной ежемесячной подборки. Сначала полезный урок о том, как создать разноцветного градиентного фона с характерным эффектом. Далее следует впечатляющий урок о том, как в фотошопе можно обычное яблоко превратить в зубастое существо. Понравится любителям ужастиков. Потом мы научимся вставлять объемный 3d текст в какой-нибудь статический пейзаж. Следующий урок порадует любителей коллажей и шуток. Далее еще один урок из серии как превратить фотографию в рисунок. Потом идет еще одна фотоманипуляция, и под конец урок о том, как перевести фотографию в коричнево-желтые тона.
Иконки февраля представлены неплохими наборами социальных иконок и наборами для веб-разработчиков. Также можно скачать иконки для Ipad и наборы Google Plus. Пищевые иконки представлены различными тортиками и печеньями. Некоторые симпатичные иконки из новогоднего набора могут пригодится не только в праздничные дни, но и просто для соответствующего дизайна. Есть большой набор офисных иконок, а также простые векторные иконки. Также кому-то могут приглянуться Playstation, Macos и Apple Store иконки или изображения совсем не страшных монстриков.
Иногда, работая в фотошопе, возникает необходимость слегка состарить или подпортить абсолютно глянцевую поверхность текстуры, чтобы она смотрелась так, как будто ею уже неоднократно пользовались. Для этих целей я с удовольствием использую различные реалистичные кисти с изображениями царапин и штрихов. Достаточно щелкнуть кистью сверху текстуры и отрегулировать прозрачность слоя, и тогда возникает ощущение шума, некоего гранжа, которое более выигрышно смотрится в дизайне, чем абсолютно гладкая, скользящая поверхность. В данной подборке помимо штрихов и царапин присутствуют также кисти с гранжевым шумом и пятнами.
Сегодня мы будем делать оригинальный стилизованный логотип в виде билета в кино. Сначала мы создадим фон, наложим на него немного шума и сделаем небольшую подсветку. Затем займемся основной подложкой, вырежем в ней характерные для билета края, применим несколько стилей слоя. Потом приступим к созданию деталей из линий на самом билете. После этого воспользуемся несколькими шрифтами, чтобы написать технический текст по бокам и основной текст виде названия логотипа. Опять применим различные стили слоя к тексту и в конце украсим лого декоративными элементами.
Засечка (Serif) — это небольшой выступ, короткий штрих у основания и в верхней части буквы или символа. Большая группа шрифтов с засечками включает в себя шрифты старого стиля, современного стиля и египетского стиля. Подробнее об этих шрифтах и особенностях их использования можно почитать в статье