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

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

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

  1. Shika:

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

  2. kuki:

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

  3. илья:

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

  4. Dj_sael:

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

  5. Dj_sael:

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

  6. Dj_sael:

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

  7. Александр:

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

  8. Szerge:

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

    TNX for the nice tutorial!

  9. Анна:

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

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

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

  11. Андрей:

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

  12. @LeXaNcHe$:

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

  13. @LeXaNcHe$:

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

  14. Дженнет:

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

  15. alightrictet7:

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

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

  16. Юлия:

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

  17. Мария:

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

  18. (= Лизка =):

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

  19. Умида:

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

  20. алена:

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

  21. алена:

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

  22. Рин:

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

  23. gelsug1597:

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

  24. Коля:

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

  25. Марк:

    ХАХХА

  26. Аня:

    НА 8 ЗАСТРЯЛА

  27. Гульфия:

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

  28. ли:

    всё ок

  29. ли:

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

  30. Lily:

    Thank you turned cool.

  31. витюган ептаа...:

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

  32. Андрей:

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

  33. "EGOR=MEGION":

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

  34. DQ:

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

  35. Галина:

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

  36. Диана:

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

  37. Диана:

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

  38. Богдан:

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

  39. Anastasi.:

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

  40. Зоригто-SkyNet:

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

  41. S. Lord:

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

  42. новичек ):

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

  43. coga:

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

  44. Василий:

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

  45. Виктор:

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

  46. Александр:

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

  47. Анонимно:

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

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