Модератор

Rank: 7Rank: 7Rank: 7

Баллы
11591
Устройство
Mi A1
В сети
120 ч.
ЛС

Yeelight Bedside LampMi Band 2Mi HeadphonesMi T-ShirtMi BT Sport HeadphonesКонкурс устройств MIUIОтлично!FlashholicЯ люблю MIUIRedmiXiaomi Mi 6Фанат MIUI-РоссияЕженедельный опрос MIUIСупер-вторникSurge S1100тыс. пользователей ФорумаСупер-четвергMIUI Медаль за счастье Супер-средаАльпака Mi КроликаЯ Люблю Mi BunnyПионер Форума MIUIЗвезда ТехнологииПреданный Фанат MIUIКонкурс Обоев MIUIMIUI ЛюбительТалант к Офф-топуЛюбитель Конкурсов ФорумаТалант к РингтонамЭксперт MIUI8-я годовщина MIUIЗвезда ПриложенийЗвезда Офф-топаMi 8Mi ТалантГуру AndroidЗвезда РингтоновMi Band 3MIUI 10Самый активный фанат MIUIСюрпризТалант к ПриложениямТалант к ТемамЗвезда ОбоевГ-н НадежныйГенератор Идей

[Прочее] [Мастер-классы #3] Как создать и оформить баннер для темы

[ Продвигать]
1379 29 |
10-08-2018 17:34 | Из ПК
|
|
Перейти к ответу №.
Эта запись была отредактирована InRavenX в 11-08-2018 13:00

Screenshot_0.jpg

Приветствую Вас, дорогие Mi-фаны.
После долгого перерыва в рубрике «Мастер-класс», хотел бы сегодня рассказать: «Как создать и красиво оформить баннер для темы». Мы рассмотрим на примере баннера, который использовался в данной статье.

Основные характеристики:
Размеры нашего баннера составляют по горизонтали 990px, а по вертикали 390px.

Требуется для баннера
Для баннера нам потребуется эффектная подложка, можно найти в глобальной сети Интернет и, желательно, максимального качества. В дальнейшем мы ее обрежем.
В нашем случае, я использовал в качестве подложки изображение:

Screenshot_1.jpg

Изначальные размеры данного изображения составляют:
  • По горизонтали: 1024px;
  • По вертикали: 416px;

Для того, чтобы нам успешно обрезать изображение подложки под нужные размеры баннера – воспользуемся программой «Lightshot». При правильных настройках и при нажатии на кнопку клавиатуры «PrtScr» - будет выделена определенная часть экрана и мы сможем выставить нужный размер сохраняемого экрана.

Screenshot_2.jpg

Выделаем изображение и на панели управления выбираем «Формат», а далее «Обрезка». Методом проб и ошибок обрезаем изображение. После обрезки мы можем выровнять изображение таким образом, как на наш взгляд будет выглядеть видимая область.

Screenshot_3.jpg

С подготовкой подложки мы закончили. От ее размеров будет завесить остальные расстановки текстов (краткого названия темы и дополнительного описания), но и расстановка дополнительных изображений. К этому и перейдем.
В качестве дополнительного изображения я использовал найденной картинки в глобальной сети Интернет, но ее фон должен быть прозрачный. Следовательно, нам нужно искать картинки с разрешением файла «PNG».

Screenshot_5.jpg

Для того что бы мы могли двигать по рабочему пространству наше дополнительное изображение, требуется на нем кликнуть правой кнопкой «мышки» и из контекстного меню выбрать «Обтекание текстом», далее «Перед текстом».

Screenshot_4.jpg

Screenshot_6.jpg

Меняем размер дополнительного изображения или поворачиваем его как вам нужно. На панели инструментов в разделе «Формат» мы можем применить дополнительные эффекты.

Screenshot_7.jpg

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

Следующим этапом и он будет заключительный – это добавление текстовых элементов на нашу заготовку. Для этого обратимся снова к «Панели инструментов», далее «Вставка». Выбираем «Фигуры» и далее «Надпись»


Screenshot_8.jpg

По умолчанию у данного элемента выставлена заливка фона и присутствует контур. Для того что исключить данные эффекты обращаем наш взор на «Панель инструментов». далее «Формат» и в разделах:
  • Заливка фигуры
  • Контур фигуры

Screenshot_9.jpg

Выставляем вариант «Нет заливки».

И последним шагом: меняем цвет, применяем требуемые эффекты на свое усмотрение. На этом все, мой мастер класс завершен.
В итоге мы получили красиво оформленный баннер в программе «Microsoft Word». Ниже прилагаю архив с исходными изображениями, что бы вы смогли потренироваться.

Исходные изображения
  Пожалуйста, ответьте для просмотра этой темы.


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


Избранное Поделиться

Оценено 13 чел.   Опыт Престиж Причина  

Zurabov + 10 + 3 Отлично!
Mironello + 1 Согласовано!
dobriy_putnik + 2 Спасибо!
Abs709 + 1 Круто!
4151573388 + 2 Спасибо!
Gusei + 10 + 3 Отлично!
Roo_Beker + 1 Спасибо!
Warlok99 + 1 Спасибо!
Batiskaf + 5 Спасибо!
orlenok01 + 1 Спасибо!
Dweller+ + 10 + 3 Отлично!
Realpanter + 10 + 3 Отлично!
ik281995 + 1 Отлично!

Опыт +55  Престиж +12  История оценок

Further it will be more interesting...
Лови позитив от всего, с чего сможешь...

Бриллиантовый пользователь

Rank: 5Rank: 5

Баллы
1416
Устройство
0
В сети
6 ч.
ЛС

Mi HeadphonesMi T-ShirtMi Selfie StickRedmiСупер-четвергЕженедельный опрос MIUIСупер-вторникФанат MIUI-Россия100тыс. пользователей ФорумаЛюбитель Конкурсов ФорумаСамый активный фанат MIUIСюрпризТалант к ПриложениямMi ТалантПреданный Фанат MIUIТалант к РингтонамЗвезда Офф-топа8-я годовщина MIUI8-я годовщина XiaomiOTA Обратная СвязьПоследователь MIUI Гуру AndroidMi Band 3Звезда Обоев

10-08-2018 21:03 | Из Redmi 4 Prime
|
Информация была интересная.

MIUI Бета тестер - Глобальный

Rank: 6Rank: 6

Баллы
1320
Устройство
Redmi Note 5/Pro
В сети
19 ч.
ЛС

Mi HeadphonesMi ScaleMi T-ShirtMi BT Sport HeadphonesMi Selfie StickЯ люблю MIUIFlashholicКонкурс устройств MIUIОтлично!AnTuTuФанат MIUI-РоссияСупер-субботаСупер-вторник100тыс. пользователей ФорумаФанат MIUI-УкраинаЕженедельный опрос MIUIMIUI 9Супер-средаMIUI Медаль за счастье Супер-четвергАльпака Mi КроликаЯ Люблю Mi BunnyMi ТалантПоследователь MIUI в ВКMIUI ЛюбительПоследователь MIUI Гуру AndroidЗвезда ТехнологииТалант к ТемамТалант к ПриложениямMi Band 3Звезда ПриложенийЗвезда Офф-топа8-я годовщина MIUIЛюбитель ОбновленийOreoЛюбитель Конкурсов Форума8-я годовщина XiaomiКонкурс Обоев MIUIСюрпризПионер Форума MIUIТалант к Рингтонам

10-08-2018 21:46 | Из Redmi Note 5
|
Хороший гайд 😉

MIUI-Любитель

Rank: 1

Баллы
22
Устройство
0
В сети
0 ч.
ЛС
10-08-2018 21:47 | Из телефона
|
Эта запись была отредактирована InRavenX в 10-08-2018 19:26

Прекрасно

_------------
Причина редактирования: Официальный язык общения на MiUI форуме является русский язык

Модератор

│...я Вас... внимательно...│

Rank: 7Rank: 7Rank: 7

Баллы
18563
Устройство
Mi 6
В сети
848 ч.
ЛС

Mi T-ShirtMi ScaleMi Band 2Yeelight Bedside LampMi HeadphonesMi КроликMi Selfie StickMi BT Sport Headphones7-я годовщина Xiaomi FlashholicОтлично!AnTuTuКонкурс устройств MIUIФантастика!Я люблю MIUIXiaomi Mi 6Год Огненного Петуха 2017MIUI 300 НедельСупер-средаРакета к БудущемуКачественное фотоФанат MIUI-РоссияЕженедельный опрос MIUIСупер-понедельникMIUI 97-я годовщина MIUIС Новым годомС РождествомMIUI Медаль за счастье Супер-пятницаТалант к Рисованию MIUIСупер-субботаСупер-вторникСупер-четвергMIUI 2017Фанат MIUI-УкраинаМастер Покемонов100тыс. пользователей ФорумаФанат MIUI-ГрецияSurge S1Я Люблю Mi BunnyАльпака Mi КроликаОбзор MIUIТалант к РингтонамТалант к ТемамТалант к Офф-топуЭксперт MIUIСюрприз8-я годовщина MIUIЗвезда Офф-топаMi 8Mi Band 3Звезда ОбоевКонкурс Обоев MIUIТалант к ПриложениямГ-н НадежныйГенератор Идей8-я годовщина XiaomiПоследователь MIUI OTA Обратная СвязьMIUI ЛюбительГуру AndroidПионер Форума MIUIOreoПоследователь MIUI в ВКЗвезда ТехнологииЗвезда ПриложенийФанат MIUI-Казахстан Android ElfДень смехаMi ТалантСамый активный фанат MIUIЛюбитель Конкурсов ФорумаMIUI Android 4.4 KitKat

10-08-2018 21:47 | Из ПК
|
Эта запись была отредактирована Dweller+ в 10-08-2018 16:54

Красиво. Спасибо!
Класс!!!
Mi 6 Керамика    V10.0.2.0  OCACNFH + MoreLocale2 + Gapps
Модератор подфорума: Xiaomi Mi 6

Бриллиантовый пользователь

Rank: 5Rank: 5

Баллы
1230
Устройство
Redmi Note 5/Pro
В сети
30 ч.
ЛС

Yeelight Bedside LampMi Selfie StickMi BT Sport HeadphonesMi T-ShirtКонкурс устройств MIUIОтлично!AnTuTuФантастика!Я люблю MIUIFlashholicRedmiМастер ПокемоновЕженедельный опрос MIUIСупер-вторникMIUI Медаль за счастье Супер-суббота7-я годовщина MIUIРакета к Будущему100тыс. пользователей ФорумаФанат MIUI-РоссияСупер-пятницаСупер-средаСупер-четвергАльпака Mi Кролика8-я годовщина MIUIГуру AndroidMIUI ЛюбительЛюбитель Конкурсов ФорумаOTA Обратная СвязьЗвезда ОбоевКонкурс Обоев MIUIСамый активный фанат MIUIТалант к РингтонамСюрпризТалант к ТемамПионер Форума MIUIMi Band 3Звезда ТехнологииПоследователь MIUI

10-08-2018 22:03 | Из Redmi Note 4X
|
Спасибо! Информация полезная!

Бриллиантовый пользователь

Rank: 5Rank: 5

Баллы
1121
Устройство
POCO F1
В сети
29 ч.
ЛС

Mi T-ShirtMi BT Sport HeadphonesYeelight Bedside LampMi HeadphonesMi Band 2Mi Selfie StickОтлично!Я люблю MIUIКонкурс устройств MIUIFlashholicRedmiСупер-понедельникСупер-средаMIUI Медаль за счастье Surge S1MIUI 9Еженедельный опрос MIUIСупер-четвергФанат MIUI-РоссияСупер-вторник100тыс. пользователей ФорумаЯ Люблю Mi Bunny8-я годовщина XiaomiMi ТалантЗвезда Офф-топаСамый активный фанат MIUIOTA Обратная СвязьТалант к Офф-топуЗвезда ПриложенийЗвезда ТехнологииMIUI ЛюбительГуру AndroidПреданный Фанат MIUIТалант к РингтонамГенератор ИдейЗвезда ОбоевПоследователь MIUI СюрпризOreoMi Band 3Звезда РингтоновТалант к ТемамЛюбитель Конкурсов Форума8-я годовщина MIUIПионер Форума MIUIЛюбитель Обновлений

10-08-2018 22:15 | Из ПК
|
Спасибо, попробую
Лунный грунт: продажа, самовывоз, предоплата.

Бриллиантовый пользователь

Rank: 5Rank: 5

Баллы
650
Устройство
Redmi 5 Plus
В сети
2 ч.
ЛС

Mi BT Sport HeadphonesMi T-ShirtMi HeadphonesFlashholicЯ люблю MIUIRedmiXiaomi Mi 6Супер-четвергСупер-вторникЕженедельный опрос MIUI100тыс. пользователей ФорумаФанат MIUI-РоссияMIUI Медаль за счастье СюрпризЛюбитель ОбновленийЛюбитель Конкурсов ФорумаТалант к ТемамMi Band 38-я годовщина MIUIЗвезда ПриложенийЗвезда РингтоновMi 8Звезда Обоев

10-08-2018 22:51 | Из Redmi Note 5 Pro India
|
спасибо за информацию

Бриллиантовый пользователь

Rank: 5Rank: 5

Баллы
700
Устройство
Mi 6
В сети
33 ч.
ЛС

Mi HeadphonesMi T-ShirtMi BT Sport HeadphonesYeelight Bedside LampFlashholicЯ люблю MIUIRedmiXiaomi Mi 6MIUI Медаль за счастье Фанат MIUI-РоссияСупер-средаСупер-четвергСупер-понедельникЕженедельный опрос MIUIСупер-вторникГуру AndroidПионер Форума MIUIПреданный Фанат MIUI8-я годовщина XiaomiТалант к ТемамТалант к Офф-топуMi Талант8-я годовщина MIUIЗвезда РингтоновЛюбитель ОбновленийСюрпризЛюбитель Конкурсов ФорумаOTA Обратная СвязьMi Band 3Звезда ОбоевКонкурс Обоев MIUIOreo

10-08-2018 23:02 | Из ПК
|
интересно

MIUI Бета тестер - Глобальный

Rank: 6Rank: 6

Баллы
7621
Устройство
Redmi 5 Plus
В сети
486 ч.
ЛС

Mi T-ShirtMi BT Sport HeadphonesMi Band 2Mi Selfie StickMi HeadphonesYeelight Bedside LampЯ люблю MIUIФантастика!Конкурс устройств MIUIОтлично!FlashholicXiaomi Mi 6RedmiРакета к БудущемуSurge S1MIUI Медаль за счастье Еженедельный опрос MIUIФанат MIUI-РоссияМастер ПокемоновMIUI 9Супер-вторникСупер-четверг100тыс. пользователей ФорумаСупер-понедельникСупер-средаЯ Люблю Mi BunnyАльпака Mi КроликаОбзор MIUIФанат MIUI-Казахстан Android ElfЛюбитель Конкурсов ФорумаТалант к Офф-топу8-я годовщина XiaomiMi ТалантГуру Android8-я годовщина MIUIГуру Фотографии MIUIЗвезда Офф-топаДень смехаПоследователь MIUI в ВКТалант к РингтонамЗвезда РингтоновСамый активный фанат MIUIГенератор ИдейСюрпризЛюбитель ОбновленийЗвезда ОбоевOreoТалант к ТемамЗвезда ПриложенийЗвезда ТехнологииКонкурс Обоев MIUIТалант к ПриложениямПоследователь MIUI Пионер Форума MIUIMIUI ЛюбительOTA Обратная СвязьMi 8Преданный Фанат MIUIMIUI Android 4.4 KitKat

11-08-2018 02:37 | Из ПК
|
Огромное спасибо!
Авторизуйтесь, чтобы ответить. Вход | Register

Управление кредитами

Быстрый ответ Топ Вернуться к списку