Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 1 гость и 0 пользователей онлайн
Нет пользователей онлайн.

altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

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

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Мелкие блестки (глитеры)
Автор: Алиса   
08.05.2009 08:56

С помощью этого урока мы сможем вот таким образом украсить любую часть нашей аватарки:

alt 

С чем мы познакомимся в этом уроке: цветовое выделение "Color range", фильтр "Noise", режим смешивания слоев Lighten:

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

Итак...

1. Открыли изображение, которые вы хотите анимировать
. Вот моя картинка:

alt 


2. Копируем наш слой "Background". Это можно сделать, нажав на клавиатуре сочетание быстрых клавиш "Ctrl + J".

alt 


Получаем "Background copy", а сам "Background" удаляем, нажав в том же окне на кнопку -

alt 


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

Самый надежный способ выделить только нужный цвет:

Идем в меню "Select" - "Color Range": (Выделение - Цветовое выделение):

alt

Открывается вот такое окно:

alt

Наш курсор стал пипеткой. Тыкнете этой пипеткой на картинке на тот цвет, который вы хотите выделить.
"Fuzziness" - это интенсивность выделения, чем больше значение - тем больше выделяемая область - двигайте рычажок, чтобы добиться наилучшего результата. Как выделится - отлично видно на предпросмотре.
Когда консенсус будет найден, жмите на "Ок".

У вас выделилась часть того цвета, что вы задали.

alt 


4. Возимся со слоями.

Не снимая выделения, нажимаем на клавиатуре "Ctrl + J" 5 раз. Получается вот что:

alt

Делаем активным слой "Layer 1 copy" - кликая по нему мышкой и идем в "Filter - Noise - Add Noise": ("Фильтр - Шум - Добавить Шум")

alt

Передвигая ползунок "Amount" добиваемся нужного количества шумов.
Вот, что вышло у меня:

alt

Применяем фильтр "Add Noise" к слоям Layer 1 copy 2, Layer 1 copy 3, Layer 1 copy 4, Layer 1 copy 5 - слегка изменив значение Amount в большую или меньшую сторону, как желаете.

5. Переходим в Имедж Риди.
(Напомню, что это легко сделать нажав "File" - "Edit in Image Ready"- Файл-Редактировать в Имедж Риди)

В окошке "Animation" дублируете слой еще три раза, чтобы получилось всего 4 кадра с помощью кнопки "Duplicates Current frame": (Дублировать активный кадр)

alt

Далее делаем активным первый кадр (тыкнув на него мышкой) и в палитре "Layers" (Слои) включаем видимость (ставим глазик около этого слоя) для слоя с картинкой (слой под названием Background copy).

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

Для первого кадра выставляем видимость слоев вот так:

alt

Для второго кадра вот так:

alt

Для третьего:

alt

Для четвертого:

alt

И все, нажав на "play" можете увидеть результат. Ваша аватарка с блестками готова smile

  alt



Как сделать блестки "мягче"?

Мы можем сделать наши блестки-шум помягче, не такими "шумными" biggrin

Для этого, продолжая наш урок, делаем активным первый кадр - просто нажав на него мышкой и в палитре "Laуers" (Слои) перетаскиваем слой Layer 1 наверх - (это слой на который мы не применяли фильтр Add Noise). Для тех, кто не знает как перетаскивать - зажимаете слой левой кнопкой мыши и тащите smile

Ставим опцию смешивания на Lighten: (можете попробовать поэкспериментировать и поставить другие типы смешивания)

alt

Вот, что выходит на картинке:

alt

Блестки уже стали мягче. Вы можете поиграть с прозрачность этого слоя, чтобы найти оптимальный вариант:

alt

Меня устроил вот такой:

alt

Удачи!
P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.
Лучшее "спасибо" за урок - ваш комментарий! :)

 

Комментарии  

 
#11 Марийка 22.09.2011 11:30
а у меня Adobe Photoshop CS3 10.0.0 Extended Final Russian Edition, и там нет имидж риди :(
что делать:?
Цитировать
 
 
#10 Карина 02.11.2010 19:15
у меня фотошоп.....СS2Цитирую Alisa:
Цитирую Карина:
а как сохранить картинку которую ты сделал.......анимацию......(если чё у меня ручкий фотошоп)

а какая версия фотошопа? если до cs3, то сохраняем из имедж риди с помощью команды "Файл - Сохранить анимацию как..."


у меня фотошоп CS2
Цитировать
 
 
#9 Alisa 01.10.2010 09:17
Цитирую Карина:
а как сохранить картинку которую ты сделал.......анимацию......(если чё у меня ручкий фотошоп)

а какая версия фотошопа? если до cs3, то сохраняем из имедж риди с помощью команды "Файл - Сохранить анимацию как..."
Цитировать
 
 
#8 Alisa 01.10.2010 09:16
Цитирую Наташа:
Спасибо! Отличный урок!

не за что!

Цитирую Дашутка:
У меня слегка не получилось...

что именно? рассказывайте, поможем :)

Цитирую Eva:
Я делаю немного проще и быстрее, но всё равно - СПАСИБО за урок!!! :)

рады помочь!
Цитировать
 
 
#7 Карина 12.09.2010 15:39
а как сохранить картинку которую ты сделал.......анимацию......(если чё у меня ручкий фотошоп)
Цитировать
 
 
#6 Карина 12.09.2010 15:09
класно у меня получилось.....спасибо вам.....так теперь с текстом надо разобраться)))^ ^
Цитировать
 
 
#5 Eva 31.05.2010 17:47
Я делаю немного проще и быстрее, но всё равно - СПАСИБО за урок!!! :)
Цитировать
 
 
#4 Дашутка 09.05.2010 14:11
У меня слегка не получилось...
Цитировать
 
 
#3 Наташа 06.03.2010 17:18
Спасибо! Отличный урок!
Цитировать
 
 
#2 Alisa 25.12.2009 10:23
Цитирую аида:
а где кнопочка плэй

на панели "animation" (анимация), вот она:

Цитировать
 
 
#1 аида 22.12.2009 19:28
а где кнопочка плэй
Цитировать
 

Добавить комментарий


Защитный код
Обновить