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

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

На этом уроке мы познакомимся с опциями инструмента ВЫДЕЛЕНИЕ в 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 , при выборе которой у нас откроется диалоговое окно следующего содержания:

Программа Adobe Photoshop позиционирует себя лидером в сфере графических редакторов. Это благодаря тому, что в приложении имеются почти все преобразования с изображением и фотографией. Еще одним достоинством можно считать тот факт, что здесь действительно легкий и ненагруженный интерфейс, что привлекает все больше новичков в сферу дизайна. Приложение способно работать как в векторном, так и в растровом режиме, но больший уклон сделан на последний вариант. Несмотря на простую структуру программы, Adobe Photoshop имеет очень серьезную базу различных функций и элементов. Говоря про изображения, невозможно не упомянуть о коррекции при помощи работы над пикселями, в пример можно поставить инверсию цветов.

Виды инверсии

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

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

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

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

Инверсия цветов осуществляется через значения яркости (256 единиц). Например, участок, где яркость составляет 206 поменяется после применения операции на значение 50. Такое действие происходит с каждым участком изображения, получая как будто измененную на обратные цвета картинку.

Инверсированный слой

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

Основана она на взаимной переадресации выделяемого объекта и слоя в целом. Выделяемый объект и слой меняются местами - теперь слой становится выделенным, а ранее выделенный объект - невыделенным. Теперь слой без объекта можно редактировать: удалить, копировать; а сам объект останется неизменным.

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

Горячие клавиши

В Adobe Photoshop отдельное место занимают функции, которые можно воспроизвести с помощью сочетания клавиш. Например, для того чтобы не мучиться с открытием всех вкладок, можно применить набор клавиш Ctrl + I. После применение горячих клавиш изображение примет вид инвертированного по яркости.

Выше описывался способ, где пользователь мог инвертировать отдельную часть изображения благодаря переносу всех слоев на один. Этот метод довольно долго воплощать в жизнь, поэтому можно просто выделить область на изображении при помощи инструментов, имеющих прямое предназначение для выделения. Затем нажать на клавиши Ctrl + I, и выбранный участок преобразится в инверсированный слой.

Если вспомнить про инверсию выделения, то эту функцию тоже можно активировать. Но сначала необходимо задать первоначальное выделение любым из возможных инструментов, а затем через комбинацию клавиш Shift + Ctrl + I провести инверсию выделенных участков.

Инверсия в фотошопе — это операция, которая делает конечное значение обратным или противоположным исходному значению. Различают два вида инверсии в фотошопе: выделения и цвета.

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

Инверсия выделения (Inverse) — это операция, которая очень часто применяется в работе с выделенными областями. Суть в том, что создав выделение какой-либо области, вы можете поменять ее местами с не выделенной областью.

На примере выше, изображение «До» показывает, что создано выделение персонажа (об этом сигнализируют «марширующие муравьи» по контуру злобного кота).

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

Выделение — Модификация — Инверсия

Горячая клавиша: Ctrl+Shift+I

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

Инверсия цвета (Invert) нужна для изменения цветов на противоположные. При этом значение яркости изображения изменяется на значение на 256-шаговой шкале значений цвета. Например, если значение пикселя составляет — 250, то его противоположность да данному правилу будет — 5. Вы видите как идет замены светлых цветов на темные и наоборот.

Чтобы ее применить выполните команду:

Изображение — Коррекция — Инверсия

Горячая клавиша: Ctrl+I

С версии iOS 7.0 в iPhone появилась инверсия цвета. Эта функция полностью переворачивает цвета на обратные – черный становится белым, белый становится черным. Этот режим помогает людям с плохим зрением, которым для чтения необходима высокая контрастность.

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

Я его нашел! Это инверсия цвета. Весь фон становится черным, а черные буквы белыми. При этом очень приятно смотреть в телефон в темноте, свечение не режет глаз, буквы читаются очень легко, и при этом света намного меньше, глаза не устают совершенно. Мою супругу это полностью устраивает.

Как включить эту функцию:

1) Настройки – Основные - универсальный доступ – Инверсия цвета вкл/выкл

2) Для более удобного использования я настроил эту функцию на тройное нажатие кнопки Домой: Настройки – Основные – Универсальный доступ – Сочетание клавиш – Инверсия цвета

Днем режим «Инверсия цвета» не удобно использовать, но ночью глазам очень комфортно читать текст на экране iPhone.

P.S. Данный режим полностью инвертирует все цвета, а не только черный с белым, поэтому все картинки и видео тоже инвертируются. Рекомендуется только для чтения черно-белого текста. Берегите свое зрение.

P.P.S Попытка сделать скриншот экрана в режиме инверсии цветов не даст никаких результатов. Скриншот будет сделан в нормальных цветах.

Присоединяйтесь к нам в

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

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

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

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

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

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

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

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

Когда трансформация будет закончена, нужно нажать 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; сглаживание - убираем. Все, после этого можно смело красить. Результат будет таким.