Урок «Юзербар»
Этот урок показывает как с помощью графического редактора Paint.NET создать юзербар. Например вот такой:
Пример юзербара
Для того, чтобы сделать это быстрее, рекомендуется (но не обязательно) предварительно установить плагин «Падающая тень». Также (для создания надписи) нужно иметь установленный шрифт Visitor.
1. Откройте Paint.NET и создайте файл размером 350х19 (Файл — Создать… или Ctrl+N):
Создание нового изображения
2. Выберите нужный цвет (в данном случае синий), затем возьмите «Градиент» (1) в «Линейном» режиме (2) и создайте фон изображения:
Выбор градиента
Должно получиться так (нажмите над изображением левую кнопку мыши и удерживая её так, переместите курсор по холсту, так, как если бы вы рисовали линию):
Заливка градиентом
3. Подготовьте изображение для вставки в юзербар. Это изображение должно быть на прозрачном фоне и более-менее подходить по размерам:
Изображение для вставки в юзербар
4. Создайте новый слой (Слои — Добавить новый слой или Ctrl-Shift-N) и вставьте в него предварительно подготовленное изображение. При вставке появиться окно выбора размера холста:
Окно выбора
Нажмите «Сохранить размер холста» и разместите вставленное изображение (пользуясь инструментом «Перемещение выделенной области») в нужном районе юзербара:
Расположение изображения
Снимите выделение (Правка — Отменить выделение или Ctrl+D)
5. Создайте еще один новый слой. Выберите в палитре белый цвет, возьмите инструмент «Текст» (1) и установите шрифт «Visitor» (2). Размер шрифта можно поставить на 14 (3) а стиль букв — на «Полужирный» (4):
Настройки шрифта
Нанесите на новосозданном слое требуемую надпись:
Создание надписи
6. Теперь нужно создать черный контур вокруг букв надписи. Это можно сделать с помощью инструмента «Карандаш» (см. пример в самом начале урока):
Черный контур создаваемый «карандашом»
… или с помощью уже упомянутого плагина «Падающая тень».
В последнем случае нужно выставить в окне настроек плагина (Эффекты — Object — Drop Shadow) следующие параметры:
Настройки падения тени
С плагином черный контур получается быстрее и проще, но не так качественно как вручную (хотя это как кому нравится):
Контур созданный плагином
7. Создайте новый слой и поместите его под слоем с надписью (перемещать очередность слоев можно с помощью специальных стрелочек в окне слоев):
Перемещение слоя
Выберите белый цвет, возьмите фигуру «Овал» (1) и установите для нее режим «Сплошная фигура» (2):
Настройки «Овала»
С помощью «Овала» создайте на новосозданном слое «заготовку» блика:
Заготовка блика
Теперь нужно сделать его полупрозрачным. В окне со слоями нажмите на иконку «Свойства»:
Свойства слоя
… и установите желаемый уровень прозрачности:
Установка прозрачности
Готовый блик будет смотреться так:
Юзербар с бликом
8. Создайте еще один слой и поставьте его самым первым (над слоем с текстом). С помощью инструмента «Карандаш» или «Линия или кривая» создайте на этом слое черную однопиксельную рамку:
Однопиксельная рамка
Для придания юзерпику объема примените к этому слою эффект «Гауссового размытия» (Эффекты — Размытие — Гауссово размытие…) с радиусом 2.
Все. Юзербар готов:
Готовый юзербар
По мотивам урока Dark_Ajvengo.
Здравствуйте админы я вот хотел попросить вас чтобы вы создали урок как с фотографии вытащить 1 фрагмент например себя но без всего лишнего только тело, меня этот вопрос давно мучает сделайте на эту тему урок пожалуйста =). заранее спасибо).
Спасибо Вам за очень классные уроки! Я слышала, что в Фотошопе можно сделать из черно-белой картинки цветную. А возможно ли это в Пеинте?
Спасибо за урок! Всегда хотел сделать свой юзербар
Админ удели 1 минутку пожалуйста =)
Можно ли сделать в Paint.NET воду, океан, водную поверхность короче чтобы как можно было реальней? Спасибо за то что прочитал(а) =)
Всё здорово! а еще уроки будут? готов всегда учиться такому делу =)
Просто Киря – это можно сделать с помощью инструментов выделения. Долго, нудно, но возможно :)
Админ плиз помоги…
и вставьте в него предварительно подготовленное изображение. При вставке появиться окно выбора размера холста
Как єто делать…(
админ а можно сделать анимированный юзербар с помошью паинта?
если это возможно то как? спасибо за уроки жду новых!!!
админ вот еще вопрос как пользовоться клонированием?
У меня версия 3.36.3158.38068 (когда я проверяю обновления мне говорят что это самая новая версия), но почему то не получается вращать выделение, только двигать и изменять размер.
Remb007 – командами копировать и вставить.
R@SL – к сожалению анимированные изображения с помощью Paint.NET сделать нельзя. Попробуйте эту программу. О том как пользоваться клонированием будет написано в справке.
Анони?м – воспользуйтесь ПРАВОЙ кнопкой мыши.
Классная статья – спасибо!
«Remb007 — командами копировать и вставить. »
А где эти команды?
Нашел
Урок – супер, все получается) Спасибо)
Только у меня юзербар открывается только через paint.NET, а через программу просмотра изображений «просмотр недоступен» (
L а ты совмести все слоя и воспользуйся командой «сохранить как» в любом нужно формате( желательно PNG, GIF, JPEG.
При выборе шрифта прога вылетает и даёт лог, когда шрифты прокручиваешь где-то до половины. Что делать?
Дима – не знаю. Если это началось после установки шрифта Visitor то его лучше удалить и использовать другой.
Хм, может мне тож давать уроки? Кстати, знаете как блики делать? Я могу объяснить..
хотелось бы уроков с шумом
Спасибо большое за урок! Так приятно сделать эту штучку самому, аж эмоции через край нах :):):):)
Здравствуйте. Вопрос не в тему – просто не знаю, где его запостить.
Можно ли сделать так, чтоб прозрачность обозначалась не «шахмотной сеткой», а, например, белым цветом ?
У меня перестал работать плагин «Тень»что мне делать?
Уроки с шумом очень нужны чтоб блестки ставить на граффы и авы
Анонимный чувак – возможно Вы установили одну из бетта версий программы.
Админ, на более старой версии программы я видел эффект «вода». Прошу, умоляю!!! Подскажи где можно скачать данный плагин.
Надеюсь на помощь!!!
Почему когда нажимаю «Добавить новый слой», у меня ни чего не появляется?
Админчег, слу скажи пожалуйста, а можно ли сделать отражение фотографии ? =)
Спасибо за урок!!!!!!=)=)
А разве можно использовать этот шрифт? Нельзя же без разрешения создателя шрифта.
Сдрасте а у меня вопрос как вставить подготовленую картинку и как сделать чтоб она было на прозрачном фонне ответте плиз
у меня отпал вопрос как вставить остался только как сделаить прозрачный фон вобше не фрубаю
а можно сделать анимацию юзебар???админы сделайте урок если можно пожалуйста
Спс за урок!!!! Наконец я делал себе юзербар !!! Желаю почаще обновлятся!
я таким-же способом и аватар нарисовал)))
как сделать прозрачный фон ?????????????????????????????????????
T@mik, ты имееш в виду изображение которое ты нанести хош?
если да то ты в паинте сначала открываеш изоброжение которое ты хош нанести и делай прозрачный фон так:
1. выделяешфон волшебной палочкой
2. нажимаеш на клавиатуре Delete
3. фон готов! осталось только скопировать его следующим образом:
1.поставить чувствительность волшебной палочхи на 100%
2. нажать на изображение в ЛЮБОМ месте
3. нажать в верхней панельке програмы кнопку копировать
потом просто вставляеш в юзер бар и делаеш дальше всё ПО интркуции!
А как повернуть изображение?
Просто я никак выделение повернуть не могу!
Я могу тоже вуроки делать!!! А как их добавлять???
Я тоже могу делать уроки! Админ отпишись мне!!!
помогите!я нажала вставить а перед этим копировала нужное изображение ну ничего не получается!!!
А у меня нет такого шрифта что делать???
А как повернуть изображение?
Просто я никак выделение повернуть не могу!
нажми на правую кнопку на рисунок и верти!!!
а ты совмести все слоя и воспользуйся командой «сохранить как» в любом нужно формате( желательно PNG, GIF, JPEG.
Не получается(((((
Почему-то не пишется текст, курсор при нажатии на клавиши дальше отходит… Цвет менял. Помогите…
мне нужен урок изготовления АНИМАЦИИ!
Хех.
Все легко получилось! Спасибо за урок.
А анимацию в paint.net нельзя создавать. Нужен фотошоп
У меня получилось ) Все просто и понятно ) Спасибо! Все еще жду новых уроков )))
Да, жаль, собственно обновления на блоге происходят не так нередко, как хотелось бы.
Спасибо за урок !!Всё просто и понято !!Как никогда))