Рисуем в фотошопе логотип: Рисуем логотип в фотошопе. Рисуем логотип — Независимое театральное объединение "Зрительские симпатии"

Содержание

Как нарисовать логотип: леттеринг и создание уникальной эмблемы | Дизайн, лого и бизнес

Создание логотипа компании — это очень ответственный и важный процесс, результат которого будет напрямую влиять на будущее вашего бренда. Чтобы нарисовать действительно оригинальный и узнаваемый фирменный знак, потребуется большое количество сил и времени.

Один из способов сделать свой знак уникальным — нарисовать шрифт самостоятельно. Конечно, использование шрифтов, созданных в профессиональных студиях также доступно. Но это не даст такого же эффекта, как оригинальный лого, созданный с помощью леттеринга.

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

Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.

Создать логотип онлайн

Какой стиль шрифта выбрать

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

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

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

С засечками (serif, slab serif)

Этот тип шрифтов, как вы догадались из заголовка, характеризуется тем, что имеет на краях букв своеобразные штрихи. Их и называют засечками. Эти элементы появились в буквах не случайно. Основная их задача — помогать читателю всегда держать строку в поле зрения. С засечками это намного проще делать, так как они создают более четкую горизонтальную линию.

Логотип, созданный с помощью такого шрифта, передает атфосферу классики, надежности, авторитетности. Эмблема такого вида подойдет фирме, которая чтит традиции и старается создать имидж профессиональной и стабильной компании.

Без засечек (Sans Serif)

Шрифт без использования засечек выглядит более современным и менее классическим. А значит, впечатление производит соответствующее. Шрифт без засечек легко читается и распознается даже при многократном уменьшении размера лого. Кроме того, он привлекает вниманием своей простотой и минималистичностью.

Такой шрифт рекомендован компаниям, которые связаны с инновациями, современными технологиями и в целом всем новым.

Рукописный (Script)

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

Шрифт такого стиля оптимально использовать брендам, работающим в сфере красоты, творчества, дизайна. Также лого с надписями такого вида подходят компаниям по реализации детских товаров и пищевой продукции (в основном напитков и сладостей).

Готический (Blackletter)

Готичный шрифт сам по себе является довольно мрачным. Такой стиль подходит, если вы хотите добавить классики и драмы в свой логотип.

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

Чаще всего готический шрифт используется в винтажных логотипах (для баров, музыкальных групп и т.д.).

Написанные кистью (Sign Painter)

Эта каллиграфия предполагает более тонкие и мягкие мазки. Отсылает к винтажным вывескам. Это добрый, ненавязчивый шрифт. Логотип, созданный с помощью этой техники — все равно, что друг.

Вдохновение для леттеринга: где найти идеи дизайна

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

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

Так определиться с типом надписи вам будет существенно проще. В конце концов в дизайне всегда так — кто-то кем-то вдохновляется, что-то берет, добавляет свое и получается уже новая идея.

Кстати, Pinterest сможет помочь вам в организации вашего вдохновения. Соберите все картинки с логотипами в одну доску и «медитируйте».

Практическое применение полученных знаний

После того, как вы определились с направлением и стилем, попробуйте сделать простой рисунок карандашом на бумаге. Не нужно пока добавлять никаких деталей. Попробуйте просто найти общую форму. Чем больше вы создадите черновых эскизов, тем больше у вас будет понимание, к чему вы в итоге хотите прийти. Каркас надписи — вот с чего нужно начать.

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

Еще раз посмотрите на свои эскизы и выберите тот, который вам понравился больше всего. Теперь займитесь отрисовкой в более крупном формате.

Помните: отрисовывать каждое изображение по несколько раз — нормальная практика. Вам это подтвердит любой опытных художник или иллюстратор. Иногда приходится перерисовывать одну надпись по 20 раз. Но именно это и позволит вам прийти к наиболее гармоничному варианту.

Как оцифровать рисунок

Если ваш рисунок на бумаге готов на 90%, то мелкие проблемы вы можете исправить уже при финальной отрисовке в графическом редакторе. Это значит, что теперь вам нужно оцифровать ваш рисунок.

Есть 2 способа это сделать:

Отсканировать рисунок. (Разрешение — 600 DPI. Но не у каждого дома ведь есть сканер, да?)
Сфотографировать на телефон и перекинуть на компьютер

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

Работа в Photoshop (растровый логотип)

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

Перенести изображение с бумаги в графическую программу — задача не творческая и не сложная. Все что вам нужно — очистить картинку от мусора и технически точно перерисовать логотип начисто. Чтобы сделать ваш исходник более четким, можете увеличить контрастность темных линий. Для этого нужно перейти в раздел «Контраст/Яркость» или «Уровни».

Ну а дальше вам предстоит работать пером и аккуратно обводить каждую букву.

Работа в Illustrator (векторный логотип)

Рукописный логотип будет выглядеть более профессионально, если отрисовать его с использованием векторной графики. Этот процесс потребует меньше времени и даст более эффектный результат — вы получить логотип в векторе.

Для этого закиньте ваш рисунок в формате JPG в Иллюстратор и, используя инструмент «Живая трассировка», сделайте себе отличную заготовку, которую будет легко довести до идеала. После такой работы очертания логотипа станут законченными. Да, придется немного изучить Illustrator, но оно того стоит.

Добавление текстур и цвета

Логотип, переведенный в цифровой формат с помощью Photoshop или Illustrator — это уже очень хорошо, но теперь мы можем придать ему еще больше фактурности и оригинальности. Можно попробовать использовать векторные текстуры от Seanwes. Это пакет готовых решений, который содержит довольно много вариантов. Правда вы всегда можете выбрать другой путь и создать что-то свое.

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

Напоследок

Теперь логотип уже раскрашен и полностью готов к использованию. Что дальше?

Перед использованием советуем проверить еще несколько важных аспектов:

Готов ли логотип к использованию в мелком формате?
Попробуйте его уменьшить и посмотрите, хорошо ли читаются все символы. Даже в очень маленьком формате лого должно оставаться читаемым.
Достаточно ли линии логотипа контрастны?
Попробуйте размыть изображение в редакторе и посмотрите, насколько хорошо сохраняется контур. Цвета и линии должны быть различимы даже при сильном «блюре». Это будет гарантировать, что даже взгляд мельком позволит подсознанию ухватить этот логотип.
Спросите мнение коллег и профессионалов
Иногда можно получить очень дельный совет со стороны. Особенно от тех людей, которые профессионально занимаются дизайном.

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

Другие статьи

Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.

Как рисовать логотип в фотошопе. Создаём красочный логотип в Фотошоп

Доброго времени друзья, в данном уроке мы рассмотрим с Вами тему вопроса, как создать свой логотип, создания своего логотипа в программе Adobe Photoshop . А именно, сделаем свой собственный логотип для наших нужд. Логотип — это очень важная часть Вашей компании или Вашего проекта, от логотипа зависит Ваша репутация и ещё куча разных факторов.

ПРОЦЕСС ПОДГОТОВКИ (Как создать свой логотип)

Давайте уже приступим к самому интересному, к процессу разработки. Для начала открываем фотошоп, после чего создаем новый проект, для этого нажимаем на вкладку «Файл» , затем «Создать» .

Теперь следует выбрать размеры изображения, ширину изображения ставим на 1920 пикселей, высоту ставим на 1080 пикселей, это достаточно большое разрешение, которое считается HD разрешением, поэтому его будет достаточно, после нажимаем

«ОКей» .

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

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

Как создать свой логотип? Прежде всего, создание логотипа зависит напрямую от Вашей фантазии и навыков фотошопа, больше всё же зависит от Вашей фантазии. Если у Вас нет творческих способностей, то советую Вам обратиться на «фриланс» и заказать логотип у веб-дизайнера. Но, если у Вас с творчеством всё в порядке, то вы и сами всё сможете сделать. Давайте пробовать!

Есть разные логотипы, некоторые имеют текст, некоторые его вообще не имеют, просто картинка. Мы будем создавать с нуля, с текстом. Также, некоторые делают разметку для будущего логотипа, можно сделать на глаз, если не хотите делать сами, то в конце статьи будет кнопка на скачку шаблона. Разметку делать не обязательно, просто некоторые к этому прибегают.

НАЧИНАЕМ РАЗРАБОТКУ

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

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

Чтобы трансформировать прямоугольники, нажимаем сочетания клавиш ctrl+t

Затем окрасим последние 4 линии в темный цвет для декора, также применим тексту точно такой же цвет что и у последних четырёх прямоугольников. Я предлагаю текст немножко опустить и нарисовать прямоугольником ещё одну небольшую линию. Выберем её цвет точно такой же.

Теперь давайте сделаем еще несколько элементов, выберем уже не прямоугольник а

«эллипс» , зададим ему ширину и высоту 28×28 пикселей.

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

Теперь создадим несколько линий при помощи того же прямоугольника и поставим их между «эллипсами» .

ЗАКЛЮЧИТЕЛЬНЫЙ ЭТАП (Как создать свой логотип)

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

Таким образом, мы получаем логотип на прозрачном фоне.

После того, как вы завершили создание своего логотипа, рекомендую Вам объединить все слои в одну группу, предварительно выделив все слои, и нажав сочетания клавиш «ctrl+g» , мы сможем объединить их в одну папку, нажав на название папки два раза, мы сможем изменить имя группы.

СОХРАНЕНИЕ ЛОГОТИПА

Как только вы закончили процесс создания, следует сохранить Ваш логотип в формате PNG , чтобы избежать белого фона позади лого, а также убрать возможность сжатия объекта. Так Ваш логотип будет смотреться более качественно и профессионально.

Нередко при создании сайта нужно разработать логотип, который должен быть ярким и запоминающимся. Почему это так важно? Логотип – это своего рода эмблема, символ компании или сайта, который используется в качестве рекламы и повышения узнаваемости. Поэтому логотип это важный атрибут каждой организации, который представляет ее имя.

Хороший логотип должен отвечать следующим требованиям:

запоминаемость – желательно, чтобы логотип запоминался человеком после пары взглядов на него;
уникальность – логотип должен быть не похож ни на одни из уже существующих логотипов на рынке. Более того, он должен выделяться на их фоне;
оригинальность – в логотипе должна заключаться интересная «фишка», которая также влияет на узнаваемость и запоминаемость;

лаконичность – логотип не должен быть перегруженным информацией;
ассоциативность – логотип должен оставлять четкую ассоциацию с компанией.

Логотипы делятся на три типа:

Название, которое представлено в оригинальной графической обработке;
Фирменный знак;
Фирменный блок – симбиоз названия и фирменного знака.

Создание логотипа

Крупные компании и организации пользуются услугами профессиональных дизайнеров. Но когда идет речь о создании эмблемы, к примеру, для своего сайта, можно обойтись собственными силами и при помощи Photoshop выполнить работу собственноручно. Поэтому далее в статье будет описано, как сделать логотип в фотошопе.

Перед началом урока стоит упомянуть об онлайн-сервисах генерации логотипов таких как: www.logaster. ru , ogotypecreator.com и т.д. Конечно, это удобно, но в таком случае отсутствует элемент личного творчества и не всегда пользователь будет удовлетворен результатом. В то время как создание логотипа в фотошопе дает полную свободу и возможность сделать логотип максимально отвечающим задумке автора.

Итак, начнем.

После запуска программы Photoshop необходимо создать новый файл. Для примера будет установлена ширина и высота 300 на 250 пикселей соответственно;

Выполнить заливку фона. Для этого в меню «Слои » выбрать пункт «Новый слой-заливка », «Цвет »:

В меню «Фильтр » переходим через пункт «Галерея фильтров » и выбираем подходящий фильтр:

Далее рисуем логотип в фотошопе с помощью инструмента «Эллипс » и заливаем его цветом:

После этого в меню «Слои » выбираем «Стиль слоя ». В появившемся окне переходим на вкладку «Обводка »:

Текущий результат представлен ниже:

Теперь нужно выполнить надпись, чтобы получить красивый логотип в фотошопе.

Так как на данный момент создана только заготовка – фон логотипа. Используя инструмент «Горизонтальный текст », создаем надпись нужного цвета:

Затем необходимо деформировать текст и использовать «Обводку », как это было сделано ранее, а также применить стиль «Тень ». Все настройки стилей слоя и инструментов устанавливаются в зависимости от своих предпочтений:

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

Этот урок дает общее представление о том, как делать логотипы в фотошопе. Любой пользователь ознакомившись с приведенной информацией сможет по такому же плану создать свой логотип, используя другие цвета и формы.

Сегодня мы будем обсуждать вопрос о том, как сделать логотип в Фотошопе. Сразу стоит сказать, что в статье не будут даны точные инструкции. Так как каждый человек имеет свой вкус и мировоззрение касательно красоты. Цель данной статьи: предоставить вам рекомендации и напутствия, которые помогут самостоятельно создать свой индивидуальный логотип. Ведь невозможно предугадать интересы каждого читателя. Далее вы узнаете, в Фотошопе с помощью простого набора инструментов.

1 способ

С его помощью мы в Фотошопе с использованием обычного инструмента под названием «горизонтальный текст» (T). Для этого понадобится новое изображение (Ctrl + N). Размер можно выставить в произвольном порядке (желательно не менее 500х500 пикселей). На панели инструментов выберите «горизонтальный текст» (T). Сделайте вставку с фразой с произвольным содержанием. Напишите, например, свое имя. Это и есть простейший пример логотипа. Но, естественно, нам этого недостаточно. Чтобы это исправить, нужно добавить некоторые эффекты, например тень. Для этого щелкаем правой кнопкой мыши по нашему слою с текстом и выбираем «параметры наложения» (1 пункт).

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

2 способ

Теперь мы делаем логотип в Фотошопе через инструмент «произвольная фигура». Если в первом случае мы акцентировали внимание только на тексте, то сейчас будем использовать совсем иной подход. В стандартном наборе программы Photoshop у нас есть скудный комплект фигур. Но существует множество альтернативных источников этого контента. Без особого труда вы можете «добыть» тысячи разнообразных вариантов. Здесь мы можем использовать те же самые тени и свечение. Также рекомендуется использовать фильтры, которые находятся в верхней части экрана.

3 способ

Ранее изложенные способы помогут вам придумать логотип на ходу, экспериментируя с различными параметрами, фигурами и шрифтами. Но если у вас в голове есть примерный набросок и первоначальный эскиз, то тогда вам поможет произвольное рисование. Допустим, вы сделали рисунок на бумаге. Теперь вам надо перенести его в электронный вид. Если в вашем логотипе присутствует только строгие линии, используйте инструмент «Линии» (U). Если большая часть рисунка выполнена в неординарном стиле, то на помощь придут «карандаш» и «кисть». Больше практикуйтесь и экспериментируйте, и тогда ваши старания не пропадут даром.

Заключение

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

Как правило, считается что разработкой логотипов занимаются специальные студии, в которых работают квалифицированные художники-иллюстарторы. Но в некоторых случаях создание логотипа не является особо трудоемким процессом, поэтому быстрее и выгоднее будет заняться этим самому.

В этой статье представлено подробное руководство, как создать логотип в Фотошопе самостоятельно и в хорошем качестве. Стоит отметить, что в практически во всех версиях графического редактора, включая CS5 и CS6, алгоритм действий почти не отличается.

Photoshop отлично подходит для создания логотипов, благодаря тому что в нём можно рисовать в векторе или добавлять растровые заготовки. А возможность создания множества слоев позволяет работать с огромным числом объектов и быстро их редактировать.

А теперь давайте перейдем к содержанию самого урока:

Создаем и настраиваем холст

Перед началом работы, необходимо задать параметры для рабочего стола. Переходим в пункт “Файл” , далее “Создать” . В окне выбираем поле “Имя” — сюда пишем название для вашего проекта. Размер холсту задаем квадратный, 500×500 (вы можете выбрать любой другой квадратный размер). Разрешение лучше делать высоким, но оптимальным будет 300 пикселей/дюйм . В пункте “Содержимое фона” выбираем белый цвет. Применяем все настройки, нажав “ОК” .

Рисуем простые векторные формы

В панели слоев выбираем пункт “Создать новый слой” . (Показать и скрыть эту панель можно при помощи клавиши “F7” ). Можно сделать это быстрее, нажав на кнопку, на которую указывает стрелка на скриншоте:

На панели инструментов, которая по умолчанию находится слева, выбираем “Перо” .

Создаём любую свободную форму, а затем корректируем её, использую узловые точки, благодаря “Углу” в раскрывшемся списке, как показано на скриншоте:

И “Стрелке” . см. скриншот ниже:

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

На этом моменте мы решили перерисовать фигуру и сделать мини-звезду. Стоит отметить, что мы делали все очень быстро, лишь для того, чтобы продемонстрировать вам, дорогие читатели, функционал.

Нажав пкм (правой кнопкой мыши) по контуру объекта, в контекстном меню следует найти пункт “Выполнить заливку контура” и подобрать необходимый для этого цвет. Можно долго не думать над выбором, т.к. цвет всегда можно будет поменять в панели параметров слоя.

Но если вы решили сразу залить фигуру нужным цветом, то делаем так, как показано на скриншоте. Стрелка указывает на палитру, где можно выбрать цвет заливки:

Копируем формы

Если необходимо скопировать в буфер обмена слой с объектом, то нужно выделить его, далее в инструментах выбрать “Перемещение” , зажать “Alt” и передвинуть фигуру в необходимую сторону. Если повторить эти действия еще раз, то в итоге получится три абсолютно идентичных фигуры, находящихся на трех различных слоях, которые благодаря ранее отмеченной комбинации клавиш были созданы автоматически. После этого контур, который был нарисован ранее, можно удалить.

Масштабируем и компонуем элементы на слоях

Нужно выделить необходимый слой, зайти в “Редактирование” , далее “Трансформирование” и наконец “Масштабирование” . Затем зажать “Shift” и уменьшить объект, путем перемещения угловой точки, возникшей вокруг него рамки. Если не применять шифт, то масштабирование будет происходить хаотично, т.е. без пропорциональности. Аналогично можно уменьшить другой объект.

Если нужно быстро активировать такую трансформацию, то можно нажать “Ctrl” + “C” .

После этого можно, используя трансформацию, увеличить фигуру под размер холста.

Заливаем объекты цветом

Пришло время подобрать заливку к каждой фигуре. Нажимаем пкм на слой и выбираем пункт “Параметры наложения” . Далее откроется окно, в котором нужно найти “Наложение градиента” и затем выбрать его тип, который подойдет для заливки объекта. В поле, с названием “Стиль” , выбираем “Линейная” . Подбираем цвет для крайних точек градиента и параметры масштаба градиента. Все применяемые изменения мгновенно показываются на самом холсте. Путем подбора нужно остановиться на наиболее подходящем варианте.

Добавляем текст

Теперь в логотип следует добавить текст, если он вообще вам нужен. В инструментах для этого есть специальный пункт, с названием “Текст” . Затем пишем необходимую аббревиатуру или же слова, выделяем написанное и подбираем шрифт, наиболее подходящее положение. Для передвижения текста следует выбрать инструмент “Перемещение” .

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

Быстрый экскурс по созданию логотип в фотошопе подошел к концу! Последним шагом будет его сохранение в нужном формате. В Photoshop их очень большое количество. Самые популярные это PNG, а также JPEG.

Это был элементарный способ создания логотипа, при помощи векторного рисования. Если попрактиковаться и изучить другие функции программы, то можно будет легко создавать более сложные логотипы. До создания сложных логотипов мы еще дойдем в наших следующих уроках Photoshop.

Сегодня я покажу вам, как с помощью фигур и стилей слоя создать красивый логотип Apple WWDC в программе Photoshop CS5. Вы узнаете, как создать красивый логотип, при этом, не используя множество технических приёмов. Ссылка на PSD файл урока указана в конце урока. Итак, давайте приступим!

Примечание переводчика: WWDC (Apple Worldwide Developers Conference) — всемирная конференция разработчиков на платформе Apple. Проводится ежегодно в Калифорнии, США.

Итоговый результат

Шаг 1

Вначале создайте новый документ (Ctrl+N) в программе Adobe Photoshop CS5 со следующими размерами: 1920 px х 1200 px (цветовой режим RGB), разрешение 72 пикселей на дюйм (pixels/inch). Выберите инструмент Заливка (Paint Bucket Tool (G)) и залейте слой с задним фоном цветовым оттенком #120807. Подберите логотип Apple в формате PNG. Добавьте выбранный логотип на наш рабочий документ, я использовал логотип , ссылка на который дана в начале урока. При необходимости, вы можете увеличить масштаб изображения с помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)).

Примечание переводчика: цвет заливки для слоя с задним фоном будет зависеть от ваших предпочтений, а также, всё будет зависеть от того, на каком фоне будет расположен логотип Apple.

Шаг 2

Мы получим следующий результат.

Шаг 3

Итак, мы создали контур логотипа. Теперь мы добавим к нему следующий квадратик. В данном случае, я выбрал инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool (U)), в настройках данного инструмента установил Радиус (Radius) 15 px, далее, удерживая клавишу (Shift)+нарисуйте следующий квадратик, как показано на скриншоте ниже. Далее, с помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)), поверните квадратик на 45 градусов.

Уменьшите значение Заливки (Fill) до 0% для слоя с квадратиком. Далее щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, чтобы применить стиль слоя Тень (Drop Shadow).

Зайдите в настройки градиента. Установите цвета градиента, которые указаны на скриншоте ниже. Нажмите кнопку OK, чтобы закрыть окно настроек редактора градиента.

Поменяйте режим наложения для слоя с квадратиком на Жёсткий свет (Hard Light).

Шаг 4

Мы должны растрировать новый слой. Для этого, создайте новый слой поверх слоя с квадратиком, далее, выделите оба слоя, а затем, нажмите клавиши (CTRL+E), чтобы объединить их вместе. Теперь, с помощью инструмента Перемещение (Move Tool (V)), мы можем расположить квадратик внутри контура логотипа. При использовании инструмента Перемещение (Move Tool (V)), удерживайте клавишу (Alt)+потяните за квадратик, чтобы создать дубликат квадратика. Создайте несколько квадратиков. С помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)), варьируйте размеры квадратиков.

Шаг 5

Для дубликатов слоёв с квадратиками мы применим другое значение Заливки (Fill).

Примечание переводчика: для оригинального слоя с квадратиком значение заливки было 0%, для дубликатов слоёв с квадратиками значение заливки будет 70%.

Примечание переводчика: автор к розовым квадратикам добавляет синие квадратики.

В данном случае, создайте ещё один дубликат слоя с квадратиком (выбрав инструмент Перемещение (Move Tool (V)) + удерживая клавишу (Alt)+потяните мышкой квадратик, чтобы создать дубликат слоя). Далее, нажмите клавиши (CTRL+U) и в диалоговом окне коррекции Цветовой тон / Насыщенность (Hue/Saturation) сместите бегунок опции Цветовой тон (Hue) влево, чтобы изменить цветовой тон квадратика.

Теперь, продублируйте слой с синим квадратиком. Расположите дубликаты синих квадратиков, как показано на скриншоте ниже:

Примечание переводчика: не забывайте варьировать размер дубликатов квадратиков.

Шаг 6

Продолжайте добавлять квадратики, на этот раз уже другого цвета. Чтобы поменять цвет, используйте ту же самую команду коррекции Цветовой тон / Насыщенность (Hue/Saturation). Теперь, несколько раз продублируйте слой с квадратиком, используя технику, которая описана выше.

Мы получили следующий результат.

Шаг 7

Слои с квадратиками должны располагаться друг за другом. Далее, мы возвращаемся на слой с первым квадратиком, создаём дубликат слоя (с помощью инструмента Перемещения (Move Tool (V))+клавиши (Alt)). А затем, меняем цвет квадратика с помощью коррекции Цветовой тон / Насыщенность (Hue/Saturation (CTRL+U)).

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

Шаг 8

Продолжайте добавлять квадратики различных цветовых оттенков. Создайте дубликат самого первого слоя с квадратиком, используя технику, которая описана выше. А затем, поменяйте цвет дубликата квадратика с помощью коррекции Цветовой тон / Насыщенность (Hue/Saturation (CTRL+U)).

Мы получили следующий результат.

Шаг 9

Используя вышеописанную технику, добавьте ещё квадратики различных цветовых оттенков.

Шаг 10

В центральной части логотипа, мы добавим разноцветные квадратики размером побольше. Примените к этим слоям различную степень Непрозрачности (Opacity), а также различные режимы наложения, например, Перекрытие (Overlay), Жёсткий свет (Hard Light), Мягкий свет (Soft Light). Варьируйте размер квадратиков с помощью Свободной трансформации (Free Transform (Ctrl+T)).

Шаг 11

Теперь, удалите слой с контуром логотипа.

Шаг 12

Нажав на значок «Создать новый корректирующий слой или слой-заливку» (Create new fill or adjustment layer) в нижней части панели слоев, добавьте корректирующий слой Кривые (Curves) поверх всех слоёв. Установите кривую, как показано на скриншоте ниже, чтобы провести небольшую коррекцию цвета.

Поздравляю, мы завершили урок!

Рисуем в Фотошоп логотип в стиле Cutout | Creativo

В данном уроке мы нарисуем фигуру, как будто вырезанную из бумаги. Давайте приступим!

Скачать архив с материалами к уроку
Скачать PSD-файл

Шаг 1

Начните с создания круга в центре холста.

Примечание переводчика:

Размер при создании нового документа: 2880 х 1800 px.

Размер первого круга: 972 Х 972 px.

Шаг 2

Добавьте еще два меньших круга, как показано на изображении ниже. Для этой композиции я использовал 3 круга, но вы, если хотите, можете добавить больше.

Примечание переводчика:

Размер второго круга: 822 х 822 px.

Размер третьего круга: 653 х 653 px.

Шаг 3

Теперь мы приступим к самой важной части, добавим стиль слоя. После того как мы добавим стиль слоя, мы получим тот результат, который мы желаем получить. Первый эффект, который необходимо добавить — это Тиснение (Bevel & Emboss). Мы применим этот эффект, потому что, если вы замечали, при вырезании фигуры из бумаги края имеют некий отблеск.

Примечание переводчика: настройки на скриншоте

Тиснение (Bevel and Emboss):

Стиль (Style): Внутренний скос (Inner Bevel)
Метод (Technique): Плавное (Smooth)
Глубина (Depth): 1000 %
Направление (Direction): Вверх (Up)
Размер (Size): 1 рх
Смягчение (Soften): 0 рх
Угол (Angle): 90 °
Высота (Altitude): 0 °
Глобальное освещение (Use Global Light): снять галочку
Сглаживание (Antialiased): Снять галочку
Режим подсветки (Highlight Mode): Осветление основы (Color Dodge), цвет белый
Непрозрачность (Opacity): 100 %
Режим тени (Shadow Mode): Затемнение основы (Color Burn), цвет черный
Непрозрачность (Opacity): 50 %

Шаг 4

Второй эффект, который мы добавим, — это тень. Добавление тени придаст оптическую иллюзию глубины. Для этого эффекта я использовал Внутреннюю Тень (Inner Shadow), с помощью этого эффекта мы сможем контролировать тени для каждого круга. Еще одна важная деталь — шум. Добавление шума придаст предмету (материалу) реалистичный вид.

Примечание переводчика: настройки на скриншоте

Внутренняя тень (Inner Shadow):

Режим наложения (Blend Mode): Затемнение (Darken), цвет черный
Непрозрачность (Opacity): 50 %
Глобальное освещение (Use Global Light): Снять галочку
Угол (Angle): 90°
Смещение (Distance): 8 рх
Стягивание (Choke): 0 %
Размер (Size): 20 рх
Сглаживание (Antialiased): Поставить галочку
Шум (Noise): 5 %

Шаг 5

Последний эффект, который мы применим к данному стилю слоя, – Наложение узора(Pattern Overlay) с бумажной текстурой. Найдите в Интернете любую текстуру бумаги или скачайте текстуру из исходных материалов.

Примечание переводчика: настройки на скриншоте

Наложение узора (Pattern Overlay)

Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100 %
Узор (Pattern): Текстура бумаги
Масштаб (Scale): 25 %
Связать со слоем (Link with Layer): Поставить галочку

Для того чтобы добавить текстуру бумаги в набор узоров, откройте текстуру бумаги в новом окне (новом документе), затем перейдите в Редактирование – Определить узор, присвойте любое имя новому узору и нажмите Ок, после этого вы можете закрыть документ с текстурой бумаги.

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

Шаг 6

После добавления стиля слоя к трем слоям у нас получится такой результат.

Шаг 7

Теперь добавьте текстуру бумаги к фоновому слою.

Примечание переводчика: Разблокируйте фоновый слой и перейдите в параметры наложения, установите галочку в окне эффекта Узор.

Добавьте логотип в центр нашего изображения. Я добавил логотип Abduzeedo и использовал практически те же эффекты стиля слоя, что и в предыдущих шагах, но вместо Внутренней тени (Inner Shadow) я использовал эффект Тень (Drop Shadow).

Примечание переводчика: настройки на скриншоте

Тень (Drop Shadow):

Режим наложения (Blend Mode): Умножение (Multiply), цвет черный.
Непрозрачность (Opacity): 30 %
Глобальное освещение (Use Global Light): Снять галочку
Угол (Angle): 90 °
Смещение (Distance): 10 рх
Размах (Spread): 1 %
Размер (Size): 10 рх
Сглаживание (Antialiased): Снять галочку
Шум (Noise): 10 %

Шаг 8

Добавьте новый слой поверх всех слоев, затем выберите инструмент Кисть (Brush) и закрасьте одну половину голубым цветом, а вторую половину розовым. В качестве формы маски вы можете использовать самый большой круг.

Шаг 9

Измените режим наложения (Blend Mode) на Мягкий свет (Soft Light), таким образом, он будет влиять только на тени и серые тона.

Вывод

Вы можете продублировать все слои и объединить продублированные слои в один, а затем изменить режим наложения (Blend Mode) на Затемнение основы (Color Burn), для того чтобы увеличить контрастность. В результате вы получите простое изображение с приятным контрастом.

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru

Сделать эмблему в фотошопе. Рисуем винтажный логотип в фотошоп

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

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

1. Воспользоваться фотошопом;
2. Воспользоваться онлайн редактором (например, Logaster).

Преимущества использования Photoshop

Adobe Photoshop — один из лидеров среди программ по созданию графических изображений. И это не странно, ведь функционал этого редактора позволяет воплотить даже самые смелые художественные идеи в реальность. Уровень качества и креативности результатов работы в программе зависит от навыков пользователя и версии самой проги. Так Photoshop (cs 5, cs 6 и т.д.) считается довольно сложным редактором и используется в различных отраслях графического дизайна от кинематографии до создания элементов фирменного стиля, в частности и логотипа.

Если работать в фотошопе для вас просто, как дышать воздухом, то преимуществ использования этого графического редактора не перечесть. Остановимся на основных двух: во-первых, используя свою фантазию и большой функционал редактора, вы можете создать уникальный логотип или иконку, во-вторых, вы сами управляете процессом, то есть результат будет именно таким, как хотите этого вы. Ну и самое главное, — логотип абсолютно бесплатен.

Но выделяют также несколько недостатков использования этого графического редактора. Это длительный процесс, и, более того, вы должны постоянно работать, ведь никто не сделает лого за вас и не предложит вам никаких готовых вариантов. К тому же, если вы совершенно не имеете никакого опыта работы с графическими редакторами, вас может напугать непростой интерфейс программы.

Именно для того, чтобы упростить вам задание создания логотипа с помощью Photoshop, мы подобрали для вас более 20-и полезных видео уроков, которые объяснят как пользоваться программой и создавать профессиональные логотипы
с интересными иконками, фонами и шрифтами. Подборку красивых шрифтов для фотошопа вы можете найти .

Подборка видеоуроков по созданию логотипов в Photoshop

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

1. Как сделать логотип в Photoshop

Автор видео утверждает, что создать логотип можно даже без художественных навыков, пользуясь только гарнитурой и простейшими геометрическими объектами. В доказательство этого он разрабатывает несколько отличных текстовых композиций, используя базовые приемы для создания логотипа. И дополнительно предоставляет несколько дельных дизайнерских советов. Словом, с таким уроком обзавестись логотипом сможет каждый!

2. Как сделать простой логотип в Photoshop

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

3. Photoshop Tutorial: How to Create Your Own Fantasy-Action, Video Game Logo.

(Урок Photoshop: как создать свой собственный логотип видеоигры)

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

4. Photoshop | Logo Design Tutorial | Galaxy Logo

Ещё один видео урок по созданию невероятного логотипа элементарным путем. Меняя цвета и размеры обычных геометрических фигур, автор видео создает отличный фирменный знак. А также из видеоурока вы узнаете как украсить шрифт декоративными завитушками придать логотипу необычный цвет. Все гениальное просто!

5. Как создать металлический логотип в фотошопе

Логотипы в металлическом стиле смотрятся очень интересно, а создать их, используя только фотошоп, как ни странно, достаточно просто. Подборка из трех видеоуроков даст вам представление о том, как правильно использовать металлические текстуры и с какими шрифтами, цветами и эффектами их лучше всего сочетать.

6. Как создать логотип для строительной фирмы в фотошопе

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

7. Vector Skull Logo Design in Photoshop

(Как сделать векторный логотип с черепом в Photoshop)

8. Hipster Logo Design — Photoshop Tutorial

(Хипстерский дизайн логотипа — Урок Photoshop)

Хипстерские логотипы сейчас в тренде. Это не удивительно, ведь смотрятся они действительно круто. Просмотр этого урока не только вдохновит вас на создание стильного логотипа, но и подскажет, как максимально эффективно использовать редактор и справляться с различными трудностями в этом процессе.

9. How To Design An Authentic Hipster Logo In Photoshop

(Как сделать хипстерский логотип в Photoshop)

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

10. Как создать минималистичный и профессиональный логотип

Просто и без слов! Не нужно долгих объяснений и расплывчатых указаний, чтобы научиться создавать прекрасные минималистичные текстовые логотипы с геометрическими фигурами. Для этого вполне достаточно приятной музыки, наглядный пример от автора видео и ваша креативность. Все более, чем просто!

11. Как сделать логотип в фотошопе. Логотип из фото

Этот видеоурок никого не оставит без улыбки, но главное его преимущество — это быстрая и понятная демонстрация, как из любой фотографии создать отличный логотип. Простейший вариант разработки логотипа, не требующий абсолютно никаких навыков дизайнера.

12. Видеоурок: Как сделать 3D-логотип

Логотипы в 3D смотрятся реалистично, но считается, что их создание без каких-либо профессиональных навыков, наоборот, — нереально. Данный видеоурок убедит вас в обратном. Ведь автору этого ролика понадобилось всего 5 минут, чтобы создать отличный 3D-логотип, используя фотошоп. Попробуйте, у вас обязательно получится!

13. Leafy Text Effect Photoshop Tutorial

(Как сделать логотип в эко тематике)

Этот видеоурок не оставит равнодушным никого, кому нравится «зеленая» тема. Автор рассказывает и показывает как создать невероятный эффект текста с листьями и деревом. Вы узнаете не только о том, как создать логотип в стиле Джунгли, но и почерпнуть много дельных советов для создания логотипа в фотошопе.

14. Как создать логотип в Photoshop за 5 минут.

15. Как применить эффекты к тексту

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

16. Как создать ретро логотип

Ретро логотипы обладают неким шармом и особым эмоциональным посылом, Используйте их, если специфика стиля подходит вашему бизнесу — это сыграет вам только на руку. Представленные точно вдохновят и научат вас всему необходимому для создания отличного логотипа в стиле ретро.

17. Секреты создания первоклассного логотипа. Руководство для начинающих

(How to Make Logo in Photoshop — Photoshop Tutorial for Beginners — Basic Idea)

Текстовые логотипы смотрятся интересно, особенно если выполнять их в креативных шрифтах. Автор этого видеоурока делится дизайн советами (и ссылкой на скачивание великолепных шрифтов) и предлагает отличный вариант использования заглавных букв от названия вашей компании или вашего имени в качестве текстового логотипа. Это просто и красиво!

Но если все же фотошоп — не совсем тот инструмент, которое вы искали для создания фирменного знака, то попробуйте поработать в онлайн генераторе логотипов . Это наиболее быстрый и удобный вариант создания лого. К тому же, можно соединить эти два способа создания логотипа и доработать, созданный в онлайн-редакторе логотип, используя фотошоп.

Преимущества онлайн-генератора (например, Logaster)

Сайт не требует изобилия действий. Вам нужно только ввести название своей компании и выбрать из выпадающего списка вид вашей деятельности. Генератор сам подберет для вас множество актуальных иконок на выбор.

Конечно же, существуют и другие способы создания логотипа. Но если вы ограничены небольшим бюджетом и малым количеством времени, то многие из них сразу же отсеиваются. Так, например, работа с дизайнером сама по себе требует много средств, но и ждать логотип вы будете сравнительно долго. А в итоге переговоров по телефону и диалогов в емейл-письмах, вы рискуете получить не совсем тот результат, которого ожидали.

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

Большим преимуществом является также то, что маленькое лого можно скачать абсолютно бесплатно.

Итог

Каждый видео урок из этой подборки предлагает узнать и изучить различные функции редактора Photoshop. Совместите советы из несколько роликов, чтобы создать абсолютно новый логотип или, в крайнем случае, скопируйте идею одного из авторов видео. Попробуйте также поискать в интернете видеоуроки по использованию фотошопа, если в этой подборке вы все же нашли того, что искали, ведь сеть кипит контентом на эту тему.

Если все же вам нужно еще более простое решение, используйте онлайн-генераторы. Вдохновляйтесь, фантазируйте и создавайте невероятные логотипы.

Итоговый результат

Шаг 1

Шаг 2

Мы получим следующий результат.

Шаг 3

Поменяйте режим наложения для слоя с квадратиком на Жёсткий свет (Hard Light).

Шаг 4

Шаг 5

Для дубликатов слоёв с квадратиками мы применим другое значение Заливки (Fill).

Примечание переводчика: автор к розовым квадратикам добавляет синие квадратики.

Примечание переводчика: не забывайте варьировать размер дубликатов квадратиков.

Шаг 6

Мы получили следующий результат.

Шаг 7

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

Шаг 8

Мы получили следующий результат.

Шаг 9

Используя вышеописанную технику, добавьте ещё квадратики различных цветовых оттенков.

Шаг 10

Шаг 11

Теперь, удалите слой с контуром логотипа.

Шаг 12

Поздравляю, мы завершили урок!

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

В этом уроке, на основе данного материала , мы, с помощью Пера и кривых, создадим логотип автосервиса в винтажном стиле в Adobe Photoshop CS6.

Шаг 1

Для начала, мы разбираем информационную составляющую будущего логотипа. Учитывая, что мы делаем логотип для автосервиса, первое, что приходит в голову — автомобиль. Чтобы не нагружать лого посторонними деталями, мы возьмем за основу изображение того же автомобиля. По мне, так потребитель сразу обратит внимание на такую вывеску, чем успеет прочитать надпись на соседнем, конкурирующем, автосервисе, без логотипа. Чтобы придать динамичности изображению, используем прерывистые линии по обеим сторонам.

Шаг 2

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

Шаг 3

Переходим к самой сути создания, подбираем текст и рисуем автомобиль. В нашей работе, правильно подобранные слова, такие как «Premium Quality» (Высокое качество) и «Car Service» (Автосервис) могут очень сильно облегчить понимание логотипа, придать ощущение профессионализма. Ниже представлены два эскиза. Выберем второй вариант, так как он проще выглядит, а простота нам на руку.

Шаг 4

В данном шаге уделим внимание центральной композиции и главной составляющей логотипа — автомобиль. Еще раз напомните себе, при рисовании скетча, что не стоит усложнять мелкими деталями модель. Посмотрите в интернете изображения автомобилей, срисовывайте, комбинируйте варианты. Для придания ощущения скорости, увеличьте капот модели. И, наконец, когда логотип будет готов для оцифровки, перейдем к следующей цепочке шагов урока.

Шаг 5

Запустите Adobe Photoshop CS6, создайте новый документ File — New (Файл — Новый), Ctrl + N .

Настройки нового документа: ширина 800 pt (пунктов), высота 800 pt (пунктов), разрешение 300 пикселей на дюйм, цветовой режим CMYK .

Шаг 6

Отсканировав ваш эскиз логотипа, нарисованного карандашом на бумаге, вставьте его в новый документ, используя его как подложку. Непрозрачность слоя уменьшите до 70% . под слоем с эскизом создайте новый слой, залейте его белым цветом. В Палитре Слоев, для удобства, заблокируйте слой с рисунком. Для иных действий, всегда создавайте Новый слой, чтобы в дальнейшем не путаться в Фигурах и Контурах.

Шаг 7

Выберите инструмент Pen Tool (P) (Инструмент «Перо»), настройте инструмент, как на изображении ниже. Обведите основные контуры автомобиля. Далее, некоторые фигуры можно будет залить цветом одним щелчком мыши, благо Adobe Photoshop, начиная от версии CS6 стал ближе к Контурам, догоняя Adobe Illustrator.

Шаг 8

Настроив иначе инструмент Pen Tool (P) (Инструмент «Перо»), начинаем рисовать фигуры.

Шаг 9

Добавляйте понемногу черные фигуры корпуса и белые овалы автомобильных колес и фары. И когда уже модель будет готова, понадобиться соединить все фигуры вместе. Перво-наперво, следует убедиться, что все слои на своих местах. Например, слой с белой фарой должна находиться выше слоя с черным бампером. Таким образом, вырежем отверстие в фигуре. Объедините необходимые слои, бампер и фару, Ctrl + E . Образуется один слой, но с двумя мобильными фигурами. Выделите контуры инструментом Path Selection Tool (A) (Инструмент «Выделение контура»), и в настройках инструмента нажмите на Subtract from Shape Area (Вычесть переднюю фигуру), затем Merge Shape Components (Объединить компоненты фигуры).

Добавляя фигуры, редактируя контуры и объединяя все воедино, добиваемся следующего результата. Конечно, попотеть придется, смотря, как набита у вас рука, в работе с инструментами касаемо контуров.

Шаг 10

Создайте вокруг автомобиля овальную фигуру, залейте ее черным цветом, без контура. Дублируйте слой и с помощью Свободного трансформирования Ctrl + T , уменьшите немного второй овал. Таким образом, в Палитре слоев у вас будет один большой овал, а выше овал поменьше. Объедините эти слои в один. С помощью инструмента Path Selection Tool (A) (Инструмент «Выделение контура») выделите оба овала и выберите в настройках инструмента Exclude Overlapping Shapes (Исключить перекрывающиеся фигуры).

Шаг 11

С помощью инструмента Rectangle Tool (U) (Инструмент «Прямоугольник») создайте прямоугольник, наклоните, используя Свободную трансформацию, верхушку влево, чтобы получился параллелограмм. Создайте два дубликата, у первого немного увеличьте ширину. Второй отредактируем иначе. Инструментом Direct Selection Tool (A) (Инструмент «Стрелка») выберите правую верхнюю точку параллелограмма и тащите ее вправо до тех пор, пока данный угол не встанет в 90 градусов, перпендикулярно нижней правой точки контура, как показано на изображении ниже.

Разработку логотипов принято считать деятельность профессиональных художников-иллюстраторов и дизайн-студий. Однако, бывают случаи, когда дешевле, быстрее и эффективнее оказывается создание логотипа своими силами. В этой статье рассмотрим процесс создания несложного логотипа с помощью многофункционального графического редактора Photoshop CS6

Photoshop CS6 идеально подходит для создания логотипов, благодаря возможности свободного рисования и редактирования фигур и возможности добавления готовых растровых изображений. Послойная организация элементов графики позволяет работать с большим количеством объектов на холсте и оперативно их редактировать.

Перед началом работы установите программу. Инструкция по установке Photoshop приведена в этой .

Установив программу, приступим к рисованию логотипа.

Перед тем, как сделать логотип, зададим параметры рабочего холста в Фотошопе CS6. Выбираем «Файл» — «Создать» . В открывшемся окне заполняем поля. В строке «Имя» придумываем название нашему логотипу. Задаем холсту квадратную форму со стороной в 400 пикселей. Разрешение лучше выставить как можно выше. Ограничимся значением в 300 точек/сантиметр. В строке «Содержимое фона» выбираем «Белый». Нажимаем «ОК».

Рисование свободной формы

Вызываем панель слоев и создаем новый слой.

Панель слоев можно активировать и скрыть горячей клавишей F7.

Выбираем инструмент «Перо» в панели инструментов слева от рабочего холста. Чертим свободную форму, после чего редактируем ее узловые точки с помощью инструментов «Угол» и «Стрелка». Следует заметить, что рисование свободных форм не самая простая задача для новичка, однако, овладев инструментом «Перо», вы научитесь красиво и быстро рисовать что угодно.

Щелкнув правой кнопкой мыши по образовавшемуся контуру, нужно выбрать в контекстном меню «Выполнить заливку контура» и выбрать цвет для заливки.

Цвет заливки можно назначить произвольно. Окончательные варианты цветов можно подобрать в панели параметров слоя.

Копирование формы

Чтобы быстро скопировать слой с залитым контуром формой, выделяем слой, на панели инструментов выбираем «Перемещение» с зажатой клавишей «Alt» двигаем фигуру в сторону. Повторяем этот шаг еще один раз. Теперь мы имеем три одинаковых фигуры на трех разных слоях, которые создались автоматически. Нарисованный контур можно удалить.

Масштабирование элементов на слоях

Выделив нужный слой, выбираем в меню «Редактирование» — «Трансформация» — «Масштабирование» . Удерживая клавишу «Shift», уменьшаем фигуру перемещая угловую точку рамки. Если отпустить «Shift», фигуру можно масштабировать непропорционально. Таким же образом уменьшаем еще одну фигуру.

Трансформацию можно активировать сочетанием клавиш Ctrl+T

На глаз подобрав оптимальную форму фигур, выделяем слои с фигурами, щелкаем правой кнопкой мыши в панели слоев и объединяем выделенные слои.

После этого с помощью уже известного инструмента трансформации увеличиваем фигуры соразмерно холсту.

Заливка фигуры

Теперь нужно задать слою индивидуальную заливку. Щелкаем правой кнопкой на слое и выбираем «Параметры наложения» . Заходим в бокс «Наложение градиента» и выбираем тип градиента, которым заливается фигура. В поле «Стиль» ставим «Радиальный», задаем цвет крайних точек градиента, настраиваем масштаб. Изменения мгновенно отображаются на холсте. Экспериментируйте и остановитесь на приемлемом варианте.

Добавление текста

Самое время добавить свой текст в логотип. В панели инструментов выбираем инструмент «Текст» . Вводим нужные слова, после чего выделяемых их и экспериментируем со шрифтом, размером и положением на холсте. Чтобы перемещать текст, не забывайте активировать инструмент «Перемещение» .

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

Вот мы и рассмотрели один из способов, как создать логотип компании самому бесплатно. Мы применили способ свободного рисования и послойной работы. Попрактиковавшись и ознакомившись с другими функциями Фотошопа, через некоторое время вы сможете рисовать логотипы красивее и быстрее. Как знать, может это станет вашим новым бизнесом!

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

Что нам понадобится?

Чтобы создать меловой эффект, вам понадобится штриховой рисунок и эскиз логотипа (вы можете воспользоваться моими файлами ниже).

Меловую доску можно загрузить из Photodune или же использовать любую альтернативу.

1. Подготовьте штриховой рисунок

Шаг 1.

Сначала нужно распечатать рисунок, с которым вам предстоит работать. Я, например, взял логотип, который создал специально для этого руководства.

Шаг 2.

Распечатав рисунок, поместите на него лист бумаги и обведите его контуры карандашом. Обводите как можно ровнее, но, если вы хотите сделать края немного расплывчатыми, это ваше право (см. ниже).

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

Шаг 3.

Теперь отсканируйте обведенный логотип и импортируйте его в Photoshop. Произведите коррекцию уровней, чтобы сделать белые области ярче и увеличить контрастность.
Более того, так вы подчистите нечаянно смазанные участки. Для своего эскиза Noodles я применял следующие настройки:

2. Добавьте эффекты в Photoshop

Шаг 1.

Теперь можно приступать непосредственно к обработке изображения в Photoshop. Создайте новый документ в Photoshop.

Мой документ имеет размеры 1200px на 1000px, разрешение 200 dpi и формат цвета RGB. Вы можете использовать любые настройки, которые подходят для вашего проекта. В качестве фона выберите меловую доску (Chalkboard).

Шаг 2.

Примените эффект виньетки, чтобы придать вашему изображению больше глубины. Для этого добавьте поверх меловой доски новый слой. При помощи мягкой кисти обработайте края темно-серым цветом (см. ниже).
Для этого слоя измените настройки Режима наложения (Blending mode) на Умножение (Multiply), и отрегулируйте непрозрачность (Opacity) до нужного уровня.

Шаг 3.

Теперь наложите эскиз логотипа поверх других слоев.

Выделите слой эскиза и нажмите Command/Ctrl-I или выберите Изображения — Коррекция — Инвертировать (Images — Adjustments — Invert). Так вы инвертируете изображение, чтобы ваш логотип стал белым на черном фоне.

На этом этапе вы видите фон вашего логотипа. Выделите слой, и на панели Слои (Layers) измените режим наложения на Экран (Screen). Так вы будете видеть только белый логотип.

Шаг 4.

Чтобы придать мелу цвет, примените к слою логотипа слой Коррекция тона/насыщенности (Hue/Saturation Adjustment). Для этого нажмите на клавишу Корректирующий слой (Adjustment Layer) в нижней части вкладки Слои (Layers).

Откроется вкладка Свойства (Properties) с опцией Тон/Насыщенность (Hue/Saturation). Чтобы придать мелу синий цвет, я использовал следующие настройки:

Теперь необходимо применить Обтравочную маску (Clipping Mask), чтобы корректирующий слой повлиял только на цвет логотипа, но не на фон или виньетку. Добавить Обтравочную маску можно несколькими способами. Здесь я сначала выделяю слой, а затем выбираю соответствующую опцию в раскрывающемся меню на вкладке Слои.
Совет: Существует еще один способ создать Обтравочную маску. Нажмите Alt/Option и кликните между двумя слоями на вкладке Слои.

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

Как создать логотип в Photoshop за 7 минут — пошаговая инструкция обновлено: Февраль 11, 2018 автором: admin

Рисуем красивый логотип «Зелёный Лист» используя Фотошоп

Финальный результат

1. Создаём новый файл с размером 400 х 400 px и разрешением 72 точки на дюйм.

2. Берем инструмент Custom Shape Tool (Инструмент «Произвольная фигура» / Клавиша «U») и выбираем форму листа.

3. Создаем форму листа на нашем изображении.

4. Далее используем Free Transform (Редактирование — Свободное трансформирование / Сочетание клавиш «Ctrl+T») для разворачивания листа:

5. Выбираем через меню Edit — Transform Path — Warp (Редактирование — Трансформирование — Деформация).

6. Используя мышь двигаем края листа что бы придать ему иную форму.

7. Далее нажимаем правой кнопкой на лист и выбираем «Выделить», затем заливаем чёрным цветом при помощи инструмента Paint Bucket Tool (Инструмент «Заливка» / Клавиша «G»).

8. Нажимаем на слой и выбираем Blending Option (Параметры наложения). И выставляем настройки следующем образом:

Layer — Layer Style — Inner Shadow (Слои — Стиль слоя — Внутренняя тень):

Layer — Layer Style — Satin (Слои — Стиль слоя — Глянец):

Layer Style — Gradient Overlay (Стиль слоя — Наложение градиента):

Настраиваем градиент для наложения на наш лист.

9. Должен получится примерно следующий результат:

10. Теперь выбираем инструмент Brush Tool (Инструмент «Кисть» / Клавиша «B») и берём ниже указанные параметры кисти.

11. Используем ниже указанный цвет для кисти (#236f2d).

12. Создаём новый слой и рисуем линую посередине листка.

13. Создаём новый слой. Берём инструмент Lasso Tool (Инструмент «Лассо») и выделяем в виде жилка.

14. Заливаем выделенное цветом #055c25.

15. Выбираем на слое Blending Option (Параметры наложения) — Gradient Overlay (Наложение градиента) и выставляем указанные ниже параметры:

Layer Style — Gradient Overlay (Стиль слоя — Наложение градиента):

16. Получаем примерно следующий результат:

17. Делаем копию «Жилки» и получаем новый слой:

18. Выбираем копию слоя и нажимаем Ctrl+T что бы развернуть наш жилок.

19. Делаем копии «Жилков» и подбираем размер с помощью Сtrl+T.

20. Создаём новый слой, берём инструмент Pen Tool (Инструмент «Перо» / Клавиша «P») и рисуем черенок.

21. Далее нажимаем на созданном контуре и выбираем «Make the selection» (Выделить область), далее заливаем выделение при помощи инструмент Paint Bucket Tool (Инструмент «Заливка» / Клавиша «G») цветом #045424.

22. В конце можно сделать некую надпись используя инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T»).

Вот и все.

Финальный результатАдаптация текста: Даниил Богданов

Как нарисовать объемного персонажа из плоского логотипа

Автор: Евгения Родина
7 декабря 2009

Турбомилкеры очень любят сервис Twitter и большинство из нас радостно пишут туда глубокомысленные жизненные замечания. Когда возникла необходимость поделиться этим с твиттеръюзерами из других стран — мы разработали свой удобный сервис, который будет переводить твитты с русского языка на любой другой (языки в ассортименте) и автоматически постить в Twitter.

Весь коллектив ломал голову над названием проекта, складывая слова Twitter и translate, в итоге коллеги развеселились и выдали «Transvestitor»!

За основу логотипа мы взяли голубую птичку, такую же, как и у оригинального сервиса. Но с «изюминкой» — это Птичк мужского полу, небритый, щедро напомаженный, в мужских плавках, с накладными сиськами (ой!) и в красных туфлях. Результат можете наблюдать здесь. )))

Теперь, собственно, к делу — как нарисовать объемного персонажа из плоского логотипа?

Я рисую в Photoshop CS4. Открываем программу и быстро рисуем кисточкой предварительный набросок. Изобразить Птича я собираюсь в поворотном ракурсе в ¾. По многолетней привычке я всех персонажей рисую обращенными лицом влево, мне так удобнее. Но готовый набросок я поверну зеркально вправо, потому что так он будет выглядеть лучше.

Вот, примерно так выглядит работа на второй минуте.

А вот так — на двадцатой. Я добавила Птичу руки и гламурную сумочку.

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

Теперь раскрашиваем Птича цветом.

Инструментом pen я создаю контуры в кривых для всех объектов, затем назначаю векторную маску.

С помощью «пипетки» копируем цвета с плоского логотипа Трансвеститора и раскрашиваем персонажа соответственно.

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

Если требуется четкий контур у объекта — то лучший выбор, на мой взгляд, векторная маска. Можно использовать множество слоев, в них нарисовать тени, блики, рефлексы, орнаменты, текстуры и т.п., но контур объекта, сформированный масками, останется ровным и четким. Для растровой графики под 72dpi это очень актуальный вопрос.

Пример — выделенная маска на объекте (это заключительная стадия рисунка).

И для сравнения — эти же слои с отключенной маской.

Векторные маски и большое количество слоев позволяют, при необходимости, достаточно легко (для растровой графики) вносить изменения в рисунок. Можно трансформировать объекты по величине и форме, включать и отключать слои и целые группы.

И снова к персонажу. Результатом закраски слоев должна стать вот такая картинка:

Теперь нарисуем на Птиче тени и свет.

Наш условный источник света расположен в левом верхнем углу, соответственно, рисуем свет на теле персонажа слева, а тени справа.

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

Режим прозрачности слоя я выставляю multiply, тени так выглядят более естественно.

Теперь добавим свет! Свет рисуем так же, как и тени, но используем самые выбеленные цвета или же вовсе чистый белый. В настройках прозрачности слоя выставляем overlay или softlite. Должно получиться вот так:

Далее, добавим в рисунок рефлексы. Это своеобразный «клей», позволяющий объединить части объекта воедино. Например, свет падает на пластмассовую сиську и отражается от нее на голубое тело Птича. И обратно — голубой блик отражается на розовом пластике. То есть, оба объекта бликуют друг на друга отраженным светом.

А теперь добавим картинке «вкусняшек» — мелкие детальки на лифчик, щетину на лицо и кустистые брови со следами бритья. А также всякие мелкие блики на глянцевые поверхности. )))

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

в Photoshop, в Gimp и вручную – DIY и мастер-классы

Создавать сложные паттерны, оказывается, очень просто. Показываем, как это делать.

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

Бесшовные паттерны — это узоры, состоящие из повторяющихся элементов, граница между которыми не очевидна. Конечно, это весьма условное определение: даже на принтах, которые называют бесшовными, найти границу может быть проще или сложнее. Посмотрите на примеры ниже. В первом мы легко находим «элементарную частицу» и понимаем, что это просто нарисованные на квадратном холсте четыре арбузные дольки. А вот как сделать паттерн наподобие второго, не настолько очевидно. Что ж, этим мы сегодня и займемся!

^Фото

Вручную

Написать этот материал нас вдохновил мастер-класс иллюстратора Джулии Ротман, в котором она показала, что паттерны можно создавать и без компьютера под рукой. Бумага, фломастер, ножницы и скотч — вот все, что вам понадобится, чтобы понять основной принцип.

1. Берем лист бумаги (любого формата) и рисуем на нем часть будущего принта. Постарайтесь заполнить большую его часть, при этом не касаясь краев.

2.Теперь лист нужно очень аккуратно разрезать на четыре части. Сдвиньте фрагменты по диагонали (так, чтобы левый нижний оказался вверху справа, левый верхний — внизу справа и т.д.) и очень аккуратно соедините с изнанки скотчем. Чем незаметнее будут швы, тем меньше времени придется тратить потом на доработку изображения.

3.Заполните изображением образовавшуюся пустоту.

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

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

5. Все готово к тому, чтобы использовать ваш рисунок для создания паттерна. Переходите к пункту № 5 в инструкциях ниже!

Photoshop

Совсем не обязательно уметь рисовать — тем более на бумаге.— чтобы создать паттерн. Вполне можно обойтись красивыми кистями для графического редактора. Показываем, как это сделать, и рассказываем о всех этапах создания цифрового паттерна.

1. Создайте пустой документ небольшого размера с длиной сторон, пропорциональной двум.

Файл → Создать

2. Заполните любым узором пространство в центре листа. Важно оставить пространство по краям листа; в любом случае нужно следить, чтобы узор не касался его краев.

3. В эксперименте с бумагой нам пришлось вручную разрезать лист и склеивать его снова. В Photoshop это делается одним нажатием кнопки, с помощью инструмента Сдвиг/Offset.

Фильтры → Другое → Сдвиг

Go to Filter → Other → Offset

Значение сдвига сделайте равным половине ширины/высоты вашего изображения. Отметьте пункт «Вставить отсеченные фрагменты».

4. Заполните пустоту, продолжая следить, чтобы рисунок не выходил за края изображения.

5. Сохраните изображение как паттерн.

Редактирование → Определить узор.

Edit → Define Pattern

6. Теперь паттерном можно заполнять любую выбранную область, просто используйте инструмент Заливка (G) и в его настройках вместо «Основной цвет» выберите «Узор».

Заливка, Узор

Paint Bucket Tool, Pattern

Gimp

Gimp — открытый аналог Photoshop, который можно скачать совершенно бесплатно. Для профессиональных нужд его используют не часто, но он вполне заменит продукт Adobe, если вам нужно подкрутить резкость на фотографии или — создать паттерн.

1. Создайте новое изображение. Мы уже знаем, что длина и ширина его должны быть пропорциональны двум.

2. Создайте в центре листа рисунок.

3. Для того, чтобы разрезать и склеить изображение, воспользуемся инструментом Смещение.

Слои → Преобразования → Сместить

Layer → Transform → Offset

В отличие от Photoshop, здесь не обязательно в уме делить размеры изображения на два, достаточно нажать на кнопку под полями ввода значений. Не забудьте отметить пункт «Залить изображением»/Wrap around.

4. Дорисуйте недостающие фрагменты паттерна.

5. Сохраните изображение как паттерн.

Правка → Вставить как → Новая текстура

Edit → Paste as → New pattern

6. Заполните паттерном лист любого размера, используя инструмент Плоская заливка/Busket fill (Shift + B) и выбрав в меню Цвет заливки/Fill type опцию Текстурой/Pattern fill.

P. S. Для чего мне уметь создавать паттерны, можете спросить вы? Для того, чтобы создать уникальный трафарет для декора стен, упаковать рождественские подарки в бумагу с именами одариваемых, сделать на заказ подушку с принтом мечты, которую все не удавалось найти в продаже… Мы верим, что творчески подойти можно ко многим делам, а умение пользоваться разными инструментами никогда не бывает лишним.

DIY, программы, мастер-класс, принты

Практическое руководство для всех

Создавая что-то самостоятельно, всегда лучше, чтобы все было просто. К счастью, когда дело доходит до создания логотипа, проще всегда лучше. Сегодня мы рассмотрим, как создать логотип в Photoshop, используя только формы по умолчанию и простой текст.

Логотип будет построен с использованием простых форм и контуров, поэтому вы можете изменить его цвет, разместить его на любом документе или даже добавить эффекты, такие как тени и градиенты.Сделать логотип в Photoshop еще никогда не было так просто. Итак, приступим!

Шаг 1. Создайте простой фон

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

Перед тем, как сделать логотип в Photoshop, мы собираемся создать базовый фон.

Давайте создадим слой Color Fill, залив его светло-коричневым цветом.

После создания щелкните правой кнопкой мыши> Преобразовать в смарт-объект.

Преобразование этого слоя заливки в смарт-объект позволит нам добавлять к нему настраиваемые фильтры, сохраняя при этом его способность изменять цвет.

Просто дважды щелкните смарт-объект, чтобы открыть исходный слой заливки.

Затем переходим в меню «Фильтр»> «Фильтр Camera Raw».

Найдите вкладку «Эффекты» и добавьте немного зерна. Зернистости достаточно, чтобы добавить текстуру фону.

Я установил 25%, хотя вы можете добавить больше или меньше в зависимости от ваших личных предпочтений.

Мы можем нажать ОК, когда будем счастливы.

Наконец, давайте закончим фон, создав новый слой и установив для него значение Overlay.

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

Уменьшите Непрозрачность слоя до 50%, чтобы уменьшить эффект.Мы хотим, чтобы это было очень тонко.

Шаг 2. Создание основы для логотипа

Закончив фон, мы можем наконец рассказать, как создать логотип в Photoshop.

Давайте создадим основу нашего логотипа с помощью инструмента Ellipse Shape tool, чтобы создать черный круг.

Теперь давайте изменим наши операции с контурами, расположенные на верхней верхней панели инструментов, с «Новый слой» на «Вычитание передней формы».

Создайте второй круг внутри черного круга, создав форму полумесяца.

Путь нового круга будет вычитаться из черного круга.

Мы можем настроить расположение окружности, выбрав инструмент «Преобразовать точку», сгруппированный с инструментом «Перо».

Щелкните линию контура и затем перетащите его, чтобы переместить контур.

Будьте осторожны, чтобы не щелкнуть мышью за пределами контура, так как вы можете перетаскивать и перемещать его только сразу после того, как создали его.

Шаг 3. Отрегулируйте форму путей

Когда вы будете довольны размещением круглой траектории, щелкните вне траектории, а затем снова включите ее.

Вы заметите, что мы больше не можем перемещать путь, но можем влиять на его форму.

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

Пути лучше всего изучать методом проб и ошибок, поэтому не стесняйтесь нажимать Ctrl + Z, чтобы часто отменять. Пути — самая сложная часть, когда вы пытаетесь научиться создавать логотип в Photoshop, но придерживайтесь их, и вы научитесь их использовать.

А теперь давайте создадим реальную форму тела птицы.

Потяните вниз верхнюю левую линию пути, чтобы получилась спина птицы.

Также слегка удлините правую верхнюю область, щелкнув и перетащив линию контура. Это создаст форму головы.

Обратите внимание, вы должны перетаскивать линии пути, а не якоря.

Шаг 4. Комбинируйте простые формы

Когда вы довольны телом, выберите инструмент «Форма треугольника».

Снова измените Path Operations с New Layer на Subtract Front Shape.Он будет сбрасываться каждый раз, поэтому убедитесь и перепроверьте правильность настройки.

Создайте небольшой треугольник прямо рядом с телом.

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

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

Треугольник будет иметь маленькую булавку на конце.

Щелкните и потяните по нему, чтобы скруглить углы треугольника.

Далее, давайте выберем инструмент Ellipse Shape, снова установим его на Subtract Front Shape, и нарисуем маленькие точки из звезд на черном фоне.

Удерживайте Shift, чтобы создать идеальный круг, но не забывайте отпускать Shift между созданием кругов.

Когда основная основа логотипа готова, мы можем добавить некоторые окончательные формы.

Создайте новый слой и выберите инструмент «Прямоугольник».

На верхней верхней панели инструментов установите радиус закругленных углов примерно на 30 пикселей.Это может потребоваться больше, в зависимости от размера вашего документа.

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

Дублируйте слой с прямоугольником, отразив его по горизонтали, создав форму знака «плюс».

Снова продублируйте форму прямоугольника и поместите новый дубликат под углом.

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

Убедитесь, что все ваши линии выровнены по центру и пересекаются.

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

Выделите все слои с прямоугольниками и затем щелкните правой кнопкой мыши> Объединить фигуры.

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

Теперь по тексту. При выборе шрифта для вашего логотипа ключевым моментом является удобочитаемость.

Что-то жирное, без засечек и заглавными буквами, как правило, лучше всего читается даже с большого расстояния. Это то, что вам нужно в логотипе.

Я буду использовать Bw Modelica in Extra Bold от Adobe Fonts для основного текста. Это отличный шрифт для логотипов, так как он предлагает несколько толщин шрифта, от очень тонкого до очень жирного.

Попробуйте смешать и сопоставить толщину шрифта для менее минималистичного внешнего вида.

Далее я собираюсь добавить интервал 100, чтобы у букв было немного места для передышки.

Добавление интервала также улучшит читаемость.

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

Только более мелким шрифтом, так как он менее важен, чем название компании.

Когда текст будет доволен, выберите оба текстовых слоя и затем щелкните правой кнопкой мыши> Преобразовать в форму.

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

Наконец, мы собираемся выбрать все наши слои-фигуры и сделать последний щелчок правой кнопкой мыши> Объединить фигуры.

Теперь ваш логотип имеет одну форму.

Теперь, когда ваш логотип представляет собой один слой с твердой формой, вы можете добавлять стили слоя, градиенты и многое другое.

Вы также можете настроить его размер без потери качества, а также изменить его цвет, дважды щелкнув его слой.Так же, как любой слой-фигура.

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

Не забывайте, что все должно быть просто, и, если сомневаетесь, просто отмените и попробуйте снова.

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

Надеюсь, вам понравилось научиться создавать логотип в Photoshop сегодня, и я надеюсь увидеть ваши проекты во всем мире!

Как создать логотип компании в Photoshop | Small Business

Автор: Jill Harness Обновлено 29 марта 2019 г.

Создание логотипа может показаться сложной задачей, но с помощью программного обеспечения для цифрового искусства, такого как Photoshop, вы можете легко создать привлекательный и профессионально выглядящий логотип, даже если у вас есть нет опыта работы с программным обеспечением для создания логотипов . И после того, как вы создали свой логотип, вы можете продолжать использовать Photoshop для изменения логотипа для использования в Интернете или в печатных материалах, позволяя вам разместить логотип вашего бренда где угодно и где угодно!

Мозговой штурм своей идеи логотипа

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

Создать новый документ

Откройте Photoshop и выберите Файл -> Новый t o создайте новый документ, и откроется диалоговое окно с множеством различных настроек.Поскольку большинство логотипов прямоугольные. вы, вероятно, захотите выбрать размеры документа с шириной, превышающей высоту, поэтому просто начните с _ 1000 пикселей шириной на 600 пикселей высотой _t. На этом этапе вам не нужно слишком беспокоиться о размере холста, потому что его всегда можно отрегулировать по мере необходимости позже.

Установите прозрачный фон, разрешение 300 и цветовой режим RBG Color 8 Bit . Теперь нажмите «ОК », и у вас будет пустое место для документа, готовое для заполнения.

Логотипу Photoshop нужны слои

С этого момента вы захотите поместить каждый новый элемент вашего логотипа на отдельный слой , что упростит исправление ошибок, если вы сделаете ошибки позже. Для этого выберите «Добавить новый слой» в нижней части панели слоев или просто нажмите Shift + Ctrl + N , чтобы создать новый слой.

Если вы собираетесь использовать текстуру или фон как часть вашего логотипа, вы захотите добавить его сейчас, перетащив изображение из сохраненной папки на холст, что автоматически создаст новый слой, или открыв изображение на отдельной вкладке, затем выбрав все (Ctrl + A ), вырезав (Ctrl + C) , а затем вставив изображение на пустой слой в вашем проекте логотипа.Размещение фонового изображения на отдельном слое позволяет легко оставить позади все остальные элементы вашего логотипа, чтобы ничто другое не было закрыто.

Добавление рисунков к вашему логотипу

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

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

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

Выберите текст для вашего логотипа

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

Выберите инструмент «Текст» и щелкните в любом месте холста; должен появиться мигающий курсор, и когда он появится, начните вводить буквы вашего логотипа. Когда вы закончите вводить слова, выберите «Инструмент выделения » в верхней части панели инструментов или просто hi_ t Ctrl + V _, чтобы переключиться с инструмента Type Tool на инструмент выбора . . The Selection Too l можно использовать для перемещения набранного текста по холсту, но если вы хотите отредактировать текст, вам придется снова выбрать инструмент Type Tool , затем выделить текст, перетащив выделение по нему, затем щелкните, чтобы отредактировать текст еще раз.

Редактировать цвет текста

Чтобы изменить цвет текста, выделите текст с помощью инструмента «Текст» , затем щелкните поле «Цвет шрифта» в области панели инструментов над холстом. Появится диалоговое окно, в котором можно изменить цвет с помощью образцов Pantone в области Библиотеки цветов или щелкнув поле цвета. Цветовое поле варьируется от чистого белого вверху слева до чистого черного внизу слева со светлыми и темными версиями выбранного цвета вверху или внизу соответственно.

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

Попробуйте тень

Чтобы добавить тень к тексту, щелкните правой кнопкой мыши на слое «Тип» и затем выберите «Параметры наложения» в диалоговом окне.Щелкните «Drop Shadow», чтобы выбрать один из множества вариантов, которые повлияют на то, как тень будет отображаться по отношению к вашему шрифту. Убедитесь, что «Use Global Light» отмечен галочкой. и выберите Multiply или Hard Ligh t в качестве Blend Mode для самого смелого вида.

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

Другие текстовые эффекты

Добавление Outer Glow также может добавить визуального интереса к вашему шрифту, хотя он работает не со всеми шрифтами и может выглядеть немного небрежно, если переборщить, поэтому лучше всего использовать экономно . Если вы хотите добавить трехмерности к своему шрифту, выберите Bevel и Emboss, , которые добавят блики по краям шрифта, сделав 3D .Не забудьте добавить Contour , если хотите, чтобы этот трехмерный эффект действительно выделялся. Если вы хотите, чтобы ваш шрифт был обведен контуром, выберите Stroke из списка Blending Option s , и каждая буква в вашем тексте теперь будет выделена индивидуально с возможностью изменения ширины и цвет обводки доступен справа.

Существует множество опций, доступных для fine настройки каждого из эффектов шрифта, доступных в меню Blend Options , поэтому убедитесь, что вы проверили предварительный просмотр, чтобы вы могли просматривать изменения по мере их внесения, а затем наслаждаться игрой с варианты, пока вы не найдете идеальный вид для вашего логотипа.

Как превратить рисунок в логотип без Photoshop? — Голубое небо

Как превратить рисунок в логотип без Photoshop?

Вам не составит труда создать логотип для вашего сайта. Однако создание позитивного, привлекательного и умелого логотипа для вашего веб-сайта может потребовать многих дней работы. Большинство блоггеров используют Photoshop для создания логотипов для своих веб-сайтов или публикаций.

Adobe Photoshop и Illustrator широко используются для создания логотипов.Однако эти программы не нужны для создания специального логотипа для вашего веб-сайта или блога.

Возможно, вы писатель, незнакомый с Photoshop. Итак, как сделать логотип без фотошопа? Не паникуйте, это сообщение для вас! Я покажу вам, как создать логотип без использования Photoshop или Illustrator.

Является ли Photoshop хорошим инструментом для создания логотипов? Есть ли варианты получше?

Многие известные дизайнеры заявили: «Использование Photoshop для создания логотипа может привести вас к повторному дизайну логотипа снова и снова, особенно когда PS не соответствует физическим размерам и спецификациям dpi (без пикселизации).”
Оба логотипа, созданные в Adobe Photoshop, можно загрузить в виде файла SVG без потери качества. Лучше всего то, что это дешевле, чем Photoshop при создании логотипа. Логотип размером менее 500 * 500 пикселей предоставляется бесплатно в Adobe Photoshop. Пакет Plus для шаблона логотипа в настоящее время продается за 39,99 фунтов стерлингов и включает в себя пожизненную загрузку файлов SVG, JPG и PNG и поддерживает максимальное разрешение 5000 пикселей * 5000 пикселей.

Как превратить рисунок в логотип без Photoshop

Что такое логотип? Зачем это нужно?

Логотип отражает индивидуальность веб-сайта.Если вы хотите, чтобы ваш сайт выделялся из общей массы, у вас должен быть особый художественный дизайн логотипа.
Посетители или потребители легко определят нишу вашего веб-сайта, просто увидев ваш логотип, потому что он может заставить посетителей запомнить название вашего веб-сайта.
Еще одним преимуществом является то, что мы можем использовать нашу эмблему в качестве изображения профиля в различных социальных сетях, таких как Facebook, Twitter, Google Plus, LinkedIn и других.

Теперь, чтобы создать логотип без Photoshop или Illustrator, выполните следующие быстрые и простые для понимания шаги:

Шаг 1:

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

Шаг второй:
Создание уникального
У вас есть выбор использовать предопределенный прототип. Вам разрешается изменять определенные модели для создания собственного логотипа. Однако мы предлагаем создавать логотипы с нуля, чтобы избежать плагиата и создавать свои собственные уникальные логотипы. Если вы хотите изучить программы графического дизайна для создания своего логотипа, начните свой путь в качестве стандартного графического дизайнера с помощью онлайн-графического дизайна Blue Sky Graphics, доступного для студентов в Великобритании и за ее пределами в нашем онлайн-классе, который помогает нашим преподавателям общайтесь со студентами по всему миру.
Итак, давайте создадим наш уникальный стиль логотипа. Просто нажмите кнопку в верхнем левом углу случайного логотипа бренда и выберите «Новый пустой проект».

Шаг третий:

Перейдя на верхнюю страницу «Конфигурация», вы можете изменить размер логотипа. Затем вы можете выбрать нестандартный размер для своего логотипа.

как сделать логотип без Adobe Photoshop или иллюстратора (9)

Шаг четвертый:
Создайте профессиональный и привлекательный логотип для своего веб-сайта с помощью мозгового штурма и своего воображения.

Дополнительно: Использование клипарта

Чтобы использовать клипарт, перейдите в правую область боковой панели (раздел ресурсов).

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

Добавление текста и изменение шрифтов

На вкладке «Главная» выберите «Добавить текст». Как видите, в раздел редактирования добавлен образец текста. Чтобы изменить текст, дважды щелкните образец текста.

Выберите тип шрифта в верхнем поле вкладки «Главная», если вы хотите настроить стиль шрифта в файле. Для вашего удобства упомянуто несколько разных шрифтов.

Стоит отметить, что также будут указаны все машинные шрифты. Чтобы использовать собственный шрифт, просто установите его на свое устройство и перезапустите The Random Logo Maker. Как вы увидите, последняя версия шрифта теперь доступна в коллекции.

Импорт пользовательского изображения

Используя вкладку «Импорт / экспорт», вы можете легко импортировать пользовательское изображение в свой логотип.Просто щелкните, измените размер или поверните импортированное изображение по своему вкусу.
Создание фигур
Фигуры — важный аспект дизайна логотипа. Формы можно трансформировать в удивительные логотипы.

Вы можете рисовать произвольные формы в The Random Logo Maker, такие как Круглые, Прямоугольные, Скругленные, Прямоугольные, Звездные и некоторые другие. Что вам нужно сделать, это перейти в «Главная» -> «Добавить фигуры».

Использование цветов для улучшения текста

Ваша эмблема выглядела бы непривлекательно, если бы на ней не было цвета. Цвета могут быть добавлены к тексту или фигурам, выбрав нужный цвет в нижнем поле выбора цвета.«Пожалуйста, смотрите видео для более подробной информации.

Использование теней

Вы будете использовать случайный Logo Maker для добавления таких эффектов, как тени, зеркала и размытие. Чтобы применить эти результаты к бренду, просто перейдите в раздел «Эффекты» в левой части рабочей области.

Шаг пятый:

Экспорт логотипа
Используя вкладку «Импорт / экспорт», вы можете экспортировать логотип в формате JPEG или PNG. Если вы решили экспортировать логотип с чистым фоном, выберите «Прозрачный фон» в меню экспорта.
При экспорте окончательного логотипа используйте формат PNG для улучшения дизайна логотипа.

Шаг шестой:

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

Чтобы сохранить проект, нажмите наверху «Случайная кнопка с логотипом» и выберите «Сохранить как».

Как превратить нарисованный вручную логотип в цифровой файл

Вам интересно, как превратить нарисованный от руки набросок в цифровой логотип, но не знаете, с чего начать? Имея все возможности для создания графики с помощью компьютера, многим людям все еще удобнее рисовать идеи своих логотипов физически.Они ценят такой контроль при создании представительства своего бренда. Единственная проблема в таком случае — превратить этот логотип в изображение, которое действительно можно использовать в Интернете и в маркетинговых целях.

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

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

Растровые и векторные изображения

Самый простой способ превратить рисунок в цифровое изображение — это сфотографировать его. Вам все равно нужно будет обрезать окружающее пространство, но у вас будет цифровое изображение, пригодное для использования в других отношениях, не так ли?

Не совсем так. Цифровые изображения известны как растровые изображения. Это означает, что они определяются пикселями, каждый из которых содержит информацию об общей картине. Например, на изображении линии горизонта пиксели, составляющие небо, синие, пиксели, составляющие солнце, желтые и т. Д.

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

Векторное изображение, с другой стороны, определяется путями. Эти дорожки остаются неизменной формы независимо от размера. Это означает, что одно и то же изображение может быть любого размера и при этом оставаться неизменным.Хотя этот процесс не так эффективен при обработке всей информации, которую содержит что-то вроде изображения с камеры, он идеально подходит для более простых объектов, таких как логотипы. Он позволяет изменять размер одного и того же логотипа в соответствии с вашими потребностями в отображении, будь то визитная карточка, корпоративный баннер или логотип веб-страницы.

Как оцифровать логотип

Итак, как преобразовать нарисованный от руки логотип в векторное изображение? На данный момент это даже не растровое изображение, а физическое свойство.

Шаг первый: завершите свой рисунок

Перед оцифровкой вашего логотипа убедитесь, что он настолько закончен, насколько это возможно.Ваш фокус здесь — контраст. Вы хотите, чтобы логотип максимально выделялся из остальной части страницы. Это значительно упростит процесс преобразования, если вы приложите усилия сейчас. Толстые черные маркеры отлично подходят для заполнения пробелов, а линейки помогут сохранить резкость краев.

Шаг второй: оцифровка вашего логотипа

Лучший способ перенести ваш логотип со страницы на экран — использовать сканер. Установите максимально возможное разрешение. Даже если значение параметра выше, чем вам может потребоваться, лучше иметь возможность уменьшить масштаб, если это необходимо.Если вы можете использовать слишком низкое разрешение, вы ограничены в своих возможностях. Стремитесь к разрешению 600 dpi (точек на дюйм).

Если у вас нет доступа к сканеру, изображение с цифровой камеры будет работать. Однако такие вещи, как освещение и складки страницы, могут негативно повлиять на ваш логотип, поэтому это не рекомендуется, кроме как в крайнем случае.

Шаг третий: откройте программное обеспечение

Теперь, когда у вас есть цифровая копия вашего логотипа, вы можете открыть ее в своем программном обеспечении для редактирования.Photoshop — самый распространенный фоторедактор, но есть много бесплатных альтернатив. Независимо от того, какую программу вы используете, процесс будет одинаковым.

Прежде чем вы научитесь превращать рисунок в вектор, необходимо сделать несколько настроек. Начните с преобразования изображения в черно-белое, затем увеличьте контраст, чтобы логотип действительно выделялся. Яркость и экспозиция также могут помочь увеличить контраст. Используйте кисть и ластик, чтобы убрать лишние линии или затемнить любые пробелы.

Шаг четвертый: выделите свой логотип

Когда вы будете удовлетворены своими настройками, пора отделить логотип от фона вашего изображения.Этот процесс может отличаться в зависимости от программного обеспечения.

В Photoshop и аналогичном программном обеспечении у вас есть опция под названием paths . Эти пути могут быть использованы для отслеживания вашего изображения и могут быть изменены разными способами. Поскольку каждая программа предлагает несколько разный подход к этому, стоит потратить некоторое время на то, чтобы поиграть с различными вариантами, чтобы получить желаемый результат.

После того, как вы проследите все свои пути, у вас будет опция Make Work Path (как это называется в Photoshop), которая закрывает каждое выделение.Затем вы можете экспортировать файл в предпочитаемый формат.

Adobe Illustrator предлагает более быстрое решение. Он предлагает команду Image Trace , которая автоматически определяет и создает контуры вокруг вашего логотипа. Опять же, игра с различными настройками позволяет точно настроить преобразование.

Шаг пятый: экспорт файла

Создав векторные пути, вы можете экспортировать свой логотип в простой в использовании файл изображения. Этот файл можно изменить на любой размер без изменения четкости логотипа, что делает его практичным способом обозначить что угодно.Просто откройте его в редакторе фотографий и экспортируйте версию до нужного вам размера. Используйте его для своих логотипов и миниатюр в социальных сетях, а также в любых других маркетинговых целях.

Как превратить рисунок в логотип: последние мысли

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

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

Как создать мультяшный логотип и дизайн талисмана в Photoshop »SOSFactory

Привет, друзья!

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

Я поделюсь процессом создания иллюстративного дизайна логотипа в стиле карикатуры, от первых эскизов до окончательного дизайна логотипа , 🙂

Написание краткого описания проекта дизайна логотипа

Frangola — небольшая компания, расположенная в Анголе который продает жареную курицу.Они нашли меня через дизайнерское агентство, которое провело брифинг по проекту и последующим применениям дизайна логотипа.

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

Дизайн должен был передавать свежесть, уверенность, оптимизм, здоровье, вкус, качество.

Создание макета логотипа в Photoshop

Для передачи упомянутых значений я выбрал типографику под названием «Дельфины, хороший выбор?».

Инструкции были довольно простыми. Клиент хотел, чтобы рисунок талисмана появлялся из круга в уверенной позе, показывая, что его курица — номер один. Я предлагал различные композиции с использованием персонажа, придуманного мной некоторое время назад, просто для справки.

Клиент выбрал первый.

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

Набросок талисмана

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

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

Обратите внимание на изменение линии действия, вторая поза работает лучше.

Разработка окончательного дизайна мультяшного логотипа

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

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

Я подумал, что теплые цвета подойдут к теме, поэтому я выбрал желтый и коричневый цвета.

Когда вы создаете иллюстративный дизайн логотипа, вы должны тщательно выбирать цвета. Логотип должен быть не только красивым, но и читабельным. Для этого я предлагаю следующий тест:

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

Раскрашивание дизайна талисмана

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

Здесь вы можете увидеть эволюцию персонажа.

Совет 1 : используйте много слоев. Я начал оперение с почти монохроматической заливки, а затем добавил еще слоев с разными оттенками.
Совет 2 : используйте разные режимы объединения слоев, таким образом вы добавляете объем. Режим «Экран» подходит для осветления участков, а режим «Умножение» — для затемнения участков.
Совет 3 : если вы хотите, чтобы иллюстрация выглядела «трехмерной», уменьшите количество линий.
Совет 4 : когда вы закончите, выровняйте слои и используйте «Осветлитель», чтобы объединить тона и выделить некоторые области.

Объединение дизайна талисмана с дизайном логотипа

С одной стороны у нас есть надписи, с другой — талисман. Теперь давайте объединим оба.

Резюме

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

Таким образом, мы разработали различные версии логотипа:

Полноцветный бренд в деталях
Бренд в 1 и 2 цветах, без деталей
Полноцветный персонаж и черно-белый
Полноцветный бренд + персонаж и черно-белый.

Окончательный результат

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

35 уроков по созданию логотипов в Photoshop и Illustrator — Bashooka

Разработка логотипа — довольно сложный и сложный процесс. Обычно самое сложное — это разработать концепцию логотипа. Отразить индивидуальность вашей компании в простом, но броском логотипе, который посылает сильный сигнал, может быть довольно сложной задачей. Как только вы это поймете, пора приступать к исполнению. Здесь я собрал 35 руководств по дизайну логотипов с помощью Photoshop и Illustrator, которые могут оказаться полезными при разработке вашего логотипа.

Неограниченное количество загрузок: 600 000+ шаблонов для печати и материалов для дизайна Объявление

Скачать сейчас

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

Batman Dark Knight Logo →

Мы воспользуемся Adobe Illustrator, чтобы разобраться с этим дизайном, благодаря его расширенным возможностям редактирования форм и, в частности, будем использовать умные направляющие для идеального выравнивания наших векторных контуров. Как только набросок нашего дизайна, вдохновленного оригами, будет завершен, мы воплотим его в жизнь с помощью ярких цветов, в результате чего получится современная графика, которая будет отлично смотреться как часть дизайна логотипа.

Логотип в стиле оригами в Illustrator →

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

Учебное пособие по логотипу Photoshop CS6: Clean Professional →

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

Как сделать крутой логотип →

Vivid Ways — это новый блог, посвященный теме личного развития и яркой жизни. Его цель — вдохновлять и воодушевлять читателей идеями и советами о том, как прожить удивительную жизнь.После некоторой первоначальной переписки со Скоттом и Джоном по электронной почте мы уточнили некоторые мысли о стиле логотипа и о том, какие ценности будут представлены в нем. Были предоставлены примеры предыдущего дизайна, и было упомянуто, что используемый шрифт без засечек был идеальным. Еще одно требование заключалось в том, что в логотипе должен использоваться отдельный графический элемент вместе с формулировкой Vivid Ways. В остальном дизайн был свободен для творчества — что всегда приятно!

Процесс разработки логотипа и пошаговое руководство для Vivid Ways →

Вся идея myNiteLife состоит в том, чтобы предоставить онлайн-органайзер и планировщик для ночной жизни нашего местного города Шеффилд, где бары, рестораны и клубы среди других заведений перечислены вместе с отзывами и рейтингами пользователей.Кроме того, на сайте есть планировщик на основе карты города, где пользователи могут спланировать маршрут между местами проведения и разослать друзьям договоренности о вечеринках.

Logo Design Project Пошаговое руководство →

Логотип, который будет создан в этом уроке, можно увидеть ниже. Следуя приведенным выше правилам, этот логотип можно разместить на чем угодно, от ручки до полной ливреи фургона, спроектировав его так, чтобы он хорошо работал в черно-белом цвете, затем его можно было бы изготовить в плоских цветах, а затем, возможно, даже придать модный градиент и отражение. лечение для использования на экране.

Как создать логотип от концепции до завершения →

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

Создание безумно крутого логотипа →

Хорошо, ребята, пора засучить рукава и приступить к делу с помощью этого полнофункционального учебника Adobe Illustrator CS3.Он проведет вас от установки до производства действительно крутой пивной этикетки, хотя он может быть полезен для любого напитка в бутылках по вашему выбору.

Создайте готовую к печати этикетку для пива в Adobe Illustrator →

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

Создайте готовую к печати этикетку для пива в Adobe Illustrator →

Руководство по презентации логотипа

от ~ Nunosk8 →

Прежде чем перейти непосредственно к компьютеру, я поработал над несколькими эскизами, исследуя несколько концепций, используя ключевые слова, которые были выбраны ранее. Также я захожу на logopond.com, чтобы найти ссылки на логотипы. Вы можете взглянуть на некоторые логотипы, которые я использовал для справки, в статье Ultimate One Color Logos Inspiration.

Процесс создания логотипа Brainstorm 9 →

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

Создание радужных логотипов с искривленными сетками →

Разработка логотипа — обычная задача в Adobe Illustrator. В этом заключительном проекте мы подведем итог тому, что мы узнали в Illustrator, чтобы создать свой собственный логотип.Я покажу вам процесс рисования логотипа, и, надеюсь, вы почувствуете себя увереннее после этого урока.

День 30: Разработка логотипа →

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

Учебное пособие по процессу разработки логотипа →

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

Разработка логотипа Pepsi

В этом уроке мы будем использовать инструмент 3D Illustrator для создания текста с глубиной. Мы придадим буквам индивидуальность, разместив их под углом и выбрав забавный шрифт. Мы добавим сумасшедшего кролика и объединим все цвета, добавив простую штриховку.

Используйте Illustrator для создания забавного 3D-логотипа персонажа →

Эти методы можно использовать для создания логотипа и фона для классного веб-сайта в стиле гранж.

Создайте крутой музыкальный логотип на гранж-фоне →

В этом уроке мы будем работать над текстовым эффектом «Звездных войн».

Текстовый эффект Звездных войн →

Dache: процесс разработки логотипа →

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

Рисование логотипа Volkswagen →

Дизайн логотипа Google Chrome →

Привет. В следующем уроке вы узнаете, как создать логотип Mini. Вы начнете с некоторых основных инструментов и простых форм. Затем с помощью параметров Обработка контуров и некоторого эффекта деформации вы получите желаемые формы. Наконец, вам понадобится несколько градиентов и обводок, а также эффекты размытия по Гауссу и тени.

Создать мини-логотип →

Далее вы можете научиться создавать логотип BMW.На данный момент это один из самых простых руководств по логотипу. Вы начнете с некоторых основных инструментов и простых форм. Затем с помощью параметров Обработка контуров и некоторого эффекта деформации вы получите желаемые формы. Наконец, вам понадобится несколько градиентов, обводок и несколько простых эффектов.

Создать логотип BMW →

Из этого пошагового руководства вы узнаете, как комбинировать формы и стили слоя в Photoshop CS3 для создания плаката Harley Davidson. Включен многослойный PSD-файл.

Обои

Harley Davidson →

Не знаю, как вы, но мне нравится видеть примеры того, как работают другие дизайнеры — они раскрывают лучшие (или худшие) способы решения задач и позволяют мне оценить, являются ли мои методы общепринятыми или полностью испорченными.«Если кто-нибудь узнает, как я одержим этим, — говорю я себе, — меня засунут в дом».

Пошаговый логотип →

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

Логотип

Business Solutions →

В этом уроке Illustrator я покажу вам, как создать эффект завихрения. С помощью бесплатного шрифта, некоторых кистей и градиентов вы можете легко создать этот тип обработки. Более того, вы можете применить эти методы к другим видам обработки, логотипам и иллюстрациям.

Создание процедуры Swirly Type →

Как создать отличный логотип

Вам сложно сделать отличный логотип? Это может быть очень сложно, если вы новичок в дизайне логотипов или дизайне в целом. Ваш бизнес заслуживает отличного логотипа, и я хотел бы работать с вами, если у вас возникнут проблемы. Я работал с более чем 2000 клиентов . Закажите свой логотип сегодня и приступим!

Получите свой логотип прямо сейчас Мое портфолио логотипов

Ниже * довольно * устаревшее руководство.В наши дни (2016-2017) вы можете найти меня на моем новом сайте Курсетро, посвященном полному обучению разработчиков. Мы записываем и пишем руководства по дизайну и разработке по широкому кругу тем. Так что ознакомьтесь с нашим последним бесплатным курсом, если вы хотите изучить angular 2 и многое другое!

Введение

Когда я начинал мои приключения на компьютерах в 98 году на AOL, я был одним из многих загипнотизированных миром «проги» AOL. Я начал писать свой собственный код Мы с В.Б. помним, что одна из вещей, на которых я любил сосредоточиться лично, была весь вводный арт.Я видел несколько, сейчас не могу вспомнить имена, но их удивительные огненные эффекты с их молниями поразили меня. Так начался мой путь дизайна.

Я разработал для примерно 9 лет, и я многому научился. Это также помогло мне зарабатывать деньги в Интернете. Из основных корпоративных профессиональный дизайн, забавный игровой дизайн, дизайн для взрослых. Накопительный опыт всех этих возможностей действительно помог мне развить мои способности когда я противостою каждому новому проекту.

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

Я использовал технику Я буду учить разрабатывать много логотипов. Вот лишь несколько:

Adobe Photoshop

Я буду использовать Adobe Photoshop CS2 для разработки этого логотипа.Многие клянутся иллюстратором, но я верю для создания учебника лучше всего использовать Photoshop как он будет обслуживать более широкую аудиторию. Фотошопом использовали больше людей, чем Иллюстратор. Кроме того, я создал 95% всех своих логотипов в Photoshop, поэтому бери что хочешь.

Начнем : Проект

Мой приятель бежит игровой веб-сайт bluelaguna.net, и он хотел новый логотип для некоторых время, поэтому я согласился сделать это для этого урока.Итак, давайте посмотрим на текущий логотип:

( Примечание: Изображение выше не является логотипом, это целый заголовок. Фактическое название bluelaguna.net вместе со слоганом является самим логотипом. я думал, что это было бы неплохо показать весь заголовок, чтобы увидеть, как он реагирует с общим дизайном. )

Один из самых важных Этому логотипу не хватает удобочитаемости. Когда пользователь посещает веб-сайт, или посещает любой носитель, на котором отображается логотип, первое, что На них должен быть логотип.И по тем или иным причинам первая Место, где мы, люди, смотрим, — это верхний левый угол сайта. Электрический ток логотип размещается посередине заголовка, мелким шрифтом и темно-синий в «СИНИЙ» плохо читается.

Там тоже ничего нет захватывающий с этим логотипом. Чтобы логотип был эффективным, он должен «брендировать». образ, он должен застрять у вас в голове. Весь этот логотип — новый раз Роман на замке заглавных букв.

Теперь, когда мы ушли почему их нынешний логотип не подходит, давайте начнем с фактических руководство.

Сбор информации

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

	1. Название услуги / товара:	BlueLaguna.Net
	2.Любой лозунги использовать ?:	«Ваш №1 Источник для RPG Media «
	3. Любые Имеются в виду конкретные цветовые схемы ?:	Соответствует текущему дизайн
	4. Что вы пытаетесь передать через логотип ?:	Серьезные, связанные с игрой сайт.
	5. Любые другая информация:	У вас нет чтобы использовать текущий дизайн заголовка. Получить взлом

Довольно прямолинейно, теперь мы знаем, с чем нам нужно работать.

1. Настройка документа в Photoshop

После того, как у вас есть фотошоп откройте, перейдите в Файл -> Новый .Затем укажите название логотипа и ширину 600 и высоту 500 .
Затем нажмите « OK » (см. Снимок экрана ниже).

После тебя нажмите «ОК». Ваша установка должна выглядеть так:

( Я использую разрешение 1600×1200. ) Для меню на слева, у меня есть слоев, вид , и символов в поле зрения.)

2. Экспериментируйте с выделением шрифта

В качестве отправной точки Я всегда экспериментирую со шрифтом, который, как мне кажется, хорошо сочетается с логотипом. Вы должны понимать, какой шрифт будет или не будет работать, с с учетом специфики проекта. Поскольку для bluelaguna мы пытаемся сосредоточиться на серьезном, но геймерском ощущении, серьезный выбор шрифта может будь лучшим выбором.Очень важно иметь собственный арсенал шрифтов. У меня самого есть несколько тысяч.

Выберите инструмент Text Tool на левое меню: (как показано на изображении справа)
Отрегулируйте настройки в Text Properties вверху, чтобы соответствовать этим настройкам:
В иероглифе окно вправо, установите AV на -60 , как показано ниже: (Это просто сокращает пространство между каждый отдельный символ, мне нравится начинать с этой настройки, Не знаю почему 🙂
Тип « СИНИЙ LAGUNA «в области документа (Сначала убедитесь, что что фон белый, вы можете использовать для этого инструмент заливки.И я решил начать с заглавных букв, так как все заглавные буквы обычно считаются более серьезными).
С выбран инструмент типа и выбран слой 1, выберите список шрифтов меню (где написано Arial):
Вы можете сделать этот следующий раздел одним из трех способов.
— Нажмите стрелку «Вниз», чтобы изменить вид шрифта для «СИНИЙ». ЛАГУНА ».
— Нажмите стрелку вниз в списке шрифтов, чтобы увидеть список доступных шрифты с крошечным превью шрифта.
— Загрузите программу просмотра шрифтов.
Лично я просто использую первый способ, хотя иногда использую программа просмотра шрифтов. Наша цель — найти шрифты, которые могут работа с логотипом.
Как только ты натолкнувшись на шрифт, который выглядит так, как будто он может работать, вы должны Дублировать слой в Layers Window справа, а затем скрыть предыдущий слой (слой вы щелкнули правой кнопкой мыши и выбрали «Дублировать» из.Этот Таким образом, вы сохранили этот выбор шрифта (скрытый слой) и у вас есть новый слой для поиска дополнительных шрифтов) :

3. Хороший и плохой выбор шрифтов

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

Здесь несколько примеров неправильного выбора шрифта для этого проекта:

Первый логотип (верх), имеет очень непринужденный, веселый / непрофессиональный тон.

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

Третий логотип слишком «оборванный» со своими оборками повсюду, определенно нет.

Каллиграфия логотипы, как правило, устарели, особенно со странными «каплями» исходящий от них.

Последний логотип вы даже не умеете читать. Помните, что логотип должен быть легко читаемым.

Здесь несколько примеров хороших выбор шрифтов для этого проекта:

Все эти логотипы, за исключением 4 и 6, очень похожи.

№ 1, 2, 3 и 5 выглядят очень упрощенно и серьезно.

Logo 4 еще выглядит «серьезным», хотя существенно отличается от остальных. Я выбрал это на всякий случай, если захочу поэкспериментировать с Собираем вместе шрифты для слова «Синий» и «Лагуна».

Logo 6 — это очень жирный / курсивный логотип, который ничего не говорит, кроме серьезного.

4. Завершение выбора шрифта

Как только у вас будет немного возможные варианты шрифтов, каждый на своем слое, вы дополнительно анализируете их и посмотрите, что работает. С логотипами, состоящими из более чем одного слова, большинство времени хорошо отделить внешний вид слов от каждого Другие. Поскольку в этом конкретном проекте есть два слова: «Синий» и «Лагуна», мы захотим разделить их, возможно, выбрав два разных шрифта.Вы также можете отделить слова друг от друга, сохраняя тот же шрифт, но меняющий цвет. Итак, я собираюсь поэкспериментировать с 6 хороших вариантов шрифтов выше.

Это вот что я придумал:

Хотя я не используйте один из 6 шрифтов, которые я изначально выбрал для слова «синий», Я просто использовал не выделенную жирным шрифтом версию «LAGUNA», которая сохраняет единообразие, но также позволяет разделить два слова.

5. Добавление символа

Иногда работают логотипы хорошо с использованием только шрифтов, но в большинстве случаев добавление соответствующего символа действительно выделит логотип. Когда я говорю «символ», Я имею в виду любую часть логотипа, которая не является фактическим текстом. Итак, начнем с первый выбор шрифта сверху:

Теперь вот где взгляд на дизайн и опыт — действительно большая помощь.Нам нужно чтобы начать обдумывать идеи того, что именно мы можем добавить к этому логотипу сделать это круто. Итак, первое, что я делаю, это просто сижу и смотрю при выборе шрифта подумайте, что именно товар / услуга / сайт это все о. Что ж, BlueLaguna.Net посвящен играм, а точнее говоря, это сайт, который предлагает средства массовой информации RPG (ролевая игра). Следовательно, нам нужно работать с двумя вещами: RPG и Media. Что именно мы можем ассоциироваться и с РПГ, и с СМИ? Что ж, у нас не обязательно есть передать через логотип и РПГ, и СМИ (если вы попытаетесь усложнить, логотип станет загроможденным).Мы можем выбрать то или другое, если мы хотеть. Я думаю, что было бы логичнее сосредоточиться на всем аспекте ролевой игры, так как вы можете найти средства массовой информации повсюду, и это не совсем уникальный концепция.

Итак, давайте проведем небольшое исследование по ролевым играм. Нам нужно найти символ, который действительно может представляют РПГ. В текущем BlueLaguna.Net есть 3d женщина, возможно это как-то связано с РПГ? Что ж, позволь мне поискать по изображениям.google.com для «РПГ». Результаты вернули несколько разных женских персонажей, Хм! Первые несколько результатов, учитывая трехмерный женский персонаж на текущий заголовок bluelaguna.net, похоже, предполагает, что изображение женщина в логотипе может быть лучшим выбором. Также кажется, что вооружение / мистические среды также связаны с RPG.

Теперь, когда я знаю, что Я могу ассоциироваться с РПГ, могу придумать несколько возможных идей для условное обозначение.Я думаю, может быть, с лицом одной из этих ролевых женщин может быть, с намеком на мистицизм.

Pen Tool — ваш друг

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

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

Находка подходящее изображение

Если вы собираетесь trace, я всегда рекомендую использовать такой сайт, как istockphoto.com, чтобы найти имидж и заплатить за это. Таким образом, вы не будете использовать изображения, защищенные авторским правом, для проследить. Или сделайте свой снимок, чтобы обвести его. К сожалению, istockphoto не имеет ничего общего с ролевыми играми или «аниме». Так что я просто пошел на images.google.com и нашел подходящую картинку здесь это:

Когда Я наткнулся на эту картинку, мне пришло в голову, что я умею векторную трассировку по ее лицу и волосам, чтобы создать то, что я хочу, а затем интегрировать это вместе с выбором шрифта каким-то уникальным образом.

Итак, как только вы нашел картинку, которую вы хотите отследить (если она не та), сохраните его на жесткий диск, откройте его в фотошопе, нажмите CTRL-A, CTRL-C, чтобы выберите его и скопируйте, вернитесь к основному документу с логотипом и CTRL-V.

Теперь вы импортировали это изображение в документ с логотипом. После того, как вы импортировали его, с ее слой выбран, вы можете отрезать нижнюю половину ее тела.(Выберите первый инструмент в верхнем левом углу меню инструментов, Rectangular Marquee Tool), выберите нижнюю половину ее тела и нажмите клавишу удаления. Ваш экран должен выглядеть примерно так к настоящему времени (вы можете скрыть текстовые слои за ним).

Вектор Розыск

Теперь выберите увеличительное стекло в меню инструментов и выделите вокруг девушки, это будет выглядеть так это увеличено примерно до 400%:

Сейчас выберите инструмент «Перо» в меню инструментов:

Убедитесь, что цвет переднего плана (черный квадрат внизу картинки наверху right — ^) — это тот же темно-синий цвет текста, который мы указали.

В окне слоев справа выберите маленький круглый круглый значок> в верхнем в правом углу окна и нажмите «Создать новый слой». в появившемся окне. Нажмите «ОК», а затем в слоях В окне с новым выбранным слоем измените непрозрачность на 0%. Мы делаем это потому что как только мы начнем обводить изображение, мы не хотим, чтобы темно-синий цвет, скрывающий изображение девушки внизу.

И с помощью пера выделено, щелкните точку где-нибудь на контуре волос (вверху), а затем щелкните, чтобы обозначить еще одну точку где-нибудь на линии роста волос, где линия начнет формироваться.Вы можете удерживать и «направлять» угол линии для создания кривой определенного типа. Требуется время, чтобы научитесь, но это очень легко, как только вы освоитесь. После нанесение точек на всю прядь волос, ваши волосы должны выглядеть одинаково на это: (Примечание: я осветил непрозрачность девушки, чтобы проиллюстрировать, что ваши линии должны выглядеть так)

(непрозрачность 100%)

Это не идеально, но пока это хорошее начало.

Теперь я просто пойду чтобы продолжить создание других форм, таких как черты лица. Через 15-20 минут или около того, чтобы создать различные черты лица и само лицо, вот что я придумал:

Как как видите, я указал другой цвет для лица (голубой). К настоящему времени у меня есть около 15 различных слоев. Есть отдельный слой для верхней части каждого глаза, нижняя часть каждого глаз, середина и маленький блеск.Также есть слой для фон лица и ухо.

Итак, продолжим и добавим тени …

Примерно через 20 больше минут затенения, вот что я придумал:

Есть всего 3 разных слоя для волос. Это несколько утомительно процесс затенения волос просто потому, что прядей много волос! Но вам нужно просто их сжать и получить общее идея затенения, и это хорошо сработает.

Затем я сделал несколько легкие растушевки на лице и шее.

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

Сначала вам захочется для выбора от самого последнего до самого первого созданного вами векторного слоя (у вас будет пара десятков или больше), удерживайте Shift, чтобы вы могли выбрать торговый центр.Затем в окне слоев нажмите маленькую круглую круглую кнопку. и выберите «Новая группа из слоев». Это поставит все слои девушки в одну легко управляемую группу слоев. Сюда, вы можете перемещаться по одной группе, и она сохранит все свои позиции вместе, чтобы не разбить ее лицо.

Теперь это на самом деле не выглядит так уж плохо, само по себе. Но доля голова аниме слишком большая по сравнению с BLUELAGUNA.Итак, мы захотим уменьшить голову. Попробуем переместить его влево и добавить слоган + текст «.net». Вот как это выглядит:

Теперь это чертовски хорошо выглядит, да? Единственное, что я сделал, было с ручкой инструмент, я добавил белую фигуру поверх буквы «B» в «СИНИЙ» чтобы лицо не сталкивалось с B.

К сожалению Я напортачил и не создавал это на темно-синем фоне, который блюлагуна.чистая имеет. Итак, я собираюсь изменить цвета логотипа. чтобы соответствовать фону соответствующего заголовка для сайта.

Как ты видеть, простое изменение цвета действительно может изменить внешний вид и ощущение логотипа. Я считаю этот логотип победителем.

6. Вывод

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

———————————————— ————————————————— ————

Нужен логотип?
Посмотрите мое портфолио

У меня более 10 лет опыта в разработке логотипов. Получите свой логотип в течение 24 часов!

————————————————- ————————————————— ———-

ПРОВЕРИТЬ МОЙ ДИЗАЙН-КУРС!

Узнайте, как создавать полноценные веб-сайты и логотипы с помощью моего недавно запущенного курса дизайна.