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 0 850 61
26
2008-01-25
Блин думал урок про то как Макс с Вистой настраивать :). Опшибся. А по уроку: уж больно простенький, так пятерку не поставят:)
2008-01-25
а мне понравился
2008-01-25
теперь мы знаем, что и в Микрософте юзают фотожоп Х)З)
2008-01-26
А мне урок понравился жалко я голосовать не могу =(
2008-01-26
Интересно)
2008-01-26
[quote]А мне урок понравился жалко я голосовать не могу =([/quote] Ну если сильно понравился - могу за вас проголосовать =).
2008-01-26
Можно было усложнить, изменив цвета корректирующими слоями в разных областях, а линии сделать более осветленными.
2008-01-27
Прикольно. Но слишком просто и мало.
2008-01-27
-5 не -20 на том спасибо =)
2008-01-28
А вам нужно чтобы то жэ самое делалось в 200 шагов? Уроки и должны быть такими - самый простой способ сделать сделать Vista style. А вообще мне урок не понравился, то есть результат.
2008-01-28
нормальный урок, просто и емко, но с цветами слажал здорово !!!!
2008-01-28
Неплохой результат при такой простоте. В уроке написано: [quote]конечно вы можете подобрать другие цвета[/quote] По моему свой цвет подобрать не составит больших сложностей.
2008-01-28
Дезайнер должен быть ленив! За урок зачёт.... я бы подобный эффект делал бы гораздо геморнее и дольше! За подобный урок по АЕ млжна и пляхан выставить ))))))
2008-01-31
Детский сад :) не больше.
2008-02-01
не серьёзно, друзья.
2008-02-01
Хороший урок. Прикольно получается.
2008-02-26
хороший урок.. находчивый:) все с первого раза без лишних потуг получилось так что большинство проходящих миимо подтвердили принадлежность обоев к висте. Только бы еще по цветному фону расписать и некоторые из разводов снизу сделать темнее фона (тоетсть не только осветлять но и затенять фон) былоб вобше гуд
2008-02-27
Уважаемый аффтор! Я понемаю что Виста не столь удачна как ХР но вы так не расстраивайтесь не рисуйте больше такую КАКУ... При всем уважение к Photoshopу не позорьте эту чудесную программу плиз. Прошу прощения за критику.
2008-03-17
Хороший урок, просто и хорошо. И вообще - молодец :-) , все подробно и правильно. Просто все забывают, что уроки для начинающих тоже нужны. А тут все просто здорово. Спасибо, Антон :-).
2008-06-02
Почему то многие говорят про баллы.. Этот урок в первую очередь для тех кому хочется добится чего то похожего, а если они для этого смотрят уроки значит им сложно это сделать на данном этапе самим... вот он и показывает как можно добиться похожего результата простыми Фотошоповскими средствами =)
2008-07-26
хороший урок! тем более новичкам.
2008-08-01
Легко по созданию и стильно по визуализации!
2008-12-25
Извини но не айс.... Лажа полная с уроком... Лично я если нету чёткости в картинке тру её нафиг и делаю заного. Блюр не рулит, в моде чёткие картинки =)
2009-02-07
[quote=Gwynbleidd] Блюр не рулит, в моде чёткие картинки =) [/quote] Честно? :) с какого дуба интересно? четкий фон раздражает восприятие, потом ещё найти чет на таком фоне будет сложно, к тому же люди из Microsoft думаю не сразу после школы рисуют картинки... ;)
2009-04-05
Заслуживает внимания!
2010-02-14
Чёткие линии можно нарисовать по верх фона..и будет тоже не плохо
RENDER.RU