Уроки фотошопа, знакомство с программой

Привет друзья! Этим материалом мы начинаем цикл небольших статей «Уроки Фотошопа». Полагаю, что сегодня про фотошоп слышали все, а уж люди, связанные с вебстроением — подавно. Но как показала практика, многие, так и не подружились с этой замечательной и очень удобной программой. Photoshop позволяет просто творить чудеса. Но новичков, нередко, отпугивает сложный интерфейс программы. Я предлагаю не бросаться «во все тяжкие» и не заниматься доскональным изучением этого графического редактора. А освоить через мои уроки фотошопа простые способы применения этой популярной программы. Мы рассмотрим подготовку графики и изображений для веб сайтов, социальных сетей и сервисов. И обработку фотографий, монтаж, коррекцию изображений, ретушь и устранение недостатков исходных картинок. Говоря короче -скучно не будет.

уроки фотошопа знакомство с программой

Начало работы с Фотошопом, рабочая область и инструменты

Не будем вдаваться, какую версию программы Photoshop вы используете. Это может быть официальный последний релиз или старенькая сборка, установленная ещё с CD диска. Основные функции программы остались прежние. Хотя разработчики конечно дорабатывают и совершенствую фотошоп. И чем новее будет ваша версия программы, тем более широкий функционал появится в вашем распоряжении. Начинаем знакомство с программой фотошоп, устанавливаем её и запускаем.

рабочая область фотошоп
рабочее окно в фотошоп

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

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

горячие клавиши в фотошопе
горячие клавиши быстрого выбора инструмента

Важная информация! Фотошоп отличается от большинства более примитивных графических редакторов многими продвинутыми функциями. И одна из них — возможность работать со слоями. Что такое слои в Photoshop? Представьте, что вы используете прозрачные пластинки с различными изображениями на них. Вы можете совмещать накладывать и сдвигать картинки и при этом видеть изображения на верхней пластинке и на всех нижних. Вот так же и в слоях фотошопа. Вы сможете задавать прозрачность, изменять изображения каждого отдельного слоя и передвигать любой слой, по своему усмотрению. Занимаясь серьёзной обработкой изображения, без использования слоёв не обойтись. Поэтому мы не раз рассмотрим такой важный аспект, как работу со слоями в фотошоп.

Небольшая настройка Photoshop

Теперь, когда вы немного освоились, изучая уроки фотошопа, давайте настроим рабочие панели. Для удобства работы в программе нам нужно, чтобы с правой стороны отображались определённые панели. Вызвать их можно нажав кнопку «Окно» в верхней строке меню. В выпадающем списке нажимаете левой кнопкой мыши на нужное окно и оно появляется с правой стороны экрана. Чтобы сэкономить место, если окна встают одно под другим, их можно сгруппировать. Для этого щелкаем левой кнопкой по названию окна и, удерживая нажатой кнопку, перетаскиваем одно окно в раздел другого. Таким образом, мы сможем разместить несколько самых необходимых окошек в 2-3 разделах. Поэкспериментируйте с окнами и отобразите на панели окна, которые стоят у меня в программе — «Цвет», «Образцы», «Навигатор», «Слои», «Каналы», «История».

рабочие панели
рабочие панели

Создаём фотомонтаж, овца с трубкой

После первого знакомства с программой, предлагаю перейти к практике и немного «развлечься». Создаём фотомонтаж — давайте возьмём фотографию овцы и заставим её курить трубку. Открываем фото нашей модели в фотошоп.

фотка овечки
фотография овечки

Теперь ищем изображение трубки, в формате .png в яндексе. Если кто не в курсе .png — это формат изображения с прозрачным фоном. Выбираем подходящее изображение и скачиваем к себе на компьютер.

поиск трубки для курения
ищем картинку трубки в яндексе

Открываем его в фотошоп и примеряем «на глазок» соотношение физического размера изображения трубки к изображению с овечкой.

Чтобы узнать размер изображения в Photoshop нужно в строке меню нажать «Изображение» — «Размер изображения». После этого на экране появится таблица, в которой указан размер картинки и её разрешение. Разрешение может быть в процентах, сантиметрах и т.д. Но стандартом для большинства дизайнеров является разрешение в пикселях — точках на дюйм. Разрешение для интернета 72 пикселя на дюйм, вполне достаточное. Для печати, стандартным считается разрешение в 300 пикселей.

размер изображения в фотошопе
окно размер изображения в фотошопе

По очереди выделяем картинки с трубкой и с овечкой и просматриваем размеры того и другого изображения. Трубка по ширине 900 пикселей, а овечка 1600, а разрешение одинаковое. Если оно было бы разным, можно прямо в окошке размера изображения ввести одинаковое разрешение и нажать кнопку «Ок». Мы убедились, что трубка, которую будем вставлять, меньше основного изображения. Если же у вас, картинка с трубкой наоборот больше — уменьшите её размер до нужного, в окне «Размер изображения». Хотя корректировку размеров можно сделать и после инсталляции. Приступаем к перетаскиванию. С левой стороны, в панели инструментов выделяем инструмент перемещение (горячая клавиша v). Теперь наведите левую кнопку мыши на название изображение с трубкой в рабочей области фотошоп, и потяните в сторону, чтобы картинка с трубкой была открыта в отдельном окошке. Теперь выделяем с правой стороны рабочую панель «Слои». Здесь мы видим одну трубку на прозрачном фоне. Нажимаем левой кнопкой мыши на слой с трубкой и перетаскиваем на картинку с овечкой. (То же самое можно сделать и нажав alt и щёлкнув по изображению с трубкой, также перетащить её на основную картинку.)

перетаскиваем трубку
перетаскиваем трубку на основную картинку

Обратите внимание, с правой стороны в рабочей панели «Слои» над слоем с изображением овечки появился слой с трубкой. Поздравляю, вы не только изучаете уроки фотошопа, но уже начали работать со слоями! Трубку мы перенесли, но она всё равно немного великовата для нашей овечки. Чтобы её уменьшить, в строке меню выбираем команду «Редактирование» — «Трансформирование» — «Масштабирование». И взяв мышкой за один из углов выделенного контура трубки — задаём ей нужный размер. После задания новых размеров в появившемся диалоговом окне жмём «Применить».

масштабирование трубки
меняем размер изображения трубки

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

параметры ластика
параметры инструмента ластик

И стираем ненужную часть трубки.

стираем ластиком в photoshop
стираем ластиком лишнюю часть

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

коллаж в фотошопе
результат — овца курит трубку

Сохраняем изображение в Фотошоп

Пожалуй, для первого урока достаточно. Знакомство с программой фотошоп у нас состоялось. Осталось только сохранить результаты нашей работы. В Photoshop можно сохранять изображения в большинстве современных форматов. Если вы хотите продолжить работу со слоями и дополнить фотомонтаж с овечкой, нужно сохранять фотографию в формате .psd. На выходе вы получите файл большого объёма, зато в вашем распоряжении будет оригинал, со всеми слоями. А в случае, когда вам нужна картинка оптимального качества и небольшого веса, сохранять её лучше в популярном формате .jpeg или .jpg. Слои в джпег не сохраняются. Для сохранения изображения в фотошоп, в строке меню нажимаем «Файл» — «Сохранить как» и в появившемся диалоговом окне выбираем папку для сохранения, формат и, при желании, изменяем название файла. Далее жмём «Сохранить».

сохраняем результат работы
сохраняем изображение в Photoshop

Готово, наша овца с трубкой теперь хранится в отдельном файле. И мы всегда сможем показать её друзьям или выставить в интернет.

Внимание! В результате проведения урока, ни одна овца не пострадала! Данный материал не пропагандирует курение и другие вредные привычки.

Сегодня мы познакомились с замечательной, и я бы даже сказал уникальной программой — Adobe Photoshop. Изучили рабочее пространство и провели, даже не самую легкую обработку фотографии — сделали фотомонтаж. Хочу обратить ваше внимание, что функционал программы просто огромен. Одну и ту же операцию в фотошоп можно выполнить двумя-тремя, а иногда и большим количеством способов. Но я буду рассказывать про то, как поступаю сам, варианты постараюсь пропускать, чтобы не раздувать материал до немыслимых размеров. Надеюсь, мои уроки фотошопа будут вам полезными и помогут справиться с задачами по обработке фотографий и картинок. Жду ваших вопросов и пожеланий, на какую тему по работе с программой вы хотели бы прочитать материал.

Добавить комментарий

Закрыть меню