Содержание

Уроки Photoshop, стань дизайнером!

Уроки фотошопа

Новая техника вырезания волос в Photoshop CS5

В Фотошоп CS5 присутствует огромное множество интересных инструментов для дизайнеров. Один из них это Refine Edge (Уточнить край/Автоматическая обтравка). Он действительно необходим при вырезании объектов из фона, особенно, если это волосы или любые детали, которые придают реалистичности изображению. В версии CS5 справиться с этим задание очень легко. Ниже в уроке фотошоп по вырезанию волос представлены несколько техник, при использовании которых результат достигается за несколько щелчков мышью. Подробнее…

Создание сюрреалистического постера с геометрическими элементами

В этом уроке фотошопа мы попробуем создать абстрактный космический постер с использованием разных геометрических форм, масок и некоторых фильтров Фотошопа. Подробнее…

Использование инструмента «Извлечение»

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

Этот урок фотошопа расскажет, как пользоваться этим инструментом. Подробнее…

Красивая композиция из геометрических фигур и фото девушки

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

Создание «космической» фотокомпозиции в Фотошопе

В этом уроке Фотошопа мы будем создавать «космическую» фотокомпозицию используя разные техники, кисти фотошоп и экспериментируя с настройками смешивания. Дополнительные фильтры в этом уроке не понадобятся. Также для создание необходимых эффектов нам придется использовать Adobe Illustrator (Иллюстратор). Подробнее…

Сексуальная ретушь (гладкая кожа)

Не у всех гладкая чистая кожа, но всем хочется иметь красивую аватарку вконтакте. И вы наверняка в задавались вопросом: «Как сделать кожу более гладкой?». В этом уроке Фотошопа на русском языке мы попытаемся ответить на этот вопрос. Из инструментов понадобится как обычно Adobe Photoshop. Подробнее…

Шикарный металлический текст в фотошопе

В этом уроке Фотошопа вы узнаете, как создать «металлический» текст с подсветкой сверху и тенью. Мы будем использовать базовые трансформации в photoshop, некоторые фильтры и действия (Actions), чтобы добиться нужного результата. Итак, начнем 🙂 Подробнее…

Создаем красивые эффекты вокруг танцора

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

Шероховатый металл

В этом уроке photoshop мы создадим в Фотошопе простую композицию, которая состоит из двух слоев (и нескольких слоев настройки), но эффект получится достаточно привлекательный. Так что поехали! Подробнее…

Текст в стиле ретро

В этом уроке фотошоп нам предстоит создать текст в стиле ретро. Также вы сможете узнать немного нового о шрифтах в Photoshop. Подробнее…

Хотите выглядеть моложе? Легко!

Хотели бы вы перевести часы назад и выглядеть моложе? Ну что же, волшебников среди нас нет и сделать это никто не сможет, но, с помощью этого урока photoshop, вы сможете добиться некоторого прогресса! Подробнее…

Очень интересный световой эффект в Фотошопе

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

Создание красивого текстового эффекта

В этом уроке фотошопа мы будем использовать Photoshop CS3 или CS4, чтобы создать классный эффект для декорации текста. Мы будем использовать комбинации стилей слоя, смешивание цветов, блики и изображения. Результат этого урока фотошоп будет очень красивый и в процессе вы можете узнать много интересных вещей.

Подробнее…

Как установить кисти в фотошопе?

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

Стильный постер в стиле гранж с эффектом 3D текста в Фотошопе

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

Как изменить цвет глаз в фотошопе

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

Создание простого и элегантного текстового эффекта

В этом уроке фотошопа мы рассмотрим, как создать элегантный текстовый эффект всего за 13 шагов. Использовать мы будем Иллюстратор для придания реалистичности контуру текста. Затем немного поэкспериментируем с настройками смешивания в Фотошопе, чтобы создать эффект нажатия. Этот стиль идеально подойдет для подзаголовка сайта или дизайна постера. Подробнее…

Перевод фотошопа на русский

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

Состаривание фотографии в фотошоп

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

Светящиеся нити вокруг фотки

Очень полезный и интересный урок фотошопа. Очень популярная техника рисования симпатичных «ниток» на фотках. Наверняка вы встречали такой эффект у друзей в альбомах вконтакте. Теперь и мы научимся! Подробнее.

..

Лабораторная работа по теме СОЗДАНИЕ ЭФФЕКТОВ В ADOBE PHOTOSHOP

Лабораторная работа №3

СОЗДАНИЕ ЭФФЕКТОВ В ADOBE PHOTOSHOP

 

ЦЕЛЬ РАБОТЫ: научиться создавать сложные изображения с различными эффектами и параметрами наложения, научиться пользоваться векторными инструментами рисования.

 

Для выполнения работы необходимо знать особенности растровой графики, назначение и возможности программы Adobe Photoshop, основные настройки и команды программы, инструменты растровой графики; необходимо уметь: работать с фильтрами.

 

ВРЕМЯ ВЫПОЛНЕНИЯ: 90 минут.

 

ОБОРУДОВАНИЕ: ПК IBM, OS Windows, ПО Adobe Photoshop

 

КРАТКАЯ ТЕОРИЯ И МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ

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

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

Фильтры представляют собой небольшие программы, которые (подобно макросам и скриптам) выполняют заранее установленную последовательность команд. При этом они автоматически вычисляют значения и характеристики каждого пикселя изображения и затем модифицируют их в соответствии с новыми значениями. Большинство фильтров предназначено для имитации реальных эффектов. Например, группа художественных эффектов позволяет имитировать самые разнообразные виды живописи (масло, акварель и т. п.) и стили разных художников. Большинство современных графических программ поддерживает подключаемые фильтры других фирм (plug-ins).

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

 

ПОРЯДОК ВЫПОЛНЕНИЯ И ФОРМА ОТЧЕТНОСТИ

Задание 1. Эффект размытого фона

1.      Откройте фотографию с дельфинами, продублируйте изображение.

2.      Любым способом выделите дельфинов.

3.      Инвертируйте выделение командой

Выделение – Инверсия.

4.      Для копии изображения выполните команду Фильтр – Размытие – Размытие при малой глубине резкости, радиус – 20.

5.      Выполните сведение слоев.

 

Задание 2. Эффект дождя

1.      Откройте любую фотографию и продублируйте изображение.

2.      Создайте новый пустой слой. Залейте его черным цветом.

3.      Примените Фильтр — Шум – Добавить шум с параметрами: Эффект = 35, распределение по Гауссу, Монохромный

4.      Примените еще один Фильтр – Размытие – Размытие в движении угол = -84, смещение = 30.

5.      На панели «Слои» изменим режим наложения слоя «Дождь» на Экран.

Задание 3. Создание постера.

1.      Создайте новый документ размером 1280х1024 px, разрешение – 72 px/дюйм, цветовой режим – RGB, цвет фона – белый.

2.      Выберите инструмент Градиент, щелкните дважды на панели свойств по типу градиента, при этом откроется окно Редактор градиента. Установите для начальной точки цвет – 220004, для конечной – 920003 (рис. 1). В окне свойств щелкните по кнопке Инверсия и проведите вертикальную полосу градиента от верхнего края листа к середине (рис. 2).   

 

Конечная контрольная точка

 

Начальная контрольная точка

 

Рис. 1

 

 

Рис. 2

 

3.      Откройте фотографию, выберите инструмент Перо и аккуратно обведите по контуру фигуру. Щелкните правой кнопкой по фигуре и выберите команду Выделить область. Вставьте выделенную область в документ с градиентом.

4.      Примените команду Фильтр – Имитация – Аппликация со значениями: количество уровней – 3, простота краев – 2, четкость краев – 1.  

Рис. 3

5.      Уберите оставшиеся надписи в правой части рисунка.

6.      Создайте дубликат слоя с фигурой, установите для него стиль слоя – наложение цвета (ba3704).

7.      Перейдите на слой ниже, установите для него режим наложения – Перекрытие и стили слоявнешнее свечение: цвет – черный, режим наложения – нормальный, непрозрачность – 100%, размер – 81 px; градиент: тип обводки – градиент, цвет – от желтого (f2c206) к белому, угол – 900, размер – 8 px.

8.      Перетащите нижний слой с фигурой выше слоя с копией.

 

рис. 4

 

9.      Скройте два верхних слоя, перейдите на нижний слой с фоном и создайте новый пустой слой. Залейте новый слой белым цветом.

10.  Черной кистью с жесткостью 5-10% и размером 500 px сделайте точку почти в центре слоя. Примените Фильтр – Оформление – Цветные полутона, везде установите значение 20.

11.  Перейдите в команду меню Выделение – Цветовой диапазон, установите разброс  200, щелкните пипеткой по черной области в окне просмотра и нажмите ОК. В результате получится выделенным весь белый цвет.

12.     Нажмите клавишу Delete и снимите выделение.

13.  Уменьшите получившийся узор, передвиньте его в правый нижний угол и установите для него стиль слоя – наложение цвета (c30504). Меняем режим наложения этого слоя на Перекрытие.

 

Рис. 5

 

14.   Включите видимость всех слоев. Сделайте три копии слоя с узором, поместите их и уменьшите размеры так, как показано на рис. 6.

 

Рис. 6

 

15.  Для самого левого задайте наложение цвета 130000, следующему – 3d0001, далее 290001.

16.  Сгруппируйте все слои с узорами в папку с именем Узор.

17.  Выберите инструмент Произвольная фигура  и тип – Цель регистрации . Немного уменьшите масштаб изображения и нарисуйте цель, как на рис. 7. Поменяйте режим наложения на Перекрытие и понизьте непрозрачность до 70%.

Рис. 7

18.  Зайдите в папку Узор и создайте еще два узора (копии первого узора) в левом верхнем и нижнем углах. Перетащите папку с Узорами в окне слоев выше слоя с произвольной фигурой.

19.  Выше папки с узорами создайте новый пустой слой.

20.  Загрузите дополнительные кисти, используя команду Редактирование – Управление наборами. Нажмите на кнопку Загрузить и выберите файл с кистями из папки Кисти.

21.  Кистями №286 и №266 с разными размерами создайте различные узоры. Создайте еще один новый слой и кистями №173 также нарисуйте узоры. Поменяйте режим наложения второго слоя с кистями на перекрытие.

 

Рис. 8

 

22.  Нарисуйте динамик. Для этого инструментом Эллипс в правом нижнем углу нарисуйте круг, измените стили слоя Тиснение: глубина – 1000, размер – 0, смягчение – 0, режим подсветки – экран, непрозрачность – 100%; Наложение градиента: тип – от черного к белому, угол = -90, масштаб 150; Обводка – 1 px, положение – снаружи, черный цвет. 

23.  Создайте еще один круг немного поменьше, поместите его в центр первого круга и установите стили слоя: Тиснение: глубина – 100, размер – 3, смягчение – 0, режим подсветки – экран, непрозрачность тени – 100%; Наложение градиента: тип – от  черного к темно-серому (606060), угол = 90, масштаб 150, Инверсия; Обводка – 1 px, положение – снаружи, черный цвет.

24.  Создайте еще один маленький круг в центре динамика и установите стили слоя: Тиснение: глубина – 100, размер – 0, смягчение – 0, режим подсветки – нормальный, непрозрачность тени – 100%; Наложение цвета: черный.

 

Рис. 9

 

25.  Самостоятельно создайте мембрану в центре динамика и 4 винта.

 

Рис. 10

 

26.  Создайте 3 дубликата папки с динамиком и расположите их произвольно по рисунку.

27.  Самостоятельно добавьте поверх всех слоев еще узоры и рисунки произвольными кистями. Вставьте автограф.

 

Рис. 11

 

КОНТРОЛЬНЫЕ ВОПРОСЫ

1.      Что такое фильтры и для чего их можно использовать?

ЛИТЕРАТУРА

1.      Немцова Т.И., Назарова Ю.В. Компьютерная графика и web-дизайн. Практикум: учебное пособие. – М.: ИД «ФОРУМ»: ИНФРА-М, 2011.

2.      Петров М.Н., Молочков В.Н. Компьютерная графика. Учебник. – Спб.: Питер, 2009.

3.                                                                                                                                                                                    Элективный курс «Графический редактор Photoshop»/Сост. С.Н. Леготина, Волгоград: ИТД «Корифей», 2005.

4.                                                                                                                                                                                    Электронный ресурс «Уроки фотошопа» Форма доступа: http://photoshop-help.ru/


Скачано с www.znanio.ru

Понятие и виды Маски-слоя в фотошопе

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

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

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

Виды масок

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

  • быстрая маска при помощи кисти, карандаша;
  • быстрая маска при помощи градиента;
  • маска слоя;
  • обтравочная маска.

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

Рассмотрим все виды масок подробнее.

Быстрая маска при помощи кисти, карандаша

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

Я открыл изображение и хочу отделить значок от фона:

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

Выбираем инструмент Кисть, в панели атрибутов инструмента нужно установить 100 % жесткость, непрозрачность 100 %, нажим 100 %, а диаметр кисти устанавливаем на свой вкус.

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

Идеально, конечно, не получится и мы обязательно вылезем за граница эмблемы. Тогда там в палитре черно-белого цвета переключаемся на белый (!!) цвет и аналогичным образом, подобно ластику, стираем лишнее.

Совет

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

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

Все, что не было закрашено маской, выделилось. Но нам же нужно выделить эмблему, тогда нужно просто инвертировать изображение. Для этого нажимаем комбинацию клавиш Shift+Ctrl+I или в командной строке выбираем: Меню – Выделение – Инверсия.

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

Быстрая маска при помощи градиента

При помощи инструмента градиент можно сделать эффект постепенного исчезновения.

Делаем в палитре цветов черно-белые цвета. Выбираем на панели инструментов «Градиент», в панели атрибутов инструмента устанавливаем черно-белый градиент, непрозрачность устанавливается 100 %, режим – нормальный.

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

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

Жмем на клавиатуре клавишу «Delete» или «Ctrl+X». В результате стирается часть изображения и получается эффект плавного затухания. Если, например, у вас было в низу какое-либо изображение — его станет видно.

Маска слоя

Для того чтобы разобраться что это такое, возьмем две картинки: 1-ая это изображение с эмблемой Бэтмена, 2-ая тоже картинка с Бэтменом на фоне неба. Попробуем сделать так чтобы на картинке с небом появилась эмблема.

Берем картинку с эмблемой и перетаскиваем на картинку с небом.

После этого удалим из картинки с эмблемой все кроме ее самой. Для этого необходимо выделить слой с эмблемой и нажать кнопочку «Маска». В итоге появилась новая пиктограмма в выделенном слое.

Выбираем инструмент Кисть, и начинаем стирать все кроме эмблемы. Тут аналогично как и с быстрой маской: черный цвет для того чтобы стирать, а белый цвет – восстановит.

Обтравочная маска

Вернемся к нашим двум изображениям. Бэтмен на фоне неба снизу и эмблема сверху. Только на этот раз нижняя картинка будет меньше размером.

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

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

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