Страница 1 из 4

Фотография за разбитым стеклом

Добавлено: 14 апр 2010, 23:01
xmario
Фотография за разбитым стеклом

Изображение

Возьмем за основу какую-нибудь фотографию. Откроем ее в Paint.NET – это будет наш фоновый слой. Не бойтесь, непосредственно со слоем с фотографией мы ничего делать не будем, так что ни одна из фотографий в этом уроке не пострадает. Мы взяли в качестве фотографии вот эту розу.

Изображение

Создадим новый слой или два. Мы для наглядности создали два слоя, потому что фотография у нас темная, рисовать дальше мы будем серым цветом, поэтому временно нам придется закрыть фотографию белым фоном, иначе вы ничего не увидите. Итак, мы создали два слоя, первый из которых, он расположен непосредственно над фотографией, заполнили просто белым цветом. Второй новый слой, он находится выше слоя с белым цветом, на нем мы будем рисовать трещины на стекле.

Берем инструмент Paint.NET кисть и устанавливаем толщину 4. Если у вас большая фотография, то возможно вам будет нужно установить размер кисти больше. В качестве цвета для рисования мы использовали обычный серый цвет из палитры Paint.NET (его шестнадцатеричный код 404040). И нарисовали кистью вот такие полосы как на рисунке ниже. Поскольку рисование кистью происходит «от руки», то полосы получаются неровными, что в нашем случае хорошо.

Изображение

Теперь уменьшаем размер кисти до 2-х и удлиняем существующие полосы и рисуем новые.

Изображение

и на последнем этапе рисования кистью устанавливаем её размер 1 и опять дорисовываем полосы и добавляем немного новых.

Изображение

Рисовать серым цветом мы больше не будем, поэтому слой с белым фоном нам больше не понадобится. Но и не спешите его удалять. Вместо слоя с белым фоном мы сделаем стекло. Предполагается, что стекло над нашей фотографией не только разбито, но и один из осколков отсутствует. Поэтому для начала удалим белый фон в месте отсутствия осколка. Для этого перейдем на слой с серыми линиями, при помощи инструмента волшебная палочка выделим участок, где не будет стекла. Вернемся на слой с пока еще белым фоном и удалим выделенную область. Должно получиться примерно так.

Изображение

Теперь, используя инструмент заливка Paint.NET и обычный голубой цвет (шестнадцатеричный код 00FFFF), зальем белые области на слое голубым цветом. После этого в настройках слоя установим значение прозрачности 30. Должно получиться примерно как у нас.

Изображение

Осталось совсем чуть-чуть. Вернемся на слой с серыми линиями и применим к нему эффект Paint.NET «Тень» (Drop Shadow). Значение параметра X =1 все остальные числовые параметры равны 0. Обратите внимание, что тень в качестве цвета тени надо будет выбрать белый цвет.

Изображение

Ну и последний штрих – на слое серыми линиями применим инструмент градиент Paint.NET в режиме прозрачности из центра осколка снизу в центр фотографии вверх. Мы использовали «круговой» тип градиента. Получилось вот так:

Изображение

P.S. А могло бы получиться вот так, если бы вместо эффекта «Тень» мы бы скопировали слой с серыми линиями. На нижнем слое из двух получившихся одинаковых слоев с серыми линиями инвертировали бы цвета. Сдвинули бы инвертированный слой на 1 пиксель влево. А потом применили бы градиент в режиме прозрачность два раза - сверху вниз к слою с серыми линиями и снизу вверх к слою с инвертированными линиями.

Изображение

Re: Фотография за разбитым стеклом

Добавлено: 30 июл 2010, 14:22
Lynx
От себя хочу добавить, что трещины можно и не рисовать вручную, а воспользоваться эффектом из меню художественные
Изображение

Можно так же взять любую текстуру разбитого стекла , наложить сверху слоем и придать ему свойство
Изображение

Получится вот так
Изображение

Re: Фотография за разбитым стеклом

Добавлено: 08 авг 2010, 14:53
Girl
Я начиная с этого момента вообще ничё не поняла..Вернемся на слой с серыми линиями и применим к нему эффект Paint.NET «Тень» (Drop Shadow). Значение параметра X =1 все остальные числовые параметры равны 0. Обратите внимание, что тень в качестве цвета тени надо будет выбрать белый цвет.
что значит вернёмся у меня его вообще нет у меня все линии на одном слое...

Re: Фотография за разбитым стеклом

Добавлено: 08 авг 2010, 14:59
Diana
Girl писал(а):Я начиная с этого момента вообще ничё не поняла..Вернемся на слой с серыми линиями и применим к нему эффект Paint.NET «Тень» (Drop Shadow). Значение параметра X =1 все остальные числовые параметры равны 0. Обратите внимание, что тень в качестве цвета тени надо будет выбрать белый цвет.
что значит вернёмся у меня его вообще нет у меня все линии на одном слое...
Я этот урок конечно не читала, но... у тебя все линии на одном слое вместе с картинкой? они должны быть на одном слое, только линии

Re: Фотография за разбитым стеклом

Добавлено: 09 авг 2010, 11:54
xmario
Ну, надо в уроках, не только картинки разглядывать, но и текст иногда читать ;o) Второй абзац, первое предложение:
Создадим новый слой или два....

Re: Фотография за разбитым стеклом

Добавлено: 10 авг 2010, 15:31
Girl
xmario писал(а):Ну, надо в уроках, не только картинки разглядывать, но и текст иногда читать ;o) Второй абзац, первое предложение:
Создадим новый слой или два....
У МЕНЯ ДВА СЛОЯ И Я ЧИТАЛА ТЕКСТ У МЕНЯ НА ОДНОМ СЛОЕ КАРТИНКА А НА ДРУГОМ ЛИНИИ!!!!!!!!!!!!!!!!!!!!!!!ща попробую ещё раз!

Re: Фотография за разбитым стеклом

Добавлено: 10 авг 2010, 16:01
Diana
Girl писал(а):
xmario писал(а):Ну, надо в уроках, не только картинки разглядывать, но и текст иногда читать ;o) Второй абзац, первое предложение:
Создадим новый слой или два....
У МЕНЯ ДВА СЛОЯ И Я ЧИТАЛА ТЕКСТ У МЕНЯ НА ОДНОМ СЛОЕ КАРТИНКА А НА ДРУГОМ ЛИНИИ!!!!!!!!!!!!!!!!!!!!!!!ща попробую ещё раз с другой картинкой!
ну как?? :-D

Re: Фотография за разбитым стеклом

Добавлено: 10 авг 2010, 16:08
Girl
Ну вот что у меня получилось:
Изображение

Re: Фотография за разбитым стеклом

Добавлено: 10 авг 2010, 17:04
Diana
Ну вот что у меня получилось:
Изображение
Нет, ты все таки что то не правильно дклаешь... ;o)

Re: Фотография за разбитым стеклом

Добавлено: 10 авг 2010, 17:04
Diana
Ну вот что у меня получилось:
Изображение

Нет, ты все таки что то не правильно делаешь...
А хотя... вроде все правильно