Это цитата сообщения Russlana Оригинальное сообщение

Без заголовка

УРОК-"ОТКРЫТКА"


Это цитата сообщения ЭМИЛЛИ

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

Конечный результат.

[693x567]







1. Открываем изображения. Я взяла фото клипарт из серии «Тюльпаны», альбом с которыми ЗДЕСЬ..







У изображения большой размер и расширение. Нам нужно всё это добро

уменьшить. Для этого топаем в меню – изображение – размер изображения и

видим такую картину маслом.

[350x230]

Сначала меняем расширение. Стираем значение 350 и пишем 72.

[350x230]

Затем меняем размер в пикселях. Стираем значение ширины и вписываем 55о – нормальный размер для анимированной открытки.

[350x230]



Жмём ОК и увеличиваем в навигаторе размер видимости до 100%, чтобы было

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

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

[350x358]

[250x235]





2. Посмотрим на изображение. Для открытки немного мрачновато. Это можно

исправить коррекцией уровнями. Топаем в меню – изображение – коррекция

– уровни. Я поставила такие настройки и получила более весёленькое

изображение.

[350x271]

[350x237]



3. Теперь откроем векторную рамку и так же, как у картинки, изменим параметры изображения.

[250x97]





4. Инструментом «перемещение» (клавиша V) перетащим рамку на документ с

нашей картинкой, и развернём слой с рамкой на 90градусов ( меню –

редактирование – трансформирование – повернуть на 90градусов по часовой

стрелке).

[250x192]





5. Поиграем свободной трансформацией (меню – редактирование – свободная

трансформация или Ctrl+Т). Я поставила такие размеры по ширине и

высоте.

[402x42]

Подвинем трансформацию и нажмём Enter, чтобы её применить и продолжить работу.

[250x183]





6.Сотрём ластиком внутренний элемент с рамки и кант, который виден. А

затем кадрируем документ, убрав немного слева. Активируем инструмент

«рамка» и работаем.

[250x203]





7. Приступим к обработке рамки. Сначала дублируем слой с рамкой (

Ctrl+J) и соединим с предыдущим слоем (Ctrl+E). Это позволило сделать

рамку более чёткой.

[250x199] [250x203]



Применим к полученному слою стили или эффекты ( синонимы). Для этого

делаем клик правой кнопкой мыши и в выпавшем меню выбираем «параметры

наложения».

[356x265]

Применяем наложения цвета и тень.

[250x143] [250x144]

Красным прописаны цвета, которые я использовала. Вам достаточно кликнуть на иконку цвета в меню наложения и вписать цвет.

[400x241]

Получаем.

[250x203]





8. Создадим новый слой(вторая иконка справа внизу панели слоёв) и

расположим его в панели слоёв между слоями с картинкой и рамкой. Для

этого расположения достаточно находиться на слое с картинкой.

[367x185]



Активируем инструмент «пипетка» (клавиша i)и кликаем инструментом в

светло зелёную часть фона. При этом цвет сразу определяется в заливке.

[350x298]

Активируем инструмент «заливка» и заливаем слой.

[250x248]



Почему цвет взят с картинки, а не произвольный? Дело в том, что при

сохранении анимации произвольный цвет может изменить качество

изображения из – за спектра выходящего гиф файла, который может

составить больше 256 тонов. А цвет, взятый с изображения хоть и не

гарантирует сохранение качества тонов, но снижает уровень искривления.



Активируем инструмент «ластик» , настройки кисточки для ластика –

мягкая, круглая , с большим радиусом. Я взяла с радиусом 300пикселей из

стандартного набора кистей для фотошопа.

[298x314]

Делаем пару, тройку кликов, чтобы удалить часть слоя, который закрывает видимость цветов.

[250x212]





9. Загружаем выделения слоя с цветом(меню – выделение – загрузить

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

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

заливать глиттер читайте ЗДЕСЬ. Я воспользовалась этим глиттером.



После заливки глиттером снимаем выделение (Ctrl+D) и получаем такую картину в панели слоёв и на изображении.

[250x152]

Отредактируем слои с заливкой. К каждому слою применяем режим наложение слоя на экран.

[250x213]





10.Сделаем кант у открытки. Загружаем выделение документа (меню –

выделение – всё или сочетание клавиш Ctrl+A), создаём новый слой,

который в панели слоёв располагаем на самом верху и топаем в меню –

редактирование – выполнить обводку. Я установила значение в 2 пикселя,

положение «внутри», цвет, как у рамки ( для установления цвета кликнете

пипеткой по рамке). Снимаем выделение.

[250x184] [250x234]





11. Добавим к слою с обводкой стиль слоя «внешнее свечение» Можно

вызвать панель стиля, как и в случае с рамкой ( пункт 7), а можно

нажать на вторую иконку справа внизу панели слоёв и в выпавшем меню

выбрать нужную позицию.

[357x388] [250x142]

Получим небольшой эффект на открытке.

[250x203]



12. Так, прежде, чем приступать к анимации, напишем текст ( о работе с текстом читайте ЗДЕСЬ.)

на открытке и к тексту применим тот же стиль, что и к рамке. Для этого,

после написания текста, переходим на слой с рамкой и копируем стиль

(клик правой кнопкой по слою – в выпавшем меню выбираем «скопировать

стиль слоя)

[350x387]



Затем переходим на слой с текстом и вклеиваем стиль. (клик правой

кнопкой по слою – в выпавшем меню выбираем «вклеить стиль слоя»)

[350x383] [250x201]





13. Открываем панель анимации(меню – окно – анимация). Если в панели

открылась временная шкала, то нужно поменять положение на

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

расположенную в верхнем правом углу панели анимация и в выпавшем меню

выберите нужную позицию.

[250x127]

Затем нужно изменить режим анимации на «навсегда», задержку времени 0,1сек.

[118x224]

У кого версия фотошопа ниже CS3переходит в приложение Adobe ImageReady и выставляет время задержки.



14.Создаём ещё два кадра (вторая кнопка справа внизу панели анимации)

[290x109]



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

одного кадра видимость только у одного слоя с глиттером. К первому

кадру – первый слой и т.д.

[500x186]

[500x192]

[500x179]



Сохраняем картинку ( меню – файл – сохранить для Web). Попадаем на

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

что файл, который вы сохраняете имеет формат gif.

[250x193]

Для Adobe ImageReady меню – файл – сохранить оптимизированным.

Урок закончен. Удачи!

Автор - ваш Admin- Ольга Бор.