{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"f889"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":238,"offset":0,"style":"BOLD"}],"text":"Нужно мне было научиться имитировать на фотографиях неоновое свечение, чтобы изображение выглядело захватывающе \uD83D\uDE0A Посмотрел пару иностранных уроков и потратил несколько часов на оттачивание навыков в Gimp, а теперь делюсь опытом. Поехали!","type":"unstyled","key":"6k13m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3v5d9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Неоновая (газоразрядная) лампа - это стеклянная ёмкость со светящимся инертным газом (неоном или смесью газов) при прохождении через него электричества. ","type":"blockquote","key":"emvp6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Раньше были широко распространены неоновые вывески, но сейчас их вытеснили светодиоды. Однако, светодиоды не дают такой равномерный приятный цвет \uD83D\uDE0A","type":"unstyled","key":"edtt1"},{"data":{"image":{"id":"6197810e5556c418478ebff6"},"images":[{"id":"6197810e5556c418478ebff6"},{"id":"6197810c1f40047edb51d5b8"}],"contents":{"6197810c1f40047edb51d5b8":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"76eqh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Посмотрим на изображения неоновых вывесок. Что у них общего:","type":"unstyled","key":"d6438"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Центральная часть неоновых трубок светится ярким цветом, близким к белому.","type":"ordered-list-item","key":"bbgpf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" На небольшом удалении от центра трубы видим основной цвет свечения, направленный равномерно во все стороны.","type":"ordered-list-item","key":"6mo0c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Неоновый свет подчиняется законам оптики - не проходит через непрозрачные преграды, отражается от поверхностей, преломляется в других средах (в воде например) и плохо виден при наличии других ярких источников света.","type":"ordered-list-item","key":"4kcbp"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":6,"offset":143}],"inlineStyleRanges":[{"length":10,"offset":100,"style":"STRIKE"}],"text":"Переходим от слов к практике - открываем бесплатный редактор Gimp и загружаем в него изображение. А издеваться работать мы будем с этим фото с Pexels:","type":"unstyled","key":"c4vc0"},{"data":{"image":{"id":"61979746065aec7d40b035bb"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1g0la"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мне кажется, что человеку на фотографии не хватает... джедайского меча, не так ли?\uD83D\uDE0A","type":"unstyled","key":"fv7bs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Открываем фотографию в Gimp и исправляем эту несправедливость!","type":"unstyled","key":"22ou7"},{"data":{"image":{"id":"61979885e719aa2ee2394b51"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2e3ss"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":105,"style":"ITALIC"},{"length":8,"offset":154,"style":"ITALIC"}],"text":"Создаём контур светового меча. Для этого нажимаем кнопку (английскую), которая активирует инструмент Контуры для рисования кривых Безье. Инструментом Контуры щёлкаем сначала в первой точке экрана, а затем во второй.","type":"unstyled","key":"58trc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Инструмент Контуры ведёт себя подобно перу в Adobe Illustrator: короткими кликами в контрольных точках мы рисуем прямые линии, а если нажать левую кнопку мыши и не отпускать её, то у рисуемой линии появится кривизна, управлять которой можно специальными маркерами.","type":"blockquote","key":"44ed1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Получили прямую линию из двух точек, которая в Gimp именуется контуром:","type":"unstyled","key":"c4r4t"},{"data":{"image":{"id":"619799fae719aa2ee23a5343"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"81h7n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как я уже сказал, неоновый свет - это более яркая середина и основной свет. Поэтому нам потребуется 2 дополнительных слоя.","type":"unstyled","key":"7dm3o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":107,"style":"ITALIC"}],"text":"Создаём первый слой для основного света, нажав + + , или соответствующую кнопку в окошке Слои:","type":"unstyled","key":"6k471"},{"data":{"image":{"id":"61979ad74310d651bce7a58e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"efi23"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":82,"style":"ITALIC"}],"text":"Выбираем цвет нашего будущего меча, меняя цвет переднего плана. Затем идём в меню Правка → Обвести контур:","type":"unstyled","key":"chi8f"},{"data":{"image":{"id":"61979bd78fa555466d747f0a"},"images":[{"id":"61979bd78fa555466d747f0a"}],"contents":{}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"57g00"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":47,"style":"ITALIC"},{"length":12,"offset":63,"style":"ITALIC"}],"text":"Открывается окошко, в котором активируем опцию Обвести линией, Одним цветом. Далее устанавливаем требуемую толщину линии (подбирается опытным путём), и ставим скругления на концах линии:","type":"unstyled","key":"6nfm8"},{"data":{"image":{"id":"61979c2ac79525319ba93afd"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"rpil"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Получили синюю толстую линию поверх изображения:","type":"unstyled","key":"bsm6u"},{"data":{"image":{"id":"61979c9ce719aa2ee23c2106"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"amn8k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":151,"style":"ITALIC"}],"text":"Нам нужен ещё слой для яркой середины. Создаём его ( + + ), а затем нажимаем правой кнопкой мыши на предыдущий слой и выбираем пункт \"Альфа канал в выделение\", чтобы выделить синюю линию:","type":"unstyled","key":"ei19r"},{"data":{"image":{"id":"61979dc1c0d6794af64ed4a0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сначала я создал третий слой. Затем нажимаю на втором слое правой кнопкой мыши и выбираю пункт \"Альфа канал в выделение\", чтобы выделить синюю линию","type":"atomic:image","key":"4s24a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":97,"style":"ITALIC"}],"text":"Поскольку центральная яркая часть небольшая, мы должны уменьшить выделение. Для этого используем Правка → Уменьшить выделение:","type":"unstyled","key":"71ij6"},{"data":{"image":{"id":"61979e45bc17971077b45799"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fi20j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Уменьшаем выделение на 30 пикселей с каждой стороны - вводим число 30 и нажимаем ОК. Выделение уменьшилось. Активируем созданный верхний слой, выбираем белый (или светло-синий) цвет заливки, используем инструмент Плоская заливка и щёлкаем левой кнопкой мыши в область выделения - заливаем выделение белым цветом:","type":"unstyled","key":"6e9ie"},{"data":{"image":{"id":"61979ed58fa555466d771ec5"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"34l51"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Итак, на верхнем слое у нас белая заливка, на нижнем - синяя. Чтобы было похоже на неоновое свечение достаточно поочерёдно применить к обоим слоям размытие, к слою с белым цветом менее интенсивное.","type":"unstyled","key":"3emm0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":38,"offset":89,"style":"ITALIC"}],"text":"Сначала снимем выделение, нажав + + , а затем воспользуемся размытием: Фильтры → Размытие → Гауссово размытие:","type":"unstyled","key":"b9vip"},{"data":{"image":{"id":"6197a0085c58c828c3dce0f3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"f9fec"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как уже сказал, для верхнего слоя используем небольшое размытие, у меня - 4,5:","type":"unstyled","key":"ff7tr"},{"data":{"image":{"id":"6197a04e75507c1bf846c2f1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"brlm7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Повторяем размытие с средним слоем: выделяем средний слой, активируем Гауссово размытие, только величину размытия ставим побольше:","type":"unstyled","key":"6bf3e"},{"data":{"image":{"id":"6197a0cb1f40047edb661734"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"echmf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Наконец, получаем искомое неоновое свечение \uD83D\uDE0A. Осталось доработать фото - стереть меч в районе руки, затемнить изображение и нарисовать мечу ручку. Ручку я (для простоты) скопирую из интернета:","type":"unstyled","key":"2tf6e"},{"data":{"image":{"id":"6197a1d7bf4fb25143c6c451"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Скопировал фото с мечом, удалил светящуюся часть, отмасштабировал и повернул ручку, а также прошёлся инструментом Размытие-Резкость по периметру ручки","type":"atomic:image","key":"e4jmv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":50,"style":"ITALIC"},{"length":12,"offset":60,"style":"ITALIC"},{"length":17,"offset":77,"style":"ITALIC"}],"text":"Удаляю меч в районе руки - работаю инструментами \"Ластик\", \"Размазывание\" и \"Размытие-Резкость\":","type":"unstyled","key":"84i10"},{"data":{"image":{"id":"6197a3264310d651bcee9860"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4ct0g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":72,"style":"ITALIC"}],"text":"Увидел, что меч криво обрезался с правого края изображения. Использовал Штамп и продлил меч до границы фото:","type":"unstyled","key":"7dmmh"},{"data":{"image":{"id":"6197a3851f40047edb67ec00"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"uj1c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":70,"style":"ITALIC"}],"text":"Наконец, сделал изображение менее ярким. Отрегулировал яркость в меню Цвет → Яркость-Контраст...","type":"unstyled","key":"1b5ja"},{"data":{"image":{"id":"6197a3d45c58c828c3e09491"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"12f9m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":63,"offset":0,"style":"BOLD"}],"text":"В последний момент понял, что у меня и ручка светится! Исправил \uD83D\uDE0A Вот что получилось:","type":"unstyled","key":"26b7d"},{"data":{"image":{"id":"6197a4d6fe841f0ce3a31935"},"images":[{"id":"6197a4d6fe841f0ce3a31935"}],"contents":{}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bit0k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Конечно, тут есть над чем поработать - сделать ручку аккуратнее, например. В этом уроке я постарался показать, как рисовать неоновые трубки.","type":"unstyled","key":"f7al7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кому понравилось - поставьте \uD83D\uDC4D и подпишитесь \uD83D\uDE09. Кому не понравилось - пишите, что не понравилось \uD83D\uDE0A","type":"header-three","key":"36cnb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"4ac5pnSFU5TjI3nVWbeq"}],"entityMap":{"0":{"data":{"url":"https://www.pexels.com/ru-ru/search/%D1%87%D0%B5%D0%BB%D0%BE%D0%B2%D0%B5%D0%BA/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}