Как создать крутое лого для формы!
Чтобы сделать хороший логотип нужна программа которая может работать с прозрачный фоном. Если лень качать Photoshop, то подойдёт Paint.Net http://paintnet.ru/download/, это хорошая бесплатная программа, хорошо подходит чтобы быстро что-то сделать небольшое. Мало весит, систему не грузит. Неплохой функционал. Я устанавливал её через настраиваемую установку, мусора никакого с ней не ставится.
Качаем нужное лого из интернета. Если получится найти без фона, то половина работы уже сделана. Возьмём для примера логотип омского Авангарда (лого удалось найти без фона):
Размер логотипа для свитера указан когда его ставишь - 80х30 (Ширина х Высота). Меню: Менеджер - Спонсор - Форма команды. Максимальный вес 15 килобайт.
Открываем лого в Paint.Net. Жмём вверху на панели - Изображение - Изменить размер:
Ставим галку, если не стоит в Сохранять пропорции. Выбираем Ширину 80 пикселей. Жмём ОК:
Затем идём снова во вкладку Изображение, но теперь выбираем Размер полотна.
Убираем галку, если стоит, с Сохранять пропорции. Прописываем Высоту 30 пикселей. Привязку можно оставить так, потому что с боку мы отрезать ничего не будем. Жмём ОК:
В принципе в большинстве случаев всё готово и нужно просто сохранить, но что касается этого логотипа, то его нужно сдвинуть, чтобы он хорошо смотрелся т.к. он немного скошен.
Выбираем инструмент Перемещение - просто кликнуть по нему. Жмём стрелку на клавиатуре, в данном случае влево (<--) и смещаем лого чтобы оно было плюс минус в центре.
Одно нажатие стрелки смещает изображение на 1 пиксель.
Сохраняем, называем как хотите. Загружаем в игру.
Левый вариант, это если не сдвинуть лого Авангарда. Правый, если сдвинуть:
Форму я взял просто с белым фоном чтобы было видно логотип, она не подходит к цвету логотипа, но можно подобрать цвет логотипа под форму.
Можно просто смотреть на форму в браузере и на глазок подобрать цвет пока не получите похожий.
В проге жмём вверху на панели Коррекция - Оттенок и насыщенность. Откроется такое окно. Я сделал лого темнее через уменьшение осветлённости, поставил -50, но можно. Экспериментируйте:
Загружаем в игру наше новое лого. Названия лучше менять каждый раз, когда грузите новое лого, а то иногда не обновляется. Я обычно просто цифру меняю рядом с буквой =)
В Фотошопе можно просто наложить цвет, если это однотонный логотип или подвигать ползунки в Коррекции, если лого с несколькими деталями. Чтобы подобрать однотонному логотипу цвет один в один как у формы, нужно скачать картинку формы или сделать скриншот.
Открыть картинку с формой в фотошопе. Выбрать инструмент Пипетка и ткнуть на нужный цвет на форме. Затем жмём на маленький квадратик с цветом возле большой палитры. У меня Photoshop CC 2018, плюс немного перенастроенный, поэтому положение окон будет отличаться, но принцип не меняется:
Копируем название цвета:
Открываем наш логотип в Фотошопе, если ещё не открыт. Справа на панели выбираем вкладку Слои (она скорее всего по умолчанию будет открыта, но чуть ниже).
Два раза кликаем на слой с логотипом. Откроется меню Стиль слоя. В нём выбираем Наложение цвета. Чуть правее оставляем Режим наложения - Нормальный. Непрозрачность 100%. Кликаем на прямоугольник с цветом. Откроется Палитра цветов. В неё копируем название цвета, которое скопировали ранее и жмём ОК и там и там.
Сохраняем лого.
Загружаем в игре и радуемся 
Можно сделать обводку и поместить лого на тёмную форму! Это актуально когда лого может сливаться или стать плохо различимым, а нам нужно к примеру поместить наше тёмное лого на чёрную форму. Или можно сделать так для красоты, сделать обводку 3-м цветом, к примеру!
Я добавил новый слой Shift+Ctrl+N и залил чёрным, чтобы было видно белую обводку. Кликаем на слой с логотипом. Выбираем слева в панели инструмент Перемещение. Жмём на клавиатуре стрелку вниз один раз (это смещение логотипа вниз на 1 пиксель). Мы будем добавлять обводку толщиной 1 пиксель, но логотип у нас расположен впритык, поэтому если не сдвинуть, то обводка с угла крыла обрежется.
Два раза кликаем по слою с логотипом и заходим в меню Стиль слоя. Выбираем Выполнить обводку. Настраиваем справа как на скриншоте и жмём ОК:
Жмём на глаз рядом со вторым слоем, чёрным, чтобы скрыть его (если создавали слой). Жмём Файл - Сохранить как или просто Shift+Ctrl+S. В окне там где пишите Имя файла, ниже выбираем Тип файла - PNG. Сохранить. ОК.
Добавляем в игру:
Всё готово!
Редко, но бывает - Если вес картинки получился больше допустимого, то можно:
1.При сохранении уменьшить качество. Вы увидите когда будете сохранять, что там можно выбрать качество и в Paint.Net и в Photoshop.
2.В поисковике вбить - уменьшить вес картинки PNG. Вылезет куча сайтов, там на любой загружаете её. Сайт обрабатывает и скачиваете обработанное. Возможно чуть в качестве где-то потеряет, но там незаметно глазу будет скорее всего =)
В принципе всё просто!
Если логотип с фоном, то качайте хорошее качество и самый большой размер. Желательно белый фон, на крайняк просто однотонный. Возьмём к примеру логотип хабаровского Амура! Оригинал 800х800:
Выбираем слева на панели инструмент Волшебная палочка. Кликаем вокруг тигра по белому фону. Если весь фон за один клик не выделить, как тут т.к. он прерывается из-за ушей и подбородка, то зажимаем клавишу Ctrl и жмём левой кнопкой мыши (ЛКМ) по всем участкам фона, который нужно удалить.
Когда всё выделили, жмём кнопку Delete. Получаем картинку без фона:
Какие могут быть проблемы:
Если картинка небольшая или не чёткая, то вокруг картинки будет коцанная полоска цвета фона после удаления фона. Всё это убирается в Фотошопе, но для начала хватит и такой информации думаю =) Если что добавлю.
Дальше делаем что написано выше. Также можно поменять цвета лого, как я уже говорил, но т.к. у логотипа несколько цветов, то наложить цвет не получится как делали в Фотошопе, нужно будет делать Коррекцию. В Paint.Net можно сделать так, к примеру - на верхней панели жмём Коррекция - Оттенок и насыщенность. Я поставил оттенок 25 и вот что получил:
Картинку советую всегда сохранять в PNG!
Примечания:
Я обычно всё делаю в Фотошопе, но для примера сделал в Paint.Net т.к. он не такой громоздкий и большинство возможно будет делать в нём.
Обводку в Paint.Net не сделать. Если только кустарными методами. Можно попытаться найти лого с обводкой и без фона или качайте Фотошоп, он не сложный, а просто многофункциональный.
Отступ снизу в 2 пикселя на форме не убрать, игра так размещает логотип, так заложено Ико.
Лучше не выбирать продолговатые логотипы, например меч т.к. при обрезке на лого будет только рукоять, это такое себе =) Лучше выбирать логотип, который будет занимать достаточно много места на отведённом размере, на мой взгляд так выглядит лучше.
Не оставляйте отступы на и так небольшой высоте в 30 пикселей, если конечно вы не хотите сделать логотип уже.
Если не получается, то я могу вам сделать лого, только пишите какое нужно =)
Вот несколько готовых лого:
- Атланта 
- Казцинк-Торпедо 
- Авангард
- Магнитка 
- Амур (с белой обводкой) 
- Спартак
- Лада 
- Динамо 
- Сибирь
- Автомобилист 
-Крылья Советов
- Спартак (Гладиатор - белый) Выглядит так --> 
-
5
-
1
8 комментариев
Recommended Comments
Создайте аккаунт или войдите для комментирования
Вы должны быть пользователем, чтобы оставить комментарий
Создать аккаунт
Зарегистрируйтесь для получения аккаунта. Это просто!
Зарегистрировать аккаунтВойти
Уже зарегистрированы? Войдите здесь.
Войти сейчас