Ключи к играм "Багира & Таня" форум

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

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


Вы здесь » Ключи к играм "Багира & Таня" форум » Уроки Photoshop » Создание солнечных лучей


Создание солнечных лучей

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

1

Солнечные лучи (3 способа)

Автор уроков: Сатин http://fantasyflash.ru/smiles/kosichki/image/d77.gif

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

http://s005.radikal.ru/i212/1106/d9/6f7420e381ad.gif http://s015.radikal.ru/i333/1106/b9/64cf6df81abc.gif http://s45.radikal.ru/i109/1106/47/6d193c9bc276.gif

Способ №1. При помощи градиента
Спосою №2. С помощью фильтров.Способ
№3. С использованием готовых кистей-солнечных лучей.

Способ №1
С помощью инструмента Gradient Tool
1. Открываем картинку в фотошопе.

http://i011.radikal.ru/1106/55/6554acbac5ab.jpg

2. Создаем новый слой. С помощью(Shift+Ctrl+N), или на панели "layers" (слои) кнопка "create a new layer" (создать новый слой). Называем его лучи 1:

http://i045.radikal.ru/1106/1b/ec6035dc3410.jpg

3. Берем инструмент "Gradient tool" (Градиент (G))

http://s51.radikal.ru/i133/1106/81/0db086d10e22.jpg

После этого щелкаем на этой панели по самому градиенту и настраеваем окно "Gradient Editor", которе появляется перед нами:

http://s015.radikal.ru/i330/1106/c0/f190f2507a5f.jpg

Выберите любой тип градиента и настройте его под себя, а именно:
- смените тип градиента с "Solid" на "Noise" (Шумовой)
- поиграйте с белыми и черными ползунками на RGB, чтобы достичь нужного оттенка градиента
- "Roughness" (Плавность) ставьте с 50 % на 100%.
- Поставьте галочки около "Restrict color" (ограничить цвета) и "add transparency" (добавить прозрачность)

4. Проводим градиентом по новому слою от самого верха до низа

http://s007.radikal.ru/i300/1106/df/a3ad26b4951c.jpg

5. Ставим для этого слоя режим наложения Overlay (перекрытие) с 50% прозрачностью (transparency):

http://s61.radikal.ru/i173/1106/05/9b0ff9c07387.jpg

6. Теперь повторяем пункты 2-5 два раза.
У вас должно получиться три слоя с градиентом:

http://s49.radikal.ru/i124/1106/17/cba507e0f25c.jpg

Каждый раз ваши лучи будут располагаться чуть иначе, так как практически невозможно попасть дважды в тоже место.
5. Переходим в Image Ready:

http://s41.radikal.ru/i094/1106/e6/9fe39246499e.jpg

6. В панели "Animation" (Анимация) создаем еще три кадра с помощью кнопки "Duplicate current frame" (дублировать активный кадр):

http://i043.radikal.ru/1106/38/2558cf52ba01.jpg

7. Выстраиваем видимость слоев для этих кадров. Для первого кадра - фоновая картинка + лучи1, для второго кадра - фотоновая + лучи2, для третьего кадра - фоновая + лучи3:

http://i006.radikal.ru/1106/f9/99ce2c61fc40.jpg

8. Промежуточные кадры. Делаем растяжку -
промежуточные кадры между всеми основными кадрами. Я сделала под два
кадра растяжки. + скопировала первый кадр, поставила его в конец
анимации и сделала растяжку между ним и предпоследним кадром. Таким
образом анимация будет плавной. После этого кадр-дубликат первого кадра
я удалила:

http://s009.radikal.ru/i307/1106/3f/9512cc01768c.jpg

Результат трудов:

http://s005.radikal.ru/i212/1106/d9/6f7420e381ad.gif

+1

2

Способ №2

С помощью фильтров

1. Открываем картинку в фотошопе.

http://s010.radikal.ru/i311/1106/94/4da11e105930.jpg

2. Создаем новый слой. С помощью(Shift+Ctrl+N), или на панели "layers" (слои) кнопка "create a new layer" (создать новый слой). Называем его лучи 1:

http://s006.radikal.ru/i215/1106/f3/a6fc2f7ec26c.jpg

3. При помощи инструмента "Paint bucket tool" (заливка) красим новый слой в белый цвет:

http://s61.radikal.ru/i173/1106/0c/0a192b6ffedb.jpg

4. Применение фильтров.
Следующим шагом применяем такие фильтры:
Filter - Noise - Add Noise (Фильтр --- Шум ---- Добавить шум):

http://s06.radikal.ru/i179/1106/3a/f1c884dfa834.jpg

C настройками:

http://s47.radikal.ru/i118/1106/c9/7c6e573db4f6.jpg

Amount (количество) - 400%
Distribution (распределение) - "Uniform" (равномерное)
Галочка около "Monochoromatic" (монохромный) для того, чтобы добавленыый шум был черно-белым.
И сразу применим следуюший фильтр
Filter – Blur – Radial Blur  (Фильтр - Размытие - Радиальное размытие):

http://s48.radikal.ru/i122/1106/53/ca18b08eb889.jpg

С настройками:

http://s46.radikal.ru/i114/1106/18/5c1dad2e929c.jpg

Amount (количество) - 400%
Blur Method (метод размытия) - Zoom (линейный)
Quality (качество) - Good (хорошее)
Примечание: Центр размытия вы можете выбрать
самостоятельно, подвигав скрещенные линии на примере. Это позволит вам
сделать лучи, расходящиеся от солнышка, где бы оно не находилось.

5. Режимы наложения слоев.
Сейчас наш аватар выглядит так:

http://i014.radikal.ru/1106/fc/83e9c0599b21.jpg

Но не пугайтесь. Сейчас будем менять режим наложения слоев и все будет в норме.
Поменяем режим наложения слоя (луч 1) с "Normal" (Нормального) на "Lighten" (Замена светлым) с прозрачность 20%:

http://s57.radikal.ru/i158/1106/83/978fc2b10636.jpg

http://i032.radikal.ru/1106/73/983fec1e477f.jpg

6. Создаем еще 2 новых слоя. Назовем их соответственно лучи2, лучи3 и применим к ним пункты с 3 по 5 включительно.
Теперь у нас 4 слоя:
1 слой - база
2 слой - луч1
3 слой - луч2
4 слой - луч3

http://s52.radikal.ru/i137/1106/49/3f345a31fd11.jpg

7. Анимация и кадры. Переходим в Image Ready:

http://s005.radikal.ru/i211/1106/c4/d0410eb37085.jpg

8. В панели "Animation" (Анимация) создаем еще три кадра с помощью кнопки "Duplicate current frame" (дублировать активный кадр):

http://s54.radikal.ru/i144/1106/1f/f927d32b59f4.jpg

9. Выстраиваем видимость слоев для этих кадров. Для первого кадра - фоновая картинка + лучи1, для второго кадра - фотоновая + лучи2, для третьего кадра - фоновая + лучи3:

http://i012.radikal.ru/1106/83/8f181083f0cb.jpg

10.Ставим время смены кадров от 0,1 до 0,2 сек и сохраняем анимацию.

Результат трудов:

http://i040.radikal.ru/1106/e9/44bce1d9fb31.gif

+1

3

я когда то пробовала, но не получилось.. http://s46.radikal.ru/i113/1012/5c/80ffb824dc44.gif попробую еще раз может научусь))

0

4

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

я когда то пробовала, но не получилось.. http://s46.radikal.ru/i113/1012/5c/80ffb824dc44.gif попробую еще раз может научусь))

Давай разберем вместе, у меня тоже не сразу получилось, но потом я просто влюбилась в этот эффект!!! Я пока делаю только градиентом. Сейчас выложу 3-й способ с кистями, но не могу кисти найти. В уроке ссылку удалили...

0

5

попробовала первый вариант, получилось так

Отредактировано Markizo4ka (12.06.2011 14:24:44)

0

6

Способ №3

Использование кистей с готовыми солнечными лучами.

Для выполнения этого урока нам понадобятся новые кисти для фотошопа. Скачать кисти с солнечными лучами качаем здесь
1. Открываем картинку в фотошопе.

http://i071.radikal.ru/1106/13/c9227199e8a1.jpg

2. Выбираем инструмент "Brush tool" (кисть):

http://s15.radikal.ru/i189/1106/42/1d01575a39f6.jpg

3. Выбираем нужную кисть. На верхнем панели параметров
инструментов находим закладочку "Brushes" (кисти), жмем на нее
воспользовавшись кнопкой выпадающего списка, выбираем закаченную кисть:

http://s44.radikal.ru/i105/1106/20/8176685e8a9d.jpg

4. Создаем новый слой. С помощью(Shift+Ctrl+N), или на панели "layers" (слои) кнопка "create a new layer" (создать новый слой). Называем его лучи 1:

http://i004.radikal.ru/1106/80/ad5ace04eded.jpg

5. Применяем кисти. Я взяла из списка 7-ю кисть, довольно сильно увелиила ее (кнопки на клавиатуре "х" и "ъ") и применила ее в углу нашей аватары:

http://s55.radikal.ru/i149/1106/ea/fa23c9f6ecf4.jpg

6. Прозрачность. Немного измените настройки прозрачности (opacity) для слоя с лучами. Я оставила значение 60%:

http://s45.radikal.ru/i110/1106/5b/5c9654c56c8e.jpg

7. Создание других слоев. Создайте еще пару слоев и
таким же образом римените к ним кисть и измените прозрачность слоя, НО
на этот раз немного сдвигайте кисть перед применением в сторону, чтобы
лучи визуально сдвинулись. Таким образом перед нами 4 слоя:
- база
- лучи1
- лучи2
- лучи3

http://i038.radikal.ru/1106/b7/fa1d28f2b46e.jpg

8. Анимация и кадры
Переходим в Image Ready:

http://s004.radikal.ru/i206/1106/0c/5eb22bfdf9d7.jpg

9. В панели "Animation" (Анимация) создаем еще два кадра с помощью кнопки "Duplicate current frame" (дублировать активный кадр):

http://i072.radikal.ru/1106/69/ebbb4fbc21e4.jpg

10. Выстраиваем видимость слоев для этих кадров. Для первого кадра - фоновая картинка + лучи1, для второго кадра - фотоновая + лучи2, для третьего кадра - фоновая + лучи3:

http://s52.radikal.ru/i136/1106/5f/d49fb9f19012.jpg

11.Ставим время смены кадров от 0,1 до 0,2 сек и сохраняем анимацию:

http://i032.radikal.ru/1106/e1/c32df3e03b61.gif

12. Доводим до ума. С помощью плавного перехода, как мы это делали в вышеуказанных 2-х способах, т.е. можем создать по  2-3 промежутоных кадра между всеми основными, тогда наша анимация будет более плавной.

Результат трудов:

http://s006.radikal.ru/i215/1106/fb/1cebe978c770.gif

0

7

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

попробовала первый вариант, получилось так

ну в принципе суть тобою понята, попробуй еще раз и именно по уроку, потому  что смотрю у тя 9 кадров. Получается промежуточных по 2 ставила... И градиент настрой именно так как написано и постарайся проводить его с одного и того же места, просто немного под другим углом

0

8

попробую

0

9

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

попробую

потом отпишись, ок? http://s001.radikal.ru/i193/1012/86/bb1159da14c4.gif

0

10

Дианчик написал(а):

потом отпишись, ок?

обязательно
я сейчас в нете кисти Солнечные лучи ищу)

+1

11

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

я сейчас в нете кисти Солнечные лучи ищу)

ой спасибо тебе большое!!! http://fantasyflash.ru/smiles/kosichki/image/d41.gif

0

12

Дианчик
http://fantasyflash.ru/smiles/kosichki/image/d14.gif пока ничего интересного нет

0

13

ну ничего, я тоже ищу!!! http://s55.radikal.ru/i150/1012/d6/27408d1d5f89.gif

0

14

Добавила кисти!!! http://fantasyflash.ru/smiles/kosichki/image/d41.gif

0

15

Дианчик
http://fantasyflash.ru/smiles/kosichki/image/d41.gif нашла!! качаю!

0

16

Markizo4ka

что-то они не очень, но я если что потом добавлю...

0

17

Дианчик написал(а):

Markizo4ka

что-то они не очень, но я если что потом добавлю...

докачались...попробовала, все таки первый способ самый красивый и легкий

0

18

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

докачались...попробовала, все таки первый способ самый красивый и легкий

согласно, самый аккуратный и красивый!!! Обожаю этот эффект))) http://fantasyflash.ru/smiles/kosichki/image/d4.gif

0

19

Вот я малехо побаловалась кисточками http://s59.radikal.ru/i164/1012/78/07f1a781d180.gif

http://savepic.net/1377331.gif

+1

20

Дианчик
прикольненько))

0


Вы здесь » Ключи к играм "Багира & Таня" форум » Уроки Photoshop » Создание солнечных лучей


Рейтинг форумов | Создать форум бесплатно