Урок «Северное сияние»

На этом уроке мы научимся создавать что-то отдаленно похожее на обои «Северное сияние» впервые появившиеся в операционной системе Windows Vista:

Северное сияние

«Северное сияние»

1. Зеленый слой.

Создайте новое изображение требуемого размера. В окне «Палитра» нажмите на кнопку «Больше» и установите в поле «Шестн.:» цвет 3C580E. Затем переключитесь на дополнительный цвет (выпадающее меню в левом верхнем углу) и введите цвет A4D23B:

Окно «Палитра»

Окно «Палитра»

Используя инструмент «Градиент» проведите (нажав левую кнопку мышки) с нижнего края до верха изображения. Для того, чтобы заливка получилась ровной нажмите и удерживайте клавишу «Shift»:

Заливка зеленым градиентом

Заливка зеленым градиентом

2. Голубой слой.

Создайте новый слой (Слои → Добавить новый слой или Ctrl+Shift+N).

В «Палитре» измените значение основного цвета на 64B9F0, а дополнительного на FFFFFF. Затем в поле «Прозрачность (альфа)» установите для дополнительного цвета значение «0».

Затем снова использовав «Градиент» залейте слой справа налево:

Заливка голубым градиентом

Заливка голубым градиентом

3. Линия.

Создайте новый слой (Слои → Добавить новый слой или Ctrl+Shift+N).

Измените основной цвет на белый (FFFFFF). Используя инструмент «Линия или кривая» проведите по новосозданному (третьем) слое линию с левого нижнего угла к правому верхнему. Затем перетащите опорные точки так как показано на следующем рисунке:

Линия

Линия

4. Выбор площади применения градиента.

Используя «Волшебную палочку» выделите площадь под линией. Затем создайте еще один слой:

Выделение области под линией

Выделение области под линией

5. Градиент.

Ваш основной цвет все-еще должен оставаться белым (FFFFFF) а дополнительный прозрачным («Прозрачность (альфа)»). Снова выберите «Градиент» и протащите его (нажав правую кнопку мыши) как показано ниже:

Градиент

Градиент

Снимите выделение (Правка → Отменить выделение или Ctrl+D). Удалите предыдущий слой (с белой линией):

Слой с линией удален

Слой с линией удален

6. Клонирование градиента.

Создайте копию слоя (Слои → Создать копию слоя или Ctrl+Shift+D) и используйте инструмент вращения (Слои → Поворот и масштаб… или Ctrl+Shift+Z) для поворота этого слоя (рекомендуемое значения угла поворота — около 10 градусов).

После поворота объедините слой с нижележащим (Слои → Объединить со следующим слоем или Ctrl+M):

Клонирование градиента

Клонирование градиента

7. Клонирование пары градиентов.

Создайте копию последнего слоя. Используйте инструмент вращения для еще одного поворота. Только в этот раз в дополнение к вращению в этом же диалоге примените и смещение:

Окно «Поворот и масштаб…»

Окно «Поворот и масштаб…»

После поворота объедините слой со следующим:

Клонирование пары градиентов

8. Призрачные линии.

Создайте копию последнего слоя и перетащите его (инструментом «Перемещение выделенной области») в верхний левый угол рисунка:

Перемещение копии слоя

Примените к этому слою небольшое круговое размытие (Эффекты → Размытие → Круговое…). Отмените выделение.

Опять выберите предыдущий слой и создайте еще одну его копию. Перетащите эту копию в правый нижний угол рисунка:

Перемещение копии слоя

Примените к нему радиальное размытие. Отмените выделение.

Выберите верхний слой и объедините его со следующим. В свойствах полученного таким образом слоя (Слои → Свойства слоя… или F4) установите прозрачность 160. Затем снова объедините слой с предыдущим и снова установите его прозрачность 160.

Объедините все слои в один (Изображение Объединить все слои или Ctrl+Shift+F):

Северное сияние

«Северное сияние»

В написании урока использован туториал david.atwell.

Комментариев: 40

  1. я:

    ОЧЕНЬ НЕПОНЯТНО ВСЕ НАПИСАНО!

  2. Анонимно:

    Все четко и понятно. Все дело во взгляде на вещь :)

  3. Семен:

    Делаю все как указанно, но получается не то

  4. EGOiST43:

    Оказывается так просто применять те вещи которые знал, но не использовал ;)
    Спасибо !!!!!

  5. XAOS:

    Действительно интересно, хотя не мешало бы чуть подетальней написать, а то есть несколько непонятных моментов :)

  6. Анонимный чувак:

    Блин попробовал нечего не выходит. Надо детальней описывать. Просите создать несколько слоев, так указывайте в каком слою что делать!

  7. GARFIELD:

    а по-моему всё внятно написано. Я сидел и следовал инструкции. Итог: Всё вышло. Просто кто-то очень туго и долго допирает.

  8. GARFIELD:

    Кстати Респектище Автору !!!! И вопрос к Админу: » Будет ли урок про то, как сделать капельки воды или маленькое озерце(можно и лужецу :) )
    ???

  9. van_nax:

    В шаге 5. Градиент. протаскивать надо сверху вниз а не наоборот как показано на рисунке

  10. Николай:

    Не получилось( На 5 уроке не мешало бы показать скрины этих действий:

    «Дублируйте слой (Слои → Дублирувать слой или Ctrl+Shift+D) и используйте инструмент вращения (Слои → Вращение/ Масштаб… или Ctrl+Shift+Z) для поворота этого слоя. После поворота объедините слой со следующим (Слои → Объединить со следующим слоем или Ctrl+M)»

    ps: дублирОвать. Исправьте.

  11. Я:

    в пункте три не указано что линия должна быть отдельным слоем

  12. Ирина:

    я немного запуталась и получилось малость нето

  13. Анонимно:

    Можно было бы и понятнее написать, но с 3 раза я разобралась и всё получилось!

  14. ЛенОчка:

    А вот у меня…. совсем не получается 4,5 и так далее_(((
    Помогите кто-нибудь……. pleas!!!!!

  15. Анонимно:

    Копец

  16. Леший:

    Я нажимаю новый слой, делаю градиент,а всё стирается!Помогите!Объясните пожалуйста!ЕСЛИ ВОЗМОЖНО СО СКРИНАМИ!!!!!!!!!!!!!!!!!!!!!!!!

  17. Мария:

    мне казалось что паинт.нет простая штука……………ошиблась

  18. Евгешка:

    Че-т у меня тоже не получается!!!! Напишите поподробней!

  19. дмитрий:

    ДА ВСЕ НОРМА!!!

  20. D@sh@:

    напиши плиз поподробнее, если можно то добавте пожайлуста скрины в 5 и 6 пункт)))

  21. S_A_T_A_N:

    Просто и понятно, только нужно делать всё на разных слоях. Спасибо)

  22. Стаська:

    У меня ничего не получаеться. Особенно на последних этапах!!!

  23. RODAN_2307:

    Опишите поподробнее, делаю всё так, как в описании, но получаю другое.(

  24. мистер-Пайнт:

    По моему – это какая – то хрень!
    Такую чушь можно и не делать, если у Вас новый Пайнт.
    Этот урок написан в 1001 году до н.э.
    Всё полная чушь!

  25. Анонимно:

    а по умней ничего не могли придумать

  26. Екатерина:

    Не потучилось…хотя всё точно делала Т__т волшебная палочка не выделяет под линией (как должно,нормально) но всёравно спасибо

  27. Анонимно:

    =((НЕПОНЯТНО ПОЧТИ НИЧЕГО!!

  28. Анжела:

    к меня тоже ничего не получилось!

  29. Максим:

    Такой классный сайт всё понятно, ваще!!! =)))

  30. Мария:

    Урок хороший, но очень не понятно.

  31. кое кто:

    помогите с пунктом 6 7 8

  32. одинока одинокий одиночка:

    всё клас зделал тепер на заставке стоит

  33. ксю:

    как вырезать объект с картинки??

  34. НЕКТО:

    ВАЩЕ НЕПОНЯТКА,ПОДРОБНЕЙ ОПИШИТЕ!!!!!!!!!!!!

  35. *lucky*:

    люди.. а в этом паинте есть какие нибудь сердечки, мишки и т.п??

  36. Оксана:

    У меня начиная с 4 этапа ни фига не получается!

  37. Алина:

    Нихрена непонятно…

  38. аЦЦкая Белка:

    урок хороший, но детали додумывать приходится самостоятельно……

  39. дима:

    у меня с волшебной палочкой проблема!!!там постоянно не то выделяеться!!!

Оставить комментарий:


Rambler's Top100 Рейтинг@Mail.ru