Перед вами цикл уроков, которые учат пользоваться графическим редактором Photoshop - невероятно популярным и незаменимым в веб-дизайне инструментом, с помощью которого для сайта создаются не только кнопки, баннеры и логотипы, но даже целые макеты. Дизайн практически любого сайта, который вы посещали, изначально был прорисован в Photoshop, так что знание этой программы веб-мастеру будет однозначно полезным, хотя навыки обработки изображений и создания собственных рисунков простому пользователю ПК тоже не навредят. Оцифровка фотографий, ретушь старых снимков, создание открыток и коллажей - это только начало длинного списка полезных действий, которые позволяет совершать редактор, а цикл уроков поможет вам в нём освоиться.
Добавьте эту страницу в закладки, чтобы не терять оглавление и последовательно изучать статью за статьёй, постигая всё новые и новые приёмы работы в Photoshop.
Но что же вы узнаете в этих уроках?
- 1
Начало работы в Photoshop - быстрое выделение и заливка
Здесь вы познакомитесь с интерфейсом программы, узнаете, для чего предназначены основные элементы интерфейса, научитесь создавать документы и сохранять их, освоите выделение областей на холсте. Также из урока вы поймёте, как заливать области цветом, поймёте принципы работы с программой. После освоения информации вы научитесь выполнять простые действия и сможете самостоятельно изучать другие инструменты редактора.
- 2
Слои и текст
Все изображения Photoshop строятся на слоях. Именно поэтому редактировать в программе так удобно. Урок расскажет, что такое слои, зачем они нужны и как с ними работать. Кроме того, здесь описаны приёмы создания и обработки надписей, а также перемещения расположенных на холсте объектов. После прохождения урока обработка многослойных документов не будет для вас проблемой.
- 3
Фильтры
Вы познакомитесь с огромной библиотекой изменяющих картинку скриптов. Фильтры редактора могут не только придавать готовому изображению тот или иной эффект, но даже создавать новые объекты и обрамлять фото.
- 4
Работа с изображениями
В статье даются основы обработки уже существующих графических файлов. Редактирование сразу нескольких изображений, перемещение объектов из одного рисунка в другой, изменение размеров и удаление ненужных частей - вот лишь неполный список тем урока.
- 5
Трансформация
Урок научит масштабировать элементы изображения, изменять пропорции, наклонять, искажать и деформировать их
- 6
Рисование - кисть и карандаш
Первая в череде рассказывающих об инструментах создания собственных шедевров статья. Уже давно компьютерные технологии развились до того, что позволяют имитировать рисование на бумаге. Вы научитесь творить с помощью виртуальных карандаша и кисти - эскизы и картины акварелью теперь можно легко рисовать и распространять на электронных носителях, делая неограниченное число копий и не переживая за сохранность труда.
- 7
Рисование - фигуры
Создание объектов «от руки» - одно, а точность и скорость иногда бывают превыше всего. Урок рассказывает об инструментах, с помощью которых буквально в несколько щелчков можно создавать идеально ровные геометрические фигуры заданных размеров. От простого квадрата до эллипса, звезды и даже музыкальной ноты - в статье рассматривается всё.
- 8
Рисование - контуры и растровые изображения
Вы раз и навсегда запомните, чем отличается вектор от растра, какие плюсы и минусы есть у обоих подходов, а также узнаете, зачем в Photoshop нужны контуры фигур и что делает пиксельный режим.
- 9
Рисование - инструмент Перо
В продолжение работы с контурами изучаем инструменты группы Перо. Назначение, способ применения, описание параметров, а в результате вы научитесь рисовать нетипичные контуры и создавать сложнейшие геометрические объекты.
- 10
Рисование - инструмент Магнитное перо
Магнитный режим инструмента Свободное перо стал настолько популярным, что его называют «Магнитным пером», хотя такого отдельного инструмента в Photoshop нет. Что же такого позволяет делать функция, за что её так сильно любят пользователи и чем она поможет лично вам - читайте в статье.
- 11
Инструменты ретуширования изображений
Чтобы применять для интернета эти функции редактора, не нужно быть ни верстальщиком, ни дизайнером, ни веб-мастером - вообще никем. Достаточно быть активным пользователем социальных сетей. Как сделать лицо красивей, убрать родинки и веснушки? Как обработать старое отсканированное фото, чтобы цвета стали ярче, а царапины, пятна и пылинки - не так заметны? Чем аккуратно вырезать объект, переместить его или клонировать? Где находится инструмент, который буквально за пару минут поможет избавить фотоснимок от эффекта «красных глаз»? Ответы на эти и другие вопросы ищите в статье.
- 12
Инструменты коррекции изображений
Вы уже так много знаете, что освоение новых инструментов не является проблемой. Мне оставалось только сделать обзор с описанием возможностей, позволяющих улучшать качество картинок - осветлять там, где слишком темно, затемнять там, где засвечено, размывать и добавлять резкость, смешивать и размазывать цвета. В общем, дополнительная информация о том, как ещё сделать изображение лучше, ждёт вас в уроке.
Вершина творчества для веб - отрисовка шаблонов сайта. Когда освоено большинство инструментов, а навыков достаточно, чтобы рисовать и разделители с фигурами, и кнопки для меню, и логотипы, и красивые надписи, ничто не мешает создать хороший, сложный макет. Статья рассказывает, из чего состоит стандартный шаблон, описывает принцип создания, а также учит разрезать макет, используя ранее незнакомые вам инструменты.
Уделив внимание каждому из уроков, разобрав практические примеры и поэкспериментировав самостоятельно, по мере освоения курса вы пройдёте путь от начинающего до продвинутого пользователя программы Photoshop и сможете самостоятельно углубиться в неё, переходя на новый уровень освоения, а поможет вам в этом крепкий и надёжный фундамент, заложенный циклом наших статей.
Научиться работать в Фотошопе – мечта многих пользователей. Тратятся деньги, трафик, время на закачку и установку программы. Однако зачастую все заканчивается после нажатия на исполняемый файл «Photoshop.exe». Посмотрев на открывшееся перед ним окно редактора, наполненное всевозможными палитрами и графическими инструментами, на обширные меню с наборами специфических команд, новичок впадает в легкий ступор. А вспомнив рассказы «бывалых», пересыпанные сложными фотошоповскими терминами, он вдруг понимает, что это не его. И совершенно зря.
Постараемся развенчать миф о непонятности Фотошопа, который вот уже многие годы сопутствует одному из лучших графических редакторов. Для того чтобы понять, как пользоваться Фотошопом, достаточно запустить программу и изучить эту статью. Конечно, в небольшом обзоре невозможно охватить даже сотую часть этой мощной программы, но получить прививку от страха перед ней вполне реально.
В первую очередь составим предварительный план изучения азов работы в Фотошопе. Он будет состоять из трех пунктов:
- Организация рабочего пространства программы.
- Принципы работы.
- Несколько полезных советов.
Теперь остается только следовать этому плану, и у нас все получится.
Изучаем архитектуру рабочего стола Фотошопа
Первый шаг, он трудный самый…
Будем считать, что Фотошоп у нас уже скачан, установлен и на рабочий стол выведен ярлык. Версия программы, используемая для наших целей, особого значения не имеет. Подойдет любая, имеющая окончание CS или СС. Например, у авторов стоит Adobe Photoshop CC 2014, вы можете использовать любую другую, имеющую указанные выше аббревиатуры. Без страха щелкаем на значке программы и ждем какое-то время загрузки приложения (скорость открытия зависит от мощности вашего ПК).
Наконец перед нами появляется главное окно редактора.
Осматриваемся на местности
Сразу же успокоим пользователя. Несмотря на грозный вид, ничего сложного в открывшейся картине нет, если понимаешь, что перед собой видишь. Предварительно зайдем в «Файл > Новый» или нажмем сочетание клавиш «Ctrl+N», создавая новый документ. Это наша будущая картина или, на языке редактора, холст. Теперь Фотошоп полностью приведен в боевую готовность, и можно спокойно рассмотреть его отдельные компоненты. Условно окно программы можно разбить на 4 основных блока:
- главное меню (вверху),
- панель инструментов (слева),
- окно документа (место, где расположен сам холст),
- палитры (справа).
Разберемся с каждым блоком отдельно.
Главное меню
Пожалуй, это единственный стандартный элемент интерфейса программы. Здесь пользователь видит знакомые по другим программам названия «Файл», «Редактирование»… Однако есть и специфические меню, присущие только графическим редакторам. Остановимся на них подробней.
Мы специально не стали описывать остальные меню программы. Многие пункты в них известны большинству пользователей. А вот вышеописанные вкладки – основа для работы в Фотошопе. И все команды в них созданы специально для работы с графикой. В версиях с аббревиатурой CS и CC появилось еще меню «3d», но оно пока не так популярно.
Примечание. Помните: в Фотошопе есть большой спасательный круг – любое действие или даже целый ряд действий всегда можно отменить.
Панель инструментов
В рабочем поле программы, с левой стороны, расположена панель инструментов. В ней собрано все, что нужно для рисования и обработки картинки вручную.
Причем здесь можно найти как банальные «кисть» и «карандаш», так и весьма экзотичные «Волшебный ластик» или «Магнитное лассо». Вызываются они все одинаково – либо щелчком на нужном ярлычке, либо горячей клавишей. Причем если нажать и не отпускать левую клавишу мыши на миниатюре с требуемым вам орудием рисования, то с небольшой задержкой покажется табличка с его дополнительными разновидностями.
Выбрав какой-либо инструмент, вы увидите, как под панелью с главным меню появляются его атрибуты. Их можно изменять и настраивать.
Окно документа
Его можно назвать и более красиво – холст, то есть место, на котором отражается процесс нашего творчества. Вызывается он из меню «Файл» командой «Создать» или сочетанием клавиш «Ctrl+N».
Здесь все довольно понятно, разве что стоит обратить внимание на панель статуса, расположенную внизу. В ней даются основные сведения о параметрах нового документа. Нажав на треугольник мышкой, вы увидите массу интересной информации.
Палитры
Переходим к самому главному и интересному блоку программы – к палитрам. В Фотошопе их великое множество, причем от версии к версии их количество растет. Например, в СС их уже 27, и в следующих выпусках станет еще больше. Однако основной палитрой, без которой невозможна работа, всегда была и остается палитра «Слои».
Это главное, великое изобретение разработчиков Фотошопа, и сегодня оно присутствует практически во всех серьезных графических редакторах. Слои в Фотошопе можно сравнить с листами кальки, которые накладываются на ватман, и на каждом что-то изображено. И когда наложен последний лист, то мы видим финальное изображение. Со слоями можно творить множество интереснейших вещей. Их можно отключать, удалять, делать невидимыми, объединять в группы и заставлять их действовать по одной команде – в общем, есть еще немало различных операций, которые выполняются при помощи слоев.
Вторая палитра, на которой хотелось бы остановиться особо, – это палитра «История». Тоже очень важный элемент, без которого работа в редакторе превратилась бы в мучение. Особенно она важна для новичка, желающего узнать, как научиться пользоваться Фотошопом, и, естественно, допускающего на первых порах массу ошибок.
Окно «История» позволяет отменять, почти на бесконечное количество шагов, ваши действия. То есть вы можете воплощать самые буйные фантазии на холсте, не боясь испортить конечный результат. В любой момент любое действие может быть отменено. Можно сделать снимок холста, уйти далеко вперед в своем творчестве и вдруг понять, что все не так и вы в тупике. Что делать? В Фотошопе это не проблема. Вы просто щелкнете на сделанном много «веков» назад снимке и попадете в то время, которое на нем запечатлено. И спокойно начнете работать в новом направлении. Вот что такое палитра «История».
Чтобы посмотреть все палитры программы, достаточно открыть меню «Окно». Там собраны самые основные окна Фотошопа. А вот как выглядит картинка с открытыми палитрами:
Впечатляет, не правда ли? Кстати, в последних редакциях программы (CS и CC) появилась возможность выбирать готовый модуль нужной вам рабочей среды.
Здесь присутствует 6 уже настроенных рабочих сред. Из них наиболее востребованные – «Рисование» и «Фотография». Можно самому настроить рабочий стол под свои нужды и сохранить его.
Он сразу же появится в колонке выбора рабочей среды. На скриншоте показан рабочий стол, настроенный под нужды авторов статьи, с открытой палитрой «Стили»:
Обратите внимание – рядом с постоянно открытыми основными окнами (слева) находится вертикальная рабочая панель, на которую можно вывести значок любой нужной вам палитры для быстрого доступа к ней.
Вступаем в бой
Итак, получив самые базовые понятия о строении программы, попробуем с их помощью создать какой-нибудь простенький рисунок. Пусть это будет, например, 3d-шар. Будем считать, что Фотошоп у нас уже загружен, и приступаем непосредственно к работе.
Привет, коллеги! Мало кто не знает о такой программе, как фотошоп, но мало кто знает, как её пользоваться. А ведь действительно, фотошоп - программа, у которой поистине безграничные возможности. Она содержит в себе немало инструментов, эффектов, различных функций, и на этом список вряд ли заканчивается. Давайте разберём, какие именно возможности содержит программа фотошоп?
— Изменение того или иного снимка. Можно добавлять резкости, эффекты, применять цветокоррекцию и многие другие возможности для работы с изображениями предоставляет фотошоп. Если снимок старый, чёрно-белый - можно добавить цветов; есть дефекты на фото - от них можно избавиться, используя .
Как пользоваться Фотошопом - основная панель
— Слои
По правде, это очень полезная вещь в фотошопе. Ведь когда, создаёшь, ту или иную работу зачастую используется множество изображений, текстов и прочего, а если разместить их на разных слоях, можно изменять расположение (менять - какое поверх других). Слоям можно также задавать эффекты - обводка, тени и так далее, а если изображения будут на разных слоях, то и подобного рода эффекты везде будут разные.
Можно добавить тексту некую изюминку, при помощи разнообразных стилей фотошоп. Можно добавить необычные обводки, узоры, градиенты, тени - всего в пару кликов.
— Поддерживание разных форматов
Разнообразие поддерживаемых форматов в фотошопе просто поражает. Будь это графический или 3D-формат - программа откроет, и вы сможете создавать нужный вам проект. Это один из важных плюсов фотошопа.
— Многообразие фильтров фотошоп
Фильтры иногда помогают сделать некоторые моменты работы в один клик. К примеру, можно взять размытие. Размытие - есть такой инструмент в панели, и некоторые используют его и делают размытие всему изображению. Но это надо водить и делать, да и настроить интенсивность и прочее - необходимо. Однако фильтр мог сделать размытие в один миг. Есть разные виды размытия в фотошопе, и по вкусу - уж точно можно найти.
Как пример - фильтр размытие
— Возможность работать с gif файлами, включая их создание, непосредственно в программе фотошоп. Дело хлопотное, тем не менее иногда полезное. Многие задаются вопросом - как сделать gif с картинкой и текстом, или же из какого-то фрагмента видео - в фотошопе можно и это. Конечно, сделать gif - не минутное дело, но добавляя разные эффекты и прочие штучки фотошопа - можно сделать невероятную gif анимацию, которую нигде не найти.
— «Сохранить для Web…»
Мало кто знает, что это и для чего такая услуга есть в фотошопе. И это вовсе не странно, ведь мало кто привык сохранять изображения для интернета таким образом. А ведь тут можно подготовить и сохранить изображение именно для размещения на веб-страничках. Так можно сохранить изображение по большей части без потери качества в фотошоп. Сохраняя, можно выбрать формат, показатель качества сохранения и многое другое.
— Обилие инструментов фотошоп
Боковая панель с инструментами - не раз выручает, да и это основа работы с фотошопом. На этой панели можно найти различные виды выделения (от стандартного прямоугольника до волшебной палочки), кисти, ластики, геометрические фигуры и прочее.
Если быть честными, это минимум возможностей фотошопа. Ведь программа безгранична, а, значит, и её возможности такие же. Если начать максимально изучать фотошоп, можно найти совершенно разные эффекты, функции.
С чем связано обилие возможностей фотошоп? Программа фотошоп создана уже давно и периодически обновляется. Специалисты, работающие над обновлением, стараются улучшить программу, вводя новые элементы, которые также необходимо изучать. Много специалистов, поэтому много и идей.
Чтобы научиться работать в программе фотошоп, необходимо для начала поверхностно понимать, что там есть. Иначе говоря, знать рабочую среду - часть панелей.
Панель «Стили» - добавление собранных эффектов, которые смотрятся гармонично. Иначе говоря, стиль - это готовое сочетание тех или иных эффектов. А «Коррекция» - изменение яркости, контрастности и всего подобного.
Панель «Цвет» и «Образцы» - отвечает за готовые цвета, изменение оттенков, яркости.
Людям, которые не знают, как пользоваться фотошопом, на первый взгляд, действительно может показаться, что работать в этой программе очень сложно и буквально невозможно. Но это не так. Верхняя панель инструментов фотошоп, напоминает стандартные, которые есть в большинстве программ. Пролистав их, можно увидеть множество знакомых, да и понятных вещей.
Нечто непонятное - как углубление в изучении фотошоп. Попробуете - узнаете, что да как. А если желания нет, то этот фрагмент вполне может остаться неизученным. Основы использования фотошоп - объяснены в статье. То, что нужно вам, вы всегда найдёте, ведь фотошоп напоминает другие графические программы, однако, имеет свои особенности и дополнительные возможности.
Фотошоп - полезная программа. Кому-то она нужна по работе, кому-то в учёбе. Существует множество причин изучения фотошоп. Но подобное знание не навредит. Программа универсальная, значит, пригодна частенько. Теперь и вы знаете, как пользоваться фотошопом, ну хотя бы потому, что программа сама по себе очень интересная.
Графический редактор - программа, позволяющая создавать и редактировать фотографии. При помощи графического редактора можно рисовать, раскрашивать, делать надписи и даже получать трёхмерное изображение объектов.
Adobe Photoshop CS5 - одна из последних версий известного графического редактора. Программа отличается широким набором функций, высокой эффективностью и скоростью работы. В качестве примера попробуем научиться пользоваться фотошопом Adobe Photoshop CS5.
Быстрая навигация по статье
Создание нового проекта
Приступая к работе в Adobe Photoshop CS5, прежде всего необходимо создать новый проект. Для этого следует:
- В выпадающем списке выбрать пункт «Создать»;
- Указать высоту и ширину будущего документа;
- Нажать на кнопку «Создать».
Редактирование изображения
Если необходимо отредактировать какое-либо изображение, то, прежде всего, его следует открыть в фотошопе. Для этого нужно:
- В меню, расположенном в верхней части программы, нажать «Файл»;
- В выпадающем списке выбрать пункт «Открыть»;
- Указать файл и нажать «Открыть».
Либо нажать непосредственно на файле с фотографией правой кнопкой и выбрать «Открыть с помощью…» -> «Adobe Photoshop CS5».
Инструменты
В левой части экрана расположена панель инструментов. Чтобы ими воспользоваться, следует:
- Щёлкнуть левой кнопкой мыши по соответствующему значку на панели инструментов;
- При необходимости изменить настройки свойств выбранного инструмента на панели, расположенной ниже файлового меню.
Управление слоями
Слой - это элемент документа. Чтобы начать работу с ним, нужно:
- Открыть окно «Слои» (клавиша F7);
- Выделить необходимый элемент щелчком левой кнопки мыши.
Размер фото
Изменение размера фотографии - одна из базовых функций программы Photoshop. Чтобы это сделать, нужно:
- В меню «Изображение» выбрать пункт «Размер изображения»;
- Указать необходимое значение в поле «Ширина» (высота изменится автоматически);
- Нажать «Ok».
Обрезка
Обрезка фотографий - ещё одна часто используемая функция Photoshop. Чтобы её выполнить, необходимо:
- Выбрать инструмент «Рамка»;
- Выделить область, которую следует оставить;
- Нажать «Enter».
Исправление ошибок
Для исправления ошибок в программе Photoshop есть специальная функция. Чтобы ей воспользоваться, нужно:
- Нажать пункт «Окно»;
- Выбрать «История».
Сохранение работы
После того как работа доделана, её следует сохранить в нужном формате. Для этого необходимо:
- Нажать «Файл»;
- Выбрать «Сохранить как» (можно воспользоваться комбинацией клавиш «Ctrl+Shift+S»);
- Указать путь для сохранения изображения и нужный тип файла (например.jpg);
- Нажать на кнопку «Сохранить».
Довольно часто пользователи ПК стремятся изучить новые программы, чтобы уметь оформлять изображения на свой вкус и даже получать доход. Одним из самых сложных и мощных графических инструментов является Adobe Photoshop. Как пользоваться, с чего начать - все это будет рассказано ниже.
Интерфейс, инструменты и меню
Для начала следует запустить установленную программу. Новичку рекомендуется пройтись по меню (горизонталь сверху), изучить инструменты, расположенные слева. Чтобы узнать, что за значок и за что он отвечает, нужно подвести курсор. Должна появиться всплывающая подсказка. Если нажать левой кнопкой мышки на инструмент, например, «Заливка», то он будет активен. В то же время появятся настройки под горизонтальным меню в верхней части экрана. Опытные пользователи практически всегда устанавливают нужные параметры инструмента.
Следует обратить внимание на треугольник в правом нижнем углу некоторых инструментов. Если нажать на мыши правую кнопку, то откроются дополнительные опции.
А теперь следует поговорить о меню в Adobe Photoshop, как пользоваться им при работе с фотографиями и рисунками. Для начала нужно зайти в меню «Файл», чтобы открыть существующее изображение для редактирования, или создать новый документ. В этом же меню находится функция сохранения сделанной работы.
Остальные пункты, расположенные после «Файла» и до «Справки», относятся непосредственно к работе над изображением.
Первые шаги в работе
Стоит начать изучение программы с помощью существующей фотографии. Для этого следует зайти в меню «Файл», нажать «Открыть» и найти нужную картинку. Когда она будет добавлена, можно приступить к работе.
Справа от изображения появится небольшое окно с вкладками. При работе практически всегда нужна именно вкладка «Слои», так как на ней происходят все действия над изображением.
В этот момент каждый новичок задается вопросом о том:
- как пользоваться "Фотошопом" (Adobe Photoshop);
- почему не удается работать с картинкой;
- можно ли исправлять ошибки, если они появились в процессе работы.
Следует сразу ответить на второй вопрос: по умолчанию открытое изображение заблокировано, то есть имеет Чтобы превратить его в слой (то есть разблокировать), нужно дважды щелкнуть кнопкой мышки в окне справа на изображение и надпись «Фон» во вкладке «Слои». Теперь можно работать.
Зачем нужны слои?
Чтобы понять, как пользоваться Adobe Photoshop, стоит разобраться со слоями. Дело в том, что они могут служить как запасным изображением («создать дубликат слоя») в случае неудачных действий с фотографией, так и областью нанесения новых эффектов. Например, нужно сделать надпись к свадебной фотографии и изображение полупрозрачных голубей, сердечек. В таком случае нужно создать новый слой над основным фото и активировать его. Далее можно или вставить новое изображение с голубями, или нарисовать при помощи инструментов «Кисть» и «Карандаш», расположенных слева на панели инструментов.
Слои можно делать прозрачными и полупрозрачными. Чтобы объяснить их смысл, следует представить настоящий фотоснимок, лежащий на столе. Далее на него накладывается полупрозрачная или прозрачная бумага с принтом. Таким образом, основное фото - Слой 1, а прозрачная бумага с рисунком - Слой 2.
Эффекты и цвета
Работу с цветом и эффектами нужно проводить при помощи горизонтального меню или в правом окне (вкладка «Слои» и «Свойства»). Следует отметить, что для новичка нет разницы в том, как пользоваться Adobe Photoshop CS6 или другими версиями. Практически любое поколение "Фотошопа" подойдет для изучения программы. То же касается и режимов цвета, галереи фильтров, действий с изображениями (например, зеркальное отображение, поворот, перемещение).
Сложный ли Adobe Photoshop
Нередко новички спрашивают: сложно ли освоить программу? Ответить однозначно нельзя. Нужно понимать, зачем человеку нужен этот инструмент. Допустим, часто требуется вносить легкие корректировки, например:
- обрезать,
- отзеркалить,
- сделать надпись,
- обесцветить.
В данном случае достаточно понять, как пользоваться Adobe Photoshop. Но если есть желание стать профессионалом, научиться делать из обычных фотографий сказочные картинки, то потребуется усидчивость, много времени для тренировки вплоть до изучения теории цвета.
Нередко возникают нюансы на форумах, при просмотре обучающих видео, где участники спрашивают, как пользоваться Adobe Photoshop CC, чем он отличается от SC6. Пусть никого не смущают последние два символа, означающие версию "Фотошопа". Для применения простых операций с картинками в обеих версиях есть все необходимые инструменты, расположены они на одних и тех же местах.