Прозрачный объемный текст

Этот раздел посвящен урокам paint.net по созданию различных надписей. Светящиеся надписи, золотой текст и другие уроки работы с текстом в paint.net есть в этом разделе.
Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Прозрачный объемный текст

Сообщение xmario » 23 мар 2011, 13:01

Как сделать прозрачный объемный рисунок в paint.net

Изображение

Создадим новое изображение и новый прозрачный слой на нем. Для примера этого урока я использовал просто букву «А», которую мы и будем делать прозрачной. Это букву я написал на прозрачном слое цветом #FF6A00 и шрифтом Century Gothiс

Изображение

Для того что бы сделать впечатление, что нарисованная буква лежит на плоскости, используйте средство paint.net Поворот и масштаб.

Изображение

Получилась вот такая буква на плоскости.

Примените к слою с буквой дополнительный эффект paint.net Тень (Drop Shadow) с цветом таким же, как и буква, и основными параметрами равными 0, кроме параметра радиус размытия, который должен быть равен 1. Таким образом, мы слегка сгладим края у буквы.

Изображение

Создайте копию слоя с буквой. Дальше мы будем работать с копией. У оригинального слоя с буквой отключите видимость. Этот слой нам понадобится для множества вещей, поэтому пусть сейчас он лежит в запасе и не мешает.

Теперь примените к слою с буквой дополнительный плагин paint.net Trail.

Изображение

Должно получиться так:

Изображение

Теперь вспомним про наш резервный слой. Сделаем его копию. Переместим копию на самый верх, что бы копия слоя стала самой верхней, и включим ее видимость. Применим к этому слою коррекцию paint.net яркость и контрастность. Контрастность по умолчанию, а яркость +60. Должно получиться так:

Изображение

Снова вспомним про наш резервный слой с буквой. Сделаем его копию. Переместим копию на самый верх, что бы копия слоя стала самой верхней, и включим ее видимость. Применим к этому слою коррекцию paint.net яркость и контрастность. Контрастность по умолчанию, а яркость -100.

Переместите букву на этом слое так, что бы ее нижний край совпал с краем выпуклой буквы.

Установите прозрачность слоя 50. Должно получиться так:

Изображение

В принципе буква готова. Теперь будем делать блики. Относительно подробно опишу первый блик. Он будет на внутренней стороне. Для этого создаем новый прозрачный слой. Расположение слоя – самый верхний.

Устанавливаем основной цвет серым #808080, дополнительный цвет абсолютно прозрачным. Делаем на прозрачном верхнем слое линейным отраженным градиентом серую полоску посередине буквы.

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

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

В общем, после этих манипуляций градиент должен остаться на внутренней стороне буквы, как-то так:

Изображение

Устанавливаем режим смешивания слоя с градиентом как добавление.

Изображение

Блики на краю буквы.

Сделать блики можно разными способами. Вот один из них.

Создаем новый слой. Располагаем его на самом верху.

Опять вспоминаем про резервный слой. Переходим на слой с обычной буквой, выделяем волшебной палочкой пустое пространство вокруг нее. Инвертируем выделение, что бы была выделена сама буква. Не снимая выделения, возвращаемся на созданный нами слой. Применяем дополнительный эффект paint.net – Outline Selection.

Изображение

Устанавливаем на палитре цветов paint.net два любых непрозрачных цвета. Берем инструмент градиент в режиме прозрачности. Тип градиента – линейный отраженный. И проводим им, не снимая выделения, внутри области, так, как показано на рисунке ниже.

Изображение

Если края у бликов получились неровными, то можно их сгладить, используя плагин paint.net AA's Asistant или способ с эффектом paint.net Тень Drop Shadow, который мы использовали выше.

Изображение

На окончательной картинке добавлен еще один блик посередине. А так же тень от буквы и свечение.

Изображение

Как сделать блик мы уже разобрали в этом уроке, поэтому про второй блик описывать не буду. И о том, как сделать тень от буквы, просто используя эффект Тень (Drop Shadow), пожалуй, тоже. Если вы самостоятельно дошли до этой части урока, и у вас все получилось, то указанные действия не составят для вас никакого труда.

Несколько слов про свечение от буквы. Здесь мы опять вспоминаем про резервный слой. Делаем его копию и перемещаем эту копию в самый низ. Т.е. положение слоя ниже букв, но над фоном, если таковой есть. Видимость слоя, естественно включена. Применяем к этому слою стандартный эффект paint.net Свечение из меню paint.net - Для фотографий. Настройки стандартные, кроме радиуса, который равен 15-ти. Применяем этот эффект с теми же настройками еще раз. Ну, и напоследок, размываем с помощью эффекта paint.net Гауссово размытие из меню paint.net Эффекты - Размытие. Радиус размытия около 15-ти. Может потребоваться переместить содержимое этого слоя немного в сторону для большей реальности, но в целом, это все.

Не смотря на то, что урок находится в разделе «уроки paint.net по работе с текстом». Делать такие картинки можно не только с текстом, но и с совершенно нетекстовыми рисунками, причем не обязательно одноцветными.

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Прозрачный объемный текст

Сообщение Lynx » 23 мар 2011, 19:18

Ну, если немного текстуры добавить в промежутке и цветность подогнать, то как раз банановый текст и получится :)
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Прозрачный объемный текст

Сообщение xmario » 23 мар 2011, 21:03

Какой банановый?? Он же прозрачный, причем здесь банан? :shock:

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Прозрачный объемный текст

Сообщение Lynx » 23 мар 2011, 21:47

На основе этого урока можно сделать такой (недавно сама делала) и поэтому возникла ассоциация (блики, цвет)
http://demiart.ru/forum/index.php?showtopic=164731

Почти такой же стиль
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Прозрачный объемный текст

Сообщение xmario » 23 мар 2011, 21:53

Да, здорово! Только какой-то он там в оригинале сложный урок, про банановый текст... :pardon:

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Прозрачный объемный текст

Сообщение Lynx » 23 мар 2011, 21:58

Нет, не сложный. Там просто стиль описывается скринами долго. Каждый "тык" отдельным скрином.
Но зато стиль потом можно сохранить и применять за секунду. Я для этого его и сделала, чтобы иметь такой стиль у себя в коллекции стилей в фш.
Но у нас можно и вручную, тем более создание такой текстуры можно сделать так же "баром" из узоров и сферой.
И так же нанести его отражением (свойство слоя)
"Чтобы уметь рисовать - надо рисовать" John Howe

tanyaron
Сообщения: 90
Зарегистрирован: 01 янв 2011, 21:56
Репутация: 0

Re: Прозрачный объемный текст

Сообщение tanyaron » 18 май 2011, 15:58

Ну вот, попробовала. Не взыщите, что сюжет своеобразный.:) Хотелось попробовать не с одной буквой, а именно с текстом.

Единственное, что не получилось - это блики на краях.:( И свечение не стала делать. На образце мне нравится, что буква полированной выглядит, а у себя не поняла - какой именно слой сглаживать надо, чтобы не шероховатые буквы были...

Изображение
https://fotki.yandex.ru/users/tanyaron09/view/314391/

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Прозрачный объемный текст

Сообщение xmario » 18 май 2011, 18:01

Да, вроде неплохо получилось! :Bravo: Не понял, что тебе не понравилось. :)

tanyaron
Сообщения: 90
Зарегистрирован: 01 янв 2011, 21:56
Репутация: 0

Re: Прозрачный объемный текст

Сообщение tanyaron » 18 май 2011, 18:12

Спасибо. :oops: Раз спецы одобряют - тогда и я переживать не буду.:)

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Прозрачный объемный текст

Сообщение Lynx » 04 окт 2011, 09:13

Психоделика

Изображение

Использовался шрифт Bifurk
Скачать шрифт Bifurk можно тут.

Можно скачать чтобы посмотреть, как это делалось
Вложения
писходелика.rar
(860.4 КБ) 1009 скачиваний
"Чтобы уметь рисовать - надо рисовать" John Howe

Ответить

Вернуться в «Текст - уроки paint.net по работе с текстом»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя