Открытка.

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


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. Создадим новый документ (Ctrl+N). Установим цвета по умолчанию (D), чтобы применить эффект в чёрно-белом цвете с последующей окраской или сразу выберите те цвета, которые будут формировать спектр облаков (в этом случае шаг №2 не требуется). Оговорюсь сразу: применение фильтра на чёрно-белую палитру с последующим окрашиванием даёт лучший результат, если вы акцентируетесь на световых бликах воды. Применим фильтр Облака: Фильтры / Представление / Облака (Filter / Render / Clouds).

После применения фильтра "Облака"

2. С помощью инструмента Изображение / Установка / Цветовой тон|Насыщенность (Image / Adjustments / Hue|Saturation) окрасим получившееся чёрно-белое изображение, предварительно проставив "галочку" в пункте "Цветоризация" (Colorize) окна инструмента и с помощью бегунков придадим рисунку нужный оттенок.

После окрашивания.

3. Применим фильтр "ЗигЗаг" - Фильтры / Деформации / ЗигЗаг (Filters / Distort / ZigZag). В окне фильтра проставим следующие параметры: Amount: 44% Ridges: 12 % Style: Around center. Попробуйте "поиграть" с параметрами и применить на получившееся изображение такие эффекты как 3d трансформация, полярные координаты и/или скручивание и вы получите текcтурированный 3-хмерный объект, "глаз" циклона, планету, просто интересный фон или текстуру. Экспериментируйте.

После применения фильтра ЗигЗаг.

После трансформации.

Эффект готов.

Открываем фото. Урок от Ольги Бор.

Шаг 1. Копируем слой(Сtrl+J)

Шаг 2. Обесцвечиваем копированный слой. (Shift+Ctrl+U)

Шаг 3. Копируем обесцвеченный слой и инвертируем его. (Ctrl+I)

Меняем режим смешивания

Шаг 4. Идём в фильтр «размытие по гауссу.

Вот здесь начинается самое интересное. Радиус размытия зависит от размера фото. У меня размер фотки 1224х1132пикс.Я поставила радиус размытия в 5 пикс.

Шаг 5. Соединяем все слои в новый слой (Shift+ Ctrl+ Alt+E)

Меняем режим смешивания

Применяем размытие по гауссу, но с меньшим радиусом. Я поставила 2 пиксела. Вуаля.

Режем картинку на 4 части. Урок от Ольги Бор.

Всем приветик!

Сегодня разрежем картинку на 4 части.

Результат урока.

1. Открываем изображение и определяем направляющие: по горизонтали и по вертикали 50%

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

3. Копируем выделение на новый слой (Ctrl+J) Если закрыть исходны слой, то наш кусочек сразу будет виден.

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

5. Теперь мы все слои с кусочками уберём в одну группу. Для этого, удерживая клавишу Shift, кликаем на каждый слой, начиная с верхнего. Это действие позволяет нам выделить сразу все слои.

После этого топаем в меню-слой-новый-группа из слоёв - ок.

6. Уменьшим группу на 10%. Для этого топаем в меню - редактирование - свободная трансформация и выставляем параметры в верхней панели инструмента.

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

7.Сделаем у каждого кусочка кант.
Для этого, переходим на слой с кусочком, загружаем выделение слоя ( меню - выделение - загрузить выделенную область.) Затем топаем в меню - редактирование - выполнить обводку. Устанавливаем ширину в 3 пикселя, положение - внутри.

Снимаем выделение и получаем(направляющие можно удалить - меню - просмотри - удалить направляющие)

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

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

Примените трансформацию ко всем слоям с кусочками. В панели слоёв можно поменять порядок расположения слоёв, как вам нравится. Я поменяла местами 2 и 3 слой.

9. Добавление фона.
Создаём новый слой (вторая иконка справа внизу панели слоёв) и располагаем его под группой с кусочками.Называем слой "фон"

Заливаем его цветом или текстурой, кому как нравится.

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

Я проставила следующие параметры

Получаем такой эффект.

11. Нужно применить этот эффект ко всем кусочкам картинки.

Для этого делаем на слое с тенью клик правой кнопкой по слою в панели слоёв и выбираем в меню позицию "скопировать стиль слоя"

Переходим на следующий слой, делаем клик правой кнопкой мыши и выбираем из меню "вклеить стиль"

Вклейте стиль ко всем кусочкам картинки. Выполните сведение слоёв (меню - слой - сведение слоёв) и сохраните изображение.
Работа закончена. Удачи!

Шаг 1

Для начала создайте новый документ с размерами 160х210. Фон можно залить линейным градиентом. Напишите текст светло-голубого цвета, желательно использовать шрифт с «толстыми» буквами (рис. а). В этом уроке я закруглил углы текста (рис б), но если у вас есть соответствующий шрифт, вы можете использовать его. Выделите текст (кликните на слое с текстом при нажатой клавише Ctrl) и создайте новый слой. На новом слое залейте выделение тёмно-синим цветом, как показано на рисунке с.

а b c

Шаг 2

Теперь нужно сжать выделенную область, для этого selection > modify > contract на 7 пикселов и растушевать немного select > feather (кол-во пикселов выбирайте в зависимости от вашего конкретного случая, я оставляла 7), затем удалите содержимое выделения (Del), результат у вас должен получиться примерно такой – рисунок а. Мы хотим, чтобы звёзды были только внутри текста, поэтому нам нужен слой, который бы скрывал звёзды вне текста. Продублируйте фоновый слой и переместите его на самый верх. Перейдите на слой со светло-голубой буквой S и выделите её. Затем перейдите на слой-дубликат фона (рис б) и нажмите Del – появится буква S.

a

b

Шаг 3

Теперь нам нужно создать звёзды, для этого выбираем shape tool и жмём на стрелочку, обведённую красным, затем на стрелочку, обведённую зелёным. Появится меню всех групп фигур для этого инструмента. Выбираете в списке группу Shapes, жмёте Ок и ищете фигуру звёздочки.

Шаг 4

На новом слое (назовём его Stars1) рисуем ярко-голубую звёздочку и выделяем её. Создаём новый слой ниже и закрашиваем выделение белым. Белую звёздочку с помощью трансформации Ctrl+T (держите при этом Shift) делаем чуть больше. Она должна смотреться как обводка голубой звёздочки. Затем объедините оба слоя со звёздами Ctrl+Е и копируя эту звезду сделайте ещё 2 звёздочки разного размера. Объедините слои со звёздами.

Шаг 5

Продублируйте слой со звёздами несколько раз и расположите их как вам захочется, у некоторых слоёв поменяйте цветовой тон image > adjustments > hue/saturaion. Когда закончите, опять объедините все слои со звёздами, сделайте дубликат и назовите его stars 1b. Перетащите го вверх следующим образом:

Шаг 6

Переходим в ImageReady и делаем самый верхний слой с фоном, который прячет ненужные звёздочки невидимым. Это нужно для того, чтобы сделать звёзды анимированными, но в конце мы снова сделаем этот слой видимым. После этой операции картинка должна выглядеть как на рисунке b. Панель анимации должна содержать 1 кадр с задержкой 0,1с (рис с). А слои со звёздами должны быть связаны (рис d)

а b c d

Шаг 7

Теперь создаёт 2й кадр (скопируйте 1й), который потом будет последним, и переместите слой 1а вниз так, чтобы он почти весь был за рамками холста (рис с). Теперь нужно создать промежуточные слои. Кликаем на иконку tween animation frames (рис d)

а b c d

Шаг 8

Появится окошко, в котором мы должны ввести кол-во промежуточных кадров, вводим цифру 7, жмём Ок и теперь в целом у нас есть 9 кадров. Теперь мы должны сделать видимым верхний слой с фоном. Для этого выделяем 9й кадр (рис б), зажимаем Shift и кликаем на 1й кадр – все кадры будут выделены. Делаем слой с фоном видимым в панели слоёв и он должен стать видимым на всех кадрах

а b c d

Шаг 9

Теперь всё, что нужно сделать – это открыть закладку optimize, уменьшить цвета до например 64 (рис а) и сохранить анимацию file > save optimized as. Всё )

а

Результат

Источник: http://artcity.lv/tutorials/ps-tutorials

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

Шаг 1.
Создаем новый документ (Ctrl+N) 200х200px.
Берем инструмент Paint Bucket Tool (G) и заливаем фон черным цветом цветом

Шаг 2.
Создаем новый слой (Shift+Ctrl+N), его тоже заливаем черным цветом и заходим в настройки стиля слоя (Layer > Layer Style > Blending Options).
В окне “Blending Options” отмечаем галочку “Gradient Overlay” и настраиваем по пунктам:

1) Щелкаем сюда для настройки градиента.
Настраиваем бегунки на градиенте:
2) “Opacity:0%”, “Location:100%”.
3) “Opacity:100%”, “Location:98%”.
4) “Color: #587F58”, “Location:100%”.
5) “Color: #000000”, “Location:0%”.
6) “Opacity:0%”, “Location:0%”.
7) Выставляем тип градиента “Angle”.

Теперь мы будем рисовать разметку радара.
Создаем новый слой, берем инструмент Line Tool (U) , выставляем основной цвет #85B089, зажимаем Shift и рисуем прямую вертикальную линию шириной 1px. Далее нажимаем Ctrl+A для выделения всего документа, переключаемся на инструмент Move Tool (V) и щелкаем на верхней панели на кнопки “Align vertical centers” и “Align horizontal centers” для выравнивания линии по центру документа (если у вас нет этой панели с кнопками, то включите ее – “Window > Options”):

Шаг 4.
Теперь нажимаем Ctrl+T и на верхней панели в поле “Set rotation” введите значение 15, нажмите Enter. Теперь нам нужно разметить весь радар, для этого мы будем копировать нашу линию и поворачивать каждую на 15 градусов. Но не стоит пугаться, этот процесс не займет много времени, так как мы будем использовать сочетание клавиш Alt+Shift+Ctrl+T. При нажатии этого сочетания, происходит копирование объекта и применяется последняя трансформация (в нашем случае это поворот на 15гр).
Ну пожалуй хватит писанины, зажимайте Alt+Shift+Ctrl и щелкайте по кнопке T, пока разметка не будет по всей области радара:

Шаг 5.
В окне слоев щелкаем правой кнопкой мыши по слою с линиями и выбираем “Rasterize Layer”, далее берем ластик размером 20px, с твердыми краями и стираем середину. (Если у вас на этом шаге, по какой то причине получилось несколько слоев с линиями, то выделите все слои (щелчок по слоям с зажатым Ctrl) и нажмите Ctrl+E для их объединения, после чего сразу переключайтесь на ластик.) Перед завершением этого шага поменяйте в окне слоев режим наложения, для этого слоя, на “Overlay”:

Шаг 6.
Создайте новый слой и сделайте на нем четыре белых линии, под углами 0, 45, 90 и 135 градусов:

Шаг 7.
Полностью повторяем для них шаг №5:

Шаг 8.
Далее мы создадим разметку дистанции.
Создаем новый слой.
Берем инструмент Brush Tool (B) , выбираем стандартную кисть размером 1px и выставляем основной цвет #85B089. Далее переключаемся на инструмент Ellipse Tool (U) , сверху выставляем для него режим “Paths” и рисуем небольшой контур в центре радара. После этого щелкаем по нему правой кнопкой мыши и выбираем “Stroke Path”, в появившемся окне в строке “Tool” выставляем “Brush” и нажимаем “ОК”:

Шаг 9.
Сейчас нам нужно создать подобные кольца по всему радару. Для этого, правой кнопкой мыши щелкаем по контуру и выбираем “Free Transform Path”, увеличиваем контур в два раза (на панели вверху в поля “Set horizontal scale” и “Set vertical scale” вводим значения 200%) и делаем “Stroke Path”. Повторяем создание и увеличение колец, значения вводите на свое усмотрение, но главное что бы кольца были примерно на равном расстоянии друг от друга. Закончите создание колец, как только у вас кольца перестанут вмещаться в область радара:

Шаг 10.
Меняем режим наложения для этого слоя на “Overlay”. Вообще эти кольца, как и линии не должны быть одного цвета, но мы не будем создавать более яркие, что бы они в дальнейшем не закрывали объекты на радаре:

Шаг 11.
Пришло время рисовать цели. На радаре цели выглядят в виде коротких линий или же просто в виде точек (да простит меня федеральная служба безопасности РФ, за разглашение секретной военной информации ). Создаем новый слой, берем кисть размером 1-2px и белым цветом рисуем точки и полосочки (это самолеты ). Не стоит ставить точки совсем близко друг к другу, единственное место, в котором можно поставить много точек рядом – это середина радара, так как на ближней дистанции радар в жизни хватает много помех, таких как жилые дома, деревья, всякие башни и т.д. (теперь мною точно заинтересуются спецслужбы ):

Шаг 12.
Далее меняем режим наложения для этого слоя на “Overlay” и:
1) Если у вас Photoshop CS2 и ниже, то запускаем “Image Ready”.
2) Если у вас Photoshop CS3, то вам не нужно запускать “IR”, а просто нужно открыть окно анимации “Window > Animation”.

Добавлено (01.03.2008, 16:32)
---------------------------------------------
Шаг 13.
Теперь в окне анимации создаем новый кадр:

Шаг 14.
Переключаемся на слой для которого в самом начале мы настраивали стиль (такой у нас один), снова заходим в его “Blending Options” и меняем для уже настроенного градиента, значение “Angle” на “0”:

Шаг 15.
Создаем еще один кадр и там же где и в предыдущем шаге меняем “Angle” на “-90”.
Ну и последний раз, новый кадр и “Angle” на “180”:

Шаг 16.
Далее копируем первый кадр, для этого просто выберите его и нажмите на кнопку с помощью которой мы создавали кадры. Теперь в окне анимации зажмите левую кнопку мыши на этой копии и перетащите ее в конец анимации (сделайте его последним кадром).
Теперь нужно создать промежуточные кадры.
Выбираем второй кадр, жмем на кнопку “Tweens animations frames” и в появившемся окне настройте все как на картинке:

Шаг 17.
Таким же методом создаем промежуточные кадры для оставшихся трех основных.
После завершения создания промежуточных кадров, выберите последний кадр и удалите его, потому что если этого не сделать, ваша анимация будет подтормаживать, т.к. у вас будут два одинаковых кадра (первый и последний):

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

Автор урока: SandWicH
Источник

1.Создаём новый документ с размерами 400х400. Заливаем его чёрным цветом.
2.Далее применяем фильтр Filter>Render(Рендринг)>Lens Flare(Блик). Выбираем Movie Prime.(Начало ролика)
3.Применяем ещё один фильтр Filter>Distort(Искажение)>Polar Coordinates(Полярные координаты) и выбираем Rectangular to Polar.(Прямоугольные в полярные)


4.Копируем слой и ставим тип наложения копии
на Lighten.(Замена светлым)

5.Далее к копии применяем следующее
Edit(Редактирование)>Transform Rotate 90CW.(Трансформация)
Получается такое:

Далее копируем этот слой и тоже поворачиваем,
после копируем слой, который повернули последний,
и тоже поворачиваем. Получаем такое:

Далее выбираем Layer(Слои)>Flatten Image(объединить),
этим мы соединим все слои в один.

После копируем получившийся слой и ставим
тип наложения копии на Screen.(Осветление)

Теперь поворачиваем копию (Cntl+T) на 45 градусов.

Итог нашего урока

Здесь я добавила анимацию

Из блога Натальи Петровой.