Рейтинг@Mail.ru

Найти в Google:

Пользовательского поиска

Редактируем картинки для Фотошопа

марта 20, 2012

Итак, снова и не последний раз, мы касаемся такой темы, как картинки для Фотошопа и такой темы, как редактирование картинок в этой программе.

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

Будем считать, что уроки выделения картинки для Фотошопа и ее части,  Вы освоили. Конечно, вы наверное и сами это поняли, с помощью инструментов точно выделить часть картинки очень тяжело. В таких случаях приходится работать с инструментами Кисть и Ластик, тщательно, по пикселам, убирать лишние детали картинки или дорисовывать нужные.

Теперь внимание. Это, наверное, самая сложная часть того, как редактировать картинки для Фотошопа:

Конкретно на примере. Допустим, у нас есть такая картинка:

Редактируем картинки для Фотошопа

Нам нужно, с помощью Фотошопа, ее выделить, скопировать и вставить в новый файл. Откроем Фотошоп. Создадим новый файл, размеры – любые, естественно не меньше вставляемого изображения, сделаем заливку – любым цветом, например синеньким. Откроем файл с картинкой (бабочкой) не закрывая вновь созданного.

Есть два варианта, как можно редактировать картинки для Фотошопа:

  • Первый – скопировать и вставить картинку целиком, как есть
  • Второй – выделить и скопировать только бабочку, без фона

Итак, первый вариант, который нам дает возможность использовать эта программа, если мы редактируем картинки для Фотошопа — вставлять картинку целиком.

В главном меню щелкаем на Выделение (Select) и выбираем Все (Аll). Вокруг картинки появилась бегущая штриховая линия. Снова в главном меню щелкаем на Редактирование (Edit) и выбираем Скопировать (Сору). Щелкнем левой клавишей мышки на новом файле, активируя его. Снова щелкаем Редактирование (Edit) и выбираем Вклеить (Paste). На панели инструментов выбираем инструмент Перемещение (Move). Активируем его, щелкнув мышкой. Теперь, как и с текстом, наводим курсор на слой с картинкой, который, кстати, Фотошоп создал сам, нажимаем левую клавишу мышки и, не отпуская, перемещаем картинку в нужное место.

Программа, позволяет редактировать картинки для Фотошопа и по-другому. В главном меню щелкаем на Выделение (Select) и выбираем Все(Аll). На панели инструментов выбираем инструмент Перемещение (Move). Активируем его, щелкнув мышкой. Ставим курсор на картинку, нажимаем левую клавишу мышки, и не отпуская, перетаскиваем ее на наш файл. Вот так:

Редактируем картинки для Фотошопа

Как избавиться от белого фона? Есть варианты. Первый – активировать на панели инструментов Фотошопа инструмент Ластик (Eraser):

Редактируем картинки для Фотошопа

Щелкнуть правой клавишей мышки на поле файла и в появившемся окошке выставить диаметр и жесткость ластика. Увеличить изображение комбинацией клавиш Ctrl + , (уменьшить можно комбинацией клавиш Ctrl — ). Аккуратно вытереть белый фон:

Редактируем картинки для Фотошопа

Эта программа дает возможность редактировать картинки для Фотошопа еще одним способом. В панели инструментов выбираем инструмент Волшебная палочка (Magic Wand):

Редактируем картинки для Фотошопа

Активируем его. Для того, чтобы сделать все качественно, увеличим картинку комбинацией клавиш Ctrl +. Нажимаем клавишу Shift, не отпуская, наводим курсор на белый фон и выделяем его, щелкая левой клавишей. Конечно, сразу весь фон выделит нельзя, поэтому выделяем его по частям. Чем точнее будет выделен фон – тем лучше. Дальше заливаем выделение цветом фона. Помните, как делать заливку участка картинки для Фотошопа? Повторяем.

В главном меню выбираем Редактирование (Edit) Выполнить заливку (Fill). В меню Заливка (Fill) в окошке Использовать выбираем Цвет, наводим курсор на фон документа (он будет в виде пипетки), активируем его и жмем Да в меню Выбрать цвет и меню Заливка.

В главном меню выбираем Выделение (Select) Отменить выделение (Deselect). Остались не залитые места? Теперь работаем руками. На панели инструментов выбираем инструмент Ластик (Eraser). Активируем его и аккуратно вытираем остатки белого фона с картинки…

Редактируем картинки для Фотошопа

Ну вот, с редактированием картинки для Фотошопа, в виде бабочки, мы справились, вроде бы и неплохо. Но куда у бабочки пропали усы? А вот туда, вместе с белым фоном! Что делать? Как что? Нарисовать!

Увеличиваем картинку (Ctrl +) до тех пор, пока не станут видны отдельные пиксели. В панели инструментов выбираем инструмент Кисть (Brush), которой и будем рисовать. Щелкнем правой клавишей на картинке. Откроется меню настройки кистей. Выберем диаметр 1пиксель. Нажмем клавишу Alt, появиться курсор в виде пипетки, наведем курсор на какую-то часть картинки для Фотошопа, цвет которой, как вам кажется, подходит для усов бабочки, щелкнем левой клавишей. Цвет выбран. Теперь отпускаем клавишу, и, щелкая левой клавишей, попиксельно дорисовываем усы:

Редактируем картинки для Фотошопа

Процесс закончен. И все бы хорошо, но если вы захотите применить к бабочке какие-то эффекты слоя, например тень – то получится вот что:

Редактируем картинки для Фотошопа

Фон-то никуда не делся, он просто слился с фоном файла! Что делать в таком случае? Тереть ластиком!

Еще один вариант редактирования картинки для Фотошопа, который нам дает эта программа, даже проще заливки. Активируем инструмент Волшебная палочка (Magic Wand). Выделяем часть фона и щелкаем клавишей Delete удаляя его! Снова выделяем и снова удаляем! И уже самые мелкие детали удаляем ластиком. И никаких проблем со стилями слоя!

Программа, позволяет применить и такой вариант редактирования картинок для Фотошопа: выделить изображение бабочки на оригинальной картинке, скопировать его и вставить в нужный файл. И поможет нам в этом Волшебная палочка (Magic Wand) и пункт Инверсия (Inverse) меню Выделение (Select).

Активируем оригинальную картинку бабочки. Увеличиваем его. Активируем инструмент Волшебная палочка (Magic Wand) и с нажатой клавишей Shift выделяем аккуратно белый фон. Дальше в главном меню щелкаем на Выделение (Select) и выбираем пункт Инверсия (Inverse). Видите, теперь выделен не фон, а бабочка! Копируем ее и вставляем куда нам нужно. Дорисуем усы. Теперь, если применить какой-то эффект слоя для картинки, например Тиснение, получится вот что:

Редактируем картинки для Фотошопа

Вот такие варианты редактирования картинок для Фотошопа. Выбирайте, пробуйте, может, найдете еще лучше! Сложно редактировать картинки для Фотошопа? Если разобраться и сделать самостоятельно несколько вариантов файлов с картинками, то ничего сложного нет. В других редакторах не проще. А наш может не только это! С помощью Фотошопа можно изменить размер картинки, повернуть на любой угол, исказить по вашему желанию, наклонить и многое другое, что может пригодится, в создании страницы сайта.

Как это все делать — на странице  Как изменить картинку в Фотошопе


Кстати, тоже интересно:

Карта сайта