Уроки: Adobe Photoshop

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

37128 Автор:
Актуальность: 207
Качество: 219
Суммарный балл: 426
Выбор Публики
Голосов: 122 оценки

Отзывы посетителей:

2 | След.
аватар
 
Darkor 2 0
Чёткие линии можно нарисовать по верх фона..и будет тоже не плохо
аватар
 
iAlexXx 1 0
Заслуживает внимания!
аватар
 
Алексей Пастушук 152 0
Цитирую Gwynbleidd:
Блюр не рулит, в моде чёткие картинки =)


Честно? :) с какого дуба интересно? четкий фон раздражает восприятие, потом ещё найти чет на таком фоне будет сложно, к тому же люди из Microsoft думаю не сразу после школы рисуют картинки... ;)
аватар
 
Gwynbleidd 1 0
Извини но не айс.... Лажа полная с уроком...
Лично я если нету чёткости в картинке тру её нафиг и делаю заного.
Блюр не рулит, в моде чёткие картинки =)
аватар
 
-=Yudzhin=- 2 0
Легко по созданию и стильно по визуализации!
аватар
 
Korzhoff 0 0
хороший урок! тем более новичкам.
аватар
 
DNaive 12 0
Почему то многие говорят про баллы.. Этот урок в первую очередь для тех кому хочется добится чего то похожего, а если они для этого смотрят уроки значит им сложно это сделать на данном этапе самим... вот он и показывает как можно добиться похожего результата простыми Фотошоповскими средствами =)
аватар
 
Oddity 1 0
Хороший урок, просто и хорошо. И вообще - молодец :-) , все подробно и правильно. Просто все забывают, что уроки для начинающих тоже нужны. А тут все просто здорово. Спасибо, Антон :-).
аватар
 
GOON 1 0
Уважаемый аффтор! Я понемаю что Виста не столь удачна как ХР но вы так не расстраивайтесь не рисуйте больше такую КАКУ... При всем уважение к Photoshopу не позорьте эту чудесную программу плиз. Прошу прощения за критику.
аватар
 
adx_ 12 0
хороший урок.. находчивый:) все с первого раза без лишних потуг получилось так что большинство проходящих миимо подтвердили принадлежность обоев к висте.
Только бы еще по цветному фону расписать и некоторые из разводов снизу сделать темнее фона (тоетсть не только осветлять но и затенять фон) былоб вобше гуд
аватар
 
Васёк Пупкин 2 0
Хороший урок. Прикольно получается.
аватар
 
Алексей Шургин 2 0
не серьёзно, друзья.
аватар
 
KJS 7 0
Детский сад :) не больше.
аватар
 
Киберпанк 13 0
Дезайнер должен быть ленив! За урок зачёт.... я бы подобный эффект делал бы гораздо геморнее и дольше! За подобный урок по АЕ млжна и пляхан выставить ))))))
аватар
 
Miklut 1 0
Неплохой результат при такой простоте.
В уроке написано:
Цитирую:конечно вы можете подобрать другие цвета

По моему свой цвет подобрать не составит больших сложностей.
аватар
 
VJ Splinter 1 0
нормальный урок, просто и емко, но с цветами слажал здорово !!!!
аватар
 
yerzintimur 5 0
А вам нужно чтобы то жэ самое делалось в 200 шагов? Уроки и должны быть такими - самый простой способ сделать сделать Vista style. А вообще мне урок не понравился, то есть результат.
аватар
 
DNaive 12 0
-5 не -20 на том спасибо =)
аватар
 
Dragonfly 12 0
Прикольно.
Но слишком просто и мало.
аватар
 
Seraph 1 0
Можно было усложнить, изменив цвета корректирующими слоями в разных областях, а линии сделать более осветленными.
2 | След.
Зарегистрируйтесь, чтобы добавить комментарий.
Эту страницу просмотрели: * уникальных посетителей