Форум paint.net на русском языке
Рисуем логотип Windows и эффектные обои
- VanGog
- Сообщения: 87
- Зарегистрирован: 05 апр 2010, 09:54
- Репутация: 0
- Откуда: Южно-Сахалинск
Рисуем логотип Windows и эффектные обои
Рисуем в 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. То же самое, но новом слое, делаем и с нижним правым углом, только на этот раз заливаем зеленым.
Сам логотип показался мне слегка тускловатым, и я подкорректировал этот слой с помощью уровней.
Ну вот и все – обои готовы!
Начнем с рисования фирменного логотипа 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 и эффектные обои
Большое спасибо Класс!
- VanGog
- Сообщения: 87
- Зарегистрирован: 05 апр 2010, 09:54
- Репутация: 0
- Откуда: Южно-Сахалинск
Re: Рисуем логотип Windows и эффектные обои
Спасибо за отзыв
Интересно было бы посмотреть, как получается у других
Интересно было бы посмотреть, как получается у других
- BorzoyExist
- Сообщения: 87
- Зарегистрирован: 04 апр 2010, 19:42
- Репутация: 0
- Откуда: Петербург
- Контактная информация:
Эффектные обои
Из урока VanGog'а "Рисуем логотип Windows и эффектные обои" у меня скорее получились "эффектные обои", чем "логотип Windows"
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Рисуем логотип Windows и эффектные обои
Классный урок!!! Супер! А вот что получилось у меня..
Конечно ничего выдающегося, в предыдущем сообщении красивее...
за-то вот, как это можно применить в веб-дизайне (пример скорее учебный):
https://paint-net.ru/webdesign-paint-net/example1/
Конечно ничего выдающегося, в предыдущем сообщении красивее...
за-то вот, как это можно применить в веб-дизайне (пример скорее учебный):
https://paint-net.ru/webdesign-paint-net/example1/
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- BorzoyExist
- Сообщения: 87
- Зарегистрирован: 04 апр 2010, 19:42
- Репутация: 0
- Откуда: Петербург
- Контактная информация:
Re: Рисуем логотип Windows и эффектные обои
А в веб-дизайне пример хороший получился
-
- Сообщения: 18
- Зарегистрирован: 21 май 2010, 20:47
- Репутация: 0
Re: Рисуем логотип Windows и эффектные обои
Help! у меня не получается режим свечения на линии! Нечего не происходит!
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Рисуем логотип Windows и эффектные обои
Вот несколько очевидных ошибок и соответственно советов:
1. Убедитесь что применяете эффект paint.net свечение к нужному слою.
2. Поставьте максимальные параметры, что бы увидеть разницу.
3. Убедитесь, что линия нарисована на прозрачном слое, а не слое с фоном.
4. Создайте новое изображение, создайте на нем прозрачный слой и нарисуйте линию. Примените эффект paint.net свечение. Скорее всего вы увидите результат. Посмотрите, чем ситуация, когда результат есть, отличается от ситуации, когда результата нет..
1. Убедитесь что применяете эффект paint.net свечение к нужному слою.
2. Поставьте максимальные параметры, что бы увидеть разницу.
3. Убедитесь, что линия нарисована на прозрачном слое, а не слое с фоном.
4. Создайте новое изображение, создайте на нем прозрачный слой и нарисуйте линию. Примените эффект paint.net свечение. Скорее всего вы увидите результат. Посмотрите, чем ситуация, когда результат есть, отличается от ситуации, когда результата нет..
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
-
- Сообщения: 18
- Зарегистрирован: 21 май 2010, 20:47
- Репутация: 0
Re: Рисуем логотип Windows и эффектные обои
Ура получилось!!!!!!!!! Спасибо!!!!!!!
вот моя!
вот моя!
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Рисуем логотип Windows и эффектные обои
sas040397: Класс!!!!!
Кстати, "хозяйке на заметку", если эффект paint.net "свечение" применить к точкам несколько раз, то точки будут все ярче и ярче. Правда, и более размытыми...
Кстати, "хозяйке на заметку", если эффект paint.net "свечение" применить к точкам несколько раз, то точки будут все ярче и ярче. Правда, и более размытыми...
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 61 гость