Photoshop для начинающих — пошаговые инструкции и рекомендации. Уроки фотошопа для начинающих — пошаговый курс

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

Добавьте эту страницу в закладки, чтобы не терять оглавление и последовательно изучать статью за статьёй, постигая всё новые и новые приёмы работы в Photoshop.

Но что же вы узнаете в этих уроках?

• 1 Начало работы в Photoshop - быстрое выделение и заливка

  Здесь вы познакомитесь с интерфейсом программы, узнаете, для чего предназначены основные элементы интерфейса, научитесь создавать документы и сохранять их, освоите выделение областей на холсте. Также из урока вы поймёте, как заливать области цветом, поймёте принципы работы с программой. После освоения информации вы научитесь выполнять простые действия и сможете самостоятельно изучать другие инструменты редактора.

• 2 Слои и текст
  

  Все изображения Photoshop строятся на слоях. Именно поэтому редактировать в программе так удобно. Урок расскажет, что такое слои, зачем они нужны и как с ними работать. Кроме того, здесь описаны приёмы создания и обработки надписей, а также перемещения расположенных на холсте объектов. После прохождения урока обработка многослойных документов не будет для вас проблемой.

• 3 Фильтры
  

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

• 4 Работа с изображениями
  

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

• 5 Трансформация
  

  Урок научит масштабировать элементы изображения, изменять пропорции, наклонять, искажать и деформировать их

• 6 Рисование - кисть и карандаш
  

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

• 7 Рисование - фигуры
  

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

• 8 Рисование - контуры и растровые изображения
  

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

• 9 Рисование - инструмент Перо
  

  В продолжение работы с контурами изучаем инструменты группы Перо. Назначение, способ применения, описание параметров, а в результате вы научитесь рисовать нетипичные контуры и создавать сложнейшие геометрические объекты.

• 10 Рисование - инструмент Магнитное перо
  

  Магнитный режим инструмента Свободное перо стал настолько популярным, что его называют «Магнитным пером», хотя такого отдельного инструмента в Photoshop нет. Что же такого позволяет делать функция, за что её так сильно любят пользователи и чем она поможет лично вам - читайте в статье.

• 11 Инструменты ретуширования изображений
  

  Чтобы применять для интернета эти функции редактора, не нужно быть ни верстальщиком, ни дизайнером, ни веб-мастером - вообще никем. Достаточно быть активным пользователем социальных сетей. Как сделать лицо красивей, убрать родинки и веснушки? Как обработать старое отсканированное фото, чтобы цвета стали ярче, а царапины, пятна и пылинки - не так заметны? Чем аккуратно вырезать объект, переместить его или клонировать? Где находится инструмент, который буквально за пару минут поможет избавить фотоснимок от эффекта «красных глаз»? Ответы на эти и другие вопросы ищите в статье.

• 12 Инструменты коррекции изображений
  

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

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

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

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

Интерфейс, инструменты и меню

Для начала следует запустить установленную программу. Новичку рекомендуется пройтись по меню (горизонталь сверху), изучить инструменты, расположенные слева. Чтобы узнать, что за значок и за что он отвечает, нужно подвести курсор. Должна появиться всплывающая подсказка. Если нажать левой кнопкой мышки на инструмент, например, «Заливка», то он будет активен. В то же время появятся настройки под горизонтальным меню в верхней части экрана. Опытные пользователи практически всегда устанавливают нужные параметры инструмента.

Следует обратить внимание на треугольник в правом нижнем углу некоторых инструментов. Если нажать на мыши правую кнопку, то откроются дополнительные опции.

А теперь следует поговорить о меню в Adobe Photoshop, как пользоваться им при работе с фотографиями и рисунками. Для начала нужно зайти в меню «Файл», чтобы открыть существующее изображение для редактирования, или создать новый документ. В этом же меню находится функция сохранения сделанной работы.

Остальные пункты, расположенные после «Файла» и до «Справки», относятся непосредственно к работе над изображением.

Первые шаги в работе

Стоит начать изучение программы с помощью существующей фотографии. Для этого следует зайти в меню «Файл», нажать «Открыть» и найти нужную картинку. Когда она будет добавлена, можно приступить к работе.

Справа от изображения появится небольшое окно с вкладками. При работе практически всегда нужна именно вкладка «Слои», так как на ней происходят все действия над изображением.

В этот момент каждый новичок задается вопросом о том:

• как пользоваться "Фотошопом" (Adobe Photoshop);
• почему не удается работать с картинкой;
• можно ли исправлять ошибки, если они появились в процессе работы.

Следует сразу ответить на второй вопрос: по умолчанию открытое изображение заблокировано, то есть имеет Чтобы превратить его в слой (то есть разблокировать), нужно дважды щелкнуть кнопкой мышки в окне справа на изображение и надпись «Фон» во вкладке «Слои». Теперь можно работать.

Зачем нужны слои?

Чтобы понять, как пользоваться Adobe Photoshop, стоит разобраться со слоями. Дело в том, что они могут служить как запасным изображением («создать дубликат слоя») в случае неудачных действий с фотографией, так и областью нанесения новых эффектов. Например, нужно сделать надпись к свадебной фотографии и изображение полупрозрачных голубей, сердечек. В таком случае нужно создать новый слой над основным фото и активировать его. Далее можно или вставить новое изображение с голубями, или нарисовать при помощи инструментов «Кисть» и «Карандаш», расположенных слева на панели инструментов.

Слои можно делать прозрачными и полупрозрачными. Чтобы объяснить их смысл, следует представить настоящий фотоснимок, лежащий на столе. Далее на него накладывается полупрозрачная или прозрачная бумага с принтом. Таким образом, основное фото - Слой 1, а прозрачная бумага с рисунком - Слой 2.

Эффекты и цвета

Работу с цветом и эффектами нужно проводить при помощи горизонтального меню или в правом окне (вкладка «Слои» и «Свойства»). Следует отметить, что для новичка нет разницы в том, как пользоваться Adobe Photoshop CS6 или другими версиями. Практически любое поколение "Фотошопа" подойдет для изучения программы. То же касается и режимов цвета, галереи фильтров, действий с изображениями (например, зеркальное отображение, поворот, перемещение).

Сложный ли Adobe Photoshop

Нередко новички спрашивают: сложно ли освоить программу? Ответить однозначно нельзя. Нужно понимать, зачем человеку нужен этот инструмент. Допустим, часто требуется вносить легкие корректировки, например:

• обрезать,
• отзеркалить,
• сделать надпись,
• обесцветить.

В данном случае достаточно понять, как пользоваться Adobe Photoshop. Но если есть желание стать профессионалом, научиться делать из обычных фотографий сказочные картинки, то потребуется усидчивость, много времени для тренировки вплоть до изучения теории цвета.

Нередко возникают нюансы на форумах, при просмотре обучающих видео, где участники спрашивают, как пользоваться Adobe Photoshop CC, чем он отличается от SC6. Пусть никого не смущают последние два символа, означающие версию "Фотошопа". Для применения простых операций с картинками в обеих версиях есть все необходимые инструменты, расположены они на одних и тех же местах.

Научиться работать в Фотошопе – мечта многих пользователей. Тратятся деньги, трафик, время на закачку и установку программы. Однако зачастую все заканчивается после нажатия на исполняемый файл «Photoshop.exe». Посмотрев на открывшееся перед ним окно редактора, наполненное всевозможными палитрами и графическими инструментами, на обширные меню с наборами специфических команд, новичок впадает в легкий ступор. А вспомнив рассказы «бывалых», пересыпанные сложными фотошоповскими терминами, он вдруг понимает, что это не его. И совершенно зря.

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

В первую очередь составим предварительный план изучения азов работы в Фотошопе. Он будет состоять из трех пунктов:

1. Организация рабочего пространства программы.
2. Принципы работы.
3. Несколько полезных советов.

Теперь остается только следовать этому плану, и у нас все получится.

Изучаем архитектуру рабочего стола Фотошопа

Первый шаг, он трудный самый…

Будем считать, что Фотошоп у нас уже скачан, установлен и на рабочий стол выведен ярлык. Версия программы, используемая для наших целей, особого значения не имеет. Подойдет любая, имеющая окончание CS или СС. Например, у авторов стоит Adobe Photoshop CC 2014, вы можете использовать любую другую, имеющую указанные выше аббревиатуры. Без страха щелкаем на значке программы и ждем какое-то время загрузки приложения (скорость открытия зависит от мощности вашего ПК).

Наконец перед нами появляется главное окно редактора.

Осматриваемся на местности

Сразу же успокоим пользователя. Несмотря на грозный вид, ничего сложного в открывшейся картине нет, если понимаешь, что перед собой видишь. Предварительно зайдем в «Файл > Новый» или нажмем сочетание клавиш «Ctrl+N», создавая новый документ. Это наша будущая картина или, на языке редактора, холст. Теперь Фотошоп полностью приведен в боевую готовность, и можно спокойно рассмотреть его отдельные компоненты. Условно окно программы можно разбить на 4 основных блока:

1. главное меню (вверху),
2. панель инструментов (слева),
3. окно документа (место, где расположен сам холст),
4. палитры (справа).

Разберемся с каждым блоком отдельно.

Главное меню

Пожалуй, это единственный стандартный элемент интерфейса программы. Здесь пользователь видит знакомые по другим программам названия «Файл», «Редактирование»… Однако есть и специфические меню, присущие только графическим редакторам. Остановимся на них подробней.

Мы специально не стали описывать остальные меню программы. Многие пункты в них известны большинству пользователей. А вот вышеописанные вкладки – основа для работы в Фотошопе. И все команды в них созданы специально для работы с графикой. В версиях с аббревиатурой CS и CC появилось еще меню «3d», но оно пока не так популярно.

Примечание. Помните: в Фотошопе есть большой спасательный круг – любое действие или даже целый ряд действий всегда можно отменить.

Панель инструментов

В рабочем поле программы, с левой стороны, расположена панель инструментов. В ней собрано все, что нужно для рисования и обработки картинки вручную.

Причем здесь можно найти как банальные «кисть» и «карандаш», так и весьма экзотичные «Волшебный ластик» или «Магнитное лассо». Вызываются они все одинаково – либо щелчком на нужном ярлычке, либо горячей клавишей. Причем если нажать и не отпускать левую клавишу мыши на миниатюре с требуемым вам орудием рисования, то с небольшой задержкой покажется табличка с его дополнительными разновидностями.

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

Окно документа

Его можно назвать и более красиво – холст, то есть место, на котором отражается процесс нашего творчества. Вызывается он из меню «Файл» командой «Создать» или сочетанием клавиш «Ctrl+N».

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

Палитры

Переходим к самому главному и интересному блоку программы – к палитрам. В Фотошопе их великое множество, причем от версии к версии их количество растет. Например, в СС их уже 27, и в следующих выпусках станет еще больше. Однако основной палитрой, без которой невозможна работа, всегда была и остается палитра «Слои».

Это главное, великое изобретение разработчиков Фотошопа, и сегодня оно присутствует практически во всех серьезных графических редакторах. Слои в Фотошопе можно сравнить с листами кальки, которые накладываются на ватман, и на каждом что-то изображено. И когда наложен последний лист, то мы видим финальное изображение. Со слоями можно творить множество интереснейших вещей. Их можно отключать, удалять, делать невидимыми, объединять в группы и заставлять их действовать по одной команде – в общем, есть еще немало различных операций, которые выполняются при помощи слоев.

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

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

Чтобы посмотреть все палитры программы, достаточно открыть меню «Окно». Там собраны самые основные окна Фотошопа. А вот как выглядит картинка с открытыми палитрами:

Впечатляет, не правда ли? Кстати, в последних редакциях программы (CS и CC) появилась возможность выбирать готовый модуль нужной вам рабочей среды.

Здесь присутствует 6 уже настроенных рабочих сред. Из них наиболее востребованные – «Рисование» и «Фотография». Можно самому настроить рабочий стол под свои нужды и сохранить его.

Он сразу же появится в колонке выбора рабочей среды. На скриншоте показан рабочий стол, настроенный под нужды авторов статьи, с открытой палитрой «Стили»:

Обратите внимание – рядом с постоянно открытыми основными окнами (слева) находится вертикальная рабочая панель, на которую можно вывести значок любой нужной вам палитры для быстрого доступа к ней.

Вступаем в бой

Итак, получив самые базовые понятия о строении программы, попробуем с их помощью создать какой-нибудь простенький рисунок. Пусть это будет, например, 3d-шар. Будем считать, что Фотошоп у нас уже загружен, и приступаем непосредственно к работе.

Adobe Photoshop - мощный и многосторонний инструмент работы с растровыми изображениями. Не стоит думать, что Вы сможете освоить фотошоп за несколько дней, однако основные операции с цифровыми картинками можно освоить достаточно быстро.

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

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

Итак, начинаем учиться пользоваться фотошопом с создания новой картинки в фотошопе.

Перед созданием новой картинки определитесь с ее размером. Если картинка рассчитана для просмотра на компьютере задавайте размеры в пикселах, если Вы планируете распечатать картинку - в сантиметрах.

Создайте новую картинку: File - New

В поле Name вводится имя файла, в поля width (ширина) и height (высота) вводим необходимые значения. Выбираем в этих полях единицы измерения pixels - пиксели или cm - сантиметры. В поле Resolution ставим разрешение картинки, если ранее выбрали сантиметры. Чем выше разрешение, тем четче будет отпечаток, например для небольшой фотографии разрешение должно быть не меньше 150 dpi. Считается неразличимым любым глазом разрешение выше 300 dpi. Чем больше разрешение, тем больше размер файла Вашей картинки. Для того, чтобы использовать фотошоп для создания картинок например, для веб-сайта, задавайте размер в пикселах. Чтобы понять, какой размер в пикселах вводить создайте картинку 200 на 100 пикселов и установите масштаб 100%.

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

Имейте в виду, что уменьшить нарисованную картинку средствами фотошопа можно практически без потери качества, а увеличить только за счет качества.

При использовании фотошопа необходимо понимать такое понятие как «слои».

Слой можно представить как лист прозрачной пленки на которой можно рисовать или копировать туда другую картинку. Верхний (новый слой) закрывает предыдущий. Слои можно менять местами - переложить наверх или убрать в самый низ. Делается это перетаскиванием указателей слоев в этой панеле:

Нажав на «глаз» у слоя можно его временно скрыть и опять отобразить. Все действия с изобржением в фотошопе происходят только с текущим слоем. Чтобы рисовать в другом готовом слое надо его выделить. Создать новый слой в фотошопе Layer - New - layer.

Сохранить готовую картинку в фотошопе можно в различных форматах. Формат psd - свой формат фотошопа, при котором все слои сохраняются отдельно и в дальнейшем можно продолжить работу над этой картинкой. Формат jpg (jpeg) наиболее удобный формат, занимает минимум места на диске, а фотошоп позволяет при сохранении в этом формате выбрать качество картинки. Чем выше качество, тем больше «вес» картинки в байтах. Формат png практически не снижает качество картинки и к тому же позволяет устанавливать прозрачные места на картинке. Формат gif удобен, если на картинке используется небольшое количество цветов и оттенков - позволяет значительно уменьшить «вес» файла.

Фотошоп позволяет открывать и создавать сразу несколько картинок одновременно. Переход между картинками осуществляется через команду «Window».

При использовании фотошопа удобным инструментом является окно «History» (История).

Основные инструменты, которыми пользуются в фотошопе, находятся справа на панели. Назначение инструментов лучше осваивать по тематическим урокам фотошопа.

Еще один момент для начинающих пользоваться фотошопом состоит в понимании различия между растровыми и векторными изображениями. Фотошоп работает с растровыми изображениями. Растровое изображение - это набор пикселей (точек) у каждого из которых есть свой цвет. При увеличении растрового изображения пикселы отображаются крупнее снижая четкость изображения. Векторное изображение - это набор линий с указанными первоначальной и конечной точками, толщиной, цветом и промежуточными точками. Такие изображения обрабатываются специальными программами, например Corel Draw и т.п.

На сегодняшний день Adobe Photoshop CS6 является мощнейшим инструментом по работе с растровыми изображениями. Чтобы научиться пользоваться этим многофункциональным графическим редактором от компании «Adobe Systems», одного желания мало. Большими друзьями и помощниками фотошопа являются усидчивость, терпеливость, внимательность и чувство меры. Если вы обладаете именно такими качествами, то приступаем к изучению.

Установите фотошоп на свой ПК, но если затрудняетесь – воспользуйтесь нашей по установке. Запустите программу в работу, предварительно удалив «Файл настройки Adobe Photoshop», удерживая комбинацию клавиш «Shift» + «Ctrl» + «Alt» – это поможет правильно отобразить основную рабочую область, привычную для большинства пользователей. Далее откройте диалоговое окно основных настроек посредством главного меню и команды: «Редактирование» → «Установки» → «Основные», либо с помощью клавиатурной комбинации «Ctrl» + «K». Ознакомьтесь с интерфейсом программы и для начала, к примеру, измените цвет основного окна. Также можете внести небольшие изменения на вкладке «Производительность», чтобы исключить зависание во время работы с приложением, – добавьте еще один рабочий диск, если такой имеется на ПК, и не забудьте всё сохранить. Основные настройки предопределены, теперь выберете на компьютере любой цифровой фотоснимок и откройте его с помощью команды «Файл» → «Открыть…». Обратите внимание на самую верхнюю полосу рабочего окна – это строка меню и именно она содержит полный перечень всех существующих команд. По возможности изучите их все, но особо не спешите, а запоминайте, к чему приводит та или иная команда, либо записывайте для наглядности. Вытянутый вертикальный прямоугольник в левой части программы с различной символикой – это панель инструментов. Для того чтобы начать редактирование выбранной фотографии, активируйте один из инструментов – щелкните по значку мышкой. К примеру, выберете инструмент кадрирования «Рамка», потяните за края и обрежьте изображение на свое усмотрение. Поочередно изучите каждый инструмент в отдельности путем его выбора и использования непосредственно в окне документа. Имейте в виду, что фотошоп записывает все происходящие операции, и если вам понадобится отменить выполненное действие – воспользуйтесь комбинацией клавиш «Ctrl» + «Z» либо командой «Редактирование» → «Отменить». Чуть ниже главного меню располагается «Панель параметров», с помощью которой задаются различные значения для инструментов. Возьмите, например, инструмент «Ластик» и поэкспериментируйте с его параметрами. Далее переведите свое вниманию в правую часть рабочего окна – здесь располагаются палитры. Чтобы вызвать на экран любую из существующих, достаточно навести мышкой на значок или название, либо открыть нужную палитру через меню «Окно». Допустим, для увеличения мелких деталей на объекте потребуется обратиться к палитре «Навигатор» – вызовите ее через главное меню с помощью команды «Окно» → «Навигатор» или кликните по соответствующей иконке в основной рабочей среде фотошопа.

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