Рисуем логотип Windows и эффектные обои

Этот раздел предназначен для публикации уроков Paint.NET. В этом же разделе можно высказать замечания и пожелания к урокам, опубликованным на сайте paint-net.ru
Ответить
Аватара пользователя
VanGog
Сообщения: 87
Зарегистрирован: 05 апр 2010, 09:54
Репутация: 0
Откуда: Южно-Сахалинск

Рисуем логотип Windows и эффектные обои

Сообщение VanGog » 12 апр 2010, 18:18

Рисуем в paint.net логотип Windows и эффектные обои

Изображение

Начнем с рисования фирменного логотипа Windows:

1. Создаем документ по умолчанию (800х600) и создаем новый слой.
3. Основным цветом выбираем 273283. На новом слое с помощью фигуры овал в режиме «Сплошная фигура» рисуем ровный круг (клавиша shift зажата):

Изображение

4. Создаем новый слой. Внутри уже созданного синего круга, рисуем овалом еще один, но поменьше размером. Цвет 00CEF2. После этого идем в «Эффекты - > Размытие -> Приближение». Перекрестие центруем на основании голубого круга. Значение выставляем по своему вкусу (так чтоб переход цвета получился плавным, слишком много выставлять не надо). В итоге должно получиться так:

Изображение

5. Рисуем блик. Основным цветом – белый, дополнительный – прозрачный. Берем линейный градиент и протягиваем его примерно вот так:

Изображение

6. Все, сфера готова. Осталось поместить в нее логотип Windows. И это, как оказалось, самый трудоемкий шаг. Я бился над ним часа три, с перерывами, конечно :) Рисуем логотип с помощью фигуры «прямоугольник» и кривых. Используем следующие цвета: F06100 (оранжевый), 2DB542 (зеленый), 155DA5 (синий), F7C200 (желтый). После того, как вы нарисуете все четырехугольники, обведите каждый из них кривыми соответствующих цветов. Эта манипуляция повысит сглаживание, что придаст вашему логотипу аккуратный и ровный вид. (Если у кого-то есть способ, как нарисовать этот логотип проще, поделитесь, пожалуйста).
Вы должны получить что-то на подобие этого:

Изображение

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

Изображение

8. Объединяем слои с логотипом и его тенью. Создаем новый слой и протягиваем линейный градиент таким образом (основной цвет – белый, дополнительный – прозрачный):

Изображение

9. Применяем к слою режим перекрытие и эффект свечение: радиус 20, яркость 100, контрастность -100.

10. Объединяем слои. Вот наш логотип и готов:

Изображение

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

Теперь приступаем к созданию обоев.

1. Создаем новый документ. Я выставил свое разрешение экрана: 1024х768. Вы выставляйте свое. Заливаем фон черным цветом. Создаем новый слой и проводим в нем белую, толщиной в 1, кривую:

Изображение

2. Берем радиальный градиент и в режиме прозрачности протягиваем от центра линии. Вот так:

Изображение

3. Применяем к слою с линией эффект «Свечение» со значениями: радиус – 20, яркость – 100, контрастность – (-100). Затем опять применяем свечение с радиусом – 20, яркостью – 0 и контрастностью – (-100). Повторяем этот эффект с этими значениями еще раз. Получается так:

Изображение

4. Самый интересный. Приступаем к фокусам. Дублируем слой с линией. Поворачиваем его и перемещаем примерно вот так:

Изображение

5. Теперь дело остается только за вашей фантазией. Таким же образом, дублируя и перемещая слои, создаем некую симпатичную абстракцию:

Изображение

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

Изображение

7. Объединяем слои с точками и линиями. Берем кисть толщиною 52 и раскрашиваем новый слой следующим образом:

Изображение

8. Затем применим к слою гауссово размытие: два раза по 200 и один 50. Итого, получится, что мы применили гауссово размытие со значением 450. Затем в свойствах слоя поставим режим «Перекрытие». Вот теперь берем наш виндовский логотип и помещаем его в центр обоины. Получаем вот такой вот красивый эффект:

Изображение

9. Дублируем слой с логотипом. Выделяем наш логотип (то есть непосредственно, круг) и заливаем его белым цветом. Применяем к слою эффект свечения с радиусом 20, яркостью 100 и контрастностью (-100). Повторяем этот эффект еще пару раз. Перемещаем преобразованный слой под слой с линиями, над слоем с фоном. Должен получиться, в некотором смысле, ореол:

Изображение

10. Создаем новый слой над всеми остальными – будем делать надпись. Под логотипом пишем следующую надпись. Применяем свечение с максимальным радиусом и яркостью, но с минимальной контрастностью. Затем еще раз применяем свечение: радиус – 10, яркость – (-20), контрастность – (-100):

Изображение

11. Затем выделяем надпись следующим образом и создаем новый слой:

Изображение

12. Далее основным цветом выставляем светло-серый, дополнительным – прозрачный, и выбираем градиент «линейный «отраженный». Проводим им совсем чуть-чуть, чтобы надпись пересекала серая градиентная линя. После применим к слою гауссово размытие со значением 5, а в свойствах слоя выберем режим «Умножение». Вот как получится в итоге:

Изображение

13. На мой взгляд, принципиальных отличий в логотипах в Windows Wista и Seven нет. Поэтому, чтобы пользователям и той и другой системы не было обидно, добавим эффектную семеровскую семерку, извиняюсь за каламбур. Ну и к тому же эти обои станут немного оригинальнее прочих :). Итак, создадим новый слой ниже надписи, и голубой линией в толщиной в 5 пикселей проведем нечто среднее между цифрой «7» и недорисованной буквой «V». Затем, на новом слое (и тоже под надписью), начертим белую линую толщиной в 2 пикселя, как бы, внутри голубой семерки:

Изображение

14. К слою с голубой толстой семеркой применим эффект свечение с радиусом 20, яркостью 100 и контрастностью (-100). Затем опять применим эффект свечение с радиусом 20, яркостью 0 и контрастностью (-100). К слою с тонкой белой семеркой применим только эффект свечение с радиусом 20, яркостью 100 и контрастностью (-100). И эффект «несфокусированность» со значением 1:

Изображение

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

Изображение

16. Аналогичным образом поступаем и с нижней частью. В итоге получается так:

Изображение

17. Все слои с семеркой объединяем и перемещаем в место над фоновым слоем, под слоем с ореолом.

18. Финал уже близок. Создаем новый слой над фоновым, и в верхнем левом углу в режиме сплошной фигуры рисуем светло-голубой квадрат:

Изображение

19. Применяем к этому слою круговое размытием с градусом угла 70. Затем применяем гауссово размытие со значением 55. Должно получиться вот так:

Изображение

20. То же самое, но новом слое, делаем и с нижним правым углом, только на этот раз заливаем зеленым.

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

Ну вот и все – обои готовы!

Изображение

Аватара пользователя
BorzoyExist
Сообщения: 87
Зарегистрирован: 04 апр 2010, 19:42
Репутация: 0
Откуда: Петербург
Контактная информация:

Re: Рисуем логотип Windows и эффектные обои

Сообщение BorzoyExist » 12 апр 2010, 20:11

Большое спасибо ;) Класс!
Изображение

Аватара пользователя
VanGog
Сообщения: 87
Зарегистрирован: 05 апр 2010, 09:54
Репутация: 0
Откуда: Южно-Сахалинск

Re: Рисуем логотип Windows и эффектные обои

Сообщение VanGog » 13 апр 2010, 02:13

Спасибо за отзыв :)
Интересно было бы посмотреть, как получается у других

Аватара пользователя
BorzoyExist
Сообщения: 87
Зарегистрирован: 04 апр 2010, 19:42
Репутация: 0
Откуда: Петербург
Контактная информация:

Эффектные обои

Сообщение BorzoyExist » 13 апр 2010, 07:54

Из урока VanGog'а "Рисуем логотип Windows и эффектные обои" у меня скорее получились "эффектные обои", чем "логотип Windows" :Yahoo!:
Изображение
Изображение

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

Re: Рисуем логотип Windows и эффектные обои

Сообщение xmario » 13 апр 2010, 14:58

Классный урок!!! Супер! А вот что получилось у меня..

Изображение

Конечно ничего выдающегося, :oops: в предыдущем сообщении красивее...
:P за-то вот, как это можно применить в веб-дизайне (пример скорее учебный):

https://paint-net.ru/webdesign-paint-net/example1/

Аватара пользователя
BorzoyExist
Сообщения: 87
Зарегистрирован: 04 апр 2010, 19:42
Репутация: 0
Откуда: Петербург
Контактная информация:

Re: Рисуем логотип Windows и эффектные обои

Сообщение BorzoyExist » 13 апр 2010, 18:58

А в веб-дизайне пример хороший получился :good:
Изображение

sas040397
Сообщения: 18
Зарегистрирован: 21 май 2010, 20:47
Репутация: 0

Re: Рисуем логотип Windows и эффектные обои

Сообщение sas040397 » 22 май 2010, 20:08

Help! :shock: у меня не получается режим свечения на линии! Нечего не происходит!

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

Re: Рисуем логотип Windows и эффектные обои

Сообщение xmario » 22 май 2010, 20:55

Вот несколько очевидных ошибок и соответственно советов:

1. Убедитесь что применяете эффект paint.net свечение к нужному слою.
2. Поставьте максимальные параметры, что бы увидеть разницу.
3. Убедитесь, что линия нарисована на прозрачном слое, а не слое с фоном.
4. Создайте новое изображение, создайте на нем прозрачный слой и нарисуйте линию. Примените эффект paint.net свечение. Скорее всего вы увидите результат. Посмотрите, чем ситуация, когда результат есть, отличается от ситуации, когда результата нет.. ;-)

sas040397
Сообщения: 18
Зарегистрирован: 21 май 2010, 20:47
Репутация: 0

Re: Рисуем логотип Windows и эффектные обои

Сообщение sas040397 » 23 май 2010, 09:33

Ура получилось!!!!!!!!! :good: Спасибо!!!!!!!
вот моя! Изображение

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

Re: Рисуем логотип Windows и эффектные обои

Сообщение xmario » 23 май 2010, 10:05

sas040397: Класс!!!!! :Bravo: :good:

Кстати, "хозяйке на заметку", если эффект paint.net "свечение" применить к точкам несколько раз, то точки будут все ярче и ярче. Правда, и более размытыми...

Ответить

Вернуться в «Уроки Paint.net»

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

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