6 уроков для веб-дизайнеров в Photoshop
Подборка для тех, кто решил посвятить себя веб-дизайну и хочет начать знакомство с основами профессии и работой в Photoshop. Автор уроков начнет с настройки фотошопа для веб-дизайнера, расскажет о модульных сетках, которыми части пренебрегают начинающие дизайнеры, и поговорит о правильном сочетании шрифтов.
Далее автор расскажет о работе с картинками для сайте, начиная с распространенных ошибках, а также покажет несколько фишек, которые смогут сэкономить время и упростить работу. Заключительный урок — 6 игр для дизайнера, которые помогут сделать процесс обучения чуть интереснее.
В качестве бонуса, в описании к видео автор прилагает полезные ссылки, которые ты сможешь использовать в работе.
Темы и описание уроков:
— Настройка фотошопа для веб-дизайнера
Это видео для тех, кто решил посвятить себя веб-дизайну и только знакомится с фотошопом. Начнём с настройки фотошопа для веб-дизайнера. Покажу 5 важных настроек, которые сильно облегчат вам работу. Затем поиграемся с основными объектами. Поговорим об эффектах в фотошопе: тенях, свечении, выдавливании и других настройках смешивания.
— Модульная сетка для дизайна сайта
Это видео о модульной сетке для дизайна. Начинающие дизайнеры часто пренебрегают этой важной деталью. Как бы хорошо ты на глаз всё не выстроил, без модульной сетки всё будет прыгать. Если тебе прыгающие элементы не сильно режут глаз, то человек, которому предстоит это верстать, будет вспоминать тебя недобрым словом.
Получить модульную сетку можно 2 способами. Нарисовать самому или скачать готовую с сайта: 960.gs Второй сильно проще, выбирай его :) Другие способы создания модульной сеткой: vk.cc/3sf7UZ
— Сочетание шрифтов в дизайне сайтов
Одно из правил хорошего сайта - правильные сочетания шрифтов. Шрифт, который используешь, должен соответствовать стилистике вашего сайта.
Используй шрифтовые пары из одного семейства шрифтов. Это будет всегда смотреться как единый текст, а не путать посетителя, что это разные куски текста. Сервисы, где вы можешь скачать шрифты бесплатно, советую вбефонт (webfont.ru). Здесь шрифты со свободной лицензией их можно смело использовать в своих проектах. Так же здесь есть полигон, куда можно накидать понравившиеся шрифты, добавить картинку и посмотреть как это будет выглядеть.
Если понравился на каком-то сайте шрифт и хочешь использовать его на своем сайте, скачай приложение для google chrome WhatFont, которое поможет узнать что за шрифт: goo.gl/tO5slD
— Картинки для сайта: правило третей
Начнем с распространенных ошибок. Не используй картинки с людьми, которые отличаются от внешности вашей аудитории, американские строительные каски, простой 3D, 3D человечков, руки (держащие что-либо), картинки, где люди пожимают друг другу руки, лампочку (как символ идеи). Это глупо. Прояви фантазию в выборе оригинальных картинок. Расскажу как и где искать картинки для сайта. Какими инструментами пользоваться.
— Трюки фотошоп для дизайнеров
Об этих функциях почему-то мало кто знает, а ведь они могут сэкономить время и упростить работу. Расскажу о фишках и немного — о горячих клавишах в фотошопе. Покажу как плавно растянуть изображение без деформации. Возможно, тебе это понадобится, когда будешь делать картинки и для шапки сайта. Подскажу, как убрать бывшую с твоей любимой фотографии :) Немного — про смарт объекты, что это и зачем они нужны. Поработаем с рыбным текстом, чтобы не печатать просто набор непонятных букв.
Пройдемся по горячим клавишам для изменения прозрачности, увеличения, уменьшения рабочей области. И на этом остановимся. Тебе еще нужно это все повторить и довести до автомата, чтобы не забыть сочетания.
— Поиграй со шрифтами: 6 игр для дизайнера
Предлагаю отвлечься от дел и поиграть со шрифтами. Это не только весело, но и полезно для веб-дизайнера. Каждый, кто считает себя дизайнером, должен разбираться в шрифтах.
Тема: #program@prosmotr, рубрика: #training@prosmotr
