WWW.DISSERS.RU

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА

   Добро пожаловать!


Pages:     | 1 || 3 | 4 |

Редактирование групп слоев  Создание фаз прыжков  • Копируем Группу 1 (Слои -> Дубликат группы) и переименовываем в Группа 2 (это первая фаза движения) • Сплющиваем тело смайлика (Слой 1) по вертикали (Редактирование -> Свободное трансформирование) • После того как сплющили смайлик необходимо нажать Enter, чтобы завершить трансформацию.

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

• Снова копируем Группу 1 и переименовываем в Группу 3 (вторая фаза).

• Сжимаем колобок по горизонтали (здесь уже деформируем весь смайлик вместе с глазами):

• Создадим ещё одну промежуточную фазу, Группу 4 (слегка сплющим по горизонтали):

• Теперь ещё по одному разу скопируем Группу 1, Группу 3, Группу • Сгруппируем все 7 групп в одну общую и расположим их в следующем порядке:

Тут стоит вспомнить о Направляющих линиях:

• Добавим ещё одну направляющую по горизонтали и семь по вертикали.

• Каждая из вертикальных направляющих должна проходить строго по центру смайлика • Горизонтальные направляющие необходимы для размещения одинаковых пар смайликов на одном уровне Создание анимации  Переходим к созданию Кадров • Первым делом необходимо выделить общую группу и вызвать Окно анимации (Окно > Анимация):

• Далее копируем Кадр 1 нажатием кнопки (в виде листочка с отогнутым уголком):

• При этом в Кадре 2 самый первый сплющенный смайлик передвинем на место последнего, а все остальные сдвинем налево так, чтобы второй смайлик оказался на месте первого, третий на месте второго и т. д… • Не забывайте размещать смайлики строго по Направляющим, иначе анимация будет беспорядочно прыгать.

• Проделываем операции копирования кадров и перемещения смайликов до тех пор, пока сплющенный смайлик не окажется на втором месте слева, т.е. пока не пройдет «полный цикл».

В результате должно получиться 7 Кадров.

• Выделяем все кадры и устанавливаем для каждого из них Время проигрывания 0,1 сек (чёрный треугольник в правом нижнем углу кадра).

• Включаем Постоянное проигрывание анимации.

Запускаем анимацию! (выделенный треугольник внизу) Сохраняем в формате GIF (Ctrl+Alt+Shift+S – Сохранить для Web и устройств…) Анимацию можно будет воспроизвести в браузере либо обычном проигрывателе.

При желании можно поэкспериментировать со временем кадров, с количеством фаз движения, дополнительными деталями…… Урок 4. Рисование. Работа с инструментами и слоями.

Вступление:  В данном уроке мы будем учиться рисовать в Photoshop. Рисование в Photoshop отличается от рисования в Paint, так как здесь присутствуют более сложные инструменты, разнообразные настройки и очень много возможностей воплотить свои фантазии. Умея рисовать в Photoshop, вы научитесь создавать реалистичные картинки своими руками.

Цель урока: научиться рисовать в Photoshop.

Описание: при помощи нескольких инструментов (Перо, Эллипс, Работы со слоями) будем рисовать стрекозу. Вот, что у нас должно получиться:

Создание документа.  • Первым делом создадим документ. Для этого в строке Меню выполним Файл -> Создать • Зададим Ширину и Высоту (900x900). А так же дадим нашему рисунку название.

Создание глаз.  • Выбираем инструмент Эллипс:

• На панели свойств инструмента нажимаем кнопку Слой фигура • Задаем цвет фигуры. Для этого дважды кликаем левой кнопкой мыши на Основной цвет и задаем нужный нам цвет. В данном случаем мы используем цвет с кодом #ef9507. Просто введите этот код, как показано выше, на картинке.

• Теперь рисуем эллипс:

• Справа появился новый слой Фигура 1. Кликните правой кнопкой мыши по названию слоя и выберите Параметры слоя:

• Таким образом можно задавать название слоя. Назовем первый слой Глаз.

• Теперь нужно сделать контур фигуры неактивным (т.е. убрать его). Для этого необходимо кликнуть на вкладку Контуры И кликнуть на пустом месте в этой вкладке. Так нужно проделывать с каждой фигурой.

• Далее нужно растрировать эту фигуру. Для этого выделяем слой с этой фигурой, в строке Меню выбираем Слои -> Растрировать -> Фигуру.

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

1. Цвет с2. Режим наложения: Умножение 3. Непрозрачность 67% 4. Угол 5. Смещение 6. Стягивание 7. Размер 46.

Затем выбираем Внутреннее свечение, Тиснение и Наложение градиента. И задаем параметры, как показано ниже, на рисунках.

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

• Теперь нарисуем зрачок. Рисуем еще один эллипс на первом эллипсе, но уже черного цвета.

• Выбираем инструмент Кисть, выбираем белый цвет и следующие параметры и рисуем белый кружок:

• Переименуем слой. Назовем его Зрачок.

• Применим к слою следующие Параметры наложения:

• Делаем второй глаз. Создаем дубликаты слоев Глаз и Зрачок. Кликаем правой кнопкой мыши на названии слоя и выбираем Создать дубликат.

• Располагаем дубликаты под первым глазом. Для этого перетаскиваем слои дубликатов под слои оригиналов (Зрачок-дубликат должен быть выше чем Глаз-дубликат, так же, как и у оригиналов).

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

• Применим Свободное трансформирование к Зрачку-дубликату и Глазу дубликату и немного повернем их и поменяем размер. Примерно так:

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

• Назовем получившийся слой Глаза. На протяжение всей работы Глаза должны оставаться верхним слоем.

Создание тельца и хвостика.  • Рисуем тельце. Выбираем инструмент Эллипс и цвет 7ea6d8. После этого получившийся слой перетаскиваем под слой Глаза и называем его Тельце.

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

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

Создание лапок.  • Теперь приступаем к созданию лапок. Создаем новый слой. Выбираем инструмент Перо. И точка за точкой рисуем каркас лапки.

• Далее надо раскрасить лапки. Выбираем закладку Контуры, кликаем по Рабочему контуру правой кнопкой мыши и выбираем Выполнить заливку контура.

• Копируем Стиль слоя для лапки с тельца. Для этого кликаем правой кнопкой мыши по названию слоя Тельце и выбираем Скопировать стиль слоя, потом кликаем по названию слоя Лапки и выбираем Вклеить стиль слоя.

• Создаем 2 дубликата слоя лапки и помещаем лапки друг за другом. Объединяем слои лапок и создаем дубликат получившегося слоя. Помещаем дубликат слоя лапок под тельцем.

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

Создание крыльев.  • Осталось только создать крылья. Для этого создаем новый слой и с помощью инструмента Перо рисуем каркас крыла:

• Кликаем на обведенную точку правой кнопкой мыши и выбираем Свободное трансформирование. Делаем половинку лепестка. Со второй половинкой поступаем так же.

• После этого выбираем белый цвет и кликаем на закладку Контуры. Выполняем заливку контура, как мы это делали с лапками, только устанавливаем Непрозрачность 40%.

• Далее выбираем инструмент Заливка, выбираем цвет bad5f6 и заливаем крыло.

• Применим к нашему крылу следующие Параметры наложения • Создадим дубликат слоя Крыло и расположим его под слоем оригиналом. С помощью Свободного трансформирования повернем и поменяем размер.

• Далее создаем дубликаты слоев Крыло и Крыло копия, располагаем их под слоем Тельце, перетаскиваем крылья на левую сторону тельца и с помощью Свободного трансформирования поворачиваем их. Вот, что должно получится.

• Теперь объединяем слои и сохраняем изображение.

Урок 5. Эффект рваной бумаги. Работа со слоями и разными видами кистей.

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

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

Описание: при создании данного изображения мы будем работать со слоями, текстурами, кистями. С помощью кистей мы создадим рваные края, а также пятна кофе. В итоге должна получиться вот такая картинка Создание документа  1. Создайте новый документ 500*500px. В строке Меню: Файл -> Создать.

2. В графе имя введите «Кофе».

Создание изображения бумаги  1. Используя Инструмент “Прямоугольная область”, создайте выделение квадрата как показано на рисунке.

2. Залейте любым цветом.

3. Продублируйте слой Фон. Нажмите CTRL+J. Нажмите правой кнопкой по новому слою и переименуйте его в «Записка».

Создание рваные краев  1. Используя Инструмент “Лассо”, создайте выделение как показано ниже:

2. Удалим выделенное. Выберите Редактирование->Вырезать. Аналогично поступаем с оставшимися сторонами квадрата. Получаем:

Сделаем края записки еще более неровными, для этого:

1. Выберите Инструмент “Кисть” и нажмите F5, чтобы вывести настройки кисти.

2. Перейдите во вкладку “Форма отпечатка кисти”. Выберите стандартную кисть радиуса 17px, выставьте следующие параметры:

• Установите значение “Интервалы” 47%.

• Поставьте галочку рядом с “Динамика формы”. Колебания размера установите 100%.

Колебания угла 61%.

• Поставьте галочку рядом с вкладкой “Рассеивание”. Поставьте галочку рядом с “Обе оси”. Установите значение счетчика 2, а колебание счетчика 98%.

• Поставьте галочку рядом со “Сглаживание”.

• Нажмите еще раз F5, чтобы убрать с экрана настройки кисти.

3. Создайте новый слой.

4. Проведите кистью вдоль краев чтобы получить эффект рваных краев (на новом слое):

5. То же самое проделайте для всех сторон. В итоге должно получиться:

Сливаем эти два слоя (слой с квадратом и слой с «рваными» краями). Для этого:

1. Нажмите правой кнопкой на Слой1 ->Объединить с предыдущим.

Работа с текстурами  Применим к слою «Записка» следующие настройки:

1. Перейдем Слои->Стили слоя->Наложение узора.

2. Выберите самый последний узор.

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

1. Нажмите Файл->Открыть.

2. Выберите нужный файл. Нажмите ОК.

3. В появившемся окне справа во вкладке Слои нажмите правой кнопкой на Фон и выберите “Создать дубликат слоя”.

4. Во вкладке Документ выберите Кофе, дайте слою имя “Дерево”. Закройте файл “Дерево”.

5. В файле “Кофе” слой “Дерево” переместите на последнее место.

6. Нажмите правой кнопкой на этот слой и объедините его со слоем Фон.

Редактирование изображения  Создадим под запиской тень. Для этого:

1. Дублируем слой Записка.

2. Выделяем объект и заливаем его черным цветом.

3. Даем слою название Тень.

4. Переместите слой с тенью ниже слоя с бумагой.

5. Выполните: Редактирование->Трансформирование->Деформация.

6. Деформируем нижний край нашей тени как показано на рисунке:

7. Немного размоем тень:

a) Фильтр->Размытие->Размытие по Гауссу с радиусом размытия 13px:

Видим, что тень неравномерно видна. Исправим это. Используя инструмент Деформация, скорректируем тень, это должно добавить больше реализма изображению Следующим шагом будет наложение мятой бумажной текстуры. (Скачать можно здесь http://www.sxc.hu/photo/1146676) 1. Нажмите Файл->Открыть. Выберите нужный файл. Нажмите ОК.

2. В появившемся окне справа во вкладке Слои нажмите правой кнопкой на Фон и выберите “Создать дубликат слоя”.

3. Во вкладке Документ выберите Кофе, дайте слою имя “Бумага”. Закройте файл “Бумага”.

4. В файле “Кофе” слой “Бумага” переместите этот слой над остальными слоями.

5. Перейдите на слой Записка, и с нажатым Ctrl кликните на этот слой.

6. Перейдите на слой Бумага. Нажмите Выделение->Инверсия, чтобы инвертировать выделение.

7. Нажмите Ctrl+X чтобы удалить ненужную нам область.

Измените режим наложения на Умножение. Для этого:

1. Перейдите Слои->Стиль слоя->Параметры наложения.

2. Режим наложения измените на Умножение. Нажмите ОК.

Теперь добавим больше деталей. Для этого понадобиться этот файл http://www.sxc.hu/photo/1231636.

1. Загрузите этот файл так же как и файл “Бумага”. Дайте слою имя Текстура.

2. Переместите слой над остальными.

3. Во вкладке Слои нажмите правой кнопкой на слой Текстура.

4. В списке выберите Создать обтравочную маску. Непрозрачность установите 26%.

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

(Ссылка на кисти http://www.brusheezy.com/brushes/1192-Coffee-Stains) 1. Выберите Инструмент “Кисть” и нажмите F5, чтобы вывести настройки кисти.

2. Нажмите на “Управление наборами” внизу экрана.

3. В открывшемся окне нажмите Загрузить и перейдите в папку, где хранятся кисти.

Выберите нужный файл.

4. Создайте новый слой.

5. Выберите темно-коричневый цвет и на новом слое поставьте несколько пятен.

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

1. Перейдите на слой Бумага, и с нажатым Ctrl кликните на этот слой.

2. Перейдите на слой Пятна и нажмите Выделение->Инверсия, чтобы инвертировать выделение.

3. Нажмите Ctrl+X чтобы удалить ненужную нам область.

Работа с текстом  Напишем текст на записке:

1. Выберем инструмент “Горизонтальный текст”.

2. Выделите некоторую область и напишите текст.

3. Шрифт выберите Segoe Script размер 36пт. Поменяйте цвет на темно-синий.

Переместите, если нужно, текст. Режим смешивания смените на Жесткий свет.

Урок 6. Состаривание фотографии. Работа со слоями и фильтрами.

Вступление  Цель урока: научиться придавать фотографиям эффект старины.

Начало работы  • Открываем исходную фотографию: Файл–> Открыть… • Придадим некоторого объема фотографии с помощью Изображение –> Коррекция –> Тени/Света… • Делаем копию слоя: Ctrl+J или кликаем на названии слоя и не отпуская кнопки мыши, перетаскиваем на значок Создать новый слой • Добавляем новый слой: Слои –> Новый корректирующий слой –> Карта градиента… • Переходим на слой с фото. Выбираем Фильтр –> Текстура –> Зерно… • Теперь нам понадобится текстура старой бумаги: Файл–> Открыть… Переносим её на фото. Подгоняем размер с помощью Ctrl+T. Изменяем Параметры наложения на Умножение.

• Объединяем слои: Ctrl+Shift+E.

Работа готова! По желанию можно обесцветить фото, тогда Ваша работа будет выглядеть так:

Урок 7. Ретуширование старой фотографии. Работа с фильтрами, штампами и инструментами.

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

Цель урока: улучшить внешний вид старой чёрно-белой фотографии.

Изображение до и после восстановления Начнем с того, что запустим программу Photoshop CS5.

Откройте нужное изображение посредством команды File | Open (Файл | Открыть).

Удаление пыли и царапин.  • Фильтр Dust & Scratches (Пыль и царапины), доступный посредством команды Filter >Noise>Dust & Scratches (Фильтр>Шум>Пыль и царапины), был создан для удаления посторонних элементов на старых фотографиях. Настроив регуляторы Radius (Радиус) и Threshold (Порог), можно подобрать наилучшую комбинацию, максимально подавляющую на изображении мелкие помехи.

• При использовании фильтра Dust & Scratches выберите несколько областей с различными текстурами и подберите для каждой оптимальные настройки. Применение фильтра к изображению целиком может привести к потере мелких деталей. Для достижения наилучших результатов используйте малые значения радиуса и порога.

Pages:     | 1 || 3 | 4 |






















© 2011 www.dissers.ru - «Бесплатная электронная библиотека»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.