Как сделать макет для сайта? С чего начать? Чем продолжить? Как оптимизировать работу по созданию макета так, чтобы получающиеся заготовки, можно было легко применить при работе над другими проектами? Этот пост начинает цикл статей, который будет посвящен ответам на эти вопросы. Мы сделаем универсальный шаблон для сайта-визитки. Разберем все основные этапы этой работы, а затем я покажу, как из одной заготовки (из одного шаблона), сделать макеты, оформленные совершенно в разных стилях. Цикл будет интересен прежде всего новичкам, тем кто все еще испытывает страх перед “чистым листом бумаги”. читать далее >>

Последнее время стал замечать, что часто на наш блог заходят по запросам “рваная бумага”, “эффект порванной бумаги”, “рваный бумажный край” и тп. Походят туда сюда по сайту, не найдут для себя ничего полезного и бегут дальше. Решил исправить это упущение. Кому еще нужна рваная бумага – вот урок как достичь этого эффекта в PhotoShop. читать далее >>

Огненные траектории, огонь, свет, звезды - не урок, а какая то космическая опера получается :). А если серьезно, то в уроке помимо настройки слоев и парочки фильтров разбирается работа с инструментом PEN tool, т.е. преобразование векторных линий в светящиеся струны. читать далее >>

Урок рассказывает о способе "мягкого" выделения деталей цветного фото - применением эффекта “сепия” выборочно . В результате получим подобный вид как на превью урока. Для эффектного результата выбираем красочную фотографию читать далее >>

Если уж пошла речь о Web2.0, то удержаться и не сделать урок по так называемому AQUA-стилю я не могу. Уж извините. Понимаю, что многих, наверное, давно потрясывает от всех этих бликов на кнопках и иконках. Но надо терпеть – мода, елы-палы :). Урок этот однако не о кнопках, а опять о заголовках и о больших буквах, правда, с кнопками дело обстоит примерно также. читать далее >>

Без диагональных полосок по фону красивого Web2.0 дизайна не бывает. Уже не бывает... Уверен пройдет пару лет и сама Гугля не выдержит и напустит у себя по фону полосок, а потом настанет эпоха тотального цифрового контроля и всех владельцев сайтов обяжут заполосить свои ресурсы с ног до головы :). Так что если кто еще не знает, как это делать - спешите узнать и научиться, тем более, что это ОЧЕНЬ ПРОСТО... читать далее >>

В уроке рассказывается о методе создания абстрактных фонов с помощью наложения стандартных фотошоповских фильтров. Отхождение от алгоритма на любом этапе дает интересный, и часто неожиданный результат. читать далее >>

Эффект объемных букв стал отличительной чертой дизайна в стиле Web 2.0. Для его создания достаточно нескольких простых действий в нашем любимом фотошопе. читать далее >>

Замечено, что красиво сработанные заголовки и названия действуют на заказчика очень ободряюще. Потому продолжаем учиться оформлять буквы :). Еще одна достаточно распространенная Web2.0 фича - ПЛАСТИКОВЫЕ БУКВЫ. Работаем со свойствами слоя... читать далее >>

Предположим, вам не жить - не быть, надо выполнить название сайта или заголовок рекламного плаката из гладкого прозрачного стекла, так чтоб через буквы просвечивал фон. Вот простой и быстрый способ создать для любого заголовка такой симпатичный эффект. Он хорошо работает на любом фоне или текстуре и достигается только за счет настройки свойств слоя. читать далее >>