Как сделать картинку логотип для виджета

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

Как сделать картинку логотип для виджета

Сообщение xmario » 15 окт 2010, 12:42

Как в paint.net сделать картинку логотип для виджета на Яндексе

Знаете ли вы, что у нас есть собственный виджет – новые уроки paint.net для Яндекса. В этом уроке я расскажу, как мы сделали картинку логотип для него.

Изображение

Виджеты – это простые мини-программы, которые украшают рабочий стол и облегчают доступ к разнообразной информации. В частности, если вы используете для поиска яндекс, то для него можно установить тоже различные виджеты. Виджет новые уроки paint.net, например, выглядит так.

Изображение

После нажатия на кнопку Изображение он появится в правом нижнем углу, как на рисунке выше.

Итак, как сделать в paint.net картинку логотип для виджета на Яндексе.


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

Изображение

Для придания объема, применим к прямоугольнику эффект Тень с цветом #969696 немного сдвинутую влево и вверх.

Изображение

Создадим новый слой и на нем цветом #E7E7E7 еще один прямоугольник с закругленными углами внутри белого прямоугольника. Применим к нему гауссово размытие с радиусом 2, что бы сгладить края.

Изображение

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

Изображение

Инвертируйте выделение (клавиши Ctrl+I) и удалите все, что попало в выделенную область. Установите прозрачность слоя 90.

Изображение

Теперь, если создать новый слой между верхним и остальными слоями и поместить на него какое-нибудь изображение, то можно получить вот такие прикольные мини-логотипы.

Изображение

Для нашего логотипа виджета мы сделали три подобных мини-логотипа. И повернули каждый из них с помощью инструмента из меню слои – поворот и масштаб. Параметры: радиус наклона = 50, масштаб = 0,8.

Изображение

Аватара пользователя
BEagle
Сообщения: 30
Зарегистрирован: 02 мар 2011, 17:46
Репутация: 0
Контактная информация:

Re: Как сделать картинку логотип для виджета

Сообщение BEagle » 11 мар 2011, 20:08

Спасибо xmario! :) Очень хороший урок, надеюсь, мне пригодиться это))
Изображение
Изображение

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

Re: Как сделать картинку логотип для виджета

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

Скоро сделаю еще нечто похожее, но со стеклом. ;)

Asius
Сообщения: 6
Зарегистрирован: 31 авг 2011, 13:47
Репутация: 0
Откуда: Желтые Воды
Контактная информация:

Re: Как сделать картинку логотип для виджета

Сообщение Asius » 02 сен 2011, 01:08

У меня тоже что получилось :)

Изображение

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

Re: Как сделать картинку логотип для виджета

Сообщение Lynx » 03 сен 2011, 19:21

Asius

Неплохо. Ну теперь, я надеюсь, вы поняли как нужно делать тень внутри квадрата. :D
Это же самое можно сделать и с вишней, только слегка изменить настройки
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
Дор Лосось
Сообщения: 10
Зарегистрирован: 09 окт 2011, 21:41
Репутация: 0

Re: Как сделать картинку логотип для виджета

Сообщение Дор Лосось » 13 окт 2011, 10:34

Хороший урок, вот только...
для писка яндекс
:lol:

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

Re: Как сделать картинку логотип для виджета

Сообщение xmario » 13 окт 2011, 11:13

Ну, тут, уж, от вашей фантазии зависит, можно применить и еще куда-нибудь. ;o)

Аватара пользователя
Walk
Сообщения: 574
Зарегистрирован: 12 авг 2010, 15:30
Репутация: 1
Откуда: омск
Контактная информация:

Re: Как сделать картинку логотип для виджета

Сообщение Walk » 13 окт 2011, 11:40

2-е ошибки от Xmario:
Писка, вместо поиска,
Туту, вместо тут.
:-D ;o)

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

Re: Как сделать картинку логотип для виджета

Сообщение Lynx » 13 окт 2011, 11:58

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

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

Re: Как сделать картинку логотип для виджета

Сообщение xmario » 13 окт 2011, 13:01

За найденные ошибки - спасибо! Исправлено! :)

Ответить

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

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

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