online desingn

7.07.2016

Logo design. Как создать логотип





Попробовав создавать логотипы и столкнувшись с тем, что они малопопулярны :(, пришла к выводу что надо ознакомиться с основными принципами и опытом создания логотипов,а также и анализом популярных логотипов и по возможности всем что есть в этой области :) и это дейтвительно так, обязательно следует ознакомиться с опытом успешных мастеров создания логотипов, а также со статистской, советами по их созданию, чтобы заново не изобретать велосипед :).
Мастер по созданию логотипов Арон Дреплин рассказывает и показывает online как он приступает к созданию и создает логотип и в общем как работает(очень советую посмотреть).


В помощь создателю логотипов периодическая система создания логотипов Наиболее полное собрание cтатей и сервисов, которые пригодятся вам при создании логотипа. Более чем 100 ресурсов доступны в Периодической таблице создания логотипов онлайн генераторы логотипов, биржи дизайнеров, сайты с шрифтами, сервисы для подбора цвета, поиска иконок, уроки, инструкции как создать логотип, видео и многое другое :) Просто супер вещь!!!
К сведению. Cуществуют различные онлайн сервисы и конструкторы для создания логотипов online, один из них — Logotypemaker.
Не следует пренебрегать и онлайн сервисами. Их можно использовать для поиска вдохновения и тестирование идей.
Интерессная статистика по использованию цветов в логотипах известных трендов:

На заметку о шпифтах в логотипе https://www.weblancer.net/forum/themes/24380.html и https://spark.ru/startup/bilalovpro/blog/13918/platnie-i-besplatnie-shrifti-kak-ispolzovat-chtobi-ne-narushit-litsenziyu


Действительно ли ваш логотип то что надо? [Чек лист](раскройте полное содержание поста)

Будет ли он отлично смотреться в различных размерах? Что ж, давайте проверим эффективность вашего логотипа с помощью нашего чек-листа.
Пройдитесь по каждому вопросу и ответьте “да” или “нет”.

1. Логотип выглядит привлекательным хотя бы для трех человек
2. Логотип хорошо смотрится в черно-белом исполнении
3. Логотип узнаваем в перевернутом положении (виде)
4. Логотип узнаваем, если изменен его размер
5. Отсутствуют сложные детали
6. Логотип визуально уравновешен — иконка, шрифт, цвет гармонично смотрятся вместе
7. Не используется слишком много шрифтов, цветов, эффектов
8. Логотип заметный среди других логотипов

Очень важно выделиться на фоне других компании, тем более конкурентов.
Соберите логотипы ваших конкурентов и разместите ваш где-то между ними.
Он заметен? Заметный на фоне других? Если да, все отлично!

9. Логотип адаптивный

Адаптивность означает, что логотип будет отлично смотреться на любом объекте или поверхности — футболке, сайте, дорожном знаке, и т.д.

10. Логотип запоминаемый

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

11. Логотип универсальный

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

12. Логотип легко читается

Представьте, что ваш логотип размещен на баннере, а вы едете на машине со скоростью 70-80 км в час. Вы смогли бы прочитать текст вашего логотипа? Если да, все в порядке. Если нет, возможно, стоит поработать над шрифтами. Не следует забывать также о create pixel perfect icons. Приведу здесь предлагаемые авторами настройки AI чтобы иметь под рукой:):
Настройки Abobe Illustrator(create pixel perfect)

Edit > Preferences > Units > General → Pixels
Edit > Preferences > Units > Stroke → Pixels
Edit > Preferences > Guides & Grid > Gridline every → 1px
Edit > Preferences > Guides & Grid > Subdivisions → 1px
Edit > Preferences > General > Keyboard Increment → 1px
View > Snap to Grid
View > Snap to Point
View > Pixel Preview



Очень интерессная статья и в целом блог по созданию логотипов(из которого также взят вышеизложенный материал), какие бывают какие цвета лучше использовать, сколько цветов и очень многое другое находится по этой ссылке: Блог о создании логотипов. Хороший блог с хорошими советами и подборками разного полезного материала.

►Как созжать логотип. Существуют определенные правила и рекомендации по сохданию логотипов, которыми не следует принебрегать.
Смотрите полный текст поста: Logo design. Как создать логотип

7.05.2016

AI Pen Tool подборка материалов

Очень хороший сайт и толковые материалы на сайте Дежурки
Pen Tool: мастер-класс по использованию
Отличный материал по Pen Tool
►На мой взгляд коротко и по теме тут: Уроки Adobe Illustrator.Перо Не по теме.Также интерессно у этого де автора Tips And Tricks

►AI Pen Tool дело практики и навыка

Смотрите полный текст поста: AI Pen Tool подборка материалов

7.04.2016

Professional Logo Design

Несложные и в тоже время эффектные уроки по созданию логотипов.




►Kaukab Yaseen логотипы

Логотипы
выглядят такими простыми и иногда очень простыми и кажется почему я такой не придумал, но на самом деле нужен навык создания логотипов, а также владение различными техниками их создания. На youtube много авторов показывает в видео уроках, как они создают интерессные и профессиональные логотипы в AI. Мне понравились следующие,если раскроете пост увидите больше ссыллок и возможно видео.
Cвои силы в создании логотипов можно попробовать на сайте 99designs
Там может на конкурсной основе принять участие любой желающий, если даже сразу не получиться, то все равно очень хорошо для опыта, посмотреть что другие делают как это работает, как лучшше презентовать свою работу, какие заготовки лучше иметь под рукой и как работать(ноу-хау).


►TheMukDesigns
►creatnprocess
►FallenDesignsUK
Также очень интерессный автор Ольга Захарова, она не специализируется на логотипах, но у нее много интересмных идей и уроков, так что найти что то новое и получить навыки самое то :) и особенно важная информация по моему мнению об организации своей работы на стоках, так как пишет автор выиграть миллион в лотерею или зарабатывать на стоках 1000 баксов в месяц одинаково вероятно, без определенной тактики и разумеется регудярной работы :)
►Professional Logo Design Интеререссные видео по надписям, что очень важно для создания логотипов :
https://www.youtube.com/watch?v=vLwEJG54Lhw
https://www.youtube.com/watch?v=KJeoZ2-eoQ8
Смотрите полный текст поста: Professional Logo Design

6.23.2016

Урок AI. Как сделать внутреннюю тень у объектов

Урок AI. Векторная теньКак сделать внутреннюю векторную тень у объекта, показано на примере шрифта, но применительно ко всем объектам, подсмотрела у Н.Миронова на этой странице вы найдете ссылку на его страничку и уроки Youtube

►Пишем букву в данном случае K высота 200px:
Начиная отсюда картинки кликабельны :)
►Работаем в основном с панелью Appearance. Убираем заливку и обводку слева на панели.

►и в панели Appearance добавляем заливку и обводку (у меня 6px).

►Теперь мы сможем применить к обводке и заливке градиент. Нам нужен градиент только для обводки.
Применяем к обводке от белого к основному цвету от цента к краю, т.е. основной цвет снаружи. И только к обводке применяем режим multipli(панель Transparency)

►К обводке применяем эффект offset path. В иллюстраторе обводка к примеру 6 px распределяется пропорционально 3 наружу и 3 внутрь. Если мы ставим -3 px то вся обводка находится внутри и так как мы поставили режим multipli, поэтому мы видим различае в цвете. Можно сделать и так, но нам надо чтобы обводка выступала за края буквы немного и я ставлю в моем случае -1 px, обращаю внимание что на картинке стоит -2px, но опытным путем определила что -1px лучше в моем случае. Можно варьировать в зависимости от желаемого результата. Можно поставить там же Joins:Round

►Теперь смещаем обводку в сторону и вниз. Идем снова в эффекты Effects Distort and Transform в Transform и смещаем обводку так как показано на рисунке снизу или применительно к вашему варианту. Сместила на право на 2px и вниз на 1 px, на рисунке стоит по другому.

►Теперь выше сделанное можем перетащить в графический стиль и использовать применительно к различным объектам. Перетащить можно и позже сначала нужно убедиться что у нас все получилось так как мы хотели.
Я запишу ноу хау что делать дальше для многократного испоьльзования если что позабудется :):
  • Ctrl+C; Ctrl+F (скопировали и вставили сверху, причем выделенным остается верхний слой сверху)
  • Оставляем выделенный верхний слой, т.e. ничего не меняем после копирования. Снимаем все эффекты нажатием перечернутого колесика в панели Appearance
  • Заливку меняем на белую Опять же у того же верхнего слоя, т.е. уже выделенного
  • Выделяем все два слоя и делаем маску в панели Transparency с птичкой на Clip
Результат векторной тени в AI, которую можно применять к различным объектам и тексту

Пример векторной тени применительно к тексту pink:
►AI Как сделать внутреннюю тень у объектов Урок иллюстратор. Векторная тень в иллюстраторе,использование нрафических стилей в иллюстраторе
Смотрите полный текст поста: Урок AI. Как сделать внутреннюю тень у объектов

3.28.2016

Как создать свой шрифт font

Ссылки по теме как создать свой шрифт:
http://vgrafike.ru/download/kak-sozdat-shrift-onlajn/
Программы для создания шрифтов:

В инете множество видео как создать свой шрифт с помощью программы Font Creator.
Как создать шрифт можно посмотреть например на этом видео:



Для создания своего шрифта понадобиться программа Font Creator, ссылка на то где ее скачать(версия 7.5) и как установить https://vk.com/topic-99423128_33030055
подробнее скачать здесь https://yadi.sk/d/bwApJ7y_kRyKC, установить и если надо руссифицировать https://vk.com/video-99423128_171171903
Краткое описание установки и руссификации, хотя в видео все больше чем понятно:
Установка и регистрация:
Заходим в папку
Запускаем файл генератора кода регистрации ...v7.5Keygen_.tPORT
Жмем на кнопку GeneratEиCopy
Выделяем код
Открывем программу версия 7.5
Нажимаем EnterRegistration Code
и нажимаем Clipboatd Paste
Вставляем наш код и жмем Register
Завершаем активацию зажатием Close
Все

Если нужна руссификация то заходим в папку RUS
Запускаем Setup RUS
Жмем далее
Выбираем папку с программой и жмем далее C:\Program...
Жмем установить
После завершения процесса установки жмем готово

и Ссылка на Шрифт для образца:

Интерессная статья с перечнем программ для работы со шрифтами: http://say-hi.me/typography/kak-sozdat-sobstvennyj-shrift-sovety-i-programmy.html
http://macnoob.ru/howto/kak-sozdat-ttf-shrift-iz-izobrageniy-fontographer/
AI=> FontLab Studio5, Fontcreator(https://www.youtube.com/watch?v=_qROzOW706I)

http://ayamsoto.blogspot.com/ ►Как создать свой шрифт AI На заметку https://www.youtube.com/channel/UCwKhEoBTVKrjPReeD7klGzw Pavel Biriulin там также и Fontcreator
Смотрите полный текст поста: Как создать свой шрифт font