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

На этом уроке мы научимся создавать что-то отдаленно похожее на обои «Северное сияние» впервые появившиеся в операционной системе 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.

Понравилась статья? Поделиться с друзьями:
Paint.NET
Комментарии: 98
  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. Ирина

    http://dump.ru/file/4588365

  37. Оксана

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

  38. Алина

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

  39. аЦЦкая Белка

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

  40. дима

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

  41. наталья

    Когда я удаляю слой с белой линией (3тий слой), то второй градиент пропадает и остается такое же изображение, как в примере 2.
    Почему?Я ведь все делаю, как сказано!

  42. Николай

    И что это? где северное сияние?

  43. Сержик

    Ну в принципе всё понятно. Просто половина людей не такие умные :-D

  44. Сержик

    — Извините!!! Где северное сияние?! А разве не ясно, что это в переносном смысле?!!!!!!

  45. Аноним

    я ток до 5 этапа сделала,а дальше пошло и поехало(

  46. дима

    У МЕНЯ ВСЕ ХОРОШО СДЕЛАНО, Я УЖЕ ВЫУЧИЛ ВСЕ УРОКИ И МОГУ ПО ПАМЯТИ ВСЕ ЗАНОВО СДЕЛАТЬ. ДАЖЕ Я В НЕКОТОРЫХ УРОКАХ СДЕЛАЛ ПО СВОЕМУ И ПОЛУЧИЛОСЬ ПРИКРОЛЬНО, С ПОМОЩЬЮ ТОГО ЧТО ВЫ СДЕЛАЛИ МОЖНО НЕМНОГО ИМПРОВИЗИРОВАТЬ НА СВОЙ ВКУС!

  47. Идентификация не удалась.

    Блин, какая же я тупая была :D
    Оказывается тут все на столько просто, что аж вообще! :D
    Люди, вчитывайтесь в то что написано! И тогда все будет понятно и легко! ;))

  48. Мария

    У меня получилось
    Даже на заставку поставила
    А какие нибудь ещё сайты с уроками знаете?
    Скажите плиз)

  49. витя

    почти тоже самое с чёрт знает какой попытки

  50. Дима

    Спасибо!!! Все четко и понятно!!!

  51. Shika

    =_=» единственный урок который я не понял и не сделал. Т_Т

  52. kuki

    А как сохранить изображение, что бы можно было его просматривать так же как например фотки с каемры?

  53. илья

    как клонировать градиент

  54. Dj_sael

    5.Градиент
    там стрелку в другую сторону делайте и всё получится!

  55. Dj_sael

    Кто не понял этот урок то пишите мне на Skype:Dj_sael; Vkontalte:id21175206.

  56. Dj_sael

    7. Клонирование пары градиентов.
    Просто клонируйте слой с этим градиентом!

  57. Александр

    у меня все вышло, ничего сложного надо просто делать всё по инструкции, и всё получится! спасибо!))))

  58. Szerge

    Author, you better paint some diagrams to make that lesson more clear.

    TNX for the nice tutorial!

  59. Анна

    мне 12, и у меня всё получилось.

  60. Екатерина

    Я все поняла и сделала, по сравнению с фотошопом здесь попроще, но что там что тут довольно интересно

  61. Андрей

    у меня тоже получилось!
    http://fotki.yandex.ru/users/andrewmiry/view/341306/?page=0

  62. @LeXaNcHe$

    Спасибо большое!!!
    Очень помогли

  63. @LeXaNcHe$

    отвечаю на вопрос «kuki»
    (А как сохранить изображение, что бы можно было его просматривать так же как например фотки с каемры?)
    очень просто
    откройте файл в Paint.net и нажмите «сохранить как», даётеназвание именяете формат (чуть ниже поля где выдаёте имя файлу)

  64. Дженнет

    А у ми, всё получилось!:D

  65. alightrictet7

    Ивана взяли из бедной семьи, но не жалели об этом.

    тут и тут http://rawriu.tk/

  66. Юлия

    А у меня после пункта 4)все пошло «под откос»)))
    потом попробую еще…

  67. Мария

    Глупый вопрос но я первый раз рисую..Как снять выделение??

  68. (= Лизка =)

    А по моему это очень легко! Это только моя вторая работа с пэинт.нет, но я всё поняла)))

  69. Умида

    У меня тоже после 4п не получается(((

  70. алена

    Мария.правка -отменить выделение

  71. алена

    да да да у меня тож после 4 не че не получаеться

  72. Рин

    А у меня почти получилось)))

  73. gelsug1597

    ЕСЛИ ЧЕСНО:не получилось,но поскольку есть такие кто сделали потом ещё раз попробую!!!

  74. Коля

    а у меня получилось !!!

  75. Марк

    ХАХХА

  76. Аня

    НА 8 ЗАСТРЯЛА

  77. Гульфия

    Cпасибо все очень классно получилось теперь смогу наверное делать свои обои

  78. ли

    всё ок

  79. ли

    я выбрала другие цвета. до конца не охото делать,Я сделала по своему, но получилось класно:)
    =)
    :р XD

  80. Lily

    Thank you turned cool.

  81. витюган ептаа...

    я на первом застрял!!!сукаа…

  82. Андрей

    Шикарно))) Всё получилось с первого раза)))) «Ням» урок))))

  83. "EGOR=MEGION"

    Северное сияние получилось!!!

  84. "EGOR=MEGION"

    http://vkontakte.ru/photo151572120_271750305

  85. DQ

    Теперь понятно, как клепаются обои :D
    Буду теперь сама делать.

  86. Галина

    Здравствуйте. Я дизайнер штор и ламбрекенов. Часто приходится фотографировать свои изделия. А так как работаю прямо дома, то иногда мебель попадает в кадр.Можно ли убрать ее с помощью вашего редактора?

  87. Диана

    НЕПОЛУЧАЕТСЯ СНЯТЬ ВЫДЕЛЕНИЕ!!!!!!!!!!!!!!!!!! НЕ ТЫКАЕТСЯ ПРОСТО СЕРЫМ ТИПО СВЕТЛЫМ И СНЯТЬ ВЫДЕЛЕНИЕ НЕ ПОЛУЧАЕТСЯ!!!

  88. Диана

    Ой! Я пропустила одну палочку!

  89. Богдан

    У меня получилось. Была заминка с радиальным размытием, в итоге оказалось что его нет в «эффектах», заменил круговым размытием — эффект получился не хуже)

  90. Anastasi.

    У меня тоже ни чего не получилось ><""""

  91. Зоригто-SkyNet

    Отлично!
    У меня все получилось, и правдо.
    Очень красиво!
    Ща на свой рабочий стол поставил и любуюсь творчеством =)

  92. S. Lord

    Замечательно! У меня получилось немного не так, но всё же) http://cs405524.vk.me/v405524375/9fff/aHjzJl2deH4.jpg

  93. новичек )

    Спасибо за урок )
    вот как получилось )))
    http://cs616024.vk.me/v616024042/36d4/zNmLIGMRf-Q.jpg

  94. coga

    Пункт 4 не ясен. Почему то линия краснеет, когда выделяешь область под линией. Явно какая то ошибка в объяснении.

  95. Василий

    Как сохранить свои текстуры в программе и как ими управлять? То есть, беру стеклянную вазу и налаживаю на нее (свою) текстуру. Текстуры, скачаны из интернета, данной программой открываются.Заранее спасибо.

  96. Виктор

    Мое мнение такое , что версия paint в windows xp. намного лучше чем в windows 7.или 8. многие функции удалили. Программка стала куцей.

  97. Александр

    с 4 пункта не получается, потому что где то не довели белую линию до контура сверху и снизу и при выделении выделяется вся площадь слоя, а не как надо, только под этой линией.

  98. Аноним

    Как работать стрелками на графике?

Добавить комментарий

:) :D :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: