Основы Adobe Photoshop: Простое выделение, инверсия. Как легко сделать инверсию в фотошопе и в каких случаях она применяется? Photoshop инвертировать выделение

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

Как инвертировать выделение в "Фотошопе"

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

Чтобы это сделать, необходимо пройти несколько простых этапов:

С помощью любого инструмента нужно выделить простой объект, который смежен с более сложным предметом. Если пользователь решил произвести выделение при помощи инструмента "Перо", то нужно созданный контур образовать в выделенную область.
Далее нужно зайти в раздел "Выделение" в верхней части, в шапке программы. Найти и выбрать пункт "Инверсия". Можем пронаблюдать за тем, как выделение одного объекта переносится на другое.
В зависимости от того, чего желает пользователь, можно удалять, копировать, перемещать и производить другие действия над новой выделенной областью.

Использование сочетаний клавиш

Для удобства применения некоторых функций разработчики добавили настройки горячих клавиш. В конкретном случае следует не заходить через раздел "Выделение", попутно выбирая пункт "Инверсия", а просто применить горячие клавиши. Инвертировать выделение в "Фотошопе" можно с помощью сочетания клавиш Ctrl + I. Выделение обратится на другую часть изображения, после этого можно продолжить редактирование уже с новым выделенным объектом.

На прошлом уроке мы рассмотрели .

На этом уроке мы познакомимся с опциями инструмента ВЫДЕЛЕНИЕ в Photoshop .

Инструмент ВЫДЕЛЕНИЕ включает в себя инструмент прямоугольная область, овальная область, область (горизонтальная строка) и область (вертикальная строка) .

Отменить выделение, инверсия выделенной области в Photoshop

При активном выделении нашего объекта нужно щелкнуть по нему правой кнопкой мыши — откроется диалоговое окно с набором команд.

Первая команда — ОТМЕНИТЬ ВЫДЕЛЕНИЕ или же комбинация клавиш Ctrl+D . При нажатии данной команды, выделение нашего объекта исчезнет.

ИНВЕРСИЯ ВЫДЕЛЕННОЙ ОБЛАСТИ . Если мы выберем данную команду, то выделение сконцентрируется на фоне.
Так же для этого есть комбинация клавиш Shift+Ctrl+I .
Повторное нажатие отменяет команду ИНВЕРСИЯ ВЫДЕЛЕННОЙ ОБЛАСТИ .

Сохранить выделенную область, загрузить выделенную область, образовать рабочий контур в Photoshop

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

Когда нам снова понадобится наше сохраненное выделение (выделение собаки) мы переходим в меню ВЫДЕЛЕНИЕ и выбираем ЗАГРУЗИТЬ ВЫДЕЛЕННУЮ ОБЛАСТЬ . В открывшемся диалоговом окне мы выбираем канал (имя нашей выделенной области, данное при сохранении), таким образом восстанавливая выделение .

Или же заходим в меню ОКНО и выбираем палитру КАНАЛЫ .

Посмотрим на палитру КАНАЛЫ . Что мы видим? Наше выделение сохранено в виде маски.
Зажимаем Ctrl и щелкаем по иконке, как показано на рисунке ниже.

Затем переходим на палитру СЛОИ в Photoshop и продолжаем работать с нашим выделенным изображением.

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

Следующая команда, которую мы с вами рассмотрим — это команда ОБРАЗОВАТЬ РАБОЧИЙ КОНТУР , нажав на которую у нас выскакивает диалоговое окно с настройкой допуска :

Про КОНТУР я расскажу подробнее в следующей статье, посвященной Photoshop .

Скопировать на новый слой, вырезать на новый слой, создание нового слоя в Photoshop

СКОПИРОВАТЬ НА НОВЫЙ СЛОЙ в Photoshop , т.е. наша выделенная область скопируется на другой, нужный нам, слой . Так же эту команду можно вызвать сочетанием клавиш Ctrl+J .

Команда ВЫРЕЗАТЬ НА НОВЫЙ СЛОЙ в Photoshop аналогична команде СКОПИРОВАТЬ НА НОВЫЙ СЛОЙ .

НОВЫЙ СЛОЙ — это создать новый слой.
Что такое слои в Photoshop можно почитать в статье:

Свободное трансформирование и трансформирование только выделенной области в Photoshop

СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ в Photoshop . Что же это такое?

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

Если мы подведем мышку к нашему трансформируемому объекту в Photoshop , то курсор будет принимать вид различных стрелочек, что позволит нам растянуть, съузить, перевернуть и т.д. наш объект.

Если нам не понравилось как мы трансформировали объект, то нажимаем на соответствующую кнопку в настройках СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ :

Если же нам нравится как мы сделали, то соглашаемся с тем, чтобы наш объект трансформировался:

Следующая команда ТРАНСФОРМИРОВАТЬ ВЫДЕЛЕННУЮ ОБЛАСТЬ . В этом случае трансформируется в Photoshop именно выделенная область, всё изображение не захватывается.

Выполнить заливку и обводку выделенной области в Photoshop

Команда ВЫПОЛНИТЬ ЗАЛИВКУ в Photoshop . Выбрав эту команду у нас откроется диалоговое окно, где нам предложат выбрать цвет заливки, режимы и непрозрачность .

Например, я выберу желтый цвет заливки выделенной области и укажу непрозрачность 20% . Вот что у меня получится:

Следующая команда — ВЫПОЛНИТЬ ОБВОДКУ выделенной области в Photoshop , при выборе которой у нас откроется диалоговое окно следующего содержания:

Хорошего всем субботнего денечка, мои дорогие приятели, читатели и товарищи. Вспомнилось мне тут, в то время, когда я лишь изучал фотошоп, то первое время ковырялся в том месте самостоятельно. И наткнулся я на инструмент «Чудесная палочка», благодаря которому возможно было сильно выделять объекты.

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

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

Что такое инверсия по сути? Это изменение какого-либо свойства в совсем противоположную сторону. к примеру, в случае если мы сделаем инверсию цветов на фотографии, то возьмём негатив. А вдруг мы выделим объект и инвертируем выделение, то выделено будет всё, не считая объекта. Сущность ясна?

Не смотря на то, что давайте лучше разглядим на живом примере, как сделать инверсию в фотошопе…

Инверсия цвета

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

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

Тут никаких премудростей нет. Вам всего лишь нужно будет выбрать в верхнем меню пункт «Изображение» - «Коррекция» - «Инверсия». Или вы надавить комбинацию клавиш Ctrl+I.

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

Наблюдаем, во что превратилась отечественная фотка. Клёво, да? Белый фон стал тёмным, а сам отечественный колючий приятель стал негативным (ну в смысле не злым, а…ну вы осознали).

Как инвертировать выделение?

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

Давайте выберем какой-нибудь изображение и выделим его, к примеру посредством режима стремительной маски. Выберите данный режим, после этого кисть, по окончании чего начинайте закрашивать отечественного ежика.
Так, сейчас давайте уберем маску. Что мы тут видим? А видим мы то, что выделился не еж, а фон около него, и в случае если мы постараемся переместить колючую животинку куда-нибудь, то выйдет у нас ай-ай-ай как плохо. На нас ругнутся, что мы не то пробуем перетащить, поскольку выделилась область, а не объект. Вот эту область лишь и возможно будет двигать.
А сейчас то нам и необходимо инвертировать выделение, дабы перекинуть его не на область около животного, а на самого ежа. Сделать это легко. В меню необходимо выбрать «Выделение» - «Инверсия», или же надавить комбинацию клавиш SHIFT+CTRL+I.
Опа. Сейчас что мы видим? То, что пунктир поменялся и сейчас он бегает около ёжика. Ну а дальше мы уже можем забрать инструмент «Перемещение» и двигать данный объект как желаем. Задача выполнена.

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

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

POST SCRIPTUM

Дорогие приятели. У меня для вас маленькое объявление. Я пологаю, что вы не забывайте как я говорил о том, как я планирую пойти на тренинг по социальным проектам от Дмитрия Сидаша и Александра Борисова?

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

В случае если на данный момент Мастер контентных проектов стоит 16990 рублей до результата, то послезавтра цена поднимается до 33980 рублей! Мастер социальных проектов кроме этого поднимается с 12990 рублей до 25980 рублей. Так что думаем. Помимо этого, если вы решитесь, то у меня для вас имеется маленькие бонусы, среди них и скидка на обучение.

Ну а я с вами на сегодня прощаюсь. Помните подписываться на обновления моего блога и делиться с приятелями статьей в соцсетях. Удачи вам, увидимся в других статьях.

Пока-пока.

С уважением, Дмитрий Костин.

Как поменять цвет объекта на белый либо тёмный в Фотошопе

Самые интересный результаты подобранные по Вашим интересам:

Хорошего всем денечка! Как ваше настроение? Готовитесь ко вторым праздникам? Я да. на следующий день мы едем в Ярославль впредь до 9 мая, как я и сказал….

Хорошего всем времени дней, мои читатели и дорогие друзья моего блога. Довольно часто я просматриваю какие-нибудь картины с надписями и осознаю, что…

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

Всем привет! С вами как в большинстве случаев я, Дмитрий Костин. И сейчас мы снова будем фотошопить. Не забывайте, как мы делали из цветной фотографии…

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

Здравствуйте, дорогие посетители и мои читатели блога koskomp.ru. С вами опять Дмитрий Костин. Помнится мне, как наткнулся я фотографию автомобиля, что…

Инструкция

Если вас раздражает цветовая , используемая на рабочем столе Windows, то вы можете инвертировать цвета фонового изображения. Для этого зайдите в “Панель Управления”, найдите пункт “Специальные возможности”, выберите опцию редактирования контраста и на экране. Поставьте галочку в боксе “Высокая контрастность”. Откройте “Настройки” для редактирования внешнего вида . Нажмите “Применить”, чтобы просмотреть изменения. Если они вас устраивают, сохраните настройки.

Используйте стандартную программу Microsoft Paint для создания интересного эффекта фотографий. Запустите программу (ее можно найти в “Программы”–“Стандартные”), загрузите нужное изображение с помощью “Файл”-“Открыть”. Если вы хотите инвертировать только часть изображения, выделите нужный отрезок с помощью инструмента выделения. Зайдите в пункт меню “Изображение” и выберите опцию “Инвертировать цвета”. Кроме того, для вызова данной опции вы можете использовать комбинацию клавиш Ctrl+I.

Для того чтобы инвертировать цвета изображения в Adobe Photoshop, запустите программу и откройте нужную картинку. Создайте копию слоя, в котором вы будете работать. Если хотите инвертировать изображение полностью, нажмите CTRL+A. Если хотите инвертировать цвета определенного участка изображения, то выделите нужную часть с помощью инструмента “магнетическое лассо”. Затем зайдите в пункт меню “Изображение” и выберите опцию “Инвертировать“. В настройке “Режим смешивания” смените “Нормальный” на “Цветной”.

Если ваши глаза устали от черных букв на белом фоне, сидя весь день в интернете с Firefox, попробуйте инвертировать цвета в вашем браузере. Чтобы это сделать, зайдите в настройки Firefox вкладка “Содержимое”. Нажмите на кнопку “Цвета”. В открывшемся окне выберите белый цвет для текста и черный для фона. При желании отредактируйте цвета посещенных и непосещенных ссылок. Сохраните изменения и перезагрузите браузер.

У каждого человека есть фотографии, которые помогают воскресить в памяти самые интересные, важные, фееричные моменты жизни. И в наше время часть таких изображений хранятся в электронном варианте. Что дает возможность изменить что-то в них, подкорректировать, или сделать коллаж (для этих целей лучше всего подходит программа Adobe Photoshop). Для этого необходимо выделить часть изображения и иногда - инвертировать выделение.

Вам понадобится

Программа Adobe Photoshop, фотография

Инструкция

Откройте программу Adobe Photoshop и в ней откройте то изображение, с которым предстоит работать. Для открытия фотографии необходимо зайти в находящийся в верхней части экрана пункт File (в русскоязычной версии – Файл) и далее выбрать пункт Open (Открыть). Выберите нужную фотографию и нажмите кнопку Open (Открыть).

Выделите нужную часть открытой фотографии или рисунка. Для этого применяются такие инструменты как lasso tool (Лассо), rectangular marquee tool (прямоугольное выделение elliptical marquee tool (выделение круга), pen tool (перо). Выбрав лассо, зажимаете левую кнопку мыши и ведете курсор до тех пор, пока не выделите все, что вам необходимо. Прямоугольное выделение позволяет выделить любые прямоугольные и объекты, выделение круга – любые

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

Создание выделения

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

Если вы повторите данную операцию, то создастся новое выделение.

Трансформация выделения

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

По периметру рамки появятся опорные точки, потянув за которые, вы сможете деформировать выделение:

В режиме трансформации выделения его можно и повернуть. Для этого в панели опций нужно написать необходимый угол в следующем поле:

Когда трансформация будет закончена, нужно нажать Ctrl + Enter . Для того чтобы переместить выделение, нужно просто навести курсор в любую точку внутри области, ограниченной выделением. Изображение курсора поменяется и под ним появится миниатюрная рамка выделения . Это означает, что можно начинать процесс перетаскивания рамки. Таким способом выделение можно перетаскивать не только в обычном режиме, но и в режиме трансформирования. Для того чтобы снять выделение, необходимо нажать сочетание клавиш Ctrl + D . Чтобы сделать строго квадратное выделение, нужно в процессе создания выделения удерживать клавишу Shift .

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

Пример 1. Дорожные знаки

1. Создайте в фотошопе новое изображение. Размеры 300х300 пикселей. Фон — белый. Залейте изображение цветом #c0c0c0. Это, кстати, цвет фона в фотошопе. Нам нужен такой фон, чтобы он контрастировал с другими частями изображения белого цвета.

2. При помощи направляющих найдите центр изображения:

О том, как именно это сделать, рассказано в предыдущей статье .

3. Выберите инструмент прямоугольное выделение и создайте новое выделение размерами 160х160 пикс:

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

4. Перейдите в режим трансформации выделения:

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

Для удобства перемещения, увеличьте изображение сочетанием Alt + колесико мыши. Вернуть 100% масштаб можно сочетанием Alt + Ctrl + 0 .

5. Поверните выделение на 45 градусов и подтвердите изменения нажатием сочетания Ctrl + Enter . После этого залейте выделение белым цветом, и снимите выделение сочетанием клавиш Ctrl + D . Вот что получится:

6. Аналогичным образом создайте выделение с размерами 150х150 и также поместите его в центр изображения:

7. Поверните его на 45 градусов и залейте черным цветом:

8. Создайте новое выделение размерами 140х140, поместите его в центр, поверните на 45 градусов и залейте белым цветом:

9. Аналогичным образом создайте последний квадрат. Его размеры 100х100, а цвет #d3d300.

10. Все, знак почти готов, осталось только спрятать направляющие. Нажмите сочетание Ctrl + Ж - и все будет готово уже окончательно. Итоговый результат должен быть таким:

Теперь сделаем знак «Въезд запрещен». На этот раз я не стану расписывать все так подробно, т.к. думаю, что вы поняли основной принцип. Итак.

1. Создайте новое изображение 300х300 с белым фоном и залейте его цветом #c0c0c0. Найдите центр изображения.

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

Удерживая клавишу Shift нарисуйте выделение размерами 180х180. Затем разместите его в центре изображения и залейте белым цветом:

3. Нарисуйте еще один круг с размерами 170х170 и залейте его цветом #b72d13:

4. Создайте прямоугольное выделение с размерами 120х35 и разместите его в центре изображения:

5. Залейте выделение белым цветом. Снимите выделение и спрячьте направляющие. И вот перед нами готовый знак:

Инверсия выделения

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

Для того чтобы осуществить инверсию выделения, необходимо нажать сочетание клавиш Ctrl + Shift + I , или выбрать пункт меню Выделение — Инверсия :

Пример 2. Акцентирование на объекте

В этом примере создадим такую композицию:

Т.е. изображение, в котором присутствует эффект фокусировки на определенном объекте. В данном случае это охранники Лувра. Итак, скачайте исходное изображение , и мы начнем.

Создайте круглое выделение с размерами 100х100 и расположите его вокруг охранников:

Здесь нам нужно трансформировать уже не выделение, а весь фрагмент, заключенный в него. Для этого:

2. Нажмите сочетание клавиш Ctrl + T для перехода в режим трансформации выделенного фрагмента. Удерживая нажатой клавишу Shift , тяните за правый нижний угол прямоугольника трансформации. Следите за изменением размеров на панели Инфо. Как только они станут 170х170, отпускайте клавишу Shift и кнопку мыши:

3. Нажмите Ctrl+Enter для выхода из режима трансформации. Затем перетащите выделение так, чтобы вход в Лувр казался целостным:

4. Инвертируйте выделение сочетанием Ctrl + Shift + I . Выберите инструмент Заливка , выставьте в панели опций прозрачность на 32. Установите основной цвет на #0047ab и залейте выделение. Теперь выделение можно снять и наше изображение готово.

Заданные размеры и пропорции

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

По умолчанию стиль задан как нормальный. Рядом с этой строкой вы можете видеть поля для ввода ширины и высоты, однако они деактивированы, потому что при нормальном стиле выделения размеры не задаются. Нам нужно изменить стиль на заданный размер:

В этом случае поля для ввода размеров сразу становятся активными и в изображении, приведенном в качестве примера даже проставлены сами размеры: 220х95. Если теперь кликнуть в какой-либо точке изображения, то автоматически будет создано выделение с заданными размерами, расположенное так, что верхний левый угол выделения окажется в точке кликанья. В случае с эллиптическим выделением - это верхний левый угол прямоугольника, описанного вокруг эллипса. Вы можете в этом убедиться, кликнув в верхнем левом углу изображения при создании автоматического эллиптического выделения.

Помимо конкретных размеров в фотошопе можно выставлять для выделения заданные пропорции. Для этого нужно выбрать стиль выделения с одноименным названием.

Этот стиль полезен, когда вы точно не знаете, какими должны быть размеры выделения, но хотите задать конкретное соотношение сторон. Допустим при задании соотношения 2:3, стороны выделения всегда будут относиться друг к другу как два относится к трем. Эту «фишку» можно использовать, например, при создании прямоугольников с золотым сечением. Так называют отношение 1,618:1. Эта пропорция считается самой гармоничной в дизайне.

Пример 3. Кнопки в фотошопе

В этом примере создадим заготовки для двух таких кнопок:

Сначала займемся первой из них. Ее мы сделаем, используя прямоугольное выделение и заливку. Итак...

1. Создайте новое изображение с размерами 300х150 и залейте фон цветом #f0eece. Найдите центр изображения:

2. Создайте новое прямоугольное выделение размерами 120х40 в стиле выделения Заданный размер и разместите его в центре изображения (как обычно - в режиме трансформации выделения).

3. Нажмите Ctrl+Enter и залейте выделение цветом # 9b9b93. После этого выделение можно снять. Центральные направляющие нам больше не понадобятся, поэтому удалите их через пункт меню Просмотр — Удалить направляющие .

4. Теперь нам понадобится сетка из вертикальных направляющих. Если ваш прямоугольник расположен точно по центру, то этот шаг не составит никакого труда. Выберите пункт меню Просмотр — Новая направляющая и установите следующие данные:

Подобным же образом создайте еще 10 направляющих через каждые 12 пикселей. Их координаты: 102, 114, 126, 138, 150, 162, 174, 186, 198, 210. Должна получиться вот такая решетка:

Для того чтобы направляющие выглядели более контрастно, измените их цвет. Для этого сначала нажмите Ctrl + K , а затем Ctrl + 6 и, щелкнув по самому первому квадрату выбора цвета, измените его значение на желаемое. А можно просто подвигать кружок по палитре, подбирая таким образом наиболее оптимальный цвет.

5. Теперь нам нужно сделать темные диагональные полосы. Для этого создайте выделение размерами 5х70 и разместите его в верхнем левом углу прямоугольника - так, как показано на рисунке:

6. Залейте выделение цветом # 9b9b93:

После этого выделение не снимайте! Выберите инструмент Перемещение . Наведите курсор на выделение и зажмите клавишу Alt . При этом курсор примет такой вид: . Не отпуская клавишу Alt , зажмите левую кнопку мыши и перетащите полосу во вторую опорную точку. Таким образом, вы клонировали (скопировали и вставили) объект. Левая верхняя область прямоугольника должна теперь выглядеть так:

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

7. По аналогии с предыдущим действием скопируйте еще несколько полосок:

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

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

9. Инвертируйте выделение и нажмите клавишу del для удаления всей ненужной графики, а затем снова инвертируйте выделение.

10. Нам нужно вновь залить фон. Для этого вырежем выделенную кнопку нажатием сочетания Ctrl + X . После этого зальем всю область изображения цветом #f0eece. Когда фон будет готов, вставим вырезанный прямоугольник обратно сочетанием Ctrl + V :

Как только вы это сделаете, палитра слоев станет выглядеть так:

Обратите особое внимание на то, что прямоугольник находится в слое 2 и этот слой должен быть выделен. А также на кнопку, показанную стрелкой, она нам понадобится в следующем — последнем шаге.

11. По сути, заготовка уже есть. Осталось применить объемный эффект. Для этого нажмите на кнопку, показанную на рис. выше, и в появившемся списке выберите пункт Тиснение . Не меняйте никаких параметров в открывшемся окне и нажимайте ОК. Вот что должно получиться:

И это уже окончательный вариант заготовки. На которой мы нарисуем стрелку после изучения материала по автофигурам. Так что сохраните ее в формате psd и не теряйте. А пока займемся второй заготовкой. С ней все будет намного проще.

1. По сути, здесь все первые шаги почти такие же, как и с предыдущей кнопкой. Т.е. создаем новое изображение 300х150 и заливаем его цветом #c0c0c0. Создаем центральные направляющие для определения центра. Делаем прямоугольное выделение 120х40, которое выравниваем по центру изображения:

2. Теперь нам нужно залить это изображение градиентом. Так что выберите инструмент Градиент и сразу же перейдите в редактор градиентов . Установите начальный цвет на #e7e7e7, а конечный на #aeaeae. Теперь залейте это выделение градиентом сверху вниз. Не снимайте выделение! Вот что должно получиться:

3. Теперь нам нужно сделать, чтобы прямоугольник располагался в отдельном слое: ведь только тогда мы сможем применить эффект тиснения к нашей заготовке. Для этого нажмите последовательно Ctrl + X и Ctrl + V . Вставляя фрагмент, фотошоп разместит его в отдельном слое, а именно этого мы и хотим.

4. На палитре слоев нажмите на кнопку эффектов:

И выберите там эффект Тиснение . В появившемся окне поменяйте размер тиснения на 2 пикс:

После этого удалите направляющие и у нас есть вторая заготовка:

Она превратится в кнопку после того, как мы изучим текст в фотошопе. Сохраните ее в формате.psd и не теряйте.

Сложение и вычитание выделений

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

Иными словами, правильно добавлять выделение нужно так, как показано на рис. ниже:

В этом случае суммарное выделение будет увеличено по сравнению с первичным:

Если же попытаться сделать добавление так:

То на этот раз никаких изменений не случится — ведь «добавлямая область» уже находится в зоне выделения. А, как мы понимаем, нельзя положить в корзину то, что и так в ней уже лежит.

Аналогичным образом можно совершать вычитание области из ранее созданного выделения. Для этого нужно удерживать клавишу Alt . Рядом с курсором появляется знак минус: . Вычитаемое выделение должно хотя бы частично лежать внутри Ctrl + K и Ctrl + 6 и установите в настройках сетки следующие параметры:

После установки этих параметров нажмите ОК. В результате сетка должна выглядеть так:

Согласитесь, чем-то напоминает тетрадный лист?

3. Создайте новое выделение как на рисунке:

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

Вот что должно получиться:

С этого момента все выделения в примере нужно строить, удерживая клавишу Shift

5. Нарисуйте остальные фигуры тетриса по аналогии с первой. При совершении неудачного действия каждый раз отменяйте его сочетанием Alt + Ctrl + z .

Когда контуры фигур будут готовы, скройте сетку сочетанием клавиш Ctrl + Э .

6. Залейте полученное выделение — а все эти фигуры представляют собой единое выделение — цветом #b8a076:

7. Для внесения разнообразия в рисунок можно перекрасить все фигуры в разные цвета. Вот те цвета, в которые перекрасил их я. Диктую слева направо: #ff9900 — оранжевый, #ffd800 — желтый; #82c341 — зеленый, #0383fb — голубой, #0000ff — синий, #9600ff — фиолетовый.

Перекрашивать будем инструментом Заливка . Но перед его использованием выствьте на панели опций допуск - 32; сглаживание - убираем. Все, после этого можно смело красить. Результат будет таким.