Photoshop онлайн учебник. Глава 1.

Начало работы в Photoshop

 

   Интерфейс Photoshop-а может показаться 

достаточно сложным для новичков. Этот урок 

покажет Вам что есть что и как ориентироваться 

в такой громадине как Photoshop.

   Прежде чем мы начнем, обращу ваше 

внимание на то, что я буду демонстрировать, 

как работать с Adobe Photoshop версии 9 

(Adobe Photoshop CS2). Если у вас установлена 

другая версия Photoshop, у вас не должно 

возникнуть больших проблем с изучением, так 

как отличий в версиях не очень много, и те 

только в интерфейсе и основных функциях. 

Некоторые графические свойства могут 

отличаться, но в целом проблем должно быть 

очень мало, если они вообще будут! 

   Экран приветствия При первом открытии Photoshop вы, скорее 

всего, увидите "Экран приветствия":

 

   Экран приветствия крайне полезен для 

новичков, чтобы увидеть, что можно сделать 

при помощи Adobe Photoshop, хотя в принципе 

не обязателен. Если хотите, чтобы Экран 

приветствия не вскакивал при каждой загрузке, 

снимите галочки с пункта "Show this dialog at 

startup" в левом нижнем углу. Экран 

приветствия потом всегда можно вернуть 

назад, если вы нажмете Help > Welcome Screen.
   Для начала работы в Photoshop, закройте 

Экран приветствия.
На первый взгляд Photoshop может показаться 

большим и страшным приложением. Давайте 

разобьем Рабочую область на более маленькие 

составляющие, для более простого понимания:

 

A. Горизонтальное меню - Организованная 

область меню, разделенная по различным 

выполняемым типам задач.
B. Панель настроек - Содержит настройки, 

возможные для выбранного инструмента.
C. Панель инструментов - Содержит широкий 

выбор доступных инструментов в Photoshop, а 

также цвет переднего плана, фоновый цвет и 

другие функции.
D. Окно документа - Окно, которое вмещает 

редактируемый в Photoshop документ.
E. Активная область изображения - Окно 

документа содержит активную область 

изображения (показана белым сверху). Это 

область, в которой работает художник.
F. Навигатор - Уменьшенная версия активной 

области изображения текущего документа. 

Используется для навигации по большим 

изображениям или при большом зуме 

(увеличении).
G. Панель цветов - Панель, используемая 

для выбора цветов переднего и заднего планов 

для рисования или заливки ими.
H. История - Постоянно обновляющаяся запись 

предыдущих изменений внесенных в документ. 

Используется для отмены сделанных шагов (Undo)
I. Слои - Если бы Photoshop был гигантским 

чизбургером, слои были бы его начинкой и 

приправой. Слои в Photoshop позволяют вам 

работать над отдельными полотнами, позволяя 

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

структуры Photoshop. Мы рассмотрим все более 

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

нажмите File > New из Горизонтального меню.
Появится диалоговое окно, такое, как показано 

на рисунке снизу:

A. Имя документа - Здесь укажите имя 

документа (по выбору)
B. Предустановки -Выберите размер 

документа из ранее установленных
C. Размеры документа - Здесь укажите 

ширину и высоту документа
D. Единицы измерения документа - 

Укажите единицы измерения документа. 

Для любой типичной работы для веба или 

на мониторе выбирайте пиксели.
E. Разрешение - Укажите разрешение документа. 

Разрешение обычно означает число точек (или 

пикселей) на дюйм. При печати вам лучше 

поставить значение повыше (300 или выше), 

что также увеличит и размер документа. Тем 

не менее, для экранной работы или работы в 

вебе, подходящее разрешение 72.
F. Цветовой режим - Укажите цветовой режим 

документа. Если только вы не собираетесь 

делать специальную печать, вам лучше всего 

работать в режиме RGB Color (Red/Green/Blue).
G. Содержание Фона - Укажите тип фона 

вашего документа.
Диалоговое окно, показанное выше, создаст 

документ размером 800х600 пикселей с белым 

фоном. Имя документа будет "Document Name", 

а разрешение будет наиболее подходящим 

для экранной работы.
Сохранение и закрытие документа 

Photoshop
Чтобы сохранить документ Photoshop, 

нажмите File > Save из Горизонтального 

меню. Во время сохранения, убедитесь, что 

ввели имя документа, которое позже узнаете 

и также выберите формат "Photoshop (*.PSD)" . 

Выбор этого формата обеспечит сохранение у 

документа всех атрибутов Photoshop, а также 

информацию о слоях, так чтобы вы смогли 

потом работать с ним.Обратите внимание, 

что файлы формата PSD не совместимы с веб 

браузерами и другими приложениями, и для 

таких целей вам придется сохранять файлы 

в другом формате. Это мы опишем в других 

уроках.
Чтобы закрыть документ, нажмите File > 

Close из Горизонтального меню. Чтобы 

закрыть все открытые документы, нажмите 

File > Close All.

Мягкий переход одного изображение в другое.

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

Шаг 1.
Для начала подгоним размер фотографий и их
позиционирование.
Откройте Фотошопом исходное изображение. Инструментом 
рамка  (клавиша C) скадрируйте фотографию. Установите
необходимый размер изображения (клавиши Alt + Ctrl + i),
поставьте галку Сохранить пропорции. Мы рекомендуем
установить разрешение 300 точек, это позволит распечатать
изображение с высоким разрешением, если же вы создаете
изображение для компьютера, то достаточно 72 точки на
дюйм. Откройте второе изображение. Чтобы вставить его
в рабочий проект достаточно перетащить мышкой или
воспользоваться горячими клавишами копирования
(нажмите последовательно Ctrl + A, Ctrl + C, затем в
рабочем проекте нажмитеCtrl + V). Скадрируйте с помощью 
инструмента перемещение  (клавиша V) вставленное
изображение, если необходимо изменить его размер
нажмите правую кнопку мыши и выберите Свободное 
трансформирование контура (Ctrl + T). Вверху появится
палитра Трансформации.

С помощью этой палитры можно точно перемещать, изменять
размеры, форму и положение изображения. Слева вы можете
увидеть девять квадратиков, один из них черный. Он означает
положение центра изображения, т.е. точка, с которой
начинается отчет позиционирования. Если изображение
нужно повернуть на определенный угол вокруг центра, то
черный квадратик следует установить в центральную точку,
а затем указать цифру поворота в соответствующей ячейке.
Если размер вставленного изображения значительно больше
рабочего проекта, то мы рекомендуем установить центр
изображения в верхнем левом углу, а позиционирование по
оси X и Y равным 0 пикс. Обратите внимание, если на
ячейках нажать правой кнопкой мыши, то вы сможете
выбрать единицы измерения для данного параметра.
После того, как ваше изображение выровнялось по верхнему
левому краю, введите нужный размер (чтобы сохранить
пропорции нажмите замок).
Шаг 2.
Теперь, когда исходные изображения выставлены, можно 
приступать к созданию перехода.
На верхнем слое создайте слой-маску. Для этого выберите 
слой с и внизу палитры Слои нажмите кнопку добавить 
слой-маску.
В слое появилась новая иконка – это и есть слой-маска.
Выделите маску (белый прямоугольник).

На панели инструментов выберите инструмент 
Градиент  (клавиша G, если на панели изображена
иконка заливки, то нажмите Shift + G). Если вы посмотрите
на Палитру градиента, то сможете увидеть различные
режимы данного инструмента. Мы использовали обычный 
Линейный градиент.

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

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




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

На нашем коллаже мы подправили большой палец, руку и
переход вокруг лица:

Данный прием широко используется в создании самых
сложных коллажей. Использование маски при создании
перехода позволяет свободно корректировать прозрачность.
Если вы «затерли» нужный фрагмент, вы всегда сможете
его вернуть. Так что дерзайте….
Источник: http://www.photoshopcs.ru

Эффект старой бумаги.

Эффект старой бумаги рисуется очень просто — и сейчася вам это покажу...

1. Создадим новое изображение:

2. Создадим новый слой, с помощью Rectangular Marquee Tool
сделаем выделение по размером с будущим листком бумаги,
зальём его любым цветом:

3. Добавим эффект рваных краёв. Для этого применим фильтр 
Spatter (Filter —> Brush Strokes —> Spatter...) со
следующими параметрами:

4. Теперь с помощью Magic Wand Tool выделим область
листа бумаги (чёрную), инвертируем выделение
(Select —> Inverse) и жмём клавишу Del (чтобы удалить
фон вокруг листа). Затем снова применим тот же фильтр,
но уже с другими параметрами:

5. Снова выделяем область листа, инвертируем выделение и
жмём Del. После этих действий мы получим следующее
изображение:

6. Применил к слою с листом бумаги несколько эффектов.
Кликаем правой клавишей на слое и выбираем 
Blending Options, переходим на вкладку Color Overlay и
выставляем следующие значения (я выбрал бежевый
цвет — #d7d3ba):

7. Теперь добавим внутреннюю тень (на вкладке Inner Shadow):

8. А на вкладке Drop Shadow добавим внешнюю тень:

9. После этого мы получим такую картинку:

10. Создаём новый слой, затем зажимаем клавишу Ctrl и
кликаем по слою с листом бумаги, отпускаем Ctrl, заливаем
выделение следующим цветом — #d7d3ba:

11. На палитре цветов выбираем чёрный цвет и применяем
фильтр Filter —> Render —> Difference Cloubs:

12. Не снимая выделения размоем нашу картинку
(Filter —> Blur —> Gaussian Blur... с радиусом размытия
5 пикселей (Radius: 5 pixels) и получим вот так:

13. Заходим в Blending Options и в пункте General Blending
параметру Blend Mode выставляем значение Overlay, жмём 
Ok и получаем окончательный вид нашей старой бумаги:

14. Ну и после этого можно добавить какой-либо текст,
русунки и другое. Вот как получилось у меня (я использовал
кисточку Music Brush ES и свернул край листа с помощью
фильтра AV Bros. Page Curl Pro v2.2, скачать всё это
можно ниже):

.: Дополнительно :.

Скачать кисточку « Music Brush ES » | ZIP, 1,23 МБ
Скачать PhotoShop-фильтр « AV Bros. Page Curl Pro v2.2 » 
| ZIP, 2,74 МБ
Источник: http://designarts.ru 

Эффект шахматной доски.

Украсим фотографию — применим 

к ней эффект шахматной доски...

В этом уроке по фотошопу вы увидите как можно очень быстро
 и легко украсить любую фотографию, применив к ней эффект
«шахматной доски». Где её (фотографию) потом использовать —
 решать вам. Можно сделать обои для рабочего стола, а можно
использовать на шапке сайта...

Эффект шахматной доски

1. Откроем понравившуюся нам фотографию. Я выбрал вот эту
(предварительно её уменьшив, но вы можете не уменьшать —
смотря где собираетесь её использовать):

2. Сейчас создадим ещё одно изображение размером 50x50 пикселей
и прозрачным фоном (Transparent):

3. Теперь выбираем карандаш (Pencil Tool), диаметр — 1px, цвет
чёрный и рисуем снизу и справа линии таким-вот образом:

4. В главном меню выбираем пункт Edin —> Define Pattern...
(создать текстуру), вводим название и жмём Ok:

5. Теперь можно закрыть это изображение — оно нам не
понадобится. Вернёмся к нашей фотографии. Сейчас нам
нужно созать новый слой. После этого идём в меню, 
Edit —> Fill... (заливка) и в качестве заливки выбираем нашу
текстуру (как показано на скриншоте):

6. Жмём Ok и получаем такую-вот картину:

7. Теперь выбираем инструмент Magic Wand Tool, зажимаем
клавишу Shift и кликаем по квадратикам в произвольном порядке:

8. Отпускаем Shift, создаём новый слой и заливаем наше
выделение белам цветом (с помощью Paint Bucket Tool):

9. Сейчас можно снять выделение. Давайте заново выберем
слой с нашей текстурой (который ниже, с сеткой), снова
выделим несколько квадратов, вернёмся на слой выше
(с белыми квадратами) и зальём выделение уже чёрным
цветом (таким же образом, как и прошлый раз):

10. Изменим прозрачность слоя с чёрными и белыми
квадратами — параметр Opacity поставим равным 60%
(он находится на панели слоёв):

11. Сейчас нужно объединить слой с чёрными и белыми
квадратами со слоем с сеткой — для этого просто нажмите 
Ctrl + E (или в меню: Layer —> Merge Down). Сопряжение
изменим на Overlay (как это сделать — показано на
рисунке ниже):

После этих операций должно получиться что-то такое:

12. В принципе это всё, но ещё можно добавить
какую-нибудь надпись:

Всё! Осталось наше исскуство где-нибудь применить :)
Источник: http://designarts.ru 

Маска с эффектом стекающей краски.

Создаем маску с эффектом стекающей краски в Фотошоп

Подготовка:
Нам понадобится изображение с лицом Анжелины Джоли. Также нам нужен темный фон, для создания контраста с цветом лица. Я использую обои Dark Wood (Темное дерево) от zygat3r.

Скачать Анжелину Джоли
Скачать обои  Dark Wood (Темное дерево)
Все права на данные ресурсы принадлежат их владельцам.

Шаг 1 – Подготовка фона
Создайте документ размером 900х600 px. Откройте обои Dark Wood (Темное дерево)и подгоните их размер под наш документ.

Шаг 2а – Вырезание лица
Откройте изображение с Анжелиной Джоли и поместите его в наш документ, как показано на рисунке.

Шаг 2b – Вырезание лица
Используя инструмент Eraser (Ластик), сотрите задний фон и глаза в изображении.
Альтернативный способ:
Вместо использования Eraser (Ластика), вы можете создать маску слоя для слоя с лицом. Закрасьте черным цветом нежелательные участки, белым вы можете вернуть участки изображения.

Шаг 3 – Удаление волос с лица
Выделив слой с лицом зайдите в меню Filter > Blur > Surface Blur (Фильтр > Размытие > Размытие по поверхности). Введите значение 5 px для Radius (Радиуса) и значение 8 для Threshold (Порога уровней).
Создайте новый слой и назовите его Cover (Покрытие). Используя инструмент Eye Dropper (Пипетка), выберите цвет кожи около волос.
Затем, возьмите инструмент Brush (Кисть) и установите ее opacity (прозрачность) на 30%, а size (размер) на 25, закрашивайте на слое Cover (Покрытие), чтобы спрятать нежелательные волосы.

Шаг 4 – Удаление половины лица
Снова используя инструмент  Eraser (Ластик), удалите нижнюю половину лица, как показано на изображении.
Также сотрите ухо.

Шаг 5а – Добавление подтеков краски
Создав новый слой, назовите его Drips (Подтеки краски).
Используя инструмент Eye Dropper (Пипетка), выберите цвет рядом с нижним краем. Затем используйте инструмент Brush (Кисть), чтобы рисовать подтеки внизу. Повторите этот шаг несколько раз с различными размерами кисти.
Прием: Удерживайте клавишу shift во время рисования, чтобы добиться идеально ровных линий.

Шаг 5b – Добавление подтеков краски
Подправьте участки, откуда начинается каждый подтек.
У вас должен получиться плавный переход от лица к подтекам.
Слейте слои Drips (Подтеки краски), Cover (Покрытие) и лицо в один слой. Переименуйте его в Paint (Краска).

Шаг 6 – Добавление эффекта тиснения
Нажмите по слою правой кнопкой мыши и выберите Blending Options (Параметры наложения).
Активируйте параметр Bevel and Emboss (Тиснение). Установите Style (стиль) на Inner Bevel (Внутренний скос), Depth (Глубину) на 165, Size (размер) на 50, Angle (Угол) 55, Altitude (Высоту) на 40, Screen Opacity (глобальное освещение) 0%, Shadow Color (цвет тени) #DCA288, Shadow Opacity (Прозрачность тени) 100%. Остальные настройки оставьте по умолчанию.

Шаг 7а – Создание блеска
Создайте новый слой и назовите его Glow (Блеск).
Установите цвет кисти на белый и размер 4. Создайте контур с помощью инструмента Pen tool (Перо), как показано на рисунке.
Используя Pen tool (Перо), кликните правой кнопкой мыши по нарисованному контуру и выберите Stroke Path (Выполнить обводку контура). Выберите Brush (Кисть) и активируйте Simulate Pressure (Стимулировать нажатие). Нажмите Ок после того, как завершите.

Шаг 7b– Создание блеска
Дублируйте слой Glow (Блеск).
Выделите верхний дубликат и зайдите в меню Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу). Установите значение 3.

Шаг 7с – Создание блеска
Повторите шаг 7а и 7b для добавления блеска к другим участкам.
Фокусируйте блеск на правой стороне только так, будто источник света находится на той стороне.

Шаг 8 – Добавление сверкания
Создайте новый слой поверх остальных и назовите его Glitter (Сверкание).
Используя инструмент Brush (Кисть) белого цвета размером 2, нарисуйте крестик. Затем, используйте Airbrush Eraser tool (Ластик с распылителем) размером 65, сотрите четыре края крестика.
Дублируйте несколько раз слой Glitter (Сверкание) и разместите их поверх лица.

Дополнительно:
В конце я добавил текст с тем же эффектом тиснения. Надеюсь, вам понравился урок. Спасибо!

Нажмите здесь, чтобы посмотреть итоговый результат.
Автор: Johnson Koh
Перевод: Анцыперович Александра
Ссылка на источник
Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru