• Авторизация


Делаем открытка 09-04-2011 08:51 к комментариям - к полной версии - понравилось!

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

Делаем открытка

31-03-2010 20:40 (ссылка) Добавить в избранное  Это спам
  ·  
 
 

 


[показать]
Открытка.

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

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

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



[показать]



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



[показать]



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



[показать]



Жмём ОК и увеличиваем в навигаторе размер видимости до 100%, чтобы было удобно работать. После сжатия документа на рабочей поверхности программы он превратился, буквально, в точку.



[показать]



[показать]



2. Посмотрим на изображение. Для открытки немного мрачновато. Это можно исправить коррекцией уровнями. Топаем в меню – изображение – коррекция – уровни. Я поставила такие настройки и получила более весёленькое изображение.



[показать]



[показать]



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



[показать]



4. Инструментом «перемещение» (клавиша V) перетащим рамку на документ с нашей картинкой, и развернём слой с рамкой на 90градусов ( меню – редактирование – трансформирование – повернуть на 90градусов по часовой стрелке).



[показать]



5. Поиграем свободной трансформацией (меню – редактирование – свободная трансформация или Ctrl+Т). Я поставила такие размеры по ширине и высоте.



[показать]



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



[показать]



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



[показать]



7. Приступим к обработке рамки. Сначала дублируем слой с рамкой ( Ctrl+J) и соединим с предыдущим слоем (Ctrl+E). Это позволило сделать рамку более чёткой.



[показать] [показать]



Применим к полученному слою стили или эффекты ( синонимы). Для этого делаем клик правой кнопкой мыши и в выпавшем меню выбираем «параметры наложения».



[показать]



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



[показать] [показать]



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



[показать]



Получаем.



[показать]



8. Создадим новый слой(вторая иконка справа внизу панели слоёв) и расположим его в панели слоёв между слоями с картинкой и рамкой. Для этого расположения достаточно находиться на слое с картинкой.



[показать]



Активируем инструмент «пипетка» (клавиша i)и кликаем инструментом в светло зелёную часть фона. При этом цвет сразу определяется в заливке.



[показать]



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



[показать]



Почему цвет взят с картинки, а не произвольный? Дело в том, что при сохранении анимации произвольный цвет может изменить качество изображения из – за спектра выходящего гиф файла, который может составить больше 256 тонов. А цвет, взятый с изображения хоть и не гарантирует сохранение качества тонов, но снижает уровень искривления.
Активируем инструмент «ластик» , настройки кисточки для ластика – мягкая, круглая , с большим радиусом. Я взяла с радиусом 300пикселей из стандартного набора кистей для фотошопа.



[показать]



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



[показать]



9. Загружаем выделения слоя с цветом(меню – выделение – загрузить выделенную область) глиттером, не забывая, что каждый слой с заливкой глиттером располагаете на новом, отдельном слое. Как загружать и заливать глиттер читайте ЗДЕСЬ. Я воспользовалась эти глиттером.



[показать]


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



[показать]



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



[показать]



10.Сделаем кант у открытки. Загружаем выделение документа (меню – выделение – всё или сочетание клавиш Ctrl+A), создаём новый слой, который в панели слоёв располагаем на самом верху и топаем в меню – редактирование – выполнить обводку. Я установила значение в 2 пикселя, положение «внутри», цвет, как у рамки ( для установления цвета кликнете пипеткой по рамке). Снимаем выделение.



[показать] [показать]



11. Добавим к слою с обводкой стиль слоя «внешнее свечение» Можно вызвать панель стиля, как и в случае с рамкой ( пункт 7), а можно нажать на вторую иконку справа внизу панели слоёв и в выпавшем меню выбрать нужную позицию.



[показать] [показать]



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



[показать]



12. Так, прежде, чем приступать к анимации, напишем текст ( о работе с текстом читайте ЗДЕСЬ)на открытке и к тексту применим тот же стиль, что и к рамке. Для этого, после написания текста, переходим на слой с рамкой и копируем стиль (клик правой кнопкой по слою – в выпавшем меню выбираем «скопировать стиль слоя)



[показать]



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



[показать] [показать]



13. Открываем панель анимации(меню – окно – анимация). Если в панели открылась временная шкала, то нужно поменять положение на «преобразовать в покадровую анимацию». Для этого нажмите на стрелку, расположенную в верхнем правом углу панели анимация и в выпавшем меню выберите нужную позицию.



[показать]


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



[показать] [показать]



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



[показать]



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



[показать]



[показать]



[показать]



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


Наталья

 

Серия сообщений "урок":
Часть 1 - Интересные и полезные ссылки
Часть 2 - Для изучения немецкого
...
Часть 90 - Подробная Установка ADOBE PHOTOSHOP CS5
Часть 91 - Как вставить музыку в свое сообщение(дубль №2)
Часть 92 - Делаем открытка
Часть 93 - Он-лайн фотошоп
Часть 94 - РОГРАММА PhotoImpact_v12_rus.rar
...
Часть 98 - Картинка из кодов
Часть 99 - Как расположить табличку с картинками по центру страницы?
Часть 100 - Как сделать рамочку для текста самому.
вверх^ к полной версии понравилось! в evernote
Комментарии (1):


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Делаем открытка | Olga1406 - Дневник Olga1406 | Лента друзей Olga1406 / Полная версия Добавить в друзья Страницы: раньше»