Категория: Рисуем Шарарам

Рисуем логотип МП для верхней панели

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

Сложность урока:


Нам понадобится:


1. Создаем изображение. Файл — Создать.

2. В открывшемся окне ставим размеры 102 х 25. И жмем ОК.

3. Изменяем масштаб изображения, так с ним легче работать. Внизу окна с изображением жмем на 100 % и выбираем 400 %.

4. Выбираем инструмент «Градиент» на панели инструментов.

5.Меняем цвет переднего плана. Нажимаем на передний квадратик на панели инструментов. В появившемся окне выбираем цвет и жмем Ок. Также меняем цвет фона, но нажимаем на другой квадратик, у меня он белый. Выбираем цвет и жмем Ок.

Хорошо в паре будут смотрется более светлый и более темный тона одного цвета.

6. Заливаем фон градиентом. Проводим линию сверху вниз, зажав левую кнопку мыши.

7. Получаем фон.

8. Добавляем текст. Выбираем инструмент Текст.

9. Выбираем шрифт. Кликаем на значек Аа около надписи Шрифт и колесиком прокрутки листаем.

10.Добавляем текст на изображение. Зажав кнопку мыши в левом углу, обводим почти все изображение. Кликаем в выделенную область и вводим «My page».

11. Меняем размер шрифта. Если весь текст не помещается в окне, или слишком мелкий, то увеличьте/ уменьшите число под шрифтом в окне Размер.

12.Сделайте текст по центру. Нажмите на третью иконку в строке Выключка.

13.Когда изображение готово, его нужно сохранить. Если выбрать функцию «Сохранить» или «Сохранить как...», то изображение будет в формате, недоступном для загрузки на другие сайты, но доступном для дальнейшего редактирования. Поэтому, жмем Файл — Экспортировать.

14.Откроется новое окно. Жмем на «Выбирите тип файла (По расширению)».

15. Выбираем строку «Изображение PNG»

16. Вводим вверху название изображения, не трогая .png и жмем «Экспортировать».

17.В открывшемся окне жмем «Экспорт». Изображение готово.

Мои результаты. А что получилось у вас?

Обсудить у себя 1
Комментарии (22)

Ну как? Это я сделала… благодаря тебе)

Молодец)

Это ты молодец!

Сделала ещё один, но он не влезает

Я буду сюда вставлять логотипы чтобы url взять.Можно?

Можно конечно, вставляй, мне даже интересно. Чтобы логотип влез, он должен быть строго 102 х 25

Нет, я сделала его размер 102 х 25, просто рамка слишком большая)

Молодец)

Он вместе с рамкой должен быть 102 Х 25 же)

Я кажется нашла свою ошибку...

Молодец

моя работапервая

Молодец!

Спасибо! а как мне сделать себе в блог этот логотип?

Вставь в CSS такой код:

#hplogo { background: url(адрес картинки);}

а ок спс

А адрес как скопировать не получается...

Нужно загрузить картинку куда-нибудь

получилось УРА  спасибо Валерия ты СУПЕР!)))))))))

БОЛЬШОЕ спасибо)).

Пожалуйста)

Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети: