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

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

Еще одна статья с замечательного блога www.snap2objects.com. C одной стороны простенькая статья, а с другой очень даже полезная. Она одновременно рассказывает о том, как быстро и особо не напрягаясь сделать недорогой дизайн и о том, что точно не надо делать, если вы хотите, чтобы ваши дизайны запомнили и оценили.

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

Наверняка, многие из нас длинными зимними вечерами соображали и думали: “Вот web2.0 ведь не плохая штука, в самом деле – красиво, понятно и глаза не устают, но… ” А что “но”? Всё! Идеал web дизайна! А вот и нет.

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

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

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

Сейчас уже, наверное, ни у кого нет сомнений, что в сети утвердился новый стиль оформления сайтов. Это стиль оформления Web2.0 ресурсов: блогов, социальных сетей, различных on-line сервисов и приложений...

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

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

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

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