СТИЛЯГИ

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » СТИЛЯГИ » Фотошоп » Уроки


Уроки

Сообщений 1 страница 2 из 2

1

Урок: Анимация

В этом Фотошоп уроке вы узнаете, как сделать анимацию для фона.

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

Шаг 1.

Создайте новый документ 350х350 px с белым фоном.
Откройте картинку, которую вы будете разрезать, в Фотошоп. Разместите ее в центре вашего документа.

Картинка должна быть меньше, чем сам документ.

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animated.jpg

Установите Линейки следующим образом (разделите на четыре равные части).
Чтобы сделать этот инструмент активным нажмите CTRL+R или View > Rulers (Просмотр - Линейки)

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatee.jpg

Шаг 2.

Возьмите инструментhttp://www.photoshop-master.ru/lessons/tools/marque.pngи создайте выделение вокруг левой верхней части картинки.

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatef.jpg

Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой.
То же самое можно сделать Layer > New > Layer via Copy (Слой - Новый - скопировать на новый слой)

Теперь вернитесь к основному изображению и проделайте то же самое с каждым квадратом. В конце просто удалите слой с картинкой.

Шаг 3.

Каждому кусочку картинки примените такие стили:

Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения)

Тень:

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animateg.jpg

Обводка:

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animateh.jpg

Затем нажмите Ctrl+T или Edit > Free Transform (Редактирование - свободная трансформация) и примените данный инструмент к каждому кусочку. Разверните их каким-нибудь уникальным образом.

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatei.jpg

Шаг 4.

Теперь оставьте видимым только один слой на фоне (здесь это layer 3)

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatej.jpg

Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady.

Там также как в Фотошоп будет рабочее окно, но кроме этого вы увидите еще полоску для кадров.

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

Затем нажмите на кнопкуhttp://www.photoshop-master.ru/lessons/tools/new-layer.pngDuplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами.

После чего перетащите картинку в рабочем окне снова на положенное место.

Выделите эти два кадра и нажмите на кнопкуhttp://www.photoshop-master.ru/lessons/2007/170907/animated_back/1.gifTween (Добавить промежуточные кадры).

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatek.jpg

В окне Tween установите такие настройки:

Начать с: Выделенный кадр
Добавить кадров: 8
Слои: Все слои

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatel.jpg

После ОК кадры ваши станут быстро размножаться. Если нажать на кнопку Play (Воспроизвести), то получится вот так:

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animated.gif

Шаг 5.

Далее на последнем кадре делаем видимым еще один слой в палитре и проделываем те же действия. Так с каждым кусочком.

Когда у вас все будет готово, зайдите в меню File > Save Optimized As... (Файл - Сохранить оптимизированный как...)

Вот и результат:

http://www.photoshop-master.ru/lessons/2007/170907/animated_back/animatee.gif

0

2

Урок: Открытка ко Дню Св.Валентина

В этом фотошоп уроке вы научитесь создавать поздравительную открытку ко Дню Святого Валентина.

Итак, начнем с создания нового документа размером 500 x 400 px. Разблокируйте фоновый слой - просто дважды щелкните по слою и нажмите ОК.

Возьмите инструментhttp://www.photoshop-master.ru/lessons/tools/gradient.png, установите цвета градиента:
от #0353a4 до #46d3e8

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/20000000.jpg

Теперь переключитесь на инструмент "Произвольная фигура"http://www.photoshop-master.ru/lessons/tools/shape.png, далее в настройках выберите форму сердца и нарисуйте сердечко как показано ниже.

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/30000000.jpg

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/40000000.jpg

Примените к слою с сердцем следующие стили: Внутренняя тень

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/50000000.jpg

Внешнее свечение:

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/60000000.jpg

Тиснение (Объем): стиль "Обводящее тиснение"

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/70000000.jpg

Наложение градиента:

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/80000000.jpg

Обводка:

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/90000000.jpg

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

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/10000001.jpg

Теперь зажмите Ctrl и кликните по иконке слоя с сердцем - появится выделение. Далее возьмите инструментhttp://www.photoshop-master.ru/lessons/tools/Elliptical%20Marquee.jpgв режиме "Отсекания" (subtract from selection) и откусите нижнюю часть выделения как показано на рисунке:

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/11000000.jpg

Создайте новый слой, установите белый цвет в качестве основного, выберите инструментhttp://www.photoshop-master.ru/lessons/tools/gradient.png, в настройках установите цвет градиента от белого к прозрачному, далее проведите градиент по диагонали. Нажмите Ctrl + D, чтобы снять выделение.

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/12000000.jpg

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/13000000.jpg

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/14000000.jpg

При активном слое с градиентом кликните на кнопку "Добавить маску слоя":

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/15000000.jpg

Теперь протяните черно-белый градиент снизу вверх прямо по маске:

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/16000000.jpg

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/17000000.jpg

Сердце готово. Теперь поработаем над фоном.

Установите сначала в палитре цветов голубой цвет в качестве основного. Перейдите в меню Фильтр - Текстура - Текстуризатор:

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/111.gif

Затем внизу нажмите на кнопкуhttp://www.photoshop-master.ru/lessons/tools/new-layer.pngСоздать новый слой эффектов.

И примените фильтр, который находится по соседству с Текстуризатором - Stained Glass (Витраж).

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/222.gif

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

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/333.jpg

Пришло время добавить текст.

Наверху напишем: "Люблю Вас...очень!" С помощью кнопочки деформация текстаhttp://www.photoshop-master.ru/lessons/2007/080208/happy_val/4.gifизменим ему изгиб. Выберите стиль "Арка"

Внизу напишите: "С Днем Св. Валентина", примените противоположный вид деформации.

Добавьте текстам обводку, чтобы они выделялись на фоне.

Готово!

http://www.photoshop-master.ru/lessons/2007/080208/happy_val/555.jpg

0


Вы здесь » СТИЛЯГИ » Фотошоп » Уроки


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC