Лучшие фотошоп уроки по созданию сайта
Сегодняшний пост — первый из серии постов о разоблачении Фотошопа. Идея сериала заключается в том, что бы создать более-менее полноценное руководство по использованию фотошопа в дизайне макетов веб-страниц. Речь пойдёт о всевозможных технических, графических приёмах, быстрого и эффективного использования инструментария. Так как я уверен, что существует множество статей на эту тему, то я, кроме собственных, буду публиковать также переводы и подборки лучших из них.
А сегодня у нас много практических заданий и примеров на любой вкус — подборка 16 лучших фотошоп уроков по созданию дизайна страницы. Я отобрал только те уроки, результат которых находится на хорошем уровне в мире современного дизайна, и в которых понятно и доходчиво расписано, как этот результат достичь (уроки на английском, однако достаточно вникнуть в словарный запас всего нескольких из них, что бы нормально выполнить все остальные).
Собственно уроки
Картинки — кликабельные.
В этом уроке хорошая работа с градиентами.
Работа с фоном, обрамлением блоков и прозрачностью.
Здесь хорошие градиенты плюс фон.
Сногсшибательный урок по производству фона и рваных бумажных краёв.
Обычный качественный урок.
Отличный урок глянцевых кнопок и эффекта свечения.
Урок простого чистого дизайна.
Урок хорошего строгого дизайна.
Хороший урок стеклянно-пластиковых поверхностей.
Супер-полноценный, детальный, красивый урок. Отдельно можно выделить работу с цветом и градиентами.
Упор на объёмную окантовку блоков.
Хорошая работа с освещением, градиентами.
Очень качественный и нелёгкий урок. Супер работа с цветами.
Чистый урок по трёхмерным приёмам в создании страниц.
Очень подробный супер-урок. Упор на освещение блоков.
Кроме данной статьи, по этой теме вам будет интересно:
- В гостях. Aweb — продвижение сайта в удовольствие
- Урок освещения в фотошопе (разоблачение blend modes)
- Лучшие ресурсы бесплатных тематических изображений
Ссылки, иногда в тему:
Спасибо Вам за упоминание о статье у себя:
Также, вы можете быть в курсе последних обновлений Батоноблога, подписавшись на мою RSS-ленту напрямую, или по почте; добавив меня в Твиттере, или через Google Buzz, где, кроме материалов блога, я выкладываю множество интересных и полезных ссылок о дизайне и веб-технологиях.
RSS rss2email Twitter Google Buzz
Акция «Блогролл 2.0»
illustrator рулит!
Здорово! Очень интересные уроки, обязательно попробую. Спасибо! Еще было бы полезно и интересно увидеть обзор/сравнение программ для создания дизайна – какие у кого есть преимущества, возможности и т.п.
Удачи!
Влад, возможно. Он мне еще предстоит. Но вообще у них достаточно общего, например, работа со стилями, которая занимает одну из основных частей в дизайне макетов.
Хорошая подборка, спасибо.)
Иллюстратор в деле подготовки макетов в сто тыщ раз лучше. А ИнДизайн ещё лучше Иллюстратора. В фотошопе удобно готовить графику, но вот компоновать объекты уже тяжело. А если говорить про стили для текста, то Фотошоп их просто не умеет.
Михаил, ну я имею в виду чисто графические стили. В общем, разберусь я в других Адобах, и о них тоже буду писать :)
а вот примеры неправильного применения фотошопа при обработке фотографий: http://digital-photography-school.com/10-deady-post-processing-sins
Ох… 2\3 всех уроков знакомы =)
А по поводу дискуссии в коментах. Фотошоп давно является классикой в проектировании сайтов и интерфейсов.
Не спорю, можно создавать макеты и в ИнДизайне, Иллюстраторе и Файрворксе. Но это всего лишь инструменты. Как ты умеешь с ними работать зависит в первую очередь от тебя ;)
Максим, действительно хороших уроков не очень-то и много :)
Насчёт инструментов, то, конечно, дело каждого. Некоторые в рисовании картин до совершенства доходят в пейнте :)
Уроки конечно это хорошо, но вот елси бы не просто собрать хорошие уроки в одном месте, а хотя бы сделать перевод. Не всё там понятно без знания языка… Вот это было бы замечательно…
Дмитрий, я уже подумываю организовать что-то подобное) Так что переводам, скорее всего, быть.
Спасибо, было интересно
Спасибо, хорошие уроки очень помогают в освоении фотошопа