Dashashop

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Dashashop » Уроки по Adobe Photoshop и Image Ready » Как сделать блестки (с помощью фильтра "Noise" ("Шум"))


Как сделать блестки (с помощью фильтра "Noise" ("Шум"))

Сообщений 1 страница 30 из 30

1

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

http://l.foto.radikal.ru/0612/5039c0c61949.gif

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

Итак...

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

http://l.foto.radikal.ru/0612/45d3e1470c94.jpg

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

http://l.foto.radikal.ru/0612/7290eefabe35.jpg

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

http://l.foto.radikal.ru/0612/05622c93be68.jpg

3. Теперь выделяем ту область, где будут блестки.
Самый надежный способ выделить только нужный цвет:

Идем в меню "Select" - "Color Range":

http://l.foto.radikal.ru/0612/4b73923d0c19.jpg

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

http://l.foto.radikal.ru/0612/751e5ee21ed6.jpg

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

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

http://l.foto.radikal.ru/0612/0628156cfb7c.jpg

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

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

http://l.foto.radikal.ru/0612/b08e36559e19.jpg

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

http://l.foto.radikal.ru/0612/e0613c97f6fd.jpg

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

http://l.foto.radikal.ru/0612/e7f5d0b87509.jpg

Применяем фильтр "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":

http://l.foto.radikal.ru/0612/4e7be3c2a7e4.jpg

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

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

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

http://l.foto.radikal.ru/0612/cfee9a11f008.jpg

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

http://l.foto.radikal.ru/0612/ec0e4ebdede5.jpg

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

http://l.foto.radikal.ru/0612/5e1bc4d6d0d7.jpg

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

http://l.foto.radikal.ru/0612/3736881a0cb6.jpg

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

http://l.foto.radikal.ru/0612/5039c0c61949.gif

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

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

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

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

http://k.foto.radikal.ru/0612/6fdaf93082ab.jpg

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

http://k.foto.radikal.ru/0612/77d63cfc2b1e.jpg

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

http://k.foto.radikal.ru/0612/ee8245f6caa1.jpg

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

http://k.foto.radikal.ru/0612/1397bbbfef14.gif

Удачи всем ;-)

Урок взят ТУТ

+1

2

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

0

3

Lubov написал(а):

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

Да, как то и не подумал об этом )))))))))))) :blush:  :love:

Елена написал(а):

virusxxxl,спасибо большое  за урок!

Да вроде бы как и не за что :love:

0

4

http://i081.radikal.ru/0902/d7/a6e376bf215ft.jpg
Вот такая роза получилась на уроке.

+3

5

Очень даже симпатичная роза получилась :cool:

0

6

TatyanA, молодец!  :flag: Хорошенькая розочка  :love:

0

7

Урок понравился, обязательно попробую.

0

8

Alex-58 написал(а):

Урок понравился, обязательно попробую.

А нам покажешь результат ;) ?

0

9

Все сделала по уроку.Все получилось, но не знаю как сохранить блестяшки. По уроку после завершения всего я в программе Image Ready/Захожу в меню файл-
сохранить как.Но там в поле тип файла есть только Photoshop psd.Как надо сделать правильно?

0

10

Alex-58, нужна опция "Сохранить оптимизированный как..."

0

11

Спасибо большое, я уже это поняла, вернее посмотрела урок "Как сделать блестящую рамочу".

0

12

не за что, обращайтесь  :flag:

0

13

http://keep4u.ru/imgs/s/2009/05/23/96/9697a04d6f4edc3b9d24c40d81038862.jpg

Это моя первая работа в фориате gif. Это моя младшая дочь Женя.

.....
На http://keep4u.ru/- эффект блестяшек есть, а здесь этого эффекта не видно. Почему?

+1

14

Alex-58, молодец, отлично получилось  :cool:

Alex-58 написал(а):

а здесь этого эффекта не видно. Почему?

здесь работа в превью, чтобы не загружать сильно трафик. Это наши правила  :flirt: Каждый может нажать на картинку и насладится ей в отдельном окне.  :rolleyes: Так что все верно. А что бы анимашку выставить без превью, она должна не превышать 400 пикс. по длинной стороне и весить не более 300 кб.

А если попробовать анимировать не Женечку, а например шар на заднем плане? Тоже можно добится интересного эффекта  :yep:

зы: небольшая просьба не постить несколько своих сообщений подряд, для этого есть кнопка "Редактировать"

0

15

Большое спасибо за помощь. Отличный сайт.

0

16

Alex-58 написал(а):

Это моя первая работа в фориате gif. Это моя младшая дочь Женя

Alex-58, для первой  работы ты слишком сложную картику (фото) взяла, для начала анимируй что нибудь попроще :love:
Т.к. это твоя первая анимашка,  критиковать не буду))) Но совет дам, не делай слишком большой % шума например на первом кадре 5%, на вторм 8%, на третьем 11%, на четвёртом 14%, тогда блёстки будут смотреться мягче, короче экспериментируй :love:

0

17

У меня наверно не очень цветок удачный но принцип понялаhttp://keep4u.ru/imgs/s/2009/06/24/21/211e5708377a2508afead25253a1a3cd.jpg

0

18

Лилепа, очень красиво вышло!

0

19

А меня вот именно такие блестяшки и затянули на фотошоп!!!
Мне было интересно,как это делается?Мне очень нравились такие работы 
Вот мои первые работы по этой теме.
Я нашла какой то форум и сделала сама,а потом влилась в коллектив.
вот это снимок зимнего Ирусалима
http://s42.radikal.ru/i098/0906/36/af74dd0f9212t.jpg
http://i011.radikal.ru/0906/6e/b39f553ee8c1t.jpg
а это фото зимнего Ирусалима
http://s49.radikal.ru/i123/0906/bd/582d3deec218t.jpg

Отредактировано Skarlet (2009-06-24 23:31:50)

0

20

Skarlet, первая не открылась, гвоздика карасивая, а на розах чуть с шумом переборщила, надо бы поменьше!

0

21

Lubov
Спасибо!!!
Я тоже теперь это вижу,но это саааамая первая работа и я не хочу её изменять.
Что бы осталась памьять с чего я начала.
А в первом снимке там только фата,тоже из первых,но уже лучше,чем розы,
а гвоздичка это уже после практики,так что результат на лицо.
http://i074.radikal.ru/0906/43/1536ce22d705t.jpg
Вот попробовала ещё раз выставить,но на радикале чёт там написали
и надо открывать ещё какую то ссылку.Я попробовала,вроде прошло и видно.

Отредактировано Skarlet (2009-06-28 12:54:21)

0

22

Skarlet, это не радикал взбрыкивает, это "Администрация сервиса MyBB не несет.... и т.д."
а работы мне нравятся. С шумом действительно перебор, но для первых опытов отлично  :flag:

0

23

мама Егорушки
Спасибо!
Это всё было сделано самостоятельно,не зная вааще,что такое фотошоп....
Сама нашла и разобралась,а потом...
Хи-хи....всё,что мне поподало под руки анимировала....
Теперь вроде как имею представление о шумах.

0

24

Вот:

увеличить

+2

25

Элис, хорошо вышло!

0

26

Элис написал(а):

Вот

Хорошо получилось :cool: , можно было бы чуть-чуть по меньше шум сделать, но это моё мнение, тебе как автору конечно виднее :love: +

0

27

Спасибо)

0

28

http://s48.radikal.ru/i122/1203/f1/cc2b92c70acc.gif

cпасибо за урок...

Отредактировано galek (2012-03-29 15:24:33)

0

29

galek, очень даже симпатично получилось!!!

0

30

да, эффект удался!

0


Вы здесь » Dashashop » Уроки по Adobe Photoshop и Image Ready » Как сделать блестки (с помощью фильтра "Noise" ("Шум"))