Render.ru
Поддержать
DNaive
ПОДПИСАТЬСЯ
  • ПРЕДЛОЖИТЬ ПРОЕКТ
  • ДОБАВИТЬ В КОНТАКТЫ
1Записей
0Следят
1Читает
48.4 KЗаходов
DNaive

Vista Style

Урок

Здравствуйте, меня зовут Антон
Мне 19 лет
Живу в городе Тобольск

Как то раз посмотрел на обои от ОС Windows Vista, и решил попробовать сделать что то подобное, получилось что то похожее, и вот решил написать урок о том как такие обои можно сделать в Adobe Photoshop.

И так начнем

1. Создаем новый документ, и даем ему разрешение в моем случае это 2048/1536 пикселей (чем больше тем лучше, но в разумных приделах)

2. Заливаем черным, для чего жмем на клавиатуре [G] или на иконке с баночкой.

3. Теперь необходимо наколякать кисточкой разные линии, для этого создаем новый слой , жмем [B], выбираем белый цвет и рисуем примерно то что показано на картинке ниже, если хотите можете написать свое имя =)

4. При выделенном слое, применяем фильтр Motion Blur (размытие в движении) Filter > Blur > Motion Blur и устанавливаем параметр Distance (Дистанция) на максимум, Angle (Наклон) ставите по своему усмотрению, что бы примерно картинка напоминала мою, если совсем не похожа то можете повторить пункт 3, а затем 4 до нужного результата.

Если все получилось то белые разводы будет хорошо видно

5. Далее делаем копию нашего "сияния" перетащив слой на иконку

В слоях должна быть примерно такая картина

6. Выделяем слой оказавшийся по середине и применяем фильтр Gaussian Blur (Размытие Гауса) Filter > Blur > Gaussian Blur, устанавливаем значение 50.

7. Получается уже что то более привлекательное, но так как рисовали мы по середине листа, у сияния видно начало, а этого быть не должно, перетаскиваем картинку из верхнего слоя выше, нажав [V], так что бы не было видно краев, при этом второй слой трогать не нужно.

8. Выделив верхний слой, нужно создать маску прозрачности, для этого нажмите на эту иконку, расположенную под слоями.
В слоях, на против верхнего слоя появится еще один, это маска (по умолчанию она будет выделена). Нужно сделать так что бы наше "сияние" как бы исчезало к основанию, нажимаем на заливку и выбираем Gradient Tool , и протягиваем его снизу вверх (нажать и отпустить уже выше). Получится что к низу сияние становится более размытым, потому что под верхним слоем находится слой с  с размытой копией.

9. Объедините слои, нажав [Ctrl+E], при выделенном верхнем слое. Это необходимо для облегчения дальнейшей работы.

Вы можете добваить еще больше сияния, проделав пункты выше в новом слое, тем самым закрепив материал =) Поэксперементируйте с масками и размытием, меняя наклон и т.д.

У меня получилось следующее

10. Следующим шагом будет перекрашивания фона, я попросил залить его черным потому, так будет виднее рисунок, теперь пора придать ему цвет. Я использовал цвета какие чаще используются в обоях и стиле Windows Vista, это два оттенка зеленого. Для того что бы выбрать да цвета для Градиентной заливки, войдите в меню выбора цвета в первом введите значение 2e8b71 во втором 063845, конечно вы можете подобрать другие цвета, и растяните цвета снизу вверх.

Должно получиться следующее

Вот вроде и все, теперь можно добавить пару надписей с применением Outer Glow и Обоя готова =) Если в процессе возникли какие то вопросы то пишите Anto@email.su

318
Комментарии:26
по поступлению
25
0
Wats
25.01.2008 16:51
Блин думал урок про то как Макс с Вистой настраивать :). Опшибся. А по уроку: уж больно простенький, так пятерку не поставят:)
2
0
chiburaha
25.01.2008 20:57
а мне понравился
231
0
Valery Ivanov
25.01.2008 21:34
теперь мы знаем, что и в Микрософте юзают фотожоп Х)З)
2
0
Falkon101
26.01.2008 8:23
А мне урок понравился жалко я голосовать не могу =(
264
0
Иван Ветошкин
26.01.2008 10:41
Соведущий Dominance War
Интересно)
25
0
Wats
26.01.2008 13:08
А мне урок понравился жалко я голосовать не могу =(
Ну если сильно понравился - могу за вас проголосовать =).
2
0
Seraph
26.01.2008 16:00
Можно было усложнить, изменив цвета корректирующими слоями в разных областях, а линии сделать более осветленными.
12
0
Dragonfly
27.01.2008 14:53
Прикольно. Но слишком просто и мало.
10
0
DNaive
27.01.2008 21:49
-5 не -20 на том спасибо =)
5
0
yerzintimur
28.01.2008 8:46
А вам нужно чтобы то жэ самое делалось в 200 шагов? Уроки и должны быть такими - самый простой способ сделать сделать Vista style. А вообще мне урок не понравился, то есть результат.
2
0
VJ Splinter
28.01.2008 12:02
нормальный урок, просто и емко, но с цветами слажал здорово !!!!
2
0
Miklut
28.01.2008 12:33
Неплохой результат при такой простоте. В уроке написано:
конечно вы можете подобрать другие цвета
По моему свой цвет подобрать не составит больших сложностей.
15
0
Киберпанк
28.01.2008 15:57
Дезайнер должен быть ленив! За урок зачёт.... я бы подобный эффект делал бы гораздо геморнее и дольше! За подобный урок по АЕ млжна и пляхан выставить ))))))
12
0
KJS
31.01.2008 12:20
Детский сад :) не больше.
2
0
Алексей Шургин
01.02.2008 16:24
не серьёзно, друзья.
2
0
Васёк Пупкин
01.02.2008 19:42
Хороший урок. Прикольно получается.
12
0
adx_
26.02.2008 16:16
хороший урок.. находчивый:) все с первого раза без лишних потуг получилось так что большинство проходящих миимо подтвердили принадлежность обоев к висте. Только бы еще по цветному фону расписать и некоторые из разводов снизу сделать темнее фона (тоетсть не только осветлять но и затенять фон) былоб вобше гуд
2
0
GOON
27.02.2008 21:20
Уважаемый аффтор! Я понемаю что Виста не столь удачна как ХР но вы так не расстраивайтесь не рисуйте больше такую КАКУ... При всем уважение к Photoshopу не позорьте эту чудесную программу плиз. Прошу прощения за критику.
2
0
Oddity
17.03.2008 21:54
Хороший урок, просто и хорошо. И вообще - молодец :-) , все подробно и правильно. Просто все забывают, что уроки для начинающих тоже нужны. А тут все просто здорово. Спасибо, Антон :-).
10
0
DNaive
02.06.2008 9:27
Почему то многие говорят про баллы.. Этот урок в первую очередь для тех кому хочется добится чего то похожего, а если они для этого смотрят уроки значит им сложно это сделать на данном этапе самим... вот он и показывает как можно добиться похожего результата простыми Фотошоповскими средствами =)
2
0
Korzhoff
26.07.2008 14:41
хороший урок! тем более новичкам.
2
0
-=Yudzhin=-
01.08.2008 10:26
Легко по созданию и стильно по визуализации!
2
0
Gwynbleidd
25.12.2008 0:10
Извини но не айс.... Лажа полная с уроком... Лично я если нету чёткости в картинке тру её нафиг и делаю заного. Блюр не рулит, в моде чёткие картинки =)
193
0
Gwynbleidd Блюр не рулит, в моде чёткие картинки =)
Честно? :) с какого дуба интересно? четкий фон раздражает восприятие, потом ещё найти чет на таком фоне будет сложно, к тому же люди из Microsoft думаю не сразу после школы рисуют картинки... ;)
2
0
iAlexXx
05.04.2009 5:04
Заслуживает внимания!
2
0
Darkor
14.02.2010 19:12
Чёткие линии можно нарисовать по верх фона..и будет тоже не плохо