Фотошоп для новичков с чего начать урок 1
Уроки фотошопа для начинающих — пошаговый курс
Перед вами цикл уроков, которые учат пользоваться графическим редактором Photoshop — невероятно популярным и незаменимым в веб-дизайне инструментом, с помощью которого для сайта создаются не только кнопки, баннеры и логотипы, но даже целые макеты. Дизайн практически любого сайта, который вы посещали, изначально был прорисован в Photoshop, так что знание этой программы веб-мастеру будет однозначно полезным, хотя навыки обработки изображений и создания собственных рисунков простому пользователю ПК тоже не навредят. Оцифровка фотографий, ретушь старых снимков, создание открыток и коллажей — это только начало длинного списка полезных действий, которые позволяет совершать редактор, а цикл уроков поможет вам в нём освоиться.
Добавьте эту страницу в закладки, чтобы не терять оглавление и последовательно изучать статью за статьёй, постигая всё новые и новые приёмы работы в Photoshop.
Но что же вы узнаете в этих уроках?
Здесь вы познакомитесь с интерфейсом программы, узнаете, для чего предназначены основные элементы интерфейса, научитесь создавать документы и сохранять их, освоите выделение областей на холсте. Также из урока вы поймёте, как заливать области цветом, поймёте принципы работы с программой. После освоения информации вы научитесь выполнять простые действия и сможете самостоятельно изучать другие инструменты редактора.
Все изображения Photoshop строятся на слоях. Именно поэтому редактировать в программе так удобно. Урок расскажет, что такое слои, зачем они нужны и как с ними работать. Кроме того, здесь описаны приёмы создания и обработки надписей, а также перемещения расположенных на холсте объектов. После прохождения урока обработка многослойных документов не будет для вас проблемой.
Вы познакомитесь с огромной библиотекой изменяющих картинку скриптов. Фильтры редактора могут не только придавать готовому изображению тот или иной эффект, но даже создавать новые объекты и обрамлять фото.
В статье даются основы обработки уже существующих графических файлов. Редактирование сразу нескольких изображений, перемещение объектов из одного рисунка в другой, изменение размеров и удаление ненужных частей — вот лишь неполный список тем урока.
Урок научит масштабировать элементы изображения, изменять пропорции, наклонять, искажать и деформировать их
Первая в череде рассказывающих об инструментах создания собственных шедевров статья. Уже давно компьютерные технологии развились до того, что позволяют имитировать рисование на бумаге. Вы научитесь творить с помощью виртуальных карандаша и кисти — эскизы и картины акварелью теперь можно легко рисовать и распространять на электронных носителях, делая неограниченное число копий и не переживая за сохранность труда.
Создание объектов «от руки» — одно, а точность и скорость иногда бывают превыше всего. Урок рассказывает об инструментах, с помощью которых буквально в несколько щелчков можно создавать идеально ровные геометрические фигуры заданных размеров. От простого квадрата до эллипса, звезды и даже музыкальной ноты — в статье рассматривается всё.
Вы раз и навсегда запомните, чем отличается вектор от растра, какие плюсы и минусы есть у обоих подходов, а также узнаете, зачем в Photoshop нужны контуры фигур и что делает пиксельный режим.
В продолжение работы с контурами изучаем инструменты группы Перо. Назначение, способ применения, описание параметров, а в результате вы научитесь рисовать нетипичные контуры и создавать сложнейшие геометрические объекты.
Магнитный режим инструмента Свободное перо стал настолько популярным, что его называют «Магнитным пером», хотя такого отдельного инструмента в Photoshop нет. Что же такого позволяет делать функция, за что её так сильно любят пользователи и чем она поможет лично вам — читайте в статье.
Чтобы применять для интернета эти функции редактора, не нужно быть ни верстальщиком, ни дизайнером, ни веб-мастером — вообще никем. Достаточно быть активным пользователем социальных сетей. Как сделать лицо красивей, убрать родинки и веснушки? Как обработать старое отсканированное фото, чтобы цвета стали ярче, а царапины, пятна и пылинки — не так заметны? Чем аккуратно вырезать объект, переместить его или клонировать? Где находится инструмент, который буквально за пару минут поможет избавить фотоснимок от эффекта «красных глаз»? Ответы на эти и другие вопросы ищите в статье.
Вы уже так много знаете, что освоение новых инструментов не является проблемой. Мне оставалось только сделать обзор с описанием возможностей, позволяющих улучшать качество картинок — осветлять там, где слишком темно, затемнять там, где засвечено, размывать и добавлять резкость, смешивать и размазывать цвета. В общем, дополнительная информация о том, как ещё сделать изображение лучше, ждёт вас в уроке.
Ещё раз поговорим о текстовых элементах. Как совместить надпись с геометрической фигурой, чтобы она шла по сложному контуру? Как отразить и переместить неудачно расположенный текст? Какими ещё эффектами можно украсить надпись? Также вы узнаете о том, что такое, зачем нужен и как использовать текст-маску.
С таким багажом знаний, какой накопился у вас за время прохождения предыдущих уроков, вы и сами в состоянии придумать коллаж любой сложности. Тем не менее общий порядок действий может пригодиться. Он, а также пример простейшего фотоколлажа, ждут вас в статье.
Вершина творчества для веб — отрисовка шаблонов сайта. Когда освоено большинство инструментов, а навыков достаточно, чтобы рисовать и разделители с фигурами, и кнопки для меню, и логотипы, и красивые надписи, ничто не мешает создать хороший, сложный макет. Статья рассказывает, из чего состоит стандартный шаблон, описывает принцип создания, а также учит разрезать макет, используя ранее незнакомые вам инструменты.
Уделив внимание каждому из уроков, разобрав практические примеры и поэкспериментировав самостоятельно, по мере освоения курса вы пройдёте путь от начинающего до продвинутого пользователя программы Photoshop и сможете самостоятельно углубиться в неё, переходя на новый уровень освоения, а поможет вам в этом крепкий и надёжный фундамент, заложенный циклом наших статей.
Прежде всего, вам необходимо установить программу Adobe Photoshop на свой компьютер. Программа платная и купить ее вы можете на сайте производителя Adobe, либо попробуйте поискать и скачать ее бесплатно на просторах интернета.
Итак, вы установили и запустили программу Adobe Photoshop.
Это главное окно программы. Не пугайтесь обилию элементов интерфейса и всевозможных инструментов, всего за несколько дней вы вполне освоитесь в этой среде. Рассматривать из чего состоит это окно, мы сейчас не будем, на практике это будет проще и понятнее.
Создание нового файла
Палитра инструментов
Чаще всего вам придется работать с палитрой инструментов.
Сегодня мы рассмотрим лишь некоторые из этих инструментов:
— выделение. Щелкните по этому инструменту и удерживайте левую клавишу мыши, раскроется меню выбора: прямоугольное выделение, эллиптическое выделение, одиночный столбец, одиночная строка. 
Здесь можно выбрать необходимое.
У каждого инструмента есть панель параметров, она находится под строкой меню и меняется в зависимости от выбранного инструмента:
Итак, для прямоугольного выделения имеем следующие параметры:
— новое выделение. Создается новое выделение, при этом имеющиеся выделенные области (если они есть) исчезают.
— добавить к выделению. Обозначенная область добавится к уже существующему выделению.
— удалить из выделения. Исключает выделенную область из выделения.
— выделить пересечение. Из двух выделений (старого и нового) выделит область пересечения.
Для всех инструментов выделения параметры аналогичны.
Возьмите инструмент прямоугольное выделение (щелкните по нему), подведите курсор мыши в левый верхний край белого полотна созданного в начале урока файла, нажмите левую клавишу мыши и, не отпуская, растягивайте квадратик (рис.1).
Теперь на панели параметров щелкните по иконке «добавить к выделению», подведите курсор мыши к центру нашего квадратика, нажмите левую клавишу мыши и, не отпуская, растяните еще один квадратик (рис.2).
Теперь на панели параметров щелкните по иконке «удалить из выделения», подведите курсор мыши к центру нашего второго квадратика, нажмите левую клавишу мыши и, не отпуская, растяните квадратик (рис.3).
Должно получиться, как на рис.4. 
Оставим пока так и посмотрим, как выбирать и задавать цвета.
Основные цвета изображения задаются с помощью двух квадратиков внизу палитры инструментов. 
Щелкните по квадратику, и откроется окно сборщика цветов. Щелкните по понравившемуся цвету, а затем ОК. Цвет, который вы выбрали станет цветом переднего плана. Теперь щелкните по «поменять местами цвета переднего плана и фона» и проделайте тоже самое со вторым квадратиком. Подробнее о цвет читайте в статье цвета для web.
Теперь рассмотрим следующую группу инструментов.
— заливка. Щелкните по этому инструменту и удерживайте левую клавишу мыши, раскроется меню выбора: градиент и заливка.
Здесь можно выбрать необходимое.
Рассмотрим панель параметров:
Итак, для заливки имеем следующие параметры:
Галочка сглаживание означает смягчить края перехода.
Снова подведите наше ведро вовнутрь выделения и щелкните. Теперь оно залито шаблоном и выглядит так:
Обратите внимание, в открывающемся окне шаблонов, представлена лишь небольшая их часть. Если щелкнуть по стрелочке справа, то откроется меню, внизу которого указаны другие коллекции шаблонов. Их можно добавить к имеющимся.
— градиент. Создает заливку с плавным переходом между двумя или несколькими цветами.
Рассмотрим панель параметров:
— если щелкнуть по срелочке справа, то откроется палитра с вариантами градиента, при двойном щелчке перед стрелкой откроется окно редактирования градиента (здесь можно настроить свои варианты градиента).
Инверсия (reverse)- галочка указывает геометрически перевернуть градиент.
Создайте новый файл, возьмите инструмент прямоугольное выделение и растяните его в виде прямоугольника, затем на панели инструментов щелкните по иконке градиента, на панели параметров щелкните по стрелочке и выберите понравившийся градиент, правее выберите вид градиента (любой).
Теперь подведите курсор мыши к середине левой стороны нашего выделения, нажмите левую клавишу мыши и, не отпуская, протяните линию до середины правой стороны(рис.1)
Теперь протяните линию градиента по диагонали (рис.2)
А теперь сверху вниз (рис.3)
Посмотрите на разницу и поэкспериментируйте с различными градиентами и их видами.
Сохранение изображения
Наш урок подходит к концу, осталось только научиться сохранять наши шедевры.
Четыре вкладки наверху предлагают посмотреть варианты изображения:
В правом верхнем углу этого окна задаются дополнительные настройки:
Если вы используете вкладки, рассмотренные выше, то настраивать эту часть окна необязательно, по крайней мере, на этом этапе.
Итак, выбирайте самое оптимальное изображение на ваш взгляд и щелкайте по кнопке Сохранить (Save). Откроется уже привычное окно сохранения, где следует указать Папку (куда сохранить) и Имя файла, остальное будет уже указано, снова щелкаем по Сохранить (Save). Изображение для web готово.
На этом первый урок закончен. Вы научились создавать новый файл, выделять области и заливать их различными способами (цветом, шаблоном и градиентом), а также сохранять изображения в нужном формате.
Чтобы закрепить эти навыки, поэкспериментируйте (создавайте разные по форме области и заливайте их различными способами).
Если этот сайт оказался вам полезен, пожалуйста, посмотрите другие наши статьи и разделы.
Как научиться работать в Фотошопе
Первая версия программы, покорившей весь мир, была выпущена в черно-белом варианте в 1987 г. как дополнение к сканеру. Студент Мичиганского университета не знал, что в скором времени вопрос о том, как пользоваться фотошопом (Photoshop), станет одним из самых часто вбиваемых в поисковиках.
Описание Adobe Photoshop
Adobe Photoshop – это программное обеспечение для обработки фотографий и графических изображений. Его используют как профессиональные иллюстраторы, фотографы, так и домашние практики на ПК (персональных компьютерах).
Возможности графического редактора
Графический редактор подходит для:
Он не подойдет для:
Различие версий
Функции, необходимые для работы, переходят практически в изначальном виде из версии в версию. Поэтому необязательно гнаться за последним обновлением Adobe Photoshop CC. Начать освоение интерфейса советуют с Adobe Photoshop CS6 или Adobe Photoshop CS3. Эти программы отлично решают все проблемы, возникающие во время ретуши фотоснимков.
На каких устройствах используется
Для установки Photoshop необходим ноутбук или компьютер с мощным процессором и видеокартой. Программа спокойно скачивается на macOS и Windows. Существуют также специальные облегченные приложения от Adobe, которые можно скачать на телефон (Photoshop Lightroom, Photoshop Mix, Photoshop Sketch, Photoshop Express).
Установка Photoshop
На ПК ставят как оригинальную версию, так и пиратские аналоги. Но при работе со вторыми нужно помнить об опасности заражения устройства вирусами или возможными системными “глюками”. Поэтому официальные редакторы семейства Adobe нужно загружать только с оригинального одноименного ресурса.
Инструкция, как скачать Photoshop, следующая:
Вход в учетную запись
Войти в учетную запись Adobe ID можно по электронной почте или через аккаунты Google, Facebook, Apple ID. В профиле будут находиться все возможные подписки, оплаченные приложения и скидочные предложения на другие программы.
Можно ли использовать на другом компьютере
Программой нельзя пользоваться одновременно на нескольких компьютерах. Но с 1 лицензии Creative Cloud возможна установка нескольких софтов на разные ПК. Вход в профиль доступен с 2 устройств.
Быстрые клавиши
Горячие комбинации клавиш (виды взаимодействия с вычислительной системой) позволяют ускорить процесс вызова инструментов или выполнения операций.
Начальные настройки
К начальным настройкам относят обустройство рабочей среды. Программа позволяет выбрать и вынести на главную панель любые инструменты и функции (через кнопку вызова меню “Окно”).
Удобное расположение иконок (графических интерфейсов) ускорит процесс обучения тех, кто начинает с нуля и не владеет горячими клавишами.
Подстроение интерфейса
Есть 4 варианта цвета интерфейса (рабочего фона программы). Изначально стоит темно-серый вариант. Для большей цветовой точности поставьте светло-серый через окно “Редактирование”. Белый и черный будут нарушать естественную гармонию исходника. Заливку вокруг картинки также можно сделать “Средним серым”.
Производительность программы
В меню “Производительность” устанавливается количество свободного места, которое займет Photoshop. 8 Гб считается оптимальным значением для полноценного функционирования софта. Нет необходимости отдавать редактору весь компьютер.
При возникновении потребности в свободном диске программа отправляет часть данных на резервный диск. Установите “Временный диск” (не ставьте системный “С” диск, т.к. это замедлит работу вашего устройства).
Для увеличения скорости подключается SSD (твердотельный накопитель).
Регулировка кисти
В отдельную группу инструментов выделяют кисти для рисования. Для настройки их внешнего вида нужно зайти во вкладку “Курсоры”. Основным вариантом выберите “Нормальный кончик кисти” (это будет просто кружок, который обозначает границы мазка), а в качестве дополнительного – “Точный” (похож на прицел, позволит точно выбрать нужное место).
Отображение панелей
Выключение ненужных окон:
Выбор единиц измерения
Чтобы изменить дюймы на миллиметры, зайдите в “Единицы измерения и линейки”. Эта манипуляция облегчит дальнейшее ориентирование на листе.
Основное меню программы
Основное меню состоит из 11 групп команд, элементы которых объединены по принципу схожести функций:
Окна и сохранение положения
В случае если вы открываете софт впервые, оставьте базовый набор инструментов. Во время работы станет понятно, что стоит оставить, а что убрать (через раздел “Окно”).
Панели с функциями находятся в правой части экрана. Их можно перемещать, увеличивать, уменьшать, группировать, расставлять в нужном порядке. Для “склеивания” окон нужно притянуть одно к другому (появится синяя полоска, а прямоугольник с названием потускнеет), после этого они примагнитятся и будут работать в связке.
Панель для инструментов находится в правом крае (вертикальная полоса).
К ней можно прикрепить все нужные элементы.
Сохранение получившейся компоновки выполняется так:
Главные функции
Главные функции отвечают за навигацию в PS (Photoshop) и первичную работу с документом. Их освоение поможет ускорить процесс и добавить уверенности новому пользователю.
Открытие фото
Есть горячие клавиши, вызывающие окно с папками (Ctrl + O). Эту операцию можно провести через “Файл”, потом “Открыть”.
Масштабирование и размер
4 способа выполнить масштабирование:
Инструмент “Увеличительное стекло” (расположен в правой стороне рабочей области) решает те же проблемы.
После создания листа его параметры меняются через “Размер изображения”. В появившейся таблице задайте нужные коррективы.
Изменение разрешения
Разрешение меняется в том же окне, что и размер. Этот параметр важно проверять перед началом работы, чтобы при печати картинка не выходила в плохом качестве (для полиграфии нужно 300 пикселей/дюйм).
Слои: разновидности и работа с ними
Виртуальные слои позволяют накладывать одно изображение на другое, делать трафареты, корректировать отдельные элементы, не затрагивая основной картинки.
Остальные действия выполняются через вызов списка (“Объединить”, “Создать отбавочную маску”, “Растрировать” и т.д.) или на панелях, находящихся в верхней части окна (“Эффект наложения”, “Заливка” и т.д.).
Сохранение изображения
Закрепить внесенные изменения позволит комбинация “Ctrl + A”. Задать документу формат (JPEG, TIFF, PSD, PDF) и разместить его в нужную папку можно через “Сохранить как” в группе “Файл”.
Перемещение
Для перемещения по изображению зажмите пробел. Курсор станет инструментом “Рука”. С его помощью можно передвигаться по всему рабочему листу, не сдвигая при этом деталей.
Отмена действий
Вернуться на шаг назад поможет комбинация “Ctrl + Z”. В разделе “История” доступна отмена любого действия с сохранением других (например, которые были сделаны после, но не нуждаются в корректировке). Сочетание “Alt + Ctrl + Z” сделает отмену нескольких этапов, а “Shift + Ctrl + Z” восстановит их.
Текст и шрифты
Для верстки печатной продукции растровый редактор не подойдет, но создание листовок, визиток, рекламных баннеров, плакатов входит в сферу его основных задач.
Разработка макетов с фирменным стилем или айдентикой (корпоративной идентичностью) легко осуществляется в PS.
Настройка и написание
Инструментом “Текст” кликните по рабочему полю, после чего начните печатать. Регулировать шрифт, размер букв можно в возникающей при работе строке сверху. Для детальных исправлений вызовите окно “Абзац” – “Символ” – “Глифы” (элементы письма).
Где брать шрифты
Недостающие шрифты скачиваются со сторонних ресурсов. Загрузив и распаковав архив с необходимым очертанием, вы автоматически установите его во все программы компьютера (не нужно отдельно подгружать его к PS).
Инструменты выделения
Photoshop имеет много разных инструментов, с помощью которых можно выделить любой объект. Эта особенность обусловлена потребностью максимально сократить то время, которое пользователь может потратить на монотонный процесс обводки.
Лассо (произвольное)
Лассо используется для “обрисовки” деталей, т.к. оно работает по типу карандаша.
Инструмент перо
Перо позволяет не только обвести предмет, но и создать полноценную новую фигуру (может использоваться для рисования векторной графики). Опорные точки, которые ставятся на контуре, можно редактировать после завершения рисунка.
Быстрое выделение
Размер курсора при работе с “Быстрым выделением” влияет на объем пикселей, которые будут захватываться выделением. Горячая клавиша для вызова инструмента – W.
Выделение по цвету
В группе “Выделение” есть режим “Цветовой диапазон”. Он отображает все элементы фотографии 1 оттенка.
Инструмент волшебная палочка
Волшебную палочку используют, когда нужно быстро отделить области, сходные по тональности. В графе “Допуск” выставляется процент точности обводки.
Работа с областями
Манипуляции, проводимые с областями:
Другие функции и инструменты
Остальные функции отвечают за точечную, деликатную проработку элементов фотоснимка. С их помощью осуществляется ретушь снимков для глянцевых журналов или соцсетей.
Цветокоррекция изображения
Инструменты, используемые для цветокоррекции, находятся в разделе “Изображения” – “Коррекция”. Чтобы разобраться в многочисленных тумблерах, схемах и графиках, нужно на тестовой картинке поставить максимальные значения и проследить за изменениями.
Во время работы вам не придется пользоваться всеми возможными опциями сразу. Выберите понятные и эффективные режимы, которые сможете изучить полностью.
Цветовая палитра
Для вызова окна “Палитры” необходимо дважды кликнуть по квадрату основного цвета (он находится в левой стороне рабочего поля снизу). Цвет можно выбрать как с использованием шкалы (справа), так и перемещением курсора по основному полю.
Градиент и наложение на фото
Градиент, или плавный переход от одного оттенка к другому, можно создать с использованием одноименного инструмента. Это действие также доступно в панели “Параметры наложения”. Таким образом, его можно настроить как эффект слоя, сделать прозрачным и т.д.
Кисти: как настроить
Форму, размер, уровень нажима, вид мазка можно выбрать в разделе “Настройки кисти”. Там же находится список возможных изменений и модификаций (угол наклона, текстуры, шум и т.д.).
Фигуры и линии
Фигуры и линии находятся слева на панели инструментов. Чтобы выбрать “Эллипс”, необходимо зажать иконку “Прямоугольник” (там будет стоять форма, использованная последней). После появится список доступных начертаний (линия будет в их числе).
Удаление и перемещение элементов
Для перемещения элемента нужно зайти на его слой и нажать горячее сочетание “Ctrl + T”. Если требуется передвинуть 1 деталь, перед этим необходимо выделить ее одним из вышеописанных способов, а потом использовать комбинацию клавиш.
Как начать работу в программе
Перед тем как научиться обработке изображений, следует выполнить несколько шагов:
Что попробовать самому
В первую очередь нужно попробовать выставить базовые настройки и изучить основные инструменты. Но помните, что даже профессионалы не знают всех опций PS.
Пробы и ошибки
Главной ошибкой может стать желание выучить все и сразу. Открывайте для себя софт постепенно.
Видеоуроки по фотошопу
Бесплатно в сети размещено большое количество видео – уроков о том, как работать в фотошопе (Photoshop), и руководств для начинающих. Их можно найти в личных блогах специалистов или же на таких площадках, как Instagram, Youtube.
Сложный ли в освоении фотошоп
На первых порах PS может показаться сложным. Но для правильного изучения любой программы необходима постоянная практика. Выделите несколько часов в неделю, чтобы разобраться, как работать в фотошопе (Photoshop). Чем чаще вы будете использовать горячие клавиши, инструменты, режимы, тем быстрее выработается мышечная память. Руки начнут самостоятельно находить нужные сочетания.