Добрый день, дорогие читатели.
В предыдущей статье мы говорили о , а как сделать логотип самому?
Довольно кропотливое занятие, но если Вы сумеете придумать что-то гениальное, то это, поверьте, того стоит.
Изначально логотип был придуман для того, чтобы выделить свою компанию / сайт на рынке. Хотите добиться этого, тогда Вам нужно непременно прочитать данную статью.
Логотип является лицом вашей компании / сайта. Если нет оригинального логотипа, и Ваш сайт совсем не привлекает внимания, то на вряд ли он будет выделяться из огромного числа подобных сайтов.
Если Вы хотите чтобы ваш интернет-ресурс посещало как можно больше пользователей, то Вам просто необходимо создать что-то действительно привлекающее внимание.
А сначала давайте разберемся какие бывают логотипы.
Виды логотипов
Символьные
Отображения лого в виде картинок, знаков, символов, иконок. Данный вид популярен среди огромных современных компаний или сайтов. Изображение может быть содержательным, все зависит от того какой Вы вложите в него смысл. Популярные компании с таким видом: Apple, Nike
Текстовые
Данный вид довольно прост, но также популярен, как и символьный. Он представляет собой обыкновенные буквы, которые отображаются в разных оболочках. Примеры с данным типом: M-моторолла, ACER, Nokia.
Комбинированные
Данный вид логотипа состоит из двух предыдущих. Он включает в себя различные изображения предметов, животных, растений и сам текст. Примеры: Adobe, Adidas, Microsoft.
Какой вид выберете Вы? Выбор остается только за вами.
Создание логотипа для сайта
В интернете существует множество программ (сервисов) по созданию логотипов для сайтов онлайн. Одни из самых популярных программ:
- Logaster.com
- LogotypeGenerator
- Flamingtext
- hipsterlogogenerator
В использовании программы простые, все действия выполняются шаг за шагом. Поверьте, логотип можно создать очень быстро, при этом нужно иметь хотя бы немного умения. Если не уверены в своих силах, Вы всегда можете довериться профессионалу.
Ниже представлена инструкция по созданию логотипов на примере сервиса flamingtext:
Примечания! Бесплатно получится скачать только с водяным знаком.
Фавиконки для сайта
Чтобы привлечь к сайту внимание массы, многие используют Favicon.
Favicon — это такой значок в специальном формате, который отображается перед URL страницы в адресной строке, рядом с закладкой.
Favicon и логотип как правило выглядят одинаково. Только фавикон значительно меньше и имеет другой формат (.ico)
Чтобы он нес смысловую нагрузку необходимо соблюдение некоторых требований:
- Создайте Favicon в том же стиле, в котором разрабатывается сайт. Используйте одинаковые элементы дизайна, цветовую палитру.
- Создайте Favicon простым, чтобы он легко воспринимался.
- Не используйте сложных изображений.
Для создания Favicon имеется такой ресурс X-Icon Editor . В программе существует функционал импорта, экспорта, а также предварительный просмотр Favicon на закладке браузера.
Фотошоп и Paint
Хочется отметить, что самые чудесные логотипы получается создавать в фотошопе, потому что Вы их полностью придумываете сами. В фотошопе имеется богатый функционал, широкая палитра цветов.
Не стоит пугаться, в случае, если Вам никогда не приходилось работать в подобной программе. В сети расположено много подробных инструкций, собраны видеоуроки по работе с программой. Но если нет времени учиться, то найдите профи на одной из бирж фриланса. Вот самые популярные:
- FL.ru
- WebLancer.net
- Qwork.ru
Также имеется всем известная стандартная программа «Paint». Это очень простая программка. Она, конечно же, очень уступает фотошопу, так как в ней собраны только самые простые инструменты. Но и благодаря этим инструментам можно создать шедевр
В заключение хочется отметить, все под силу каждому, стоит правильно ставить цели и любить то, чем Вы занимаетесь.
Если данная статья была для Вас познавательной, подписывайтесь на обновления блога, рекомендуйте прочитать статью Вашим друзьям в социальных сетях.
Всем пока и до скорых встреч!
С уважением! Абдуллин Руслан
Что делать, если хочется сделать для своего проекта классный логотип, а денег на это нет? Последние десять лет я занимался дизайном, поэтому всегда мог сделать лого для своих проектов самостоятельно. А как можно сделать классный логотип, если ты не дизайнер?
Большинство обращается к племяннику дальнего родственника, который вроде как умеет пользоваться Фотошопом или просто хорошо рисует. Но я советую взять этот вопрос в свои руки, и, пускай это ваш первый и, возможно, последний логотип, он станет в один ряд с Сони и Фейсбуком! Вы с гордостью поставите его на сайт, и в интернете никто не догадается, что вы кот не дизайнер.
Вот два простых правила, которые я придумал. Они помогут вам самостоятельно сделать логотип на миллион:
1. Начните свой путь к успеху со шрифтового логотипа
2. Сделайте акцент на фирменном стиле
, особенно на сочетании цветов
Пойдем по порядку. Что такое шрифтовой логотип? Это значит, что в лого используется только шрифтовая часть, без эмблемы или символа. Как у Гугла:
Почему именно шрифтовой лого? А как же значок? Как-то небогато выглядит, меня не засмеют? Может добавить какую-нибудь закорючку?
Без паники! Использовать шрифтовой лого - это как надеть рубашку и пиджак на деловую встречу. Можно, конечно, попробовать подобрать свитер к джинсам или прийти в поло и мокасинах, но нужно иметь безупречный вкус, иначе будешь выглядеть как клоун. Так же и с лого - если под рукой нет профессионального дизайнера айдентики, лучше не пытаться прыгнуть выше головы. Просто посмотрите на этих вполне себе серьезных ребят - они все используют логотипы на основе одного и того же шрифта, Гельветики:
Может такое могут позволить себе только крупные компании, которые и так все знают? Я так не думаю - на мой взгляд, в логотипе главное качественная графика и общее впечатление. Например, у Джипа и Люфтганзы есть эмблемы, но и шрифтовая версия логотипа выглядит солидно. Я искренне в это верю и сам использовал такой подход на старте своего проекта. Вот с такого логотипа мы начинали и он никак не помешал нам получить первые заказы:
Как подобрать подходящий шрифт? Можно зайти на wordmark.it и написать в поле название вашего проекта - сайт покажет его всеми шрифтами, которые есть на компьютере. Если этого недостаточно, на fontfabric.com есть много бесплатных гарнитур, в том числе и с поддержкой кириллицы. Чем плохи бесплатные шрифты? Ничем, используйте на здоровье.
Какой шрифт лучше выбрать? Тут я тоже советую придерживаться правила «скромность украшает». Посмотрите на все варианты и постарайтесь почувствовать, какой из них лучше всего передает дух и стиль вашего проекта. Не смотрите в сторону необычных акцидентных шрифтов - они выделяются на фоне остальных, но чаще всего выглядят неуместно, как перья с карнавала в Рио на утренней пробежке.
Удержитесь от соблазна написать название проекта ПРОПИСНЫМИ. На первый взгляд, такое написание выглядит аккуратнее строчных, как устойчивый прямоугольник. Но на деле прописные воспринимаются хуже. Если вы все-таки хотите использовать только заглавные, увеличьте межбуквенные расстояния - это повысит читабельность вашего лого, особенно в маленьком формате.
Вторым важным пунктом для дизайна любого проекта я назвал фирменный стиль . Что это такое и как он поможет вашему проекту стать заметным и узнаваемым, я расскажу в следующий раз. Скажу только - логотип, это не главное и сам по себе он мало что даст. Что бы ни говорили маркетологи, формулы успешного логотипа, который одним своим видом приведет толпу клиентов, пока не придумали.
Я описал простой подход, который поможет сделать солидный и аккуратный логотип и избежать пошлятины. Конечно, чтобы сделать качественный шрифтовой лого, тоже нужен дизайнер, но на старте проекта можно обойтись и без него - потом можно будет и поиграть шрифтами, и придумать эмблему. А если вам покажется, что шрифтовой лого, это как-то небогато и пацаны с района не поймут, посмотрите на логотип компании Аксенчер, которая инвестирует в свой фирменный стиль миллионы долларов:
Удачного дизайна вашим проектам и не забывайте подписаться на Логомашину - впереди много интересного!
Наконец то, после долгого поиска в интернете вам удалось найти нужное изображение. Ура! Ай, нет. И какой балбес присобачил к ней свой убогий логотип? Фото классное, но логотип то вам не нужен, только портит все изображение. Не уж-то придется опять лазить в интернете и искать другое фото, без логотипа? Ну уж дудки.
Для удаления логотипа воспользуемся всем известным редактором Photoshop . Уж до того он легко расправляется с логотипами, аж самому понравилось. Быстро, легко, без особого напряжения серого вещества. И так, обо всем по порядку.
Запускаем Photoshop и открываем в нем нужное изображение. Например такое:
Как видите в правом — нижнем углу красуется логотип сайта. Его-то мы и будем удалять. Выбираем в фотошопе инструмент «Прямоугольная область» и аккуратно обводим выделением логотип.
Теперь удаляем содержимое, нажав на клавишу «Delete» . Перед удалением у нас появится диалоговое окно, в котором у нас поинтересуются о параметрах удаления. Выбираем «Удалить с учетом содержимого» и жмем «Ok» .
А теперь смотрим, что у нас получилось.
Ну вот, осталось только отменить выделение во вкладке «Выделение» .
В конечном итоге у вас должно получиться что-то типа этого.
А теперь несколько советов.
Оставьте изображение для обработки таким как оно есть, то есть новые слои создавать не надо. Пусть в Photoshop в слое «фон» так и останется значок замка. В противном случае ничего не получится. Не обольщайтесь считая этот метод панацеей. Где-то все получится, а где-то и нет. По крайней мере, старайтесь выделить логотип в как можно меньшем поле. Больше шансов, что не будет захвачено и учтено лишнее содержимое.
Ну, вот, кажется и все с чем столкнулся лично я. После недолгой работы по этой проблеме у вас появятся и свои советы.
Инструкция
Если логотип еще только предстоит нарисовать, начните работу с создания прозрачного фонового слоя. Для этого, запустив Photoshop, создайте новый документ - нажмите сочетание клавиш Ctrl + N или выберите в разделе меню с названием «Файл» пункт «Создать». В окне свойств нового документа задайте ширину и высоту, соответствующие размерам логотипа . В выпадающем списке «Содержимое фона» выберите значение «Прозрачный» и нажмите кнопку OK.
Оставьте пустым прозрачный фоновый слой, а для начала работы над элементами логотипа создайте новый слой. Проще всего это сделать копированием единственного пока лэйера - нажмите сочетание клавиш Ctrl + J. Можно, конечно, сделать это по всем правилам - вызвать на экран диалог создания нового слоя, задать ему персональное имя, цветовую маркировку в общем списке, установить параметры прозрачности. Такой диалог вызывается нажатием комбинации «горячих клавиш» Shift + Ctrl + N или выбором пункта «Слой» в подразделе «Новый» раздела «Слои» меню редактора.
Сам процесс создания логотипа не рассматривается в этой статье, а когда он будет завершен, сохраните результат в файл одного из графических форматов, который поддерживает прозрачность. Для этого можно использовать два варианта диалогов сохранения. Один из них вызывается сочетанием клавиш Shift + Ctrl + S или выбором пункта «Сохранить как» в разделе «Файл» меню Photoshop. В этом диалоге вам нужно выбрать формат CompuServe Gif или Png в выпадающем списке «Тип файлов». Кроме расширения задайте название и место сохранения файла логотипа, а потом нажмите кнопку «Сохранить».
Другой вариант диалога сохранения позволяет подобрать оптимальное отношение качества к размеру файла. Откройте его с использованием комбинации клавиш Shift + Ctrl + Alt + S или выбором строки «Сохранить для Web и устройств» в разделе «Файл» меню редактора. Здесь установить формат Gif, Png-8 или Png-16 следует в выпадающем списке, помещенном в верхний правый угол формы. После этого подберите нужные параметры качества и нажмите кнопку «Сохранить».
Если сделать прозрачным нужно фон уже существующего логотипа, то после второго шага загрузите во второй слой его изображение. Для этого раскройте в меню раздел «Файл» и выберите команду «Поместить». В открывшемся диалоге найдите и выделите файл логотипа, а затем нажмите кнопку «Поместить».
Включите инструмент «Волшебная палочка», кликнув соответствующую пиктограмму на панели инструментов или нажав клавишу W. Наводите указатель на каждый фрагмент фона логотипа, кликайте его правой кнопкой мыши и удаляйте нажатием клавиши Delete. Когда с этой процедурой будет покончено, сохраните результат одним из способов, описанных в третьем и четвертом шагах.
Программа Adobe Photoshop не только помогает редактировать фотоизображения, регулируя степень яркости и контрастности снимков, но также с помощью нее можно создавать фотоколлажи и композиции, используя такое свойство слоев, как прозрачность.
Вам понадобится
- Adobe Photoshop
Инструкция
Для того, чтобы сделать слой прозрачным, на панели слоев Layers (Window > Layers/ Окно > Слои) нужно регулятор прозрачности Opacity. Передвижение ползунка влево или вправо регулирует прозрачность слоя. Ту же самую функцию выполняет ползунок Fill, расположенный ниже.
С помощью прозрачности относительно другого слоя можно создавать впечатляющие фотоизображения. Для этого нужно изменить у слоя настройки прозрачности с Normal (слева от ползунка Opacity на панели слоев) на любой из нижеприведенного списка. Результат применения прозрачности к различным слоям непредсказуем, поэтому в данном случае простор для эксперимента.
Прозрачность слоя может также регулировать интенсивность фильтр-слоев, примененных к изображению. С помощью прозрачности можно эффект «муара» или – для этого нужно расположить новый слой поверх основного, залить его или черным цветом, и отрегулировать степень его прозрачности.
Используя имеющиеся в проекторе компенсации геометрических искажений, настройте его особенно тщательно. Изображение на экране должно быть практически идеально прямоугольным - так будет значительно труднее догадаться, что оно на него проецируется. Для этой же цели безупречно настройте изображения и фокус - должны быть видны отдельные (так смотрится более высокотехнологично).
Выйдите за пределы магазина с пультом от и посмотрите на результат. Чтобы изображение выглядело естественнее, было более похожим на висящий в воздухе, отрегулируйте с яркость и контрастность. Возможно, в течение суток эти параметры придется регулировать несколько раз по мере изменения яркости естественного освещения.
Видео по теме
При создании логотипа весьма желательно иметь возможность сделать его фон прозрачным - в этом случае он будет более органично вписываться в любое оформление, будь то страница веб-сайта, документ в формате Word, флэш- или видео-ролик и т.д. Кроме того полупрозрачный логотип можно накладывать в качестве ватермарки на изображения и фотографии. Наиболее распространенный инструмент для проведения такого рода графических работ - Adobe Photoshop.
Инструкция
Запустите графический редактор и загрузите или создайте с нуля сам логотип - эта часть работы целиком зависит от ваших художественных предпочтений и исходных данных (названия компании, или организации, символики, которую надо разместить на логотипе и т.д.).
Поместите все слои psd-документа в одну папку - в этом случае отпадет необходимость регулировать прозрачность каждого слоя персонально, а можно будет это для всей папки целиком. Для этого щелкните в правой нижней части панели слоев пиктограмму, при наведении мыши на которую всплывает надпись «Создать новую группу», а затем выделите слои и перетащите их в созданную папку. Если в документе существует и фоновый слой, то его перемещать не нужно - оставьте за пределами папки.
Выключите видимость фонового слоя щелчком по пиктограмме с изображением глаза у левого края строки, относящейся к этому слою. Собственно, редактирование на этом можно заканчивать, если сам логотип должен быть непрозрачным, а прозрачным должен быть только его фон - в этом случае пропустите следующий шаг.
Выделите созданную папку (щелкните по ней курсором мыши), если необходимо логотип сделать частично прозрачным. Затем раскройте выпадающий список рядом с надписью «Непрозрачность» и с помощью ползунка подберите наиболее подходящую степень прозрачности логотипа .
Обрежьте лишнее пространство вокруг логотипа - так будет проще использовать его в дальнейшем. Раскройте в меню графического редактора раздел «Изображение» и выберите команду «Тримминг». В окошке, которое в результате откроется, поставьте отметку в поле «прозрачных пикселов» и нажмите кнопку «OK». Редактор сам изменит размеры в соответствии с шириной и высотой вашего логотипа .
Сохраните созданный логотип в собственном формате Adobe Photoshop. Этот файл вам понадобится в том случае, если потребуется внести какие-либо изменения. Диалог сохранения открывается нажатием сочетания клавиш ctrl + s.
Создайте оптимизированный файл с логотипом, который можно будет помещать в нужные вам документы. Для этого нажмите сочетание клавиш alt + shift + ctrl + s и окно оптимизации изображения откроется. Оно предназначено для того, чтобы вы имели возможность выбрать наиболее подходящий графический формат, и подобрали для него такие настройки изображения, которые дают оптимальное соотношение качества и веса создаваемого файла. Второй сверху выпадающий список содержит возможные типы файлов - выберите в нем либо gif, либо png. Эти два формата поддерживают прозрачность, в отличие, например, от формата jpeg. Имейте в виду, что формат png не всегда правильно отображается браузерами Internet Explorer. Затем убедитесь, что в чекбоксе «Прозрачность» выставлена метка и нажмите кнопку «Сохранить».
Укажите место сохранения в вашем компьютере и название файла логотипа , а затем еще раз щелкните кнопку «Сохранить».
Средствами бесплатного графического редактора Paint.net можно создавать коллажи, обрабатывать фотографии и вырезать объекты из картинки. Убрать фон изображения можно разными способами.
Инструкция
Запустите Paint.net. В меню «Файл» щелкните «Открыть» и укажите путь к изображению. Если вы выбрали картинку с однородным фоном, то удобно воспользоваться инструментом «Волшебная палочка». Щелкните ее иконку на панели инструментов или нажмите S на клавиатуре.
На панели свойств укажите чувствительность палочки. Чем выше чувствительность, тем ниже избирательность этого инструмента. Т.е. при чувствительности 100% вы выделите всю картинку с мелкими деталями. При чувствительности 5% будет выделен очень маленький участок. Установите подходящее значение этого параметра и щелкните по фону. Фрагмент изображения будет обведен пунктирной линией.
Нажмите Delete для удаления выделенного участка. Фон в этом месте станет прозрачным. Щелкните по участку другого оттенка, который нужно убрать, и опять нажмите Delete.
Можно поступить иначе. На панели свойств откройте список «Режим выбора» и отметьте «Добавление (Объединение)». По очереди щелкайте мышкой по фрагментам изображения, которые хотите удалить, затем нажмите Delete - выбранные участки будут удалены сразу.
Если фон пестрый, можно использовать инструмент «Ластик». Нажмите соответствующую иконку на панели инструментов или букву E на клавиатуре. На панели свойств укажите диаметр ластика. Если нужно растушевать границу удаляемого фрагмента, выбирайте «Сглаживание разрешено» в списке справа от окошка «Ширина».
