Веб-мастеру

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

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


Вы здесь » Веб-мастеру » Уроки по Photoshop » Космические световые эффекты в 10 шагов


Космические световые эффекты в 10 шагов

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

1

Шаг 1

Создайте новый документ, я использую разрешение монитора (1440x900 pixels), что бы потом можно было использовать картинку как обои для рабочего стола. Создайте новый слой, и залейте его любым цветом, далее Layer > Layer Styles > Gradient Overlay. Конечно вы можете создать слой с градиентом, но я предпочитаю Layer Styles.
http://www.abductit.com/files/tutorials/Space_Light_Effects_in_Photoshop/Step_1.jpg

Шаг 2 - Ретро цвета

Создайте новый слой и залейте его белым цветом, далее примените фильтр Lighting Effects(Filter>Render>Lighting Effects ). Измените параметр style на RGB lights. Используйте 60 Negative для Intensity. Narrow 96 для focus, остальные настройки оставьте неизменными.
http://www.abductit.com/files/tutorials/Space_Light_Effects_in_Photoshop/Step_2_-_Retro_Colors.jpg

Шаг 3

Давайте добавим немного размытости, используем фильтр Gaussian Blur (Filter>Blur>Gaussian Blur). Установите Radius в 80 пикселей. Поменяйте Blend Mode (режим смешивания) на Overlay. После этого RGB цвет будет тяжело видим, но позже он будет работать с другими слоями.
http://www.abductit.com/files/tutorials/Space_Light_Effects_in_Photoshop/Step_3.jpg

Шаг 4 - Создаем звезды

Создание звезд в Photoshop это очень легкий процесс. Создайте новый слой, залейте его черным цветом и измените Blend Mode (режим смешивания) на Screen. После чего используйте фильтр Add Noise (Filter>Noise>Add Noise). Установите Amount - 10%. для Distribution выберите Gaussian, а также выберите Monochromatic. В итоге вы получите слой полный шумов, далее, что бы сделать звезды просто измените уровни слоя в меню Image>Adjustment>Levels. Для Input Levels используйте следующие значения 65, 1.00, 99. Делая это, вы будете увеличивать черный, что приведет к появлению только больших точек, так же вы увеличите белый, делая этим появившиеся точки более четкими.
http://www.abductit.com/files/tutorials/Space_Light_Effects_in_Photoshop/Step_4_-_Creating_Stars.jpg

Шаг 5 - Туманность

Теперь у нас есть звездочки и цвета, которые помогут нам сделать Туманность. Для начала создайте новый слой и примените фильтр Clouds (Filter>Render>Clouds). Убедитесь, что у вас был выбран черный и белый как фоновый и цвет переднего плана (прим. перев.: легче всего нажать букву D на клавиатуре). Далее просто добавьте стили, что бы это сделать пойдите в меню Layer>Layer Style. В окне Blending Options, поменяйте Blend Mode (режим смешивания) на Overlay. После чего выберите Gradient Overlay используйте режим смешивания Blend Mode Overlay в качестве цветов градиента используйте Циан (те, кто не знают что за цвет Циан, жмите сюда), Зеленый, Желтый и Красный. Измените Angle (угол) на 130º и Scale (масштаб) на 49%.
http://www.abductit.com/files/tutorials/Space_Light_Effects_in_Photoshop/Step_5_-_Nebula.jpg

Шаг 6 - Lens flare

Снова создаем новый слой и заливаем его черным цветом, однако, в этот раз разместите слой выше фона и ниже всех остальных слоев (Звезды и Туманность). Теперь применяем фильтр Lens Flare (Filter>Render>Lens Flare). Этим эффектом чаще всего злоупотребляют чем любыми другими, некоторые люди говорят, что используя этот эффект вы превращаете свой дизайн в любительское творение. Для меня это милый фильтр и если вы используете его правильно, он даст положительный эффект на ваше изображение. В настройках используйте 100% Brightness и Lens Type (тип линзы) 105mm Prime.
http://www.abductit.com/files/tutorials/Space_Light_Effects_in_Photoshop/Step_6_-_Lens_flare.jpg

Шаг 7 - Лучи света

Теперь давайте создадим букву "А" из лучей света. Создайте новый слой выше слоя Lens Flare. После чего выберите Rectangular Marquee Tool (M) и создайте прямоугольное выделение примерно в половину высоту документа. Используйте изображение ниже как пример. После этого возьмите инструмент Brush Tool (B). Мы будем использовать очень большую кисть, диаметром в 800px и hardness 0%. Выберите белый цвет, разместите курсор кисточки немного внутри выделения (красный круг) и клацните пару раз кнопкой мыши.
http://www.abductit.com/files/tutorials/Space_Light_Effects_in_Photoshop/Step_7_-_Rays_of_Light.jpg

Шаг 8

Теперь наша работать будет состоять в дублировании, изменении размера и вращения. Конвертируйте оригинальный слой с лучом света в Smart Object, что бы иметь возможность изменять размер и поворачивать луч, не разрушая его (не ухудшая четкость изображения). После того как вы создадите "А", измените Blend Mode (режим смешивания) на Screen и установите opacity (прозрачность) на 80%.
http://www.abductit.com/files/tutorials/Space_Light_Effects_in_Photoshop/Step_8.jpg

Шаг 9 - Adjustments (корректировки)

Теперь давайте подкорректируем прозрачности, измени прозрачность RGB света на 80%, а также подвигайте наложение градиента, что бы протестировать разные комбинации.
http://www.abductit.com/files/tutorials/Space_Light_Effects_in_Photoshop/Step_9_-_Adjustments.jpg

Заключение

В этом уроке мы научились создавать очень классный световой эффект, который мы очень часто видим в без текстурных дизайнах. Конечно, этот урок просто пример и теперь вы можете улучшать его и использовать для своих нужд.
http://www.abductit.com/files/tutorials/Space_Light_Effects_in_Photoshop/Conclusion.jpg

Автор: http://abduzeedo.com
Перевод: SleepWalker ( http://udf.su/ )

0

2

ппец.... сделал , только у мя красивей получилось)

0

3

amf, но всё-такие же получилось http://www.kolobok.us/smiles/icq/yes.gif

0

4

Легко). А есть возможность добавлять уроки?

0

5

Riviera, да, но для добавления тем на форуме нужно набрать более 6 сообщений, т.е. стать полноправным пользователем форума. http://www.kolobok.us/smiles/icq/wink.gif

0

6

класный урок када делал его еще давно 1 раз афигенно получалось)

0

7

http://www.kolobok.us/smiles/icq/biggrin.gif  а что за прога ?

0

8

Шокирhttp://www.kolobok.us/smiles/icq/shok.gif Photoshop

0

9

Артем,  так я Photoshopе "0"  http://www.kolobok.us/smiles/big_standart/negative.gif

0

10

Плохо, наверствывай http://www.kolobok.us/smiles/icq/gamer.gif
Я в последнее время тоже стал с ним хромать http://www.kolobok.us/smiles/icq/sad.gif

0

11

Да вот все ни как начать не могу  http://www.kolobok.us/smiles/icq/pardon.gif

0

12

блин у меня русский фотошоп с вашего сайта а тут инструкция для английских версий  http://www.kolobok.us/smiles/icq/shok.gif

0

13

raul01, я тоже раньше с русской версией мучался, но ниче, потом привык http://www.kolobok.us/smiles/icq/biggrin.gif

0

14

Шокир, я тоже в фотожопе "0" http://www.kolobok.us/smiles/icq/sad.gif

0

15

krimehttp://www.kolobok.us/smiles/icq/rofl.gif значит я не один

0

16

Как сделать чтобы слои соединялись в одну картинку? http://www.kolobok.us/smiles/icq/biggrin.gif

0

17

raul01, объединить видимые

0

18

и они исчезают блин http://www.kolobok.us/smiles/icq/sad.gif

0

19

Шокир, ты конкретно не один! Я тоже в фотошопе "0"! Вот и приходится шаблоны ПСД по рунету искать http://www.kolobok.us/smiles/icq/blush.gif

0

20

ну вы нубы http://www.kolobok.us/smiles/icq/biggrin.gif тока не в обиду, это же не сложно http://www.kolobok.us/smiles/icq/smile.gif

0

21

ппец.... сделал , только у мя красивей получилось)

0

22

админ сделай плз как аватару можно сделать плз)

0

23

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

админ сделай плз как аватару можно сделать плз)

аватарку? http://www.kolobok.us/smiles/icq/shok.gif ладн, попрбую сделать урок http://www.kolobok.us/smiles/icq/yes.gif

0

24

Надо попробовать, а для этого нужна отдельная прога или как?

0

25

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

Надо попробовать, а для этого нужна отдельная прога или как?

Конечно нужна, называется Photoshop

0

26

нечего не вышло ужас  http://www.kolobok.us/smiles/icq/sad.gif

0

27

странно , у меня получился не такой эффект...

0

28

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

странно , у меня получился не такой эффект...

Значит версия фотошпа другая, либо добавлены в него новые функции, которые перекрывают сарые http://www.kolobok.us/smiles/icq/sad.gif

0

29

АААА красотень! :)))

0


Вы здесь » Веб-мастеру » Уроки по Photoshop » Космические световые эффекты в 10 шагов