Урок «Плавный переход с цветного в черно-белый»

Этот урок покажет как с помощью графического редактора Paint.NET сделать плавный переход изображения с цветного в черно-белый:

Плавный переход в черно-белое

Плавный переход в черно-белое

Этот урок не такой простой как в случае с резким переходом, но и не очень сложный.

1. Откройте начальное изображение и дублируйте его слой (Слои — Создать копию слоя или Ctrl+Shift+D). Для удобства переименуйте новосозданный слой в «Слой 1» (подробнее о том как это делать можно узнать в разделе «Окно слоев» справки Paint.NET):

Дублирование слоя

Создание копии слоя

2. Выделите в окне слоев «Фон» и переведите его в черно-белый режим (Коррекция — Сделать черно-белым или Ctrl+Shift+G):

Фон черно-белый

Фон черно-белый

3. Выделите в окне слоев «Слой 1». Для усиления цвета можно (но не обязательно) немного повысить насыщенность этого слоя (Коррекция — Оттенок и насыщенность… или Ctrl+Shift+U):

Повышение насыщенности

Повышение насыщенности

4. Выберите в окне инструментов «Градиент» (1) в режиме «Круговой» (2) и установите для него тип смешивания «Прозрачность» (3):

Выбор радиального градиента и режима смешивания

Выбор радиального градиента и режима смешивания

5. В окне «Палитра» установите для основного и дополнительно цвета «Прозрачность (альфа)» на 0:

Настройка основного и вторичного цвета

Настройка основного и вторичного цвета

6. Используя настроенный ранее инструмент «Градиент» проведите (с нажатой ПРАВОЙ кнопкой мышки) линию от центра цветка к его периферии, что-бы получилось что-то похожее на это:

Готовое изображение

Готовое изображение

Вот и все. Наш цветочек готов. Вот ещё один созданный таким самым образом:

Еще один цветочек

Еще один цветочек

комментариев 309

  1. Наталина:

    Очень красиво! Спасибо большое за урок!

  2. юра:

    Просто и оригинально. Спасибо!

  3. Анжелика:

    Красиво и совсем не сложно! Спасибо!

  4. Алекс_Андра:

    Очень красиво)))
    Скажи а можно ли что-то делать со шрифтом?? Ну чтобы он переливался или блестел?

  5. R@SL:

    Админ спасибо за хорошие уроки!
    Есть такой вопрос возможно ли добавлять в пайнткисти (как в фотошопе), этого очень не хватает!

  6. victor:

    А можно с помощью пейнт нет заменять надписи на скриншотах?
    Если можно то сделайте урок плз

  7. admin:

    Алекс_Андра — анимированное изображение в Paint.NET создавать (пока) нельзя.

    R@SL — добавлять новые варианты, насколько мне известно, невозможно.

    victor — «заменять надписи на скриншотах» что Вы имеете в виду?

  8. Gigudrion:

    Здравствуйте, Admin! Спасибо то наконецтаки создали 10 урок =)
    И вопросик: вы сказали анимированное изображение ПОКА нельзя делать в пейнте. Это что значит чт скоро пейнтстанет с поддержкой анимации? о_О

  9. admin:

    Gigudrion — не за что :). А на счет анимации, то я написал «пока», потому что и сам не знаю будет ли она в будущем. Но есть плагин для сохранения многослойных файлов в формате GIF и PNG. Возможно, что следующий урок будет о том как им пользоваться. Также советую посмотреть это или (на крайний случай) это.

  10. Gigudrion:

    Спасибо, Admin! Но эти программы мне не нужны т.к. есть Easy GifAimator. Очень охота чтобы в Paint.NET появилась анимация :).
    И еще: не могли бы вы сделать урок как сделать реалистичную воду, океан хоть что но чтобы было связано с водой. Спасибо!

  11. R@SL:

    А возможно ли это будет в следующих версиях?

  12. CraZyTracer:

    А у меня почему то получается наоборот… После 6-го шага у меня весь фон цветной. А то что выделил Градиент чёрно белый… Что я не так сделал?

  13. CraZyTracer:

    А всё.. я лол)) понял «(с нажатой ПРАВОЙ кнопкой мышки)»

  14. Аноним:

    Здравствуйте, а вы не могли бы сделать урок вот с этого видео? Пожалуста. http://www.youtube.com/watch?v=zQ4C3rtmUSI&feature=related

  15. инна:

    Как сохранять?? Смотреть можно только через паинт???

  16. admin:

    Чтобы сохранить: «Файл — Сохранить как…» и выберите нужный формат изображения.

  17. инна:

    ОЙ…спасибо большое!!!

  18. инна:

    А как перекрашивать нужные элементы например в другой цвет??

  19. Алекс_Андра:

    а когда можно будет??

  20. admin:

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

    Алекс_Андра — не знаю :(

  21. инна:

    Изменить оттенок- это просто закрасить другим цветом??? Вот например, я хочу перекрасить цвет глаз в изумрудные…я выделяю их….и ??

  22. admin:

    инна — … и заходите в «Регулировки — Оттенок/Насыщенность…». Затем с помощью ползунка «Оттенок» установите требуемый тон.

  23. Тёма:

    Кто знает!!! Можно ли paint.net поставить шрифт: space age

  24. admin:

    Тёма — конечно можно. Только не в paint.net, а в систему. В paint.net он потом сам появиться.

  25. инна:

    Спасибо!!!!!!! СПАСИБО БОЛЬШОЕ! Буду ждать новых уроков!!!! И Еще раз спасибо!!

  26. инна:

    А можно добавлять в фотографии различные узоры?? Например я хочу сделать рамку, чтоб она была вся потертая, там еще загагулины всякие добавить… Такое есть в функциях??

  27. victor:

    Инна, предыдущие уроки тебе в помощь=)

  28. victor:

    Слушайте а можно в Paint.NET сделать замену надписей на скриншоте?

  29. Анюта:

    Классно спасибо за уроки я так быстро научилась работать на паинте конечно же с помощью этих уроков

  30. Илья:

    Комментарий: victor: А можно ли заменить надписи на фотке на свои?
    Отвечаю: Полную замену — нельзя. Можно только закрасить то место, на котором эта надпись и написать на него новую. Попробуйте аккуратнее вот так: нужно Пипеткой выбрать пиксель рядом с надписью(чтобы ваша(новая) надпись была заметна, а старая — нет), а потом этим новым цветом закрашивать полосками старую надпись. Кстати — это и есть УРОК! :-)
    Комментарий: инна: Как изменить оттенок?
    Вы можете, также, создать новый слой(Слои — Добавить новый слой) и уже с помощью него аккуратно и естественно изменить цвет чего угодно. Там не так уж и сложно. Вы просто выбираете для круглых поверхностей — круг(для других — полоску) и выбираете разные оттенки. Сначала самый темный — и большую часть им закрашиваете поверхность. Потом(чтобы Вам было лучше видно) вибираете Слои — Свойство слоя(или просто нажмите F4), потом передвиньте ползунок «Прозр» к середине или как будет лучше. Нажмите ОК. Теперь Вы хоть видите, что творите. :-) Потом Вы можете изменять оттенок, как Вам подсказал Администратор. Пото Вы просто выбираете «Ластик» и стираете то, что Вам не нужно. В конце работы Вы нажимаете Слои — Объеденить со следующим слоем(или Ctrl M). Теперь Ваши глаза(или что там?) аккуратные, как будто и были такими с самого начала. И это тоже полноценный урок. Администратор — можете создавать по этому сообщению 2 урока…или хотя бы 1 урок. :-)

  31. Илья:

    Кстати Вы можете использовать слои от фото шоп и многое другое!

  32. инна:

    Можно вырезать часть фотографии для аватарки???

  33. Авелина:

    Спасибо за урок!
    А как можно сделать чтобы на фотографие блестели разные элементы не ввиде анимации а просто как звездочка?

  34. masca.rade:

    У меня фото в результате открывается только через paint.NET, а если делаю «сохранить как…» и сохраняю в нужном формате, то «просмотр недоступен»

  35. admin:

    Илья — спасибо :). Но я думаю, что это все можно узнать в справке, которую я понемногу перевожу. Хотя возможно, что впоследствии уроки будут оформлены по степени сложности и там (опять же — возможно) найдется место и для таких уроков.

    инна — можно конечно. Используйте прямоугольное выделение и инструмент «Обрезать по выделению».

    Авелина — найди изображение звездочки, добавить на изображение еще один слой и лепить звездочки на него.

  36. masca.rade:

    Все, получилось сохранить х)
    Скажите, можно на paint.NET округлять углы у фотографии?

  37. DANTE:

    Спасибо админы!!!!!!!!!!!!!!!!!
    До этого урока я и не подозревал о таком эффекте градиента, кстате…
    В уроке 4 опечатка: «Выберите в окне инструментов «градиенT» (1) в реж…»

  38. victor:

    Слушайте а уроки то будут? )

  39. admin:

    masca.rade — можно и округлять. Если коротко то так: добавьте новый слой, обозначьте на нем нужную область с помощью фигуры «Закругленный прямоугольник», выделите с помощью «Волшебной палочки» область входящую в этот прямоугольник и примените операцию «Обрезать по выделению».

    DANTE — спасибо, исправил.

    victor — будут, но только после того как будет полностью переведена справка по Paint.NET.

  40. о_0:

    Admin вот можно по округлению урок сделать =)

    Кстати а где в справке английский язык? Там же все русское зачем переводить?

  41. admin:

    о_0 — Ок! Следующий урок будет о этом :)

    А о справке… В какой справке русский? В той что на этом сайте? Так там только часть из официальной.

  42. о_0:

    Дайте пожалуста ссылку, может я смогу перевести =)

  43. admin:

    о_0 — в принципе перевод не сложный, просто времени постоянно не хватает. Официальная справка.

  44. masca.rade:

    admin, получилось ^^ спасибо)

  45. Berserok:

    а как можно добавить свой урок сюда?урок стоящий того! урок-‘солнечные зайчики или блики’

  46. о_о:

    [b]Berserok[/b] у админа спроси. Он сам выложит =)

  47. Lucky...Boy:

    Всё уроки очень нужные…спс… эта прога лучше всех… хотелось бы еще узнать как можно сделать эффект краски на стенах, асфальте…надеюсь понимаете о чем я…

  48. Аноним:

    блин получается все черно-белым остается

  49. Юлия:

    Вах..Я и незнала что в Паинт.Нет моня такое дклать…Большое спасибо…Хорошо получилось….Все очень просто, но я протсо в ауте….Что оказываеца Паинт.Нет самы еастоящий фотошоп…

  50. Ленkа:

    объясните еще как 2 картинки в 1 обединять?

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