Это цитата сообщения IrchaV Оригинальное сообщение
В этом уроке мы научимся работать с появлением и исчезновением изображения
| Автор: Алиса |
|
В этом уроке мы научимся работать с появлением и исчезновением изображения с помощью каналов, градиента и масок слоя.
С чем мы познакомимся в этом уроке: Layer mask и gradient tool, создание канала
Этот эффект является дополнительным украшением на аватаре, поэтому в принципе не принципиально какой у вас исходник. Но особенно хорошо подобный эффект смотрится не на фото, а на аватаре, полностью нарисованной в photoshop'е, на картинке, нарисованной в векторном стиле и т.д. Очень неплох эффект для оформления пика со своим ником. И, несомненно, замечательно смотрится на юзербарах.
Я выбрала вот такой исходник:
1. Откройте исходный файл в Photoshop. 2. Выберите инструмент "Pen tool" (перо)
Убедитесь, что на панели параметров инструмента перо выбран "paths", а не "shape layers". Это необходимо для того, чтобы рисовался путь, а не законченная фигура.
и нарисуйте с помощью него извилистую линию - путь, который будет появляться на нашей аватаре:
Примечание: Чтобы нарисовать пером такую извилистую линию, необходимо просто поочередно ставить точки в узлах. Для того, чтобы "закруглить" угол - ставя точку - не отпускайте мышь и тяните в сторону.
3. Создайте новый пустой слой под обводку нашего пути. Для этого нажмите на кнопку "Create a new layer" (создать новый слой) на панели "Layers" (слои):
4. Обводим контур с помощью кисти. Наша задача - обвести путь, который только что нарисовали кистью, чтобы получилась полноценная линия :) Выберите инструмент "Brush tool":
На панели параметров кисти выберите размер кисти - 1 пиксель, жесткая кисть:
Снова выбираем инструмент перо и щелкаем им с помощью правой кнопки мыши поо нашему пути. Из предложенных вариантов контекстного меню выбираем "Stroke path" (выполнить обводку контура):
В новом диалоговом окне выбираем инструмент кисть, и ставим галочку около "Simulate plessure" (имитировать нажим кисти).
Путь обведен:
Примечание: заметьте, что цвет линии будет таким, какой цвет у вас был выбран основным до того, как вы выполнили команду "simulate plessure".
5. Теперь мы можем удалить ненужный путь. Для этого щелкните снова правой кнопкой по нему и выберите команду "Delete path" (удалить путь):
6. Таких линий нам надо несколько, поэтому нарисуйте еще парочку тем же способом (шаги 2-5). Вот мой результат:
Рисуйте разнообразные линии, чтобы анимация получилась интересной.
7. Переходим на вкладку "Channels" (каналы) на панели "layers" (слои):
Примечание: если эта панель у вас закрыта, откройте ее в меню "Window - Channels" (Окно - Каналы).
Создайте новый канал с помощью кнопки "create a new channel" (создать новый канал):
Появится новый совершенно черный канал с названием "Alpha1".
8. Выберите инструмент "Gradient tool" (градиент) и на панели параметров инструмента выберите тип градиента - "Reflected gradient" (отраженный градиент) от белого к черному:
И протяните градиент по аватаре, поставив первую точку где-то в центре пике, а потом потянув линию к краю пика. Добейтесь, чтобы на аватаре белая часть градиента была целиком:
Примечание: Чтобы рисовать прямую линию (градиента не под углом) зажимайте при рисовании клавишу "shift".
9. На панели "Layers" (слои) выделите первый из слоев с красной линией, щелкнв по нему.
10. Выделяем содержимое нашего альфа канала (на вкладке "channels"), зажав клавишу "ctrl" и щелкнув по иконке канала:
11. Переходите на вкладку "layers" (слои), и выбирайте команду "Layer" - "Layers Mask" - "Reveal Selection" (Слой - Маски слоев - использовать выделенное):
Таким образом из вашего выделения рядом со слоем появится вот такая маска слоя:
12. Точно также, вылеляя поочередно оставшиеся два слоя, назначьте обоим маски слоя. Для этого нужно делать все заново: щелкаете по второму/третьему слою с линией - выделяете содержимое канала - пользуетесь командой "reveal selection". В итоге получаете вот такую панель "layers" (слои):
13. Убираем связи с маской у всех трех слоев с красными линиями. Для этого щелкаем по значку с цепочкой. Теперь, сдвигая маску - мы не будем двигать сам слой с линией.
14. Теперь выделяем (щелкнув по ним) поочередно каждую из трех масок и сдвигаем с помощью стрелок на клавиатуре маски влево до тех пор, пока линий не будет видно. В панели "layers" при этом на масках останется только черный цвет.
Примечание: не обязательно сдвигать линии на равное количество пикселей. Если вы сдвинете их неровно - то и появляться они будут не одновременно, а "со сдвигом".
15. Переходим в Имедж Риди и создаем на панели "Animation" (анимация) еще один кадр с помощью кнопки "duplicate current frame" (дублировать текущий кадр):
16. Выделив новый второй кадр (щелкнув по нему) перемещаем маски (также, с помощью стрелок) вправо до тех пор, пока все линии не появятся на аватаре и не исчезнут снова справа.
17. Промежуточные кадры. Создайте 10-20 промежуточных кадров (эта анимация позволяет немало промежуточных кадров даже в 40 кб) и любуйтесь результатом:
Таким образом можно "проявлять" не только линии, но и любые другие рисунки, все дело в маске каналов :) |
