Как сделать эмблему в Фотошопе

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

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

Этот урок будет целиком посвящен созданию эмблемы для сайта в Фотошопе. В нашем случае это MyPhotoshop.ru.

Создаем круглую эмблему в Photoshop

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

Работаем с объектом

1. Для начала, как обычно необходимо создать новый документ, в нашем случае с разрешением 1000×1000 пикселей.
2. После, в палитре слоев нужно создать новый прозрачный слой. Вы уже наверняка знаете, как это сделать, если не в первый раз на нашем сайте.
   
3. В качестве основного объекта нашей эмблемы для MyPhotoshop.ru мы возьмем фото Халка.
   
4. Далее предстоит его вставить его на наш прозрачный фон, который мы до этого создавали.
   
5. Теперь необходимо снять с Халка рельефность и добавить эффектов. Сперва наложим на наш объект цвет в параметрах наложения. Для этого кликните дважды на нужный слой или кликните на него правой кнопкой мыши и выберите “Параметры наложения”.
   В открывшемся окне настроек стилей слоя выбираем “Наложение цвета” со следующими настройками: режим наложения – “Нормальный”, непрозрачность – 90%, а в качестве цвета выбираем фирменный цвет нашего сайта. Но это все в нашем случае и с нашим объектом. Все это не является обязательным. Вообще, само по себе создание эмблемы в Фотошопе это процесс, который требует индивидуального подхода.
   
6. После переходим к настройкам теней, не закрывая окно со стилями слоя и устанавливаем следующие параметры: непрозрачность – 100%, смещение – 4 пикс, размер – 15 пикс, а угол поворачиваем на 120 градусов.
   Применяем настройки, кликнув “ОК” и получаем такой результат:
   
7. Двигаемся дальше и открываем в главном меню “Фильтр” -> “Галерея фильтров”.
   В списке доступных фильтров выбираем “Текстура” -> “Текстуризатор” со следующими настройками, как на скриншоте ниже:
   Применяем настройки и получаем такой результат объекта с помехами:
   

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

Добавляем логотип

1. Открываем наш логотип в программе и размещаем его на пустой прозрачный слой поверх Халка:
   
2. Сперва заходим в настройки стиля слоя с логотипом и, включив параметры “Тень”, “Градиент” и “Внешнее свечение”, настраиваем их согласно инструкциям на скриншотах ниже:
   
3. Применив изменения, уменьшаем наш логотип с помощью свободного трансформирования (CTRL+T) и перемещаем его в области груди Халка
   и убираем рамки вокруг лого:
   
4. Далее “идем” в меню “Фильтр” -> “Галерея фильтров” и применяем фильтр “Текстуризатор” с параметрами, как на скриншоте:
   
5. После, убираем со слоя с текстом “Наложение градиента” и получаем такой результат:
   
6. Далее создаем объединенную копию все слоев с помощью горячих клавиш CTRL+ALT+SHIFT+E:
   
7. В галерее фильтров применяем ко слою фильтр “Аппликация” со следующими настройками (см. скриншот ниже):
   Результат применения фильтра выглядит так:
   
8. Можно сказать, что наша эмблема почти готова. Так оно и есть. Посмотрите как органично уже смотрится наше лого на Халке. Осталось передвинуть ползунок непрозрачности на последнем слое к отметке 80%, чтобы стало прям совсем хорошо:
   

Вроде бы все хорошо, но на эмблему не похоже, верно.

Финализируем эмблему

1. Создаем еще одну объединенную копию слоев. Затем берем инструмент выделения “Овальная область”:
   Выделяем нужные участок, как на скриншоте:
   
2. Копируем и вставляем его в новый чистый документ:
   
3. В параметрах наложения накладываем тень на слой и получаем готовую круглую эмблему:
   

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

Удачи вам в ваших работах! “Увидимся” в наших других уроках!

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

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

Подготовка материалов

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

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

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

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

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

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

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

• Запустить программу и развернуть щелчком мыши меню «Файл» в верхней панели.

• Выбрать опцию «Создать».

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

• А в полях значений — установить наименьший параметр (высоту или ширину) как минимум в 1500 пикселей. Можно и больше; кроме того, если форма логотипа пока до конца не продумана, разумнее будет использовать квадратное, а не вытянутое вверх или вбок поле холста — такая форма даёт больше возможностей для внесения корректив по ходу работы.

• Во втором выпадающем списке — выбрать в качестве единиц разрешения эмблемы пиксели на дюйм.

• И задать в расположенном справа поле соответствующее значение. Оно должно быть не менее 300 dpi для размещения в Интернете и на электронных документах, 600 dpi — для печати на раздаточных материалах и от 1200 dpi — для полномасштабной полиграфии. Иначе при использовании растрового варианта эмблемы изображение будет выходить размытым; а пересчитывать каждый раз «вектор» — пустая трата сил и времени.

• Далее — выбрать цветовую палитру. Здесь всё зависит от концепции логотипа. Если он будет чёрно-белым, пользователю с лихвой хватит «Градаций серого»; если цветным — RGB (легче обрабатывается сторонними редакторами и принтерами) или CMYK (полнее палитра, однако при неправильном подборе даёт тусклые цвета). Оптимальным вариантом для пользователя, желающего сделать несложный полноцветный логотип, будет RGB.

• С разрядностью 16 бит — восьми для качественной печати маловато.

• В качестве фона для логотипа, который планируется сделать в Фотошопе, не рекомендуется использовать белый, чёрный или любой другой цветной фон: в дальнейшем могут возникнуть проблемы с его удалением. Развернув выпадающий список, следует пролистать его вниз.

• И выбрать вариант «Прозрачный фон» — в результате за пределами создаваемой эмблемы не будет ничего, кроме «пустоты».

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

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

• И полюбоваться на холст-заготовку в центре экрана.

• Чтобы было удобнее рисовать на нём, рекомендуется выбрать в меню «Просмотр» опцию «Показать во весь экран».

• Или настроить масштаб вручную в левом нижнем углу окна Фотошопа.

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

Добавление рамки

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

Чтобы добавить рамку логотипа, следует:

• Щёлкнуть правой клавишей мыши по расположенной в левой боковой панели пиктограмме прямоугольника.

• Выбрать в открывшемся контекстном меню нужную форму рамки — пусть это будет эллипс.

• В выпадающем списке на верхней панели задать параметр «Фигура».

• Далее — определить в поле «Заливка» цвет — из имеющихся вариантов, включая градиентные.

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

• В поле «Обводка» — выбрать, должен ли присутствовать на холсте контур только что созданной фигуры. Пользователю доступны четыре варианта: без контура, сплошная, градиентная и штриховая обводка.

• На примере градиентной процесс настройки контура выглядит следующим образом.

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

• И выбирает её тип: сплошную, штриховую или пунктирную.

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

• Отменить любое ошибочное действие удастся с помощью опции «Шаг назад» в меню «Редактирование».

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

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

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

• И вручную преобразовать контур, перетаскивая за реперные точки.

• Ещё больше возможностей (в частности, деформировать контур по своему желанию) юзер, собирающийся нарисовать логотип в Фотошопе, найдёт во вложенном меню «Трансформирование».

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

Импорт элементов

Чтобы добавить в состав логотипа в Фотошопе растровое изображение (например, в формате PNG, BMP, JPEG или GIF), необходимо:

• Выбрать в меню «Файл» опцию «Открыть».

• Указать в «Проводнике» путь до файла.

• Согласиться на обработку цветового профиля картинки — или, чего в большинстве случаев достаточно, отметить опцию «Оставить без изменений».

• Рисунок будет открыт в отдельной вкладке Фотошопа. Что с ним делать дальше, расскажем в следующем разделе.

Если изображение векторное (AI, CDR, SVG и т.д), понадобится:

• Открыть его, как было описано выше.

• И в новом окошке выбрать параметры преобразования: разрешение, размер и так далее.

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

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

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

• Вызвать инструмент «Быстрое выделение» на левой панели (чтобы попасть в контекстное меню, понадобится щелчок правой клавишей мыши).

• «Закрасить» мышью, удерживая левую кнопку, всю фигуру. Чтобы добавить отдельно стоящий блок, нужно зажать и держать во время процесса клавишу Shift; чтобы убрать ошибочно выделенный фрагмент — Alt.

• Кликнуть правой кнопкой по выделенному элементу и выбрать в открывшемся меню опцию «Выполнить обводку».

• В новом окошке указать предпочитаемые ширину и цвет контура.

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

• И убедиться, что от графического элемента осталась только рамка — её можно будет использовать как самостоятельную составляющую дизайна.

• Чтобы избавиться от неприятного для глаза мерцания вокруг фигуры, достаточно выбрать в меню «Выделение» опцию «Отменить».

Чтобы выполнить заливку одного или нескольких элементов, нужно:

• Выделить их, как было описано раньше, и выбрать в левой панели соответствующую опцию.

• Определить в палитре справа подходящий цвет.

• И последовательно щёлкать левой клавишей мыши по каждой фигуре, пока все они не станут окрашены как нужно.

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

Для создания контура вокруг графического элемента пользователь должен:

• Раскрыть меню «Слои» и выбрать во вложенном списке «Стиль слоя» опцию «Обводка».

• Установить галочку в чекбоксе «Выполнить обводку».

• Определить в правой панели цвет контура.

• И его толщину.

• Отлично! Теперь остаётся снять выделение со слоёв и приступить к следующему шагу.

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

Объединение элементов

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

• С помощью опции «Свободное трансформирование» подогнать размер каждой составляющей к заготовке.

• При этом все ранее созданные элементы остаются в силе.

• Используя иные возможности Фотошопа (поворот, деформацию и так далее), разместить детали в запланированном порядке.

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

Создание текстовых блоков

Чтобы добавить к логотипу текст, следует:

• Кликнуть по размещённой в левой панели пиктограмме «Т».

• Определиться с начертанием шрифта.

• И, что менее приоритетно, выравниванием.

• Набрать текст.

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

• Следует обратить внимание, что в этом случае изменятся пропорции надписи в целом — так, если пользователю пришлось «сжать» текст, он визуально станет чуть выше.

• Надпись можно подредактировать в любой момент — достаточно дважды кликнуть по соответствующему текстовому слою в правом нижнем углу окна Фотошопа.

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

• Преобразует надпись в растровый объект (опция «Растрировать текстовый слой» в меню «Текст»).

• С помощью функции «Деформация» из вложенного списка «Трансформирование» исказить надпись так, чтобы она вписывалась в рамку.

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

• Перейти к созданию фигуры, как было рассказано раньше.

• Выбрать для неё вариант «Контур».

• Нарисовать путь, по которому должен пролегать текст.

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

• С большой долей вероятности надпись будет неправильно развёрнута или находиться не в том месте, где планировалось. Пользователю следует найти и выбрать инструмент «Выделение контура».

• И перетащить текст в правильное положение.

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

Сохранение

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

• Выбрав в меню «Файл» опцию «Сохранить как», владелец компьютера.

• Указывает название эмблемы, которую только что смог сделать в Фотошопе, и выбирает указанный формат.

• Теперь остаётся выбрать «Максимальную совместимость», чтобы логотип с одинаковой лёгкостью открывался даже в старых версиях Фотошопа.

Далее — сохранение эмблемы в растровом виде, удобном для просмотра и печати:

• В качестве формата рекомендуется использовать PNG.

• Чтобы ускорить процесс — отказаться от сжатия, а с целью улучшить выходное качество картинки — отказаться от чересстрочной развёртки.

В этом случае логотип сохранится на жёстком диске с заданным изначально размером. Юзер, стремящийся к тонким настройкам, должен:

• Выбрать в меню «Файл» опцию «Экспортировать как».

• Указать в появившемся окошке новые параметры.

• И нажать на кнопку «Экспортировать всё», после чего указать каталог сохранения.

Важно: поскольку логотип создавался на прозрачном холсте, при просмотре на подложках определённого цвета некоторые элементы могут быть незаметны; чтобы избавиться от этой особенности формата PNG, следует сохранить эмблему в JPEG/JPG или GIF.

Подводим итоги

Чтобы сделать логотип в Фотошопе, нужно заранее подготовить исходные материалы и продумать концепцию. Далее — создать холст, отрисовать элементы и соединить их в цельную композицию. По завершении пользователь должен сохранить результат — в оригинальный формат PSD и любой из растровых, например PNG.

Смотрите также

Как сделать круглый логотип в фотошопе

Выделение

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

• Запускаем программу, открываем картинку.

• Активизируем инструмент «Овальная область». Он по умолчанию находится в одной вкладке с прямоугольником (клавиатурное сокращение М).

• Зажимаем клавишу shift и от угла до угла формируем круглое выделение. Если требуется овал, делаем его без дополнительной кнопки. При необходимости корректировки положения созданного выделения, действуем стрелками, либо нажатием правой кнопки мыши внутри круга вызываем контекстное меню и выбираем строку «Трансформирование выделенной области».

• В меню «Слой» находим позицию «Новый» и выбираем «Скопировать на новый слой». Или применяем клавиатурное сокращение ctrl+J.

• В результате в панели слоёв появляется новая позиция – вырезанный в круг логотип.

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

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

Обтравочная маска

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

• Шаг первый – открываем исходный документ в AdobePhotoshop.
• Шаг второй – нажимаем клавиши ctrl и кликаем по иконке создания нового слоя. В панели он появится ниже уровня логотипа.

• Шаг третий – на чистом нижнем слое создаём выделение нужной формы и заливаем его белым цветом.
• Устанавливаем курсор мыши на границу между двумя слоями, нажимаем клавишу alt (при этом форма курсора превратится в повёрнутую вниз стрелку с небольшим квадратиком справа) и кликаем. В панели слоёв произойдёт изменение.

• Теперь в поле видимости остаются лишь те фрагменты логотипа, которые попадают в размер белой заливки маски. Активизируем инструмент «Перемещение» (клавиатурное сокращение V) и ставим эмблему в нужное положение. При этом допускается изменять её размеры и производить вращение.

Обратите внимание, что к белому кругу можно применять растушёвку, стили слоя или другие визуальные эффекты. Завершив редактирование, объединяем слои (ctrl+E) и сохраняем проект в формате png. Круглый логотип на прозрачном фоне готов к дальнейшему использованию.

Как сделать логотип в фотошопе на прозрачном фоне

Прозрачный логотип – что это такое и как получить?

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

Где используют логотип на прозрачном фоне?

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

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

Кроме того, прозрачные логотипы нередко применяют в качестве водяного знака для картинок – товаров в каталогах интернет магазинов и т.д.

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

Форматы логотипов с прозрачным фоном

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

Логотип в PNG формате. Наиболее популярное расширение для прозрачных логотипов – свободный растровый формат, позволяющий эффективно сжимать изображение без потери его качества. PNG был разработан в 1996 году, как некоммерческий аналог GIF, однако активно используется по сей день, благодаря своему удобству и широким возможностям для редактирования файлов. Формат поддерживает полноцветную графику, открывается и обрабатывается во всех популярных графических редакторах (например, Photoshop). Именно логотипы в PNG c прозрачным фоном чаще всего (до 90% случаев) используются на сайтах, фотографиях или же в печати;

Логотип в GIF формате. Старейший растровый формат (изобретенный в 1987 году) частично поддерживает прозрачность фона, поэтому в нем также можно создавать соответствующие логотипы. Для этого достаточно назначить прозрачным один из его 256 цветов, после чего сквозь картинку будет проступать фон веб-страницы. Важным недостатком GIF считается невозможность регулировать степень прозрачности, что делает это расширение не самым популярным в наши дни;

Логотип в SVG формате. Для создания подобной графики еще применяют векторный формат SVG, доступный в открытом стандарте. Сделать это в нем можно, благодаря свойству fill-opacity, позволяющему плавно изменять прозрачность фона картинки при помощи числовых значений. SVG имеет большое количество преимуществ, включая удобство обработки (даже в текстовых редакторах) и отличную масштабируемость. Данные файлы очень легко встраиваются в разметку веб-страниц, так как формат был создан на основе популярного языка разметки XML. При этом логотипы в SVG наиболее часто применяются профессиональными дизайнерами в сложных и объемных проектах, поэтому данный формат редко используется большинством обладателей лого.

Как сделать логотип прозрачным?

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

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

Для получения новой пустой папки нажмите на пиктограмму, расположенную в нижней правой половине панели слоев. После этого перейдите на строку инструментов, относящихся к фоновому слою – вам понадобится пиктограмма с глазом, находящаяся на ее левом краю. Щелкнув по ней, вы сможете полностью отключить видимость фона, без особого труда сделав свой логотип на 100% прозрачным.

Создать прозрачный логотип онлайн при помощи сервиса Логастер

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

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

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

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

Логотип на прозрачном фоне: что это такое и как его создать

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

Создайте логотип за 5 минут

Нажмите кнопку «Создать» и мы бесплатно создадим варианты логотипа, на основе которых можно разработать фирменный стиль.

Области применения логотипа с прозрачным фоном

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

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

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

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

Форматы изображений для логотипов с прозрачным фоном

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

Логотип в PNG формате

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

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

Еще одним плюсом является то, что PNG поддерживается всеми современными редакторами изображений (Adobe Photoshop, Adobe LightRoom и illustrator, и др.)

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

Логотип в GIF формате

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

Логотип в SVG формате

Векторный  формат SVG обладает одним свойством, которое позволяет сделать различную степень прозрачности фона, используя fill-opacity (в основе лежит изменение числовых значений, что скорее интересно лишь программистам, а не обычным пользователям). Формат был создан на основе XML (язык разметки), что существенно упрощает размещение логотипа на сайте.

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

Прозрачный логотип за несколько шагов

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

Для заказчиков, которым повезло, и они получили работу в формате PSD (файл программы  Adobe Photoshop), — все гораздо проще. Откройте файл, выделите все слои, используя клавишу ctrl/cmd, кроме фонового. Нажмите комбинацию клавиш CTRL+C, создайте новый проект и зажмите CTRL+V. Теперь вы имеете логотип на прозрачном фоне, как и хотели. По желанию можно отредактировать цветовую гамму, добавить недостающие элементы — помощником станет YouTube с большим числом обручающих роликов.

Что делать, если нет Photoshop и других графических редакторов?

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

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

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

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

Photoshop. Как сделать изображение прозрачным

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

Photoshop. Как сделать изображение прозрачным

Для того чтобы сделать фон изображения/логотипа прозрачным в Photoshop, Вам необходимо сделать следующее:

1. Нажмите правой кнопкой мыши на слой изображения в Photoshop. Выберите ‘Слой из фона’ (Layer From Background).

2. Выберите инструмент ’Волшебная палочка’ (Magic Wand Tool) из панели слева (left panel) в Photoshop:

3. Выберите область изображения (image area), которую вы хотите сделать прозрачной, используя инструмент ’Волшебная палочка’:

4. Выбрав нужную область, нажмите на ‘Удалить’ (Delete) на вашей клавиатуре. После этого Вы должны видеть прозрачный фон вокруг изображения.

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

6. Для сохранения изображения нажмите на ‘Сохранить файл для Веб и устройств’ (File-Save for Web and Devices) в Photoshop, затем выберите изображение и нажмите ‘Сохранить’ (Save):

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Photoshop. Как сделать изображение прозрачным

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

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

Вам понадобится

• Графический редактор Adobe Photoshop.

Инструкция

Если логотип еще только предстоит нарисовать, начните работу с создания прозрачного фонового слоя. Для этого, запустив Photoshop, создайте новый документ — нажмите сочетание клавиш Ctrl + N или выберите в разделе меню с названием «Файл» пункт «Создать». В окне свойств нового документа задайте ширину и высоту, соответствующие размерам логотипа. В выпадающем списке «Содержимое фона» выберите значение «Прозрачный» и нажмите кнопку OK.

Оставьте пустым прозрачный фоновый слой, а для начала работы над элементами логотипа создайте новый слой. Проще всего это сделать копированием единственного пока лэйера — нажмите сочетание клавиш Ctrl + J. Можно, конечно, сделать это по всем правилам — вызвать на экран диалог создания нового слоя, задать ему персональное имя, цветовую маркировку в общем списке, установить параметры прозрачности. Такой диалог вызывается нажатием комбинации «горячих клавиш» Shift + Ctrl + N или выбором пункта «Слой» в подразделе «Новый» раздела «Слои» меню редактора.

Сам процесс создания логотипа не рассматривается в этой статье, а когда он будет завершен, сохраните результат в файл одного из графических форматов, который поддерживает прозрачность. Для этого можно использовать два варианта диалогов сохранения. Один из них вызывается сочетанием клавиш Shift + Ctrl + S или выбором пункта «Сохранить как» в разделе «Файл» меню Photoshop. В этом диалоге вам нужно выбрать формат CompuServe Gif или Png в выпадающем списке «Тип файлов». Кроме расширения задайте название и место сохранения файла логотипа, а потом нажмите кнопку «Сохранить».

Другой вариант диалога сохранения позволяет подобрать оптимальное отношение качества к размеру файла. Откройте его с использованием комбинации клавиш Shift + Ctrl + Alt + S или выбором строки «Сохранить для Web и устройств» в разделе «Файл» меню редактора. Здесь установить формат Gif, Png-8 или Png-16 следует в выпадающем списке, помещенном в верхний правый угол формы. После этого подберите нужные параметры качества и нажмите кнопку «Сохранить».

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

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

Оцените статью!

Как сделать надпись для логотипа в фотошопе. Как создать логотип в 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) поверх всех слоёв. Установите кривую, как показано на скриншоте ниже, чтобы провести небольшую коррекцию цвета.

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

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

Подготовка материалов

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

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

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

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

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

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

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

• Запустить программу и развернуть щелчком мыши меню «Файл» в верхней панели.

• Выбрать опцию «Создать».

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

• А в полях значений — установить наименьший параметр (высоту или ширину) как минимум в 1500 пикселей. Можно и больше; кроме того, если форма логотипа пока до конца не продумана, разумнее будет использовать квадратное, а не вытянутое вверх или вбок поле холста — такая форма даёт больше возможностей для внесения корректив по ходу работы.

• Во втором выпадающем списке — выбрать в качестве единиц разрешения эмблемы пиксели на дюйм.

• И задать в расположенном справа поле соответствующее значение. Оно должно быть не менее 300 dpi для размещения в Интернете и на электронных документах, 600 dpi — для печати на раздаточных материалах и от 1200 dpi — для полномасштабной полиграфии. Иначе при использовании растрового варианта эмблемы изображение будет выходить размытым; а пересчитывать каждый раз «вектор» — пустая трата сил и времени.

• Далее — выбрать цветовую палитру. Здесь всё зависит от концепции логотипа. Если он будет чёрно-белым, пользователю с лихвой хватит «Градаций серого»; если цветным — RGB (легче обрабатывается сторонними редакторами и принтерами) или CMYK (полнее палитра, однако при неправильном подборе даёт тусклые цвета). Оптимальным вариантом для пользователя, желающего сделать несложный полноцветный логотип, будет RGB.

• С разрядностью 16 бит — восьми для качественной печати маловато.

• В качестве фона для логотипа, который планируется сделать в Фотошопе, не рекомендуется использовать белый, чёрный или любой другой цветной фон: в дальнейшем могут возникнуть проблемы с его удалением. Развернув выпадающий список, следует пролистать его вниз.

• И выбрать вариант «Прозрачный фон» — в результате за пределами создаваемой эмблемы не будет ничего, кроме «пустоты».

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

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

• И полюбоваться на холст-заготовку в центре экрана.

• Чтобы было удобнее рисовать на нём, рекомендуется выбрать в меню «Просмотр» опцию «Показать во весь экран».

• Или настроить масштаб вручную в левом нижнем углу окна Фотошопа.

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

Добавление рамки

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

Чтобы добавить рамку логотипа, следует:

• Щёлкнуть правой клавишей мыши по расположенной в левой боковой панели пиктограмме прямоугольника.

• Выбрать в открывшемся контекстном меню нужную форму рамки — пусть это будет эллипс.

• В выпадающем списке на верхней панели задать параметр «Фигура».

• Далее — определить в поле «Заливка» цвет — из имеющихся вариантов, включая градиентные.

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

• В поле «Обводка» — выбрать, должен ли присутствовать на холсте контур только что созданной фигуры. Пользователю доступны четыре варианта: без контура, сплошная, градиентная и штриховая обводка.

• На примере градиентной процесс настройки контура выглядит следующим образом.

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

• И выбирает её тип: сплошную, штриховую или пунктирную.

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

• Отменить любое ошибочное действие удастся с помощью опции «Шаг назад» в меню «Редактирование».

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

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

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

• И вручную преобразовать контур, перетаскивая за реперные точки.

• Ещё больше возможностей (в частности, деформировать контур по своему желанию) юзер, собирающийся нарисовать логотип в Фотошопе, найдёт во вложенном меню «Трансформирование».

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

Импорт элементов

Чтобы добавить в состав логотипа в Фотошопе растровое изображение (например, в формате PNG, BMP, JPEG или GIF), необходимо:

• Выбрать в меню «Файл» опцию «Открыть».

• Указать в «Проводнике» путь до файла.

• Согласиться на обработку цветового профиля картинки — или, чего в большинстве случаев достаточно, отметить опцию «Оставить без изменений».

• Рисунок будет открыт в отдельной вкладке Фотошопа. Что с ним делать дальше, расскажем в следующем разделе.

Если изображение векторное (AI, CDR, SVG и т.д), понадобится:

• Открыть его, как было описано выше.

• И в новом окошке выбрать параметры преобразования: разрешение, размер и так далее.

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

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

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

• Вызвать инструмент «Быстрое выделение» на левой панели (чтобы попасть в контекстное меню, понадобится щелчок правой клавишей мыши).

• «Закрасить» мышью, удерживая левую кнопку, всю фигуру. Чтобы добавить отдельно стоящий блок, нужно зажать и держать во время процесса клавишу Shift; чтобы убрать ошибочно выделенный фрагмент — Alt.

• Кликнуть правой кнопкой по выделенному элементу и выбрать в открывшемся меню опцию «Выполнить обводку».

• В новом окошке указать предпочитаемые ширину и цвет контура.

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

• И убедиться, что от графического элемента осталась только рамка — её можно будет использовать как самостоятельную составляющую дизайна.

• Чтобы избавиться от неприятного для глаза мерцания вокруг фигуры, достаточно выбрать в меню «Выделение» опцию «Отменить».

Чтобы выполнить заливку одного или нескольких элементов, нужно:

• Выделить их, как было описано раньше, и выбрать в левой панели соответствующую опцию.

• Определить в палитре справа подходящий цвет.

• И последовательно щёлкать левой клавишей мыши по каждой фигуре, пока все они не станут окрашены как нужно.

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

Для создания контура вокруг графического элемента пользователь должен:

• Раскрыть меню «Слои» и выбрать во вложенном списке «Стиль слоя» опцию «Обводка».

• Установить галочку в чекбоксе «Выполнить обводку».

• Определить в правой панели цвет контура.

• И его толщину.

• Отлично! Теперь остаётся снять выделение со слоёв и приступить к следующему шагу.

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

Объединение элементов

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

• С помощью опции «Свободное трансформирование» подогнать размер каждой составляющей к заготовке.

• При этом все ранее созданные элементы остаются в силе.

• Используя иные возможности Фотошопа (поворот, деформацию и так далее), разместить детали в запланированном порядке.

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

Создание текстовых блоков

Чтобы добавить к логотипу текст, следует:

• Кликнуть по размещённой в левой панели пиктограмме «Т».

• Определиться с начертанием шрифта.

• И, что менее приоритетно, выравниванием.

• Набрать текст.

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

• Следует обратить внимание, что в этом случае изменятся пропорции надписи в целом — так, если пользователю пришлось «сжать» текст, он визуально станет чуть выше.

• Надпись можно подредактировать в любой момент — достаточно дважды кликнуть по соответствующему текстовому слою в правом нижнем углу окна Фотошопа.

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

• Преобразует надпись в растровый объект (опция «Растрировать текстовый слой» в меню «Текст»).

• С помощью функции «Деформация» из вложенного списка «Трансформирование» исказить надпись так, чтобы она вписывалась в рамку.

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

• Перейти к созданию фигуры, как было рассказано раньше.

• Выбрать для неё вариант «Контур».

• Нарисовать путь, по которому должен пролегать текст.

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

• С большой долей вероятности надпись будет неправильно развёрнута или находиться не в том месте, где планировалось. Пользователю следует найти и выбрать инструмент «Выделение контура».

• И перетащить текст в правильное положение.

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

Сохранение

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

• Выбрав в меню «Файл» опцию «Сохранить как», владелец компьютера.

• Указывает название эмблемы, которую только что смог сделать в Фотошопе, и выбирает указанный формат.

• Теперь остаётся выбрать «Максимальную совместимость», чтобы логотип с одинаковой лёгкостью открывался даже в старых версиях Фотошопа.

• В качестве формата рекомендуется использовать PNG.

• Чтобы ускорить процесс — отказаться от сжатия, а с целью улучшить выходное качество картинки — отказаться от чересстрочной развёртки.

В этом случае логотип сохранится на жёстком диске с заданным изначально размером. Юзер, стремящийся к тонким настройкам, должен:

• Выбрать в меню «Файл» опцию «Экспортировать как».

• Указать в появившемся окошке новые параметры.

• И нажать на кнопку «Экспортировать всё», после чего указать каталог сохранения.

Важно: поскольку логотип создавался на прозрачном холсте, при просмотре на подложках определённого цвета некоторые элементы могут быть незаметны; чтобы избавиться от этой особенности формата PNG, следует сохранить эмблему в JPEG/JPG или GIF.

Подводим итоги

Чтобы сделать логотип в Фотошопе, нужно заранее подготовить исходные материалы и продумать концепцию. Далее — создать холст, отрисовать элементы и соединить их в цельную композицию. По завершении пользователь должен сохранить результат — в оригинальный формат PSD и любой из растровых, например PNG.

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

Логотип — вектор или растр?

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

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

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

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

Создаем лого в Фотошопе

В этом уроке-воркшопе по созданию лого в Фотошопе я использую свой старый логотип AQ, который я создавал для одного приятеля. Помню, мы договорились о бартере, я ему логотип и дизайн для CMS, он мне движок сайта и верстку. Правда, после того как я свою часть выполнил, ему показалось отличной идеей исчезнуть и не отвечать, вместо того чтобы сказать «Извини, совсем нет времени делать верстку». Данный логотип представляет из себя ряд простых овальных яйцеобразных объектов. Фотошоп представляет нам ряд весьма скудных инструментов для работы с векторными путями. К счастью, этих скудных инструментов вполне достаточно чтобы сделать 60% существующих логотипов, если не больше. Я начну с создания форм, буду ссылаться на другие уроки, которые помогут вам создать мой логотип, и конечно в конце урока каждый сможет скачать мой PSD фаил со всеми слоями.

Рисуем основные фигуры

Выберите инструмент Ellipce Tool и нарисуйте обычный эллипс. На панели настроек обязательна опция Shape Layer . И если вы не знаете что это, почитайте мою статью о режимах Shape Layer, Path и Fill Pixels . Если коротко, эта опция создает векторные контуры в виде векторной маски со слоем заливки. И именно так вектор отображается в Фотошопе.

Выберите другой инструмент Direct Selection Tool , он выделяет конкретные векторные точки и может изменять направление их направляющих. Кликните им по эллипсу. Затем выделите две средние точки, верхнюю и нижнюю. Чтобы выбрать сразу 2 точки, жмите SHIFT . Когда 2 точки выделены, потяните их назад, чтобы элипс принял яйцеподобную форму. Первая форма готова.

Как залить цветом? Найдите слой овала на панели слоев Layers . Кликните по иконке заливки, в появившемся окне выберите цвет.

Продублируйте получившееся яйцо. Layer > Dublicate Layer . Выберите его на панели слоев и трансформируйте Edit > Free transform . Если вы не понимаете что происходит, читайте мою статью Трансформирование в Фотошопе через Free Transform . Если коротко, Free Transform позволяет изменять форму чего угодно, на почти что угодно. Просто нажмите SHIFT , чтобы изменять форму пропорционально, и потяните за край рамки в сторону уменьшения. Залейте форму светло голубым цветом.

Опять продублируйте яйцо, опять воспользуйтесь Edit > Free transform , но на этот раз просто сожмите яйцо по вертикали. Затем выберите Direct Selection Tool , опять выделите средние точки, и измените длину направляющих каждой из точек. Это уменьшит угол наклона между точками. Поздравляю, мы воссоздали форму яйца. И это первый шаг на пути создания логотипа в Фотошопе. Перейдем к буквам. Это яйцо залить нужно белым цветом.

Рисуем буквы в Фотошопе

Выберите самое первое яйцо и продублируйте слой. Поместите его на самый верх и воспользуйтесь Edit > Free transform чтобы уменьшить его размер, до размера буквы, которая поместится внутри яйца. Не выключайте Free transform , потяните за средние якоря, чтобы расширить яйцо по вертикали.

Опять продублируйте это яйцо Layer > Dublicate Layer , опять выберите инструмент Free Transform и уменьшите данный слой зажав SHIFT на клавиатуре, чтобы уменьшение было равномерным. Залейте получившуюся фигуру белым цветом и при необходимости, а она скорее всего возникнет, трансформируйте её ещё раз по вертикали и горизонтали, чтобы получить визуально равномерный контур буквы, вместо сужающегося по краям.

Опять продублируйте голубое яйцо от буквы Q и переместите его в левую сторону. Это будет основой для буквы А . Для начала разверните его в другую сторону Edit > Transform Path > Horisontal и сожмите его по горизонтали, чтобы придать более сжатую форму и при необходимости воспользуйтесь Direct Selection Tool , чтобы изменить фигуру точечно, например увеличить угол овала удлинив направляющие по краям.

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

Осталось дорисовать часть буквы Q . Выберите инструмент Rectangle Tool и нарисуйте небольшой прямоугольник. Залейте его белым цветом и поместите под букву Q . Продублируйте, и уменьшите его при помощи Free Transform , затем поместите выше буквы Q . Наш логотип в Фотошопе близится к завершению.

Создаем сложную векторную фигуру в Фотошопе

А теперь внимание. До сих пор мы играли в кружки. Сейчас будет нечто по сложнее. По крайней мере для моих пальцев, чтобы все это описать. По непонятным мне причинам вектор в фотошопе считается самой сложной темой. Я уверен что самая сложная тема в Фотошопе это Анимация и 3D, но никак не вектор. Если вы совсем не разбираетесь вам помогут мои статьи Зачем в Фотошопе вектор , Векторные инструменты рисования в Фотошопе и Векторные примитивы в Фотошопе , но больше всего для понимания следующих процессов, вам поможет моя статья Add, Subtract и Intersect так как именно этими режимами мы будем пользоваться все оставшееся время.

Выберите на слоях внешний голубой овал от буквы А . Теперь выберите инструмент Path Selection Tool и кликните по овалу. Овал будет выделен. А на слоях вы увидите, что ваша векторная маска подсветилась. Это потому что теперь мы работаем внутри векторной маски этого слоя. Далее предупреждаю, не пользуйтесь инструментом Move Tool , он управляет слоями. Используйте только Path Selection Tool , который с виду выглядит как черная стрелочка, но управляет не слоем целиком, а только векторным контуром в маске.

Выделите инструментом Path Selection Tool овал, затем Edit > Copy и Edit > Paste . Визуально ничего не произошло, но мы скопировали контур и теперь на маске их два. Второй контур не виден, так как находится в том же месте где первый. Это легко исправить. Кликните по контуру Path Selection Tool и перетащите его. Затем используйте Free transform чтобы деформировать контур. Я достаточно серьезно изменил форму овала, воспользовавшись не только Free transform но и Edit > transform Path > Warp

Повторите всю операцию. Выделите второй контур инструментом Path Selection Tool , нажмите SHIFT . На курсоре Path Selection Tool появится плюсик. Теперь передвиньте контур и он скопируется. И это второй способ дублировать контуры. B в этот раз я опять воспользовался трансформацией через Warp чтобы ещё сильнее изогнуть овал.

Теперь выделите инструмент Rectangle Tool . Визуально ничего не изменилось. Но обратитесь к панели настроек Rectangle Tool . Скорее всего там выбрана опция Create Shape New Layer . Воспользовавшись Rectangle Tool вы просто создадите другой слой с новой векторной маской. А мы этого не хотим. Мы хотим рисовать только на одном слое. Переключитесь в панели настроек на опцию Add to Shape Area (+) Эта настройка добавляет векторные пути на уже созданные векторные маски. Осталось только выделить правильную векторную маску на нужном векторном слое. Нарисуйте 2 прямоугольника.

Осталось собрать из всей этой горы нормальную фигуру и для этого мы воспользуемся режимами Add, Subtract, Exclude и Intersect . Настройка — Subtract превращает векторную фигуру в «вырезающую» векторную фигуру. Как в букве 0 присутствует 2 контура. Но один внешний, заполняющий, а второй, поменьше, вырезающий. Вот и выберите инструментом Path Selection Tool большой прямоугольник и овал, и переключитесь в настройках на Subtract from Shape Area (-)

Для точности выберите инструмент Rectangle Tool , в настройках поставьте Subtract from Shape Area (-) и отрежьте ещё один кусочек от буквы А . Затем выберите инструмент Direct Selection Tool , кликните по верхнему углу узкого прямоугольника, выделите векторную точку и потяните её вниз. Фигура приобрела смысл. И если все правильно, вы только что научились делать логотип в Фотошопе с нуля.

Сливаем векторные слои

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

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

Начнем с буквы А , которая уже сложная, но белый овал сверху по прежнему существует в виде второго слоя, закрывающего часть буквы А . Выделите инструментом Move Tool маску белого овала, находящегося выше буквы А . Затем выделите векторный контр инструментом Path Selection Tool . Скопируйте его Edit > Copy . Теперь кликните по маске слоя буквы A сделайте Edit > Paste скопированного контура. Мы внедрили контур в маску буквы А , осталось задать ему правильные настройки и эти настройки — Subtract from Shape Area (-) Теперь вы можете смело удалить ненужный овал выше, у вас появилась сложная фигура. При уверенности что вы более не будете менять контуры, выделите инструментом Path Selection Tool все контуры буквы A и слейте их нажав кнопочку Combine на панели настроек.

Проделайте тоже самое с буквой Q . Выделите белый хвостик и белый овал и скопируйте контуры внутрь основного голубого контур от буквы Q . Смените их настройки на Subtract from Shape Area (-) Затем скопируйте и видимую часть хвостика. И я бы слил буквы A и Q , так как они не предназначены для того чтобы находиться по отдельности друг от друга. В ходе подобной работы может оказаться ситуация, когда у вас внутри одной маски будет добавляющий контур, и скрывающий. И скрывающий будет перекрывать добавляющий. Вот что происходит на самом деле. Вырезающий контур вырезают добавляющий потому что находится выше по иерархии. На самом деле все эти контуры находятся не на одной плоскости. Конечно, в фотошопе нет «Слоев» контуров, ими невозможно управлять так как в Иллюстраторе. Все что мы можем сделать, это вырезать контур и скопировать его назад. Тогда он появится выше всех остальных контуров.

Аналогичную работу проделайте с контурами большого яйца чтобы в итоге получить всего 2 слоя — внешняя темно голубая полоска и внутренняя светло голубая. И мне кажется, мы только что нарисовали логотип в векторе при помощи Фотошопа. Осталось только сохранить его в формат PSD , EPS или PDF.

Печать логотипа

В плане печати логотипа важны цвета. Работайте в цветовом режиме CMYK , Image > Mode > CMYK о котором вы подробно можете почитать в моей статье Цветовой режим CMYK , чтобы узнать, как готовить графику для печати почитайте статью Подготовка к печати за 10 минут . Если вы уверены, что логотип создается прежде всего для Веб контента я все равно посоветовал бы вам добиться максимально ярких цветов в CMYK , а затем уже переводить логотип в RGB для использования в веб. В таком случае вы будете уверены в том, что логотип будет выглядеть одинаково как на печати так и в интернете. И я надеюсь, что теперь вы сможете сами создать вполне профессиональный в техническом плане логотип.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. Я буду делать круглый логотип, поэто с помощью инструмента «Элипс» в левой панели программы нарисую по центру окружность. Чтобы получился круг, а не овал, необходимо при рисовании удерживать клавишу «Shift».

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

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

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

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

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

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

4. Теперь выделяем в панели слоев слой с караваном, кликнув по нему левой кнопкой мыши и в верхнем меню выбираем «Изображение» — «Коррекция» — «Уровни», либо нажимаем комбинацию клавишь Ctrl + L. Далее в появившемся окне настроек уровней перетаскиваем средний ползунок в крайнее правое значение.

Таким образом мы затемнили изображение каравана и сделали его абсолютно черным.

5. Далее в верхнем меню выбираем «Редактирование» — «Свободное трансформирование», либо комбинация клавишь Ctrl + T и удерживая клавишу Shift мышкой изменяем размер изображения до нужного и располагаем его в нужное место.

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

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

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

В появившемся окне настроек выставляем «радиус растушевки» в значение «0» (ноль), если стоит другое значение и просто наживаем «Ок».

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

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

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

После этого нажимаем комбинацию клавишь Ctrl + D, чтобы отключить выделение выделение.

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

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

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

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

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

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

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

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

Как в фотошопе сделать логотип из букв. Как создать логотип в Photoshop: пошаговая инструкция

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

1 способ

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

2 способ

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

3 способ

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

Заключение

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

Как сделать визитку в Фотошопе

Для создания визитки, прежде всего, установите размер документа, который вас устроит. Можно установить его в дюймах, например 55 мм. в ширину и 90 мм. в высоту. Так как визитка после создания будет распечатываться на профессиональном принтере, установите разрешение не менее 300 пикселей на дюйм. Также не забудьте указать цветовой режим картинки, для печати подойдёт CMYK.

Нужно создать дополнительный фоновый слой для правильной работы с изображением. Указывая размеры изображения, нужно учесть некоторое количество свободного пространства под обрезку визиток. Эти данные можно указать в размере холста. Либо сразу добавьте примерно по 5-6 мм. к размерам при создании документа. Чтобы важная информация располагалась ближе к центру, ограничьте поля с помощью размерной сетки или установите параметры для вспомогательных линий. Далее можете приступать к созданию визитки, размещать изображение, надпись и другие элементы.

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

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

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. Совместите советы из несколько роликов, чтобы создать абсолютно новый логотип или, в крайнем случае, скопируйте идею одного из авторов видео. Попробуйте также поискать в интернете видеоуроки по использованию фотошопа, если в этой подборке вы все же нашли того, что искали, ведь сеть кипит контентом на эту тему.

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

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

Подготовка материалов

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

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

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

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

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

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

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

• Запустить программу и развернуть щелчком мыши меню «Файл» в верхней панели.

• Выбрать опцию «Создать».

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

• А в полях значений — установить наименьший параметр (высоту или ширину) как минимум в 1500 пикселей. Можно и больше; кроме того, если форма логотипа пока до конца не продумана, разумнее будет использовать квадратное, а не вытянутое вверх или вбок поле холста — такая форма даёт больше возможностей для внесения корректив по ходу работы.

• Во втором выпадающем списке — выбрать в качестве единиц разрешения эмблемы пиксели на дюйм.

• И задать в расположенном справа поле соответствующее значение. Оно должно быть не менее 300 dpi для размещения в Интернете и на электронных документах, 600 dpi — для печати на раздаточных материалах и от 1200 dpi — для полномасштабной полиграфии. Иначе при использовании растрового варианта эмблемы изображение будет выходить размытым; а пересчитывать каждый раз «вектор» — пустая трата сил и времени.

• Далее — выбрать цветовую палитру. Здесь всё зависит от концепции логотипа. Если он будет чёрно-белым, пользователю с лихвой хватит «Градаций серого»; если цветным — RGB (легче обрабатывается сторонними редакторами и принтерами) или CMYK (полнее палитра, однако при неправильном подборе даёт тусклые цвета). Оптимальным вариантом для пользователя, желающего сделать несложный полноцветный логотип, будет RGB.

• С разрядностью 16 бит — восьми для качественной печати маловато.

• В качестве фона для логотипа, который планируется сделать в Фотошопе, не рекомендуется использовать белый, чёрный или любой другой цветной фон: в дальнейшем могут возникнуть проблемы с его удалением. Развернув выпадающий список, следует пролистать его вниз.

• И выбрать вариант «Прозрачный фон» — в результате за пределами создаваемой эмблемы не будет ничего, кроме «пустоты».

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

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

• И полюбоваться на холст-заготовку в центре экрана.

• Чтобы было удобнее рисовать на нём, рекомендуется выбрать в меню «Просмотр» опцию «Показать во весь экран».

• Или настроить масштаб вручную в левом нижнем углу окна Фотошопа.

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

Добавление рамки

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

Чтобы добавить рамку логотипа, следует:

• Щёлкнуть правой клавишей мыши по расположенной в левой боковой панели пиктограмме прямоугольника.

• Выбрать в открывшемся контекстном меню нужную форму рамки — пусть это будет эллипс.

• В выпадающем списке на верхней панели задать параметр «Фигура».

• Далее — определить в поле «Заливка» цвет — из имеющихся вариантов, включая градиентные.

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

• В поле «Обводка» — выбрать, должен ли присутствовать на холсте контур только что созданной фигуры. Пользователю доступны четыре варианта: без контура, сплошная, градиентная и штриховая обводка.

• На примере градиентной процесс настройки контура выглядит следующим образом.

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

• И выбирает её тип: сплошную, штриховую или пунктирную.

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

• Отменить любое ошибочное действие удастся с помощью опции «Шаг назад» в меню «Редактирование».

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

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

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

• И вручную преобразовать контур, перетаскивая за реперные точки.

• Ещё больше возможностей (в частности, деформировать контур по своему желанию) юзер, собирающийся нарисовать логотип в Фотошопе, найдёт во вложенном меню «Трансформирование».

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

Импорт элементов

Чтобы добавить в состав логотипа в Фотошопе растровое изображение (например, в формате PNG, BMP, JPEG или GIF), необходимо:

• Выбрать в меню «Файл» опцию «Открыть».

• Указать в «Проводнике» путь до файла.

• Согласиться на обработку цветового профиля картинки — или, чего в большинстве случаев достаточно, отметить опцию «Оставить без изменений».

• Рисунок будет открыт в отдельной вкладке Фотошопа. Что с ним делать дальше, расскажем в следующем разделе.

Если изображение векторное (AI, CDR, SVG и т.д), понадобится:

• Открыть его, как было описано выше.

• И в новом окошке выбрать параметры преобразования: разрешение, размер и так далее.

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

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

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

• Вызвать инструмент «Быстрое выделение» на левой панели (чтобы попасть в контекстное меню, понадобится щелчок правой клавишей мыши).

• «Закрасить» мышью, удерживая левую кнопку, всю фигуру. Чтобы добавить отдельно стоящий блок, нужно зажать и держать во время процесса клавишу Shift; чтобы убрать ошибочно выделенный фрагмент — Alt.

• Кликнуть правой кнопкой по выделенному элементу и выбрать в открывшемся меню опцию «Выполнить обводку».

• В новом окошке указать предпочитаемые ширину и цвет контура.

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

• И убедиться, что от графического элемента осталась только рамка — её можно будет использовать как самостоятельную составляющую дизайна.

• Чтобы избавиться от неприятного для глаза мерцания вокруг фигуры, достаточно выбрать в меню «Выделение» опцию «Отменить».

Чтобы выполнить заливку одного или нескольких элементов, нужно:

• Выделить их, как было описано раньше, и выбрать в левой панели соответствующую опцию.

• Определить в палитре справа подходящий цвет.

• И последовательно щёлкать левой клавишей мыши по каждой фигуре, пока все они не станут окрашены как нужно.

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

Для создания контура вокруг графического элемента пользователь должен:

• Раскрыть меню «Слои» и выбрать во вложенном списке «Стиль слоя» опцию «Обводка».

• Установить галочку в чекбоксе «Выполнить обводку».

• Определить в правой панели цвет контура.

• И его толщину.

• Отлично! Теперь остаётся снять выделение со слоёв и приступить к следующему шагу.

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

Объединение элементов

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

• С помощью опции «Свободное трансформирование» подогнать размер каждой составляющей к заготовке.

• При этом все ранее созданные элементы остаются в силе.

• Используя иные возможности Фотошопа (поворот, деформацию и так далее), разместить детали в запланированном порядке.

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

Создание текстовых блоков

Чтобы добавить к логотипу текст, следует:

• Кликнуть по размещённой в левой панели пиктограмме «Т».

• Определиться с начертанием шрифта.

• И, что менее приоритетно, выравниванием.

• Набрать текст.

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

• Следует обратить внимание, что в этом случае изменятся пропорции надписи в целом — так, если пользователю пришлось «сжать» текст, он визуально станет чуть выше.

• Надпись можно подредактировать в любой момент — достаточно дважды кликнуть по соответствующему текстовому слою в правом нижнем углу окна Фотошопа.

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

• Преобразует надпись в растровый объект (опция «Растрировать текстовый слой» в меню «Текст»).

• С помощью функции «Деформация» из вложенного списка «Трансформирование» исказить надпись так, чтобы она вписывалась в рамку.

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

• Перейти к созданию фигуры, как было рассказано раньше.

• Выбрать для неё вариант «Контур».

• Нарисовать путь, по которому должен пролегать текст.

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

• С большой долей вероятности надпись будет неправильно развёрнута или находиться не в том месте, где планировалось. Пользователю следует найти и выбрать инструмент «Выделение контура».

• И перетащить текст в правильное положение.

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

Сохранение

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

• Выбрав в меню «Файл» опцию «Сохранить как», владелец компьютера.

• Указывает название эмблемы, которую только что смог сделать в Фотошопе, и выбирает указанный формат.

• Теперь остаётся выбрать «Максимальную совместимость», чтобы логотип с одинаковой лёгкостью открывался даже в старых версиях Фотошопа.

• В качестве формата рекомендуется использовать PNG.

• Чтобы ускорить процесс — отказаться от сжатия, а с целью улучшить выходное качество картинки — отказаться от чересстрочной развёртки.

В этом случае логотип сохранится на жёстком диске с заданным изначально размером. Юзер, стремящийся к тонким настройкам, должен:

• Выбрать в меню «Файл» опцию «Экспортировать как».

• Указать в появившемся окошке новые параметры.

• И нажать на кнопку «Экспортировать всё», после чего указать каталог сохранения.

Важно: поскольку логотип создавался на прозрачном холсте, при просмотре на подложках определённого цвета некоторые элементы могут быть незаметны; чтобы избавиться от этой особенности формата PNG, следует сохранить эмблему в JPEG/JPG или GIF.

Подводим итоги

Чтобы сделать логотип в Фотошопе, нужно заранее подготовить исходные материалы и продумать концепцию. Далее — создать холст, отрисовать элементы и соединить их в цельную композицию. По завершении пользователь должен сохранить результат — в оригинальный формат PSD и любой из растровых, например PNG.

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

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

• 1. Для начала нам требуется создать новый файл с разрешением 800х600 пикселей
• 2. Выбираем инструмент Горизонтальный текст (T), размер шрифта 85пт. Придумываем прикольное название (в моем случае это будет «Reduction music») и выводим его на экран (цвет моего текста #282828).

• 3. Далее тем же шрифтом, но уже с размером 50пт пишем Music (ставим в правый нижний угол надписи «Reduction»), также нужно выделить «Red» в первой надписи и окрасить эти буквы в #ac2828 цвет.

• 4. Выбираем инструмент Прямоугольник (U) и вырисовываем простой декоративный элемент логотипа.

• 5. Создаем новый слой.После этого инструмент Кисть(B), выбираем заранее скаченные кисти (в начале урока ссылка), размер 500пт и добавляем на новый слой, поверх логотипа

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

Как создать логотип в фотошопе сс. Как сделать логотип в фотошопе: Пошаговая инструкция

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

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

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

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

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

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

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

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

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

• После запуска программы Photoshop необходимо создать новый файл. Для примера будет установлена ширина и высота 300 на 250 пикселей соответственно;
• Выполнить заливку фона. Для этого в меню «Слои » выбрать пункт «Новый слой-заливка », «Цвет »:

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

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

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

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

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

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

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

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

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

Подготовка материалов

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

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

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

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

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

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

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

• Запустить программу и развернуть щелчком мыши меню «Файл» в верхней панели.

• Выбрать опцию «Создать».

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

• А в полях значений — установить наименьший параметр (высоту или ширину) как минимум в 1500 пикселей. Можно и больше; кроме того, если форма логотипа пока до конца не продумана, разумнее будет использовать квадратное, а не вытянутое вверх или вбок поле холста — такая форма даёт больше возможностей для внесения корректив по ходу работы.

• Во втором выпадающем списке — выбрать в качестве единиц разрешения эмблемы пиксели на дюйм.

• И задать в расположенном справа поле соответствующее значение. Оно должно быть не менее 300 dpi для размещения в Интернете и на электронных документах, 600 dpi — для печати на раздаточных материалах и от 1200 dpi — для полномасштабной полиграфии. Иначе при использовании растрового варианта эмблемы изображение будет выходить размытым; а пересчитывать каждый раз «вектор» — пустая трата сил и времени.

• Далее — выбрать цветовую палитру. Здесь всё зависит от концепции логотипа. Если он будет чёрно-белым, пользователю с лихвой хватит «Градаций серого»; если цветным — RGB (легче обрабатывается сторонними редакторами и принтерами) или CMYK (полнее палитра, однако при неправильном подборе даёт тусклые цвета). Оптимальным вариантом для пользователя, желающего сделать несложный полноцветный логотип, будет RGB.

• С разрядностью 16 бит — восьми для качественной печати маловато.

• В качестве фона для логотипа, который планируется сделать в Фотошопе, не рекомендуется использовать белый, чёрный или любой другой цветной фон: в дальнейшем могут возникнуть проблемы с его удалением. Развернув выпадающий список, следует пролистать его вниз.

• И выбрать вариант «Прозрачный фон» — в результате за пределами создаваемой эмблемы не будет ничего, кроме «пустоты».

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

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

• И полюбоваться на холст-заготовку в центре экрана.

• Чтобы было удобнее рисовать на нём, рекомендуется выбрать в меню «Просмотр» опцию «Показать во весь экран».

• Или настроить масштаб вручную в левом нижнем углу окна Фотошопа.

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

Добавление рамки

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

Чтобы добавить рамку логотипа, следует:

• Щёлкнуть правой клавишей мыши по расположенной в левой боковой панели пиктограмме прямоугольника.

• Выбрать в открывшемся контекстном меню нужную форму рамки — пусть это будет эллипс.

• В выпадающем списке на верхней панели задать параметр «Фигура».

• Далее — определить в поле «Заливка» цвет — из имеющихся вариантов, включая градиентные.

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

• В поле «Обводка» — выбрать, должен ли присутствовать на холсте контур только что созданной фигуры. Пользователю доступны четыре варианта: без контура, сплошная, градиентная и штриховая обводка.

• На примере градиентной процесс настройки контура выглядит следующим образом.

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

• И выбирает её тип: сплошную, штриховую или пунктирную.

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

• Отменить любое ошибочное действие удастся с помощью опции «Шаг назад» в меню «Редактирование».

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

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

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

• И вручную преобразовать контур, перетаскивая за реперные точки.

• Ещё больше возможностей (в частности, деформировать контур по своему желанию) юзер, собирающийся нарисовать логотип в Фотошопе, найдёт во вложенном меню «Трансформирование».

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

Импорт элементов

Чтобы добавить в состав логотипа в Фотошопе растровое изображение (например, в формате PNG, BMP, JPEG или GIF), необходимо:

• Выбрать в меню «Файл» опцию «Открыть».

• Указать в «Проводнике» путь до файла.

• Согласиться на обработку цветового профиля картинки — или, чего в большинстве случаев достаточно, отметить опцию «Оставить без изменений».

• Рисунок будет открыт в отдельной вкладке Фотошопа. Что с ним делать дальше, расскажем в следующем разделе.

Если изображение векторное (AI, CDR, SVG и т.д), понадобится:

• Открыть его, как было описано выше.

• И в новом окошке выбрать параметры преобразования: разрешение, размер и так далее.

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

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

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

• Вызвать инструмент «Быстрое выделение» на левой панели (чтобы попасть в контекстное меню, понадобится щелчок правой клавишей мыши).

• «Закрасить» мышью, удерживая левую кнопку, всю фигуру. Чтобы добавить отдельно стоящий блок, нужно зажать и держать во время процесса клавишу Shift; чтобы убрать ошибочно выделенный фрагмент — Alt.

• Кликнуть правой кнопкой по выделенному элементу и выбрать в открывшемся меню опцию «Выполнить обводку».

• В новом окошке указать предпочитаемые ширину и цвет контура.

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

• И убедиться, что от графического элемента осталась только рамка — её можно будет использовать как самостоятельную составляющую дизайна.

• Чтобы избавиться от неприятного для глаза мерцания вокруг фигуры, достаточно выбрать в меню «Выделение» опцию «Отменить».

Чтобы выполнить заливку одного или нескольких элементов, нужно:

• Выделить их, как было описано раньше, и выбрать в левой панели соответствующую опцию.

• Определить в палитре справа подходящий цвет.

• И последовательно щёлкать левой клавишей мыши по каждой фигуре, пока все они не станут окрашены как нужно.

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

Для создания контура вокруг графического элемента пользователь должен:

• Раскрыть меню «Слои» и выбрать во вложенном списке «Стиль слоя» опцию «Обводка».

• Установить галочку в чекбоксе «Выполнить обводку».

• Определить в правой панели цвет контура.

• И его толщину.

• Отлично! Теперь остаётся снять выделение со слоёв и приступить к следующему шагу.

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

Объединение элементов

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

• С помощью опции «Свободное трансформирование» подогнать размер каждой составляющей к заготовке.

• При этом все ранее созданные элементы остаются в силе.

• Используя иные возможности Фотошопа (поворот, деформацию и так далее), разместить детали в запланированном порядке.

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

Создание текстовых блоков

Чтобы добавить к логотипу текст, следует:

• Кликнуть по размещённой в левой панели пиктограмме «Т».

• Определиться с начертанием шрифта.

• И, что менее приоритетно, выравниванием.

• Набрать текст.

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

• Следует обратить внимание, что в этом случае изменятся пропорции надписи в целом — так, если пользователю пришлось «сжать» текст, он визуально станет чуть выше.

• Надпись можно подредактировать в любой момент — достаточно дважды кликнуть по соответствующему текстовому слою в правом нижнем углу окна Фотошопа.

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

• Преобразует надпись в растровый объект (опция «Растрировать текстовый слой» в меню «Текст»).

• С помощью функции «Деформация» из вложенного списка «Трансформирование» исказить надпись так, чтобы она вписывалась в рамку.

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

• Перейти к созданию фигуры, как было рассказано раньше.

• Выбрать для неё вариант «Контур».

• Нарисовать путь, по которому должен пролегать текст.

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

• С большой долей вероятности надпись будет неправильно развёрнута или находиться не в том месте, где планировалось. Пользователю следует найти и выбрать инструмент «Выделение контура».

• И перетащить текст в правильное положение.

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

Сохранение

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

• Выбрав в меню «Файл» опцию «Сохранить как», владелец компьютера.

• Указывает название эмблемы, которую только что смог сделать в Фотошопе, и выбирает указанный формат.

• Теперь остаётся выбрать «Максимальную совместимость», чтобы логотип с одинаковой лёгкостью открывался даже в старых версиях Фотошопа.

• В качестве формата рекомендуется использовать PNG.

• Чтобы ускорить процесс — отказаться от сжатия, а с целью улучшить выходное качество картинки — отказаться от чересстрочной развёртки.

В этом случае логотип сохранится на жёстком диске с заданным изначально размером. Юзер, стремящийся к тонким настройкам, должен:

• Выбрать в меню «Файл» опцию «Экспортировать как».

• Указать в появившемся окошке новые параметры.

• И нажать на кнопку «Экспортировать всё», после чего указать каталог сохранения.

Важно: поскольку логотип создавался на прозрачном холсте, при просмотре на подложках определённого цвета некоторые элементы могут быть незаметны; чтобы избавиться от этой особенности формата PNG, следует сохранить эмблему в JPEG/JPG или GIF.

Подводим итоги

Чтобы сделать логотип в Фотошопе, нужно заранее подготовить исходные материалы и продумать концепцию. Далее — создать холст, отрисовать элементы и соединить их в цельную композицию. По завершении пользователь должен сохранить результат — в оригинальный формат PSD и любой из растровых, например PNG.

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

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

После установки программы можно приступать к рисованию логотипа.

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

Этап 1: Настройка холста

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

Этап 2: Рисование свободной формы

Этап 3: Копирование формы

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

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

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

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

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

Этап 5: Заливка фигуры

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

Этап 6: Добавление текста

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

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

Итак, наш логотип готов! Осталось выполнить его экспорт в подходящем формате. Фотошоп позволяет сохранить изображение в большом количестве расширений, среди которых самые популярные PNG, JPEG, PDF, TIFF, TGA и прочие.

Заключение

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

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

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

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

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

Разновидности логотипов

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

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

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

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

Процесс создания простого варианта

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

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

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

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

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

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

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

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

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

Основы создания сложного логотипа

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

Цели создания векторной разновидности

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

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

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

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

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

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

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

Нажав на такой слой, дизайнер должен перейти в раздел меню «Окно», после этого найти подменю «Рабочая среда», а затем кликнуть по пункту «3D». Проделав такие нехитрые действия правильно, слой с текстовой информацией мгновенно превратится в 3D-объект.

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

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

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

Далее на 3D-панели следует перейти в слой «Сцена», там внести изменения в координаты оси Y, установив параметр полного угла (360 градусов). После такой корректировки можно убедиться, что изображение начинает вращаться.

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

В зависимости от ваших художественных талантов, создание логотипа может быть чем-то, что вы можете сделать даже во сне, а может быть и тем, что обеспечит вам бессонницу. Если вы один из тех, кто затрудняется придумывать и рисовать картинки, эта статья для вас. В статье специалист из Логастер расскажет вам, как пошагово создать логотип — от выбора идеи, до выбора формата готового файла. Возможно, ваш логотип не выиграет никаких наград, но, по крайней мере, у вас будет неплохой логотип, который вы сможете разместить на своем сайте или визитной карточке. Итак, начинаем! Шаги с 1 по 4 посвящены «мозговому штурму» при создании лого. Шаги с 5 по 7 научат нас создавать дизайн логотипа, включая такие аспекты как выбор формы, шрифта, цвета. А в Шаге 8 мы узнаем как создать окончательный дизайн в виде готового файла.

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

Шаг 1. Поиск идеи для вашего логотипа
Онлайн галереи логотипов, такие как Canva.com и LogoFury.com — отличные места, где можно почерпнуть вдохновение от дизайнеров.

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

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

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

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

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

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

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

Логотип должен быть универсальным : Качественный логотип всегда отлично смориться в любой среде и в любом виде.

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

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

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

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

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

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

2. Выберите только 1 или 2 основные цвета, а остальные должны быть дополнительными цветами едва различимыми.

3. Не поддавайтесь искушению добавить больше цветов – используйте вместо этого больше оттенков.

4. Обеспечьте достаточно белого пространства, чтобы глаза могли оставаться расслабленными.

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

Kuler.adobe.com
Сервис от Adobe предоставляет большую библиотеку готовых цветовых схем и также с помощью специального цветового колеса можно подобрать цвета, которые будут сочетаться с нужным цветом. Подробное видео как работать с Kuler.adobe.com

Сolorscheme.ru
Это русскоязычный сервис для подбора цветов и генерации цветовых схем. Сервис работает аналогично как Kuler.adobe.com, но возможностей немного меньше. Подробное видео как работать с Сolorscheme

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

Вот несколько простых советов, которые помогут вам в этом деле: Избегайте популярных шрифтов Да, ваш офисный пакет Microsoft Office включает в себя набор шрифтов. Проблема в том, что он также есть и у всех остальных. Поэтому использовать шрифт из библиотеки вашей ОС будет плохая идея. Аналогично действует правило и для популярных общедоступных шрифтов. Будьте вне времени Если кажется, что все вдруг используют определенный стиль шрифта (такой, как повсеместно используемый сейчас Sketch Block), продолжайте поиски. Ищите оригинальные шрифты, которые будут выделять ваш логотип. Помните, шрифт и логотип в целом должны выдержать испытание временем. Тренды приходят и уходят, и вот уж чего вам точно не надо, так это вложить немалое количество своего времени и денег в дизайн, который устареет чуть ли не за ночь.

Выбирайте читабельный шрифт. Текст логотипа должен отлично выглядеть, а тем более читаться в малом размере. Проверьте, как шрифт будет отображаться в разных размерах. Дайте немного пространства Великий джазовый трубач Майлз Дэвис однажды сказал, что ноты, которые вы не играете, так же важны, как те, которые вы играете. Поэтому при выборе шрифта логотипа необходимо учитывать расстояние между символами (кернинг). Слишком большое расстояние может сделать логотип “разбросанным” и бессвязным, а слишком малое может сделать его неразборчивым.

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

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

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

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

Webfont.ru
Каталог бесплатных шрифтов (есть кириллические). Есть поиск и фильтр по семействам шрифта.

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

Шаг 8. Создайте окончательный дизайн
После того как вы сделали несколько набросков логотипа, вам нужно перейти к его непосредственному созданию. Вы можете сделать это 3 способами: — создать логотип самостоятельно в графической программе; — создать логотип с помощью онлайн генератора логотипов; — используйте онлайн-инструмент для создания логотипов.

Создать логотип самостоятельно
Если вы выбрали этот способ, вам нужно определиться с программой для рисования, например Adobe Illustrator и/или Adobe Photoshop.

Adobe Illustrator — это векторная программа для рисования. Ее часто используют, чтобы рисовать иллюстрации, схемы и логотипы. Уроки создания логотипа с помощью Adobe Illustrator:

Adobe Photoshop является самой популярной программой для редактирования фотографий и растровых изображений. Ее диапазон использования — от полнофункционального редактирования больших фотографий до создания сложных цифровых картин и рисунков. Уроки создания логотипа с помощью Adobe Photoshop:

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

Logaster.ru
Русскоязычной онлайн генератор логотипов, с поддержкой кириллицы в логотипах. Процесс создания логотипа с помощью этого сервиса мы описали ниже. Уточним только, что после создания логотипа, вы можете скачать файлы в растровых (PNG и JPEG) и векторных форматах (SVG и PDF). Также вы можете сделать визитные карточки, конверты, бланки, фавикон на основе созданного логотипа.

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

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

Как создать логотип онлайн
Создадим пример логотипа с помощью сервиса Logaster. Зайдите на главную страницу сервиса и кликните “Создать логотип ”.

Введите текст логотипа и выберите тематику. Жмем «Далее».

Сервис предложит десятки вариантов логотипа. Выбирайте понравившийся и кликните на него.

Если нужно сделать правки, например, изменить текст, цвет, иконку, шрифт, и т.д, то кликните “Редактировать лого”.

Используйте инфографику по подбору цветов, чтобы выбрать подходящий шрифт под ваш вид деятельности. Аналогично используйте советы для выбора шрифта. Если вы довольны логотипом, кликните “Сохранить”. Скачайте логотип бесплатно (в малом размере) или за $9,99 полноразмерный.

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

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

Выбирайте правильный формат файлов для логотипа
Ваш логотип может быть сохранен в двух форматах. Один известен как векторный, а другой как растровый. Вам нужны файлы логотипа как в одном, так и другом формате. Векторный формат (PDF, CDR, EPS, SVG) используют для редактирования логотипа, а также для масштабирования, печати. Растровый формат (PNG, JPEG) используется для работы в Интернете. Например, для размещения вашего логотипа на сайте, соцсетях, в подписи к электронной почте. Для работы с вектором используют такие программы как Corel, Adobe Illustrator, Inkscape (бесплатная программа), для растра — Adobe Photoshop, Pint.Net и другие.

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

Сделайте свой логотип трехмерным с помощью Photoshop

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

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

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

После

Подробности руководства

• Программа: Adobe Photoshop CS2 (минимальная)
• Сложность: Начинающий — Intermediete
• Расчетное время выполнения: 60 минут

Шаг 1

Прежде чем мы начнем, вы можете загрузить исходный логотип, который мы будем использовать в этом руководстве, здесь: Logo Basic (2741 загрузок)

Дублируйте слой «Луна1», щелкнув правой кнопкой мыши на этом слое и выберите «Дублировать слой», затем дайте имя «Луна2» и нажмите «ОК».Или вы можете использовать эту команду «Ctrl» + «J» на клавиатуре.

Шаг 2

Перетащите слой «Moon2» немного влево вниз и сделайте цвет более ярким # 0077a2

Шаг 3

С помощью «Pen Tool (P)» мы немного изменим концы слоя с фигурой «Moon2»

Шаг 4

Добавить стиль слоя

Шаг 5

Теперь мы добавим эффекты света на объект с помощью кисти. Сначала нам нужен новый слой (пожалуйста, создайте слой), дайте имя «свет», затем установите слой смешивания «Overlay»

И выберите кисть диаметром 125 пикселей, жесткостью 0% и цветом #fff

.

выберите слой «Луна2», нажмите «ctrl» + «щелкните левой кнопкой мыши на миниатюре векторной маски», а затем вернитесь к слою «свет» и придайте краске его края.

Затем снимите выделение и выберите слой «Moon1», нажмите «ctrl» + «alt» + «левый щелчок по миниатюре векторной маски» на слое «Moon2», а затем вернитесь к слою «light» и дайте краски. , как показано ниже

Шаг 6

Теперь добавьте стиль слоя на слой «Moon1»

Шаг 7

Используя «инструмент эллипса», мы создадим эффект тени, сначала создадим овальную форму с цветом # 000, высотой 27 пикселей и шириной 355 пикселей.

Затем выполните преобразование из вектора в объект, нажав правую кнопку мыши на слое и выбрав «Растрировать слой».

После этого сделайте объект размытым, используя размытие по Гауссу с радиусом 10 пикселей

дополнительно уменьшить непрозрачность слоя до 30%

Шаг 8

СЕЙЧАС мы отредактируем слой «СИНИЙ», добавим стиль слоя

Так будет так

Шаг 9

Дублируйте слой «СИНИЙ» и сдвиньте немного вниз, затем измените стиль слоя

Так будет так

Шаг 10

Дублируйте слой «СИНИЙ», а также слой «СИНЯЯ копия», который мы сделали ранее, затем выберите оба слоя и объедините

После этого возвращаемся и меняем непрозрачность на 20%

Шаг 11

Повторите шаги с 8 по 10, чтобы изменить слой «ЛУНА», и результат будет таким, как показано ниже.

Шаг 12

Щелкните «Layer 0», используя инструмент «Градиент», затем добавьте синий цвет (# 48d7ff) в фоновый слой

Результат

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

Скачать PSD файл

Вы можете скачать файл psd (или исходный файл): Простой 3D-логотип (1584 загрузок)

Как сделать крутую игровую эмблему в Photoshop | Учебник Photoshop

Из этого видео вы узнаете, как с нуля создать классную эмблему в Photoshop.►
Или сэкономьте время и попробуйте создатель пользовательских эмблем на Placeit: https://placeit.net/logo-maker?utm_campaign=yt_tutsplus_4hg4mFFHEjE&utm_medium=referral&utm_source=youtube.com&utm_content=description&search=emblem=%120logos

Что вы узнаете:

00:00 — Введение
00:46 — Создание нового документа
02:00 — Создание формы щита
04:50 — Добавление текста
07:00 — Создание талисмана панды
12:45 — Соединение Эмблема
13:05 — Добавить фон и стилизовать эмблему

► Загрузите неограниченное количество стоковых фотографий, шрифтов и шаблонов с Envato Elements: https: // elements.envato.com?utm_campaign=yt_tutsplus_4hg4mFFHEjE&utm_medium=referral&utm_source=youtube.com&utm_content=description

Подробнее о том, как создать крутой герб в Photoshop на Envato Tuts +: https://design.tutsplus.com/tutorials/how-to-make-a-cool-emblem-in-photoshop–cms-36331?utm_campaign= yt_tutsplus_4hg4mFFHEjE & utm_medium = referral & utm_source = youtube.com & utm_content = description

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Envato Tuts +
Откройте для себя бесплатные практические руководства и онлайн-курсы.Создайте логотип, создайте веб-сайт, создайте приложение или изучите новый навык: https://tutsplus.com?utm_campaign=yt_tutsplus_4hg4mFFHEjE&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
Все необходимые творческие ресурсы по одной подписке. Настройте свой проект, добавив уникальные фотографии, шрифты, графику и темы.
► Загрузите неограниченное количество стоковых фотографий, шрифтов и шаблонов с Envato Elements: https://elements.envato.com?utm_campaign=yt_tutsplus_4hg4mFFHEjE&utm_medium=referral&utm_source=youtube.com & utm_content = description

► Подпишитесь на Envato Tuts + на YouTube: https://www.youtube.com/tutsplus
► Подпишитесь на Envato Tuts + в Twitter: https://twitter.com/tutsplus
► Подпишитесь на Envato Tuts + на Facebook: https: // www .facebook.com / tutsplus
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — игровая эмблема

источник

Эффект металлического логотипа автомобиля в Photoshop

На прошлой неделе я обнаружил новый веб-сайт о хромированных логотипах на автомобилях.Я часами просматривал этот сайт, и сейчас он определенно один из моих любимых. Сайт называется Chromeography, его можно посетить по адресу http://chromeography.com/. Сайт настолько меня вдохновил, что я решил попробовать что-нибудь сделать в фотошопе.

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

Шаг 1

Откройте Photoshop и создайте новый документ. Я использую 2560x 1600 пикселей. После этого залейте фоновый слой красным, как Ferrari red, или кроваво-красным 🙂

Шаг 2

Перейдите в Layer> Layer Styles> Pattern Overlay . Выберите металлическую текстуру. Я использую светлый алюминиевый эффект от http://subtlepatterns.com

Шаг 3

Щелкните Gradient Overlay .Используйте черный и белый для цвета, но обратите внимание, что черный немного ближе к центру. Также измените режим наложения на Умножение с непрозрачностью 40% . После этого измените масштаб на 35%.

Шаг 4

Добавьте новый слой поверх остальных и залейте его белым цветом. После этого убедитесь, что у вас есть черный и белый цвет для переднего плана и фона, затем перейдите в Filter> Noise> Add Noise. Используйте 1 0% для суммы. После этого перейдите в Image> Adjustments> Invert, затем перейдите в Image> Adjustments> Levels .Затем убедитесь, что фон почти черный с некоторыми белыми деталями. Последнее, что нужно сделать, это Filter> Blur> Radial Blur . Используйте Best для метода размытия и Best для качества.

Шаг 5

Измените режим наложения на Color Dodge.

Шаг 6

Добавьте новый слой и сгруппируйте его в папку. Измените режим наложения папки на Color Dodge. Выберите слой внутри папки и затем с помощью инструмента Brush Tool (B) используйте очень мягкую кисть белого цвета.Закрасьте почти в центре изображения немного бликов. Используйте изображение ниже для справки.

Шаг 7

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

.

Шаг 8

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

Шаг 9

Это окончательный результат, который вы получите после стилей слоя.

Шаг 10

А теперь внесем некоторые коррективы. Первое, что нужно сделать, это перейти в Layer> New Adjustment Layer> Gradient Map . Используйте черный и белый цвет по умолчанию и измените режим наложения на Мягкий свет.

Шаг 11

Выделите все слои и продублируйте их. После этого объедините все новые слои в один, затем перейдите в Filter> Blur> Gaussian Blur. Используйте 5 пикселей для радиуса .Измените режим наложения на Overlay на 100%. Дублируйте этот слой и измените режим наложения на Screen на 50%. С помощью инструмента Eraser tool удалите некоторые области этих двух слоев, чтобы создать некоторые различия в освещении. Используйте изображение ниже для справки.

Шаг 12

Добавьте еще один слой и сгруппируйте его в папку. Измените режим наложения папки на Color Dodge. Затем с помощью инструмента Brush Tool (B) и мягкой белой кисти создайте отражение поверх буквы A.

Шаг 13

Перейдите к Layer> New Adjustment Layer> Photo Filter. Используйте охлаждающий фильтр (82) с плотностью 20%.

Заключение

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

Загрузите файл Photoshop

Скачать исходный файл

Как тиснить логотип или значок в Photoshop

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

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

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

Шаг 1.

Начните с нового документа. Я выбрал 1920 x 1080 в качестве размера экрана HD, и он отлично подойдет для конечных заставок Youtube или других видеопроектов.

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

Шаг 2.

Добавьте значки или текст. Я нашел социальные иконки в Интернете. Легко найти с помощью быстрого поиска в Google.

Шаг 3.

Добавьте свой логотип, чтобы немного персонализировать его. (Конечно, на этой странице может быть что угодно.)

Шаг 4.

Нам нужно собрать все в один слой.

Вы можете развернуть документ. Но лучше оставить слои на тот случай, если потом вы захотите что-то изменить. Нажмите Ctrl + Alt + Shift + E (windows) / Cmd + AOption + Shift + E (Mac)

Это создает сплющенный слой сверху.

Шаг 5.

Нажмите Cmd / Ctrl + A, чтобы выбрать все.

Нажмите Cmd / Ctrl + C, чтобы скопировать в буфер обмена.

Шаг 6.

Выберите панель каналов

Создайте новый альфа-канал, нажав кнопку нового канала

Шаг 7

Вставьте в канал. Ctrl / Cmd + V

Шаг 8.

Щелкните по слову RGB.

Красный Зеленый и Синий каналы должны быть снова включены, а Alpha 1 не отображается. Если вы видите красноватый цвет, это связано с тем, что альфа-канал все еще включен (щелкните его глазное яблоко, чтобы выключить его.)

Шаг 9.

На панели слоев создайте новый слой

Нажмите Shift + Delete на Mac (Shift + Backspace в Windows).

Когда откроется диалоговое окно заливки, выберите 50% серого для содержимого.

Нажмите ОК.

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

Шаг 10.

Выберите «Фильтр»> «Рендеринг»> «Световые эффекты»

(Если он неактивен, убедитесь, что ваше изображение — RGB и 8-битное в меню «Изображение»> «Режим».Также перейдите в «Настройки»> «Производительность» и убедитесь, что параметр «Использовать графический процессор» включен. Если и это не помогло, попробуйте перезапустить.)

В световых эффектах выберите Blue Omni из предустановок.

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

(нажмите Ctrl / Cmd + H, если вы не видите наложение инструмента).

Шаг 11.

Вы увидите поле под названием Текстура в свойствах справа.

Выберите Alpha 1 из списка.

и БУМ! вы увидите свой канал с тиснением. (Ползунок высоты меняет ее)

Шаг 12.

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

Step 13

Увеличение высоты делает эффект более выраженным.

Шаг 14.

Если переместить ползунок на отрицательное число, тиснение станет вставкой.Интересно, да?

Шаг 15.

Вы можете изменить цвет, щелкнув прямоугольник по цвету.

Палитра цветов позволит вам выбрать другой цвет.

Step 16

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

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

Все красиво высечено, но что, если вам нужен закругленный край?

Шаг 17.

Перейдите на панель каналов и нажмите на «Альфа 1», давайте изменим изображение в канале.

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

Шаг 18.

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

Удерживая нажатой клавишу Alt / Option, выделите тип, это убирает выделение.

Шаг 19.

Выберите Фильтр> Размытие> Размытие по Гауссу

Радиус 7.8 здесь работает.

Щелкните OK

Шаг 20.

Щелкните RGB, чтобы снова включить каналы RGB.

Шаг 21.

Создайте новый слой и залейте его серым, как мы это делали на шаге 9.

Шаг 22.

Выберите Filter> Render> Lighting Effects

Вы заметите размытие. закругленный край. (На самом деле именно так мы делали фаски до стилей слоев, но никому не говорите, что я так долго использую Photoshop, подождите, я начал, когда мне было 5 лет;))

Step 23

Если мы уменьшим По высоте можно получить еще более мягкий эффект.

И результат.

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

Это третья часть моей серии статей о световых эффектах.

Если вам понравилось, поделитесь этим в социальных сетях

Рад видеть вас здесь, в CAFE

Colin

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

Часть 2 освещает портрет

См. Здесь

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

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

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

PS Не забудьте присоединиться к нашему списку рассылки и подписаться на меня в социальных сетях>

(Я публиковал забавные сообщения в Instagram и Facebook Рассказы за последнее время)

Рад видеть вас здесь, в CAFE,

Колин

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

Если вам нравятся эти методы, и вы хотели бы глубже погрузиться в Photoshop, Я только что начал углубленный курс Photoshop.Он называется «Секреты Photoshop: Photoshop 2020 для цифровых фотографов». Посмотрите здесь

40+ Руководства по дизайну логотипов — Как создать логотип в 2021 году

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

Я запуталась. По профессии он был юристом и работал в местной юридической фирме. Где он мог получить профессиональные навыки графического дизайна? Он сказал мне, что у него был талант к рисованию, и он неплохо учился в школе, но не мог реализовать свой талант из-за финансовых проблем и нехватки времени.

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

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

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

---

Создайте свой логотип с TemplateMonster!

Нужен красивый логотип для вашего сайта, но нет выхода? В этом вам помогут профессиональные веб-дизайнеры из MotoCMS.
Наша команда предложит лучшее решение для вашего бренда в соответствии с вашими личными требованиями. Если логотип не соответствует вашим запросам, мы переделаем его до 3 раз. Просто добавьте это предложение в корзину или обратитесь в сервисный центр

Примечание. Процесс создания вашего логотипа займет до 10 рабочих дней с момента принятия предложения.

Бесплатные учебники по созданию логотипа

Начнем с бесплатных руководств по Adobe Photoshop и Illustrator.Этот обзор служит нескольким целям. Есть руководства по созданию логотипов в различных стилях, от винтажных и минималистичных до современных и трехмерных. Что особенно круто, это не займет у вас много времени. Самый короткий урок длится чуть больше 6 минут, а самый длинный — почти 18 минут.

Как создать логотип значка в стиле ретро в Adobe Illustrator

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

Продолжительность : 7м 41с

---

Используйте векторные формы для создания логотипа в Adobe Illustrator CC

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

Продолжительность : 30м 43с.

---

Как нарисовать градиентный логотип в Illustrator

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

Продолжительность : 16м 19с

---

Учебное пособие по созданию логотипа на лице в Photoshop с эффектом галактики

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

Продолжительность : 6 мин. 35 сек.

---

Как создать стильный логотип с одинарными линиями в Adobe Illustrator

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

Продолжительность : 10м 41с

---

Создание логотипа с нуля в Adobe Illustrator CC

Как создать логотип в Adobe Illustrator CC — от начала до конца

Продолжительность : 10м 49с.

---

Урок Photoshop по созданию логотипа Galaxy

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

Продолжительность : 12м 52с

---

Vintage Badge Logo Tutorial для Adobe Illustrator

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

Продолжительность : 14м 8с

---

Учебное пособие для Illustrator Дизайн светящегося 3D-логотипа в виде капли

Вам нужен логотип с чувством глубины? Создайте его в 3D с помощью этого бесплатного руководства по Illustrator.Он показывает, как создать свой логотип в виде капли и применить к нему эффект тени и градиентные цвета.

Продолжительность : 7м 36с

---

Узнайте, как нарисовать логотип Instagram 2016 в Adobe Illustrator

Нравится ли вам логотип Instagram, выпущенный в 2016 году? Независимо от вашего ответа, вы можете попробовать спроектировать его самостоятельно и приобрести новые навыки игры с цветами, формами и другими инструментами в Adobe Illustrator. Это бесплатное видео-руководство поможет вам шаг за шагом пройти весь процесс.

Продолжительность : 9м 59с

---

3D Bubble Text Logo Mark Design Illustrator Tutorial

Хотите создать свой логотип в 3D? Узнайте, как легко вы можете это сделать, в этом бесплатном и увлекательном руководстве по Illustrator. Автор расскажет, как создать трехмерный текстовый логотип в виде пузырьков градиентных цветов. В процессе вы станете более умелыми в использовании функций наложения, изменении ориентации градиентов, графической перспективы и т. Д.

Продолжительность : 14м 55с

---

Профессиональный дизайн логотипа в Adobe Illustrator CC (Tangled)

Хотите узнать, как создать уникальный и креативный логотип компании? Найдите вдохновение в этом бесплатном видеоуроке для Adobe Illustrator.Автор показывает, как создать нарисованный вручную логотип с помощью инструментов «Карандаш», «Выделение» и «Ручка». Дизайн логотипа основан на трех слоях, каждый из которых имеет свой цвет.

Продолжительность : 12м 14с

---

Профессиональный дизайн логотипа в Adobe Illustrator CC (Split)

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

Продолжительность : 15м 34с

---

Hipster Logo Design Photoshop CC Учебное пособие

Логотипы

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

Продолжительность : 15м 53с

---

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

Учебник по Photoshop 2018: как создать дизайн логотипа

Продолжительность : 7м. 14с.

---

Как нарисовать спартанский логотип в Illustrator

Вам интересно узнать, как создать логотип для Спарты? Посмотрите это бесплатное руководство по Adobe Illustrator. Автор покажет вам, как нарисовать логотип Spartan на основе принципов золотого сечения, в частности, с использованием нескольких кругов и линий. Еще одним преимуществом этого урока является то, что он дает возможность освоить инструмент Shape Builder Tool.

Продолжительность : 17м 55с

---

Как создать модный дизайн сложенного логотипа в Adobe Illustrator

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

Продолжительность : 7м 22с

---

Креативные формы в Adobe Illustrator

Креативные формы для дизайна логотипов Учебное пособие по иллюстратору

Продолжительность : 8м. 52с.

---

Учебное пособие по Photoshop: как создать дизайн логотипа в стиле ретро, ​​каджунского стиля тату

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

Продолжительность : 6 мин. 28 сек.

---

Создание хипстерского логотипа в Adobe Illustrator

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

Продолжительность : 16м 22с

---

Учебное пособие по абстрактному логотипу для Adobe Illustrator CC

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

Продолжительность : 14м 07с

---

Как создать логотип фотографии: Урок Photoshop

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

Продолжительность : 11м 25с

---

Учебное пособие по дизайну винтажного логотипа для Adobe Illustrator CC

Если вы только начинаете, ознакомьтесь с этим бесплатным руководством по Adobe Illustrator CC. Здесь вы узнаете много полезных советов по созданию логотипов для начинающих. Автор делится ими на примере рукописного винтажного логотипа с немного размытым эффектом.

Продолжительность : 13м 41с

---

Создание логотипа Flame в Adobe Illustrator

Лучшее руководство по дизайну логотипа для начинающих Как создать дизайн логотипа 3D Flame Fire

Продолжительность: 11 мин. 20 сек.

---

Vintage Logo Tutorial для Adobe Illustrator

Это бесплатное руководство по созданию логотипа пригодится тем из вас, кто любит винтажный стиль.Поскольку он в основном ориентирован на типографику, вы познакомитесь с новыми методами использования инструментов «Текст» в Adobe Illustrator.

Продолжительность : 8 мин. 45 сек.

---

Как создать логотип Atlantic Hipster в Photoshop

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

Продолжительность : 12м 48с

---

Учебники премиум-класса по созданию логотипа

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

Дизайн логотипа в Adobe Illustrator для начинающих и не только

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

Продолжительность : 7ч 18м 54с

---

Создайте уникальный технический логотип

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

Продолжительность : 1ч 28м

---

Разработка логотипа: методы

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

Продолжительность : 4ч 58м

---

Освоение дизайна логотипа: сетка с золотым сечением

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

Продолжительность : 45м

---

Master FX: 3D-дизайн логотипа в Adobe Photoshop

Этот урок состоит из 8 коротких видеоуроков по созданию 3D-логотипа в Photoshop CC.Автор объясняет, как создать форму с текстовыми элементами, преобразовать ее в 3D, применить цвета и текстуры, использовать освещение и т. Д. На последнем уроке вы узнаете, как добавить особые штрихи к дизайну вашего логотипа.

Продолжительность : 1 час

---

Мастер-класс по дизайну: изучение дизайна логотипов и иллюстратора

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

Продолжительность : 6ч 42м 9с

---

Добавьте энергии вашим логотипам с помощью 3D-анимации в Photoshop

Пройдите этот курс, чтобы узнать, как анимировать векторные логотипы в Photoshop. Автор поможет улучшить эстетику вашего логотипа в 3D пространстве с помощью материалов, текстур и освещения. Затем вы увидите, как разместить свой 3D-логотип на шкале времени Photoshop, создать для него простую анимацию и экспортировать окончательное видео из программы.

Продолжительность : 1ч 17м

---

Наука о дизайне логотипов

Автор этого урока применяет научный подход к дизайну логотипа. Он анализирует 4 принципа модели ARMM, аббревиатуру «внимание, реакция, значение и память». Большинство дизайнеров говорят нам, что простые логотипы лучше сложных дизайнов. Но в этом уроке вы обнаружите случаи, когда сложные логотипы превосходят простые.

Продолжительность : 45м 3с

---

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

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

Продолжительность : 6ч 45м 35с

---

Дизайн логотипа 101

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

Продолжительность : 5ч 23м 4с

---

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

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

Продолжительность : 1ч 44м

---

Создание логотипа стало проще: создайте свой собственный логотип в PowerPoint

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

Продолжительность : 1ч 13м 45с

---

Дизайн логотипа: Wordmarks

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

Продолжительность : 5ч 5м 35с

---

Стать профессиональным дизайнером логотипов

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

Продолжительность : 7ч 45м 34с

---

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

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

Продолжительность : 1ч 14м

---

Создание символов для логотипов вручную в Illustrator

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

Продолжительность : 1ч 29м

---

Дизайн логотипа кисти: разработайте свой фирменный стиль

Узнайте, как создать логотип в стиле подписи с помощью пера кисти в Illustrator. Этот курс из 15 эпизодов поможет вам изучить лигатуры, определить мотивы и создать плавные кривые с помощью инструмента «Перо».

Продолжительность : 2ч 9м

---

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

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

Продолжительность : 5ч 6м

---

Дизайн логотипа: как создать отличный логотип в Illustrator

Этот курс похож на набор 3 в 1, который позволит вам освоить Illustrator, изучить теорию дизайна логотипов и попрактиковаться в своих навыках.На более чем 56 лекциях вы узнаете об инструментах создания, преобразованиях, палитре, типографике и о том, как самостоятельно создать логотип из списка Fortune 500.

Продолжительность : 5ч 26м 37с

---

Типографские логотипы: типографика и надписи для дизайна логотипов

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

Продолжительность : 1ч 31м

---

Как создать дизайн логотипа с помощью Online Logo Maker

Хотите сделать процесс создания логотипа проще и быстрее? Попробуйте использовать онлайн-конструктор логотипов для своего бизнеса, выполнив простые и легкие шаги.

Designimo — Как это работает (Учебное пособие) — Версия 1.1

---

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

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

---

---

FAQ

Что такое логотип?

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

Есть ли какое-нибудь программное обеспечение, которое может помочь мне нарисовать логотип?

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

Сложно создать логотип?

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

---

Re ad Также

Просто сделай это! Или как логотип за 35 долларов может стать популярным во всем мире

Получите логотип, чтобы убить, и будьте уверены, что он будет [Услуги по разработке логотипов MotoCMS]

Вы все еще тратите деньги на дизайн логотипа?

Хипстерских логотипов, которые не будут выглядеть убогими в 2016 году (с бесплатными примерами)

Как создать логотип эффективно и безболезненно

9 лучших бесплатных разработчиков логотипов

Простое трехэтапное руководство по Photoshop

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

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

Примечания:

* Для этого урока я использую Adobe Photoshop CC 2018 / Adobe Premiere Pro CC 2018. Некоторые функции могут быть недоступны в более старых версиях Photoshop.

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

*** Готовы воплотить свой дизайн футболки в реальность? Ознакомьтесь с нашими услугами по заказу футболок AA, чтобы узнать о выгодных предложениях!

Как сделать Photoshop логотипом на вашей футболке

Шаг 1. Настройте документ

Откройте Photoshop CC. Использование рабочей области по умолчанию: перейдите в «Окно»> «Рабочая область»> «Основные» (по умолчанию), чтобы убедиться, что вы используете те же настройки, что и для этого руководства.

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

Измените настройки ширины и высоты с пикселей на дюймы. Хорошее практическое правило для дизайна футболок — начинать с 14 дюймов для ширины и 17 дюймов для высоты (вы всегда можете отрегулировать это позже).

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

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

На этом экране есть и другие настройки. Вы захотите оставить другие настройки такими же — оставьте их в портретной ориентации, оставьте такой же цветовой режим.

Шаг 2. Поместите изображение вашего логотипа

Вставьте изображение вашего логотипа на фон и установите изображение как «смарт-объект». Поместите изображение на рубашку и сделайте свободное преобразование, удерживая клавишу Shift, чтобы отрегулировать размер и расположение.

Шаг 3. Сохраните файл. Вы сделали!

Немного более сложный способ — реалистичный макет футболки

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

Шаг 1. Изолируйте свою футболку

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

Шаг 2. Создание карты смещения

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

Выберите эту копию слоя «Футболка». Перейдите к корректирующим слоям и выберите «уровни». Цель настройки уровней — увеличить контраст между черным и белым на футболке, чтобы определить, что такое https: // transparentpharmacy.сетка приподнята, а то, что втягивается — совсем как складки на настоящей футболке. Это то, что делает макет реалистичным.

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

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

Шаг 3. Поместите свой логотип на футболку

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

Следующим шагом будет создание копии изображения логотипа.Отключите любые другие слои, так что теперь у вас должен быть только исходный фон и ваш логотип. Поднимитесь к Filter> Distort> Displace. Оставьте на данный момент параметры смещения как есть. Вам будет предложено выбрать файл. Здесь вы выберете свой «смещенный» файл, который вы создали несколько минут назад.

Затем дважды щелкните изображение логотипа, чтобы открыть диалоговое окно стиля слоя. Внизу этого поля есть опция «Смешать, если», которая установлена ​​на серый цвет для обоих слоев.Удерживайте нажатой клавишу alt, чтобы разделить два ползунка. Нижний немного сдвиньте вправо. Когда вы это сделаете, вы должны увидеть, как логотип начинает сливаться с футболкой и становится более реалистичным. Сохраните свой макет.

Готово!

Теперь, когда вы успешно создали свой макет, распечатайте свое творение на настоящей футболке! Ознакомьтесь с услугами AA Custom T-shirt для всех ваших потребностей в печати футболок!

Ragnarok Online КАК СОЗДАТЬ ЭМБЛЕМЫ ГИЛЬДИИ С ПОМОЩЬЮ ADOBE PHOTOSHOP

Хорошее руководство, которое я нашел на каком-то веб-сайте 2 года назад..


Индекс ———————————————————————————

Легенда индекса:
[текст] означает сокращение для Adobe PS

Что такое эмблема ———————————————————————————

1) Это изображение размером 24 × 24 пикселя. Это не изображение высокого качества размером 10000 × 10000 или изображение размером 200 × 200. Уменьшение чего-либо обычно выглядит как ****.

2) Вы должны начать с малого. Сделать эмблему большой, а затем сжать ее не получится.

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

4) При сжатии работает:
… .A) Когда это что-то, что заполнит все пространство 24 × 24 (аннотация)
…… ..1) Или если вы хотите сделать границу в 1 пиксель, например, прямоугольник и остальное прозрачное.
… .B) Когда вам не нужны прозрачные пленки и не используется рамка.
… .C) Когда у вас есть фон, как в моем примере.
… .D) Когда вы являетесь Мастером по изготовлению эмблем, как я.Что-то я не могу сделать.

Что вам нужно ———————————————————————————–

Чтобы делать эмблемы так же хорошо, как я, требуется Adobe Photoshop, и для этого руководства.

Ваши другие возможности для создания эмблемы — это MS Paint. Простая программа для редактирования изображений, которая по умолчанию входит в состав большинства ОС Windows. Чтобы запустить MS Paint в Windows, выберите «Пуск»> «Выполнить». введите mspaint и нажмите Enter. Остальная часть этой гильдии не поддерживает использование MS Paint.

Шаги ———————————————————————————–

1) Откройте Adobe Photoshop.После открытия перейдите к файлу> новый [ctrl + n]

2) Изображение размером 24 × 24 пикселя.

3) Теперь, когда у нас есть новое маленькое изображение, готовое к работе, удалите этот мусор в верхнем левом углу холста (если он там есть). [alt + h]. Раскрасьте img в прозрачный цвет для RO. FF00FF — это его шестнадцатеричный код. Используйте инструмент «Ведро с краской» на фоновом слое, чтобы сделать это.

4) Создайте новый слой. [ctrl + shift + n]. Нажмите Enter. Это будет слой для вашей белой треугольной границы.

5) теперь, когда у нас есть новый слой.выберите инструмент «карандаш». Из меню инструментов. Если вы видите кисть вместо карандаша, нажмите и удерживайте.

6) Используйте навигатор, чтобы увеличить изображение, набрав 1600% или перетащив прокрутку влево.

7) Как и раньше, чтобы изменить цвет на FF00FF, измените его на белый FFFFFF. Нажмите ОК и закройте коробку. Начните рисовать карандашом небольшой прямоугольник. Удерживайте Shift, чтобы получилась прямая линия. Убедитесь, что размер кисти карандаша составляет 1 пиксель.

После того, как у вас есть прямоугольник, вам нужно окрасить верх и низ изображения ярко-розовым цветом FF00FF.это должно выглядеть так. (прямо сейчас у вас, вероятно, есть слой под названием «background», залитый ярко-розовым цветом. Вы должны удалить этот слой и работать с «слоем 1». На слое 1 есть белое поле / прямоугольник.)

9) найдите стоковую фотографию, я предлагаю «поиск картинок в Google». Я ищу … яблочный пирог! Я собираюсь использовать это изображение

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

11) Чтобы вставить круговую диаграмму в изображение 24 × 24, чтобы мы могли с ним работать, уменьшите масштаб, как вы увеличили (см. Шаг 6).100% будет хорошо. Вставьте изображение пирога, [ctrl + v]
11a) теперь используйте [ctrl + t], сокращение для свободного преобразования.
11b) щелкните в углу поля, которое стало видимым (указатель мыши должен измениться, когда он находится над углом), удерживайте нажатой клавишу Shift и перетащите ее внутрь (удерживание клавиши Shift сохраняет пропорциональность). Когда закончите, пирог должен быть примерно того же размера, что и изображение. Нажмите Enter.

12) Щелкните слой с пирогом под слоем с белым прямоугольником и растяните его.

13) Теперь вы должны увидеть, что превращается в красивую эмблему.Теперь все, что вам нужно, это какой-нибудь «пирог» текст. Создайте новый слой и нажмите [d], чтобы сбросить цветовую палитру.

14) Увеличьте масштаб нового слоя до 1600%. Нарисуйте пиксельный пирог с помощью карандаша.

14a) Сделайте белую рамку после того, как сделаете черный ПИРОГ. Чтобы сделать круговой текст белой рамкой, создайте новый слой и перетащите его ниже слоя, на котором находится черный текст «PIE». Затем с помощью инструмента «Карандаш» и убедившись, что цвет белый, заполните область за черным текстом «ПИРОГ». Просто нарисуйте этот белый прямо здесь.

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

16) На этом вы почти закончили. Чтобы сохранить его как 8-битный BMP. перейдите в изображение> режим> цвет индекса.