Как создать круглый логотип в фотошопе: Создаем в фотошопе круглый логотип с декоративным элементом | DesigNonstop

Содержание

Создаем в фотошопе круглый логотип с декоративным элементом | DesigNonstop

Создаем в фотошопе круглый логотип с декоративным элементом

17

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

Шаг 1.
Создаем в фотошопе новый документ, заливаем его цветом #d2d2d2.

Шаг 2.
Воспользуемся «Фильтр» (Filter) > «Шум» (Noise) > «Добавить шум…» (Add Noise…) со значением 6, распределение равномерное, монохромный.

Шаг 3.
Применим к фону стиль слоя «Внутреннее свечение» (Inner Glow), цвет #d1d0d0.

Шаг 4.
Получили такой результат.

Шаг 5.

На новом слое создаем круг, цвет #1f1f1f.

Шаг 6.
Теперь сделаем так. Удерживая Ctrl, щелкаем по слою с кругом, чтобы выделить его. В верхнем меню выбираем «Окно» (Window) > «Контуры» (Paths). В открывшемся диалоговом окошке щелкаем по нижней иконке «Сделать из выделенной области рабочий контур» (Make Work Path From Selection). Получили рабочий контур. Теперь выбираем инструмент «Текст» (Text Tool) и пишем простой точкой по контуру. Настройки шрифта как на рисунке ниже. Более подробно посмотреть как написать текст по кругу можно посмотреть в соответствующем уроке.

Шаг 7.
После этого, удерживая Ctrl, щелкаем по слою с точками, чтобы выделить фигуры. Слой с точками можно отключить.

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

Шаг 9.
Выделяем в центер круг и нажимаем Del, чтобы удалить середину шестеренки.

Шаг 10.
Делаем еще два декоративных круга внутри шестеренки. Для этого на новом слое создаем круг, цвет #d2d2d2. Вырезаем у него середину, оставив кромку шириной 3 пикселя. К оставшейся фигуре применим стиль слоя «Обводка» (Stroke) шириной 2 пикселя и цветом #1f1f1f.

Шаг 11.
На новом слое выделяем два круга, как на рисунке ниже и заливаем цветом #1f1f1f.

Шаг 12.
В образовавшиеся темные области ставим звездочки.

Шаг 13.
Выбираем узкий активный шрифт и на новом слое пишем слово, в данном случае DESIGNONSTOP. Применим к тексту трехпиксельную обводку цветом #d4d4d4.

Шаг 14.
Теперь напишем текст по кругу. Опять воспользуемся уроком «Как написать текст по кругу«. Настройки шрифта, как на рисунке ниже. Сначала пишем текст сверху.

Шаг 15.
Потом пишем текст снизу. В результате получили такой вот логотип.

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

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

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

Этот урок будет целиком посвящен созданию эмблемы для сайта в Фотошопе. В нашем случае это 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. В параметрах наложения накладываем тень на слой и получаем готовую круглую эмблему:

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

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

Рисуем круглый логотип в Фотошопе

Рисуем круглый логотип в Фотошопе

Создание логотипа в Фотошопе – занятие интересное и увлекательное. Такая работа подразумевает четкое представление о назначении лого (сайт, группа в соцсетях, эмблема команды или клана), осознании основного направления и общей концепции ресурса, для которого этот логотип создается.

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

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

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

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

Итак, разлиновку мы закончили, приступаем к рисованию.

Создаем новый пустой слой.

Затем берем инструмент «Перо» и ставим первую опорную точку в центр холста (на пересечение центральных направляющих).

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

Далее зажимаем ALT, подводим курсор к концу луча и возвращаем его к опорной точке.

Таким же образом дорисовываем всю фигуру.

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

В окне заливки выбираем цвет, как на скриншоте – оранжевый.

После завершения настройки цвета нажимаем во всех окнах ОК.

Затем еще раз кликаем по контуру и выбираем пункт «Удалить контур».

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

Находясь на слое с долькой, нажимаем вот такое сочетание клавиш: CTRL+ALT+T

. Вокруг дольки появится рамка.

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

Как известно, полная окружность составляет 360 градусов. Долек у нас по плану будет семь, значит, 360/7=51,43 градуса.

Это значение мы и прописываем в соответствующее поле на верхней панели настроек.

Получаем вот такую картинку:

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

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

Затем зажимаем сочетание клавиш CTRL+ALT+SHIFT+T, повторив предыдущее действие с такими же настройками.

Повторяем действие еще несколько раз.

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

CTRL+G, объединив их в группу.

Продолжаем создавать логотип.

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

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

Дублируем слой с кругом сочетанием клавиш CTRL+J, перемещаем копию под оригинал и, клавишами CTRL+T, вызываем рамку свободного трансформирования.

Применяя тот же прием, что и при создании первого эллипса (SHIFT+ALT), немного увеличиваем наш круг.

Снова дважды кликаем по миниатюре слоя и снова настраиваем цвет.

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Создание эмблемы в Фотошопе: пошаговое руководство

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

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

Этот урок будет целиком посвящен созданию эмблемы для сайта в Фотошопе. В нашем случае это 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. В параметрах наложения накладываем тень на слой и получаем готовую круглую эмблему:

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

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

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

Леонид Родинский

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

Решения для привлечения клиентов

Вам будет интересно

Выделение

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

  • Запускаем программу, открываем картинку.
  • Активизируем инструмент «Овальная область». Он по умолчанию находится в одной вкладке с прямоугольником (клавиатурное сокращение М).
  • Зажимаем клавишу shift и от угла до угла формируем круглое выделение. Если требуется овал, делаем его без дополнительной кнопки. При необходимости корректировки положения созданного выделения, действуем стрелками, либо нажатием правой кнопки мыши внутри круга вызываем контекстное меню и выбираем строку «Трансформирование выделенной области».
  • В меню «Слой» находим позицию «Новый» и выбираем «Скопировать на новый слой». Или применяем клавиатурное сокращение ctrl+J.
  • В результате в панели слоёв появляется новая позиция – вырезанный в круг логотип.

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

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

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

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

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

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

Рисуем круглый логотип в Фотошопе

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

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

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

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

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

Шаг 1

В Adobe Illustrator создаем круг, используя Ellipse Tool (U).

Выберем круг и нажмем Ввод (Enter) и появится диалоговое окно Move. Теперь мы можем двигать круг горизонтально и вертикально, а также создавать копии.

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

Шаг 3

Создадим круг под первым и третьим кругом. Это будут буквы Z и G.

Шаг 4

Используя Direct Selection Tool(A), выделим несколько сегментов у кругов и удалим их как на картинке ниже.

Шаг 5

Выделяем все объекты и меняем Ширину обводки (Stroke Weight) на 20pt. После этого добавим еще 2 элемента под Z и R, как показано на картинке, и удалим сегмент последней A. Совет: используйте функции Object>Transform>Move и Object>Transform>Reflect для большей точности.

Шаг 6

Меняем цвета обводки. Я использовал зеленый для Z, для As, красный для G и R, и синий для O.

Шаг 7

Выберем букву A или вторую окружность и откроем диалоговое окно Move (как мы делали это в шаге 2). Двигаем букву ближе к первой букве, Z. Повторяем это для остальных букв. После этого меняем порядок букв (в палитре слоев) так, чтобы буква R находилась над последней буквой A, но внутри O. Совет: Чтобы сделать это вам потребуется создать новые элементы чтобы маскировать их. Используйтес команду Move для точности.

Шаг 8

Когда вы расставили буквы так, что межбуквенное расстояние вас устраивает и все буквы хорошо расположены, выберите все объекты. И выберите в меню команду Object>Path>Outline Stroke. Она преобразует обводки в заливки.

Шаг 9

Выберите букву G и R и примените к ним линейный градиент. Используйте переход цвета от оранжевого к красному.

Шаг 10

Продублируйте элемент над буквой Z и поменяйте цвет на черный. Примените к нему команду Effects>Blur>Gaussian Blur, используя параметр примерно 3.5pt. После этого разместите его под буквой Z и R как на картинке.

Результат

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

Создаём Логотип из Фотографии

Данный урок был первоначально опубликован в июле 2012 года в качестве Премиум Урока Tuts +. Теперь он доступен для бесплатного просмотра. Хотя в этом уроке не используется последняя версия Adobe Photoshop, техники и способы обработки, которые описаны здесь, по-прежнему актуальны.

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

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

1. Как Создать Первоначальную Концепцию

Шаг 1

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

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


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

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


Шаг 2

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


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


2.  Подготавливаем Исходное Изображение


Шаг 1

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

Большой Африканский Лев от EcoSound

Шаг 2

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

Откройте исходную фотографию в программе Photoshop, а затем идём Изображение- Коррекция – Чёрно-белое (Image > Adjustments > Black & White). Поскольку на моём изображении присутствует в основном жёлтые тона, я выбрал Жёлтый фильтр (Yellow Filter). Применение коррекции Чёрно-белое (Black & White) вместо обычного преобразования в серые полутона, даёт вам больше контроля над тем, как будут выглядеть серые тона. Вы можете начать с выбора Набора параметров (preset), а затем поиграть с бегунками настройки цвета.



Шаг 3

Теперь преобразуйте изображение в серые полутона. Идём Изображение- Коррекция – Уровни (Image > Adjustments > Levels). Настройте бегунки, чтобы добавить контраст к изображению.



Шаг 4

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




3.  Рисуем Векторные Фигуры


Шаг 1

Начните рисовать линии и фигуры с помощью инструмента Перо (Pen Tool). Вы могли бы использовать инструмент Карандаш (Pencil Tool), Кисть (Brush tool), или даже инструмент Кисть-клякса (Blob Brush Tool), но мы собираемся создать точные контуры только с основными опорными точками.

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



Шаг 2

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



4.  Добавляем Цвет

Шаг 1


Залейте фигуры одним цветом. Продолжайте упрощать при необходимости и сглаживать контурные линии.



Шаг 2


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



Шаг 3


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



5. Совершенствуем Логотип


Шаг 1

На данном этапе, всё работа свидится к незначительным доработкам. Удалите всё лишние, при этом изображение должно читаться, как лев. Просто упростите дизайн!

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




Шаг 2

Когда вы проведёте коррекцию и доработку, и вы будете уверены, что работа завершена, то вы можете скрыть рисунок, сохранив только контурные линии, которые выделяют светлые участки. Используйте команду Разделение (Divide) в панели Обработка контуров (Pathfinder) или с помощью инструмента Создание фигур (Shape Builder tool), чтобы удалить всё кроме участков со светлым тоном, создав один композитный контур. Этот шаг является выборочным, вы всегда можете сохранить цвета. Однако, создав векторную фигуру, вы можете легко расположить её на фоне другого цвета, чтобы создать различные цветовые решения.




Заключение

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

Потрясающие Логотипы с Элементами Животных от GraphicRiver

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

Яркий Логотип в виде Льва

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

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

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

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

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

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

Автор Архипов Егор На чтение 6 мин. Просмотров 142 Опубликовано

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

Использование инструмента Transform для идеальных соответствий


Давайте использовать изображение экрана гаджета в качестве основы: общая потребность для маркетологов (или веб-писателей, как я). Нашим исходным изображением здесь является Nintendo Switch со стандартным экраном 16: 9, но нам нужно сделать скриншот чего-то другого – скажем, изображение из Zelda вместо Mario . Вот картинки, которые я буду использовать, чтобы вы могли взять их и попрактиковаться самостоятельно:

Выделите снимок экрана в инструменте «Слои», затем активируйте инструмент «Преобразование» с помощью сочетания клавиш Ctrl + T в Windows или Command + T в macOS.

Если вы использовали Photoshop какое-то время, вы, вероятно, уже освоились с инструментом Free Transform: вы должны знать, как перемещать изображение, сжимать или расширять его, или вращать. Но вы также можете значительно исказить его, достаточно, чтобы вы могли изменить его, чтобы изменить перспективу и сопоставить ее с изображением ниже. Это довольно простой пример: мы собираемся сопоставить этот прямоугольный снимок экрана Zelda с прямоугольным экраном на коммутаторе, простым движением из угла в угол.

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

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

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

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

Использование инструмента «Преобразование» для изображений странного размера


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

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

Чтобы начать, нажмите Ctrl + T или Command + T с выбранным верхним слоем, чтобы снова открыть инструмент трансформации. Теперь нажмите Ctrl + Click или Command + Click, выберите направляющие квадраты в углах слоя с логотипом и совместите их с углами крышки ноутбука. Углы закруглены, но вы можете использовать края крышки и направляющую трансформации для выравнивания.

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

Теперь у вас есть квадратное изображение на экране ноутбука, и оно находится в правильной перспективе, чтобы соответствовать логотипу Apple под ним. Вам нужно уменьшить его размер, чтобы он не выглядел неуместно.При активном инструменте «Преобразование» удерживайте нажатой клавишу «Alt + Shift» в Windows или «Option + Shift» в Mac, затем щелкните один из углов и перетащите его внутрь, чтобы уменьшить изображение логотипа, чтобы оно не было намного больше логотипа Apple.

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

Если ваше нижнее изображение довольно обычное, с перекосом перспективы, который предсказуем с одной стороны, вы можете удерживать Ctrl + Alt + Shift в Windows или Command + Option + Shift в Mac, чтобы использовать инструмент Transform в режиме Skew. Тем не менее, довольно редко ваше изображение идеально подходит для этого.

Использование произвольного преобразования на неровных поверхностях


Итак, теперь вы можете сопоставить перспективу и изменить размер по мере необходимости. Но что, если вы пытаетесь получить что-то на поверхности, которая не является плоской? Давайте попробуем еще один пример: нанесение логотипа Review Geek на шарик. Еще раз, используйте изображения ниже в вашей копии Photoshop для практики.

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

Чтобы это исправить, нажмите Ctrl + T или Command + T, чтобы активировать инструмент Transform, и посмотрите на верхнюю часть окна Photoshop. Вы ищете изогнутую прямоугольную кнопку, которая активирует режим деформации. Нажмите на это.

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

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

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

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

Изображение предоставлено: Shutterstock/Wachiwit, Shutterstock/Africa Studio, Shutterstock/Ygor, Yiorgos GR/Shutterstock.com, Nintendo

Создание логотипа в фотошопе пошагово. Как создать свой логотип в Photoshop

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

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

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

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

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

Итак, начнем с создания нового документа. Назначим ему размеры 400 на 400 пикселей.

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

Активируйте инструмент Pen Tool или Ручка и начинайте рисовать многоугольники. Их можно сгруппировать разными способами – заключить в сферическую форму или хаотично набросить друг на друга. В итоге получаем следующее изображение:

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

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

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

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

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

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

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

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

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

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

8, сохранение изображения в папке. Чтобы использовать действие позже в пакетном процессе, вам также необходимо сохранить запись. Если вы просто хотите сделать изображение меньшим с действием и вставить подпись, не сохранив что-то, то теперь вы можете нажать «Остановить» в окне действия. Действие теперь сохраняется и может быть применено к любому открытому изображению.

Активируем инструмент Текст и внизу фигуры пишем название компании выбранным шрифтом. В нашем случае это шрифт Аmble размером 14 пт жирного начертания (Bold)/

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

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

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

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

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

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

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

Попробовала сделать что-то подобное без дословного перевода.

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


Силуэты пальм скопировала из урока.

Как рисовать векторный контур

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

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


Инструментом «прямолинейное лассо» выделяем силуэт пальмы и выбираем команду «Редактирование — Скопировать».

Переключаемся на файл с логотипом и выполняем команду «Редактирование — Вставить».

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

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

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

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


Пишем текст по кругу. Как написать текст по кругу подробно написано в уроке

Получилась такая картинка:


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

Добавляем эффект слоя «Тиснение»


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

Как создать собственный круговой логотип для холста 16 x 16 — с помощью Photoshop


Ким Стогбауэр из TomKat Studio недавно предоставила своим читателям руководство «Как создать свой собственный логотип». Ким использовала программу под названием Picasa, но несколько читателей спросили ее, может ли она вместо этого предоставить учебник с помощью Photoshop. Поскольку Ким не использует и не знает Photoshop, я подумал, что помогу сестре… и предоставлю ее читателям, а также своим собственным, инструкции по использованию Photoshop.

Оригинальное руководство Ким можно найти здесь. А вот мой с использованием Photoshop + Ким… Наслаждайтесь!

Пропустите шаг №1 Ким и сразу переходите к шагу №2.

Шаг №1: ЗАГРУЗИТЕ Picasa (бесплатно)

ШАГ № 2: ЗАГРУЗИТЕ КРУГОВУЮ ГРАФИКУ

Ким создала эту круглую графику на сером льняном фоне в черно-белом варианте. Загрузите то, что вы предпочитаете, и сохраните где-нибудь на своем компьютере, где вы сможете его найти. Обратите внимание, что это отформатировано с дополнительным пространством для полей для холста 16 x 16, чтобы оно могло охватывать стороны холста.Это может работать и на меньшем квадратном холсте, но я использовал его только на холсте Shutterfly 16 x 16. Скачать рисунок с черным кругом | Загрузите изображение белого круга  (эти ссылки позволят загрузить zip-файл, щелкните правой кнопкой мыши файл jpeg и выберите «Копировать», затем вставьте в папку, где вы можете его найти)

ШАГ № 3: ОТКРЫТЬ PHOTOSHOP НА ВАШЕМ КОМПЬЮТЕРЕ

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

ШАГ № 4: ДОБАВИТЬ ТЕКСТ, ИЗМЕНИТЬ ШРИФТ, ИЗМЕНИТЬ ЦВЕТА ТЕКСТА

Выберите инструмент Horizontal Type Tool (T). Щелкните левой кнопкой мыши по кружку и введите одно из слов или фраз, которые вы хотели бы использовать на логотипе.

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

ШАГ № 5: ИЗМЕНЕНИЕ РАЗМЕРА И ПЕРЕМЕЩЕНИЕ ТЕКСТА

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

Повторить, добавив весь текст.

СЛЕДУЙТЕ ШАГУ КИМ #6: ДОБАВЬТЕ УКРАШЕНИЯ

Вы можете добавить графику, такую ​​как сердце, показанное ниже, и силуэт оленя, показанный на холсте Ким, выполнив поиск бесплатных шрифтов в Интернете. Просто найдите объект, который вы ищете, т.е. «бесплатный сердечный шрифт» и загрузите шрифт, как и любой другой шрифт. Добавьте дингбаты к своему логотипу так же, как вы добавляете текст.Вы можете создать линию (как показано под «Ashton»), используя базовый шрифт, такой как Times New Roman, и нажимая кнопку подчеркивания несколько раз, пока не достигнете желаемой длины строки.

СЛЕДУЙТЕ ШАГУ КИМ #7: СОХРАНИТЕ И ЗАГРУЗИТЕ

Сохраните файл. Посетите Shutterfly и выберите Отпечатки на холсте . Затем выберите Photo Gallery Canvas Print . Выбрать 16? х 16? размер. Нажмите Персонализируйте и загрузите сохраненный графический файл, который вы только что создали.

Надеюсь, это поможет! Дайте знать, если у вас появятся вопросы.

 

Источники изображений:
1, 2, 6 и 7 принадлежат The TomKat Studio.
3, 4, 5 — это Ваш лучший друг по маркетингу .

Как обрезать круг в Photoshop —

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

Шаг 1: Откройте изображение в Photoshop

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

Шаг 2: Дважды щелкните фоновый слой и сделайте его обычным слоем — просто нажмите OK.

Вы можете назвать его, если хотите, но это не имеет значения. Вы просто хотите, чтобы «Фон» исчез, а замок исчез.

Шаг 3: выберите инструмент Elliptical Marquee Tool

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

Шаг 4: Создайте круг

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

Шаг 5: Инверсия слоя

После создания круга перейдите на панель инструментов и нажмите «Выделение» > «Инвертировать».

Шаг 6: Удалите внешние слои

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

Вот так:

Шаг 7: Обрежьте изображение, чтобы сохранить

Вернитесь к инструменту «Выделение» и переключитесь на «Прямоугольный» — выберите область прямо вокруг изображения.Затем выберите Панель инструментов > Изображение > Обрезать. Это удалит все лишнее пространство вокруг вашего изображения.

Шаг 8: Сохранить как .png

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

 

Надеюсь, этот урок был вам полезен! Дайте мне знать, если у вас есть какие-либо вопросы, я буду рад помочь!


Автор: Christine, The View From 5 ft.2


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

Нравится:

Нравится Загрузка…

Как напечатать текст по кругу в Photoshop (шаг за шагом)

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

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

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

Начнем.

Как напечатать текст по кругу в Photoshop

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

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

Далее вы добавите на холст две направляющие, чтобы лучше видеть его центр. Для этого перейдите к View > New Guide.

Во всплывающем меню введите 50% и установите флажок «Вертикально». Затем нажмите «ОК», чтобы подтвердить изменения.

Первая направляющая будет размещена посередине холста.

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

Будет добавлено второе руководство.

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

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

Метод 1: рисование круглой формы

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

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

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

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

Приведя настройки в порядок, поместите курсор туда, где сходятся две направляющие.

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

Можно также дважды щелкнуть в центре холста и ввести значения высоты и ширины круга в появившейся панели.

Обязательно введите одинаковое значение для обоих размеров и установите флажок «От центра». Нажмите OK, когда закончите.

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

Способ 2: рисование окружности

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

Как и раньше, начните с выбора инструмента «Эллипс» на панели инструментов.

Затем перейдите в верхнее меню настроек и измените вид на Путь.

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

Когда эллипс нарисован, пора печатать по круговой траектории.Для этого перейдите на панель инструментов и выберите Horizontal Type Tool (T) .

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

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

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

После того, как все будет выровнено, вы можете удалить направляющие, чтобы лучше видеть текст в круге. Чтобы убрать направляющие, нажмите Control+ ; (Windows) или Command + ; ( Мак).

Как редактировать текст на круговой траектории

После того, как вы напечатали круг, вы можете изменить некоторые его атрибуты, такие как интервал, цвета, отслеживание и т. д. Вы можете редактировать большинство атрибутов вашего текста на панели «Символ», доступ к которой можно получить, выбрав «Окно»> «Символ».

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

1. Тип и размер шрифта

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

2. Исходный уровень

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

3. Цвет

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

4. Отслеживание

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

Как выровнять и расположить круговой текст

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

Выравнивание кругового текста

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

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

Текст, выровненный по левому краю
Циркулярный текст

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

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

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

Теперь возьмите инструмент выбора пути на панели инструментов (A) .

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

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

Как печатать внизу круга

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

Сначала сделайте копию текста, щелкнув текстовый слой, а затем нажав Control + J (Windows) или Command + J (Mac).

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

Выберите копию слоя.

Теперь перейдите на панель инструментов и возьмите инструмент выбора пути (A) .

Затем поместите курсор в середину текста.После этого наведите курсор на круг, пока не увидите, что курсор изменится на то, что кажется значком с двумя стрелками, указывающими в разные стороны.

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

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

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

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

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

Затем я нажму «T» , чтобы включить текстовый инструмент, и дважды щелкните нижний текст, чтобы выделить его.

Затем откройте панель «Персонаж» или перейдите в «Окно» > «Персонаж », если вы его не видите.

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

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

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

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

Шаг 1. Настройка холста

Откройте документ размером 1000×1000 пикселей или любой другой квадратный документ по вашему выбору.

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

Для этого выберите View > New Guide.

Затем установите флажок «горизонтально» для ориентации направляющей и 50% для положения. Затем сделайте это снова, но вместо этого отметьте «vertical» для ориентации и 50% для положения. Это разместит две направляющие, которые помогут определить центр вашего холста.

Шаг 2. Рисование формы эллипса

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

Затем дважды щелкните точку, где встречаются две направляющие, и введите 715 пикселей для ширины и высоты.Установите флажок «Из центра» и нажмите «ОК».

На панели свойств сделайте обводку прозрачной, а заливку — черной. Кроме того, вы можете найти эти настройки на верхней панели настроек, когда инструмент «Форма» активен.

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

Затем перейдите на панель свойств и измените заливку на серый (#d5d4d4). Обводка должна быть прозрачной. представлен белым прямоугольником с красной линией через него.

Обратите внимание, что оба круга выровнены по центру, и вам даже не пришлось использовать инструмент «Перемещение»!

Шаг 3. Ввод и редактирование текста

Теперь давайте напечатаем текст вдоль созданных нами эллипсов. Для этого создайте для него новый слой на панели слоев. Затем перейдите на панель инструментов и выберите инструмент «Горизонтальный текст».’ (Т)

Затем перейдите в верхнее меню настроек и щелкните значок «Центрировать текст».

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

После добавления текста откройте панель персонажей, выбрав Window > Character.

На панели символов установите базовую линию на 34 , размер шрифта на 55 и отслеживание на 5 .Таким образом, между текстом и базовой линией будет достаточно места. Кроме того, персонажи не будут находиться слишком близко друг к другу. Наконец, измените цвет текста на белый (#ffffff).

Теперь продублируйте текстовый слой, нажав Control + J (Windows) или Command + J (Mac).

Затем возьмите инструмент выбора пути ( A) , затем поместите курсор в середину текста, пока не увидите значок с двойной стрелкой.

Затем перетащите текст вниз к серому кругу.

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

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

Шаг 4. Доработка шаблона

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

Затем дважды щелкните центр холста и в появившемся диалоговом окне введите 520 пикселей для ширины и высоты.

На панели свойств установите прозрачную заливку и белый цвет обводки. Ширина обводки должна быть 7 пикселей.

Затем возьмите инструмент эллипса и снова дважды щелкните центр холста. На этот раз введите 688 пикселей для ширины и высоты.

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

Шаблон создан.

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

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

Или вы можете получить действительно фантазию с векторной фигурой в центре всего этого!

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

Удачного редактирования!

Как создать круглую фотографию с помощью обтравочных масок Photoshop

Этот пост содержит партнерские ссылки.Прочитайте полное раскрытие здесь

Если вы когда-либо работали с Photoshop, вы, вероятно, слышали выражение: «В Photoshop есть миллионы способов сделать одно и то же».

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

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

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

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

Но я забегаю вперед.

Как создать круглую фотографию с помощью обтравочных масок Photoshop — видеоурок

Сделал видеоурок с пошаговой инструкцией:

Как создать круглую фотографию с помощью обтравочных масок Photoshop — Разбивка

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

1. Начните с создания прозрачного файла. Перейдите в окно, чтобы открыть палитру «Слои», если она не открыта.

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

3. Отмените выбор. Для этого снова щелкните инструмент выделения, затем щелкните фигуру, чтобы убрать выделение, известное как «марширующие муравьи».

4. Откройте фотографию и перетащите ее прямо в файл. Это автоматически создаст новый слой.

5. Щелкните правой кнопкой мыши слой, выберите «Создать обтравочную маску».

6. Перемещайте изображение, пока оно вас не устроит. Чтобы изменить размер, нажмите command + T. Затем, удерживая нажатой команду + Shift, перетащите углы внутрь или наружу, чтобы сжать или расширить их пропорционально.

7. Сохраните это как PSD на случай, если вам понадобится внести изменения позже. Затем щелкните правой кнопкой мыши слой с фотографией «Объединить видимые». (сочетание клавиш: команда+E)

8. Сохраните файл в формате PNG, чтобы сохранить прозрачность.

Ура! Теперь, когда вы освоили эту технику, вы готовы работать с несколькими слоями для создания более сложных дизайнов Photoshop.Оставайтесь с нами (подпишитесь на мой канал YouTube), чтобы получать обновления, когда я делаю новый учебник.

Чему вы всегда хотели научиться в Photoshop? Расскажите мне в комментариях, и есть шанс, что на ваш вопрос можно будет ответить в будущем быстром и простом руководстве!

Если вы когда-либо работали с Photoshop, вы, вероятно, слышали выражение: «В Photoshop есть миллионы способов сделать одно и то же».

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

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

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

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

Но я забегаю вперед.

Как создать круглую фотографию с помощью обтравочных масок Photoshop — видеоурок

Сделал видеоурок с пошаговой инструкцией:

Как создать круглую фотографию с помощью обтравочных масок Photoshop — Разбивка

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

  1. Начните с создания прозрачного файла. Перейдите в окно, чтобы открыть палитру «Слои», если она не открыта.
  1. Создайте фигуру с помощью инструмента выделения выделения (есть и другие инструменты, которые вы можете использовать, но здесь мы начинаем с простого). Добавьте цвет заливки к фигуре.
  1. Отменить выбор. Для этого снова щелкните инструмент выделения, затем щелкните фигуру, чтобы убрать выделение, известное как «марширующие муравьи».
  1. Откройте фотографию и перетащите ее прямо в файл.Это автоматически создаст новый слой.
  1. Щелкните правой кнопкой мыши слой, выберите «Создать обтравочную маску».
  1. Перемещайте изображение, пока оно вас не удовлетворит. Чтобы изменить размер, нажмите command + T. Затем, удерживая нажатой команду + Shift, перетащите углы внутрь или наружу, чтобы сжать или расширить их пропорционально.
  2. Сохраните это как PSD на случай, если вам понадобится внести изменения позже. Затем щелкните правой кнопкой мыши слой с фотографией «Объединить видимые». (сочетание клавиш: command+E)
  1. Сохранить как файл PNG, чтобы сохранить прозрачность.

Ура! Теперь, когда вы освоили эту технику, вы готовы работать с несколькими слоями для создания более сложных дизайнов Photoshop. Оставайтесь с нами (подпишитесь на мой канал YouTube), чтобы получать обновления, когда я делаю новый учебник.

Чему вы всегда хотели научиться в Photoshop? Расскажите мне в комментариях, и есть шанс, что на ваш вопрос можно будет ответить в будущем быстром и простом руководстве!

Создавайте круглые логотипы бесплатно!

Circle Logo Design Inspiration

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

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

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

Советы по дизайну логотипа в виде круга

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

Шрифт

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

Значок

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

Цвет

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

Макет

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

Часто задаваемые вопросы

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

Как работает ваш онлайн-конструктор круговых логотипов?

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

Где я могу использовать свой логотип в виде круга?

Вы сможете использовать свой логотип где угодно. Поскольку вы заинтересованы в использовании производителя логотипов, у вас уже должно быть некоторое представление о том, где вы хотели бы продемонстрировать свой логотип.Если вам это нужно для вашего веб-сайта, каналов социальных сетей или печати, мы вас поддержим. Качество вашего логотипа зависит от качества файлов, которые вы получаете. Ваш логотип будет доступен в формате высокого разрешения (300 dpi). Если вы используете правильный тип и размер файла, вы сможете масштабировать свой логотип до любого размера, будь то на экране или в физическом пространстве. Когда вы закончите со своим логотипом, вы сможете получить доступ к своему логотипу в таких форматах файлов, как JPG, PNG, PDF, SVG и других.

Получу ли я исходные файлы для логотипа круга?

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

Получу ли я прозрачные файлы для логотипа компании моего круга?

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

Создатель логотипа вашего круга бесплатен?

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

Я просто ищу идеи логотипа круга, могу ли я использовать ваше программное обеспечение для создания логотипа для вдохновения?

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

Почему GraphicSprings — лучшее решение для брендинга?

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

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

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

Быстрый ответ: как создать круг в Photoshop

С курсором, расположенным в верхнем левом углу, щелкните и перетащите мышь в нижний правый угол, удерживая клавишу Shift на клавиатуре. Удерживая Shift, можно создать идеальный круг.Если не удерживать Shift, круг превратится в овал.

Как сделать круглую форму в Photoshop?

Есть ли в Photoshop инструмент круг?

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

Как сделать определенный круг в Photoshop?

Привет. В меню «Настройки» > «Инструменты» включите отображение значений преобразования «вверху справа» Включите линейку (из меню просмотра).Щелкните правой кнопкой мыши и установите дюймы. Используйте инструмент эллипса, установите для него значение «Форма» на панели параметров. Удерживайте Shift и Alt, чтобы вытянуть круг из центра, наблюдая за значением в поле размера, когда вы это делаете.

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

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

Как нарисовать круг?

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

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

Создание изогнутого или круглого объекта WordArt Выберите «Вставка» > «WordArt». Выберите нужный стиль WordArt. Введите текст. Выберите объект WordArt. Перейдите в «Формат фигуры» > «Текстовые эффекты» > «Преобразование» и выберите нужный эффект.

Может ли круг быть логотипом?

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

Как сделать круговую сетку в Photoshop?

04 февраля 2020 г. Создайте новый документ. Выберите «Файл» > «Создать» (или Ctrl+N). Создайте сетку. Наш первый шаг — создание сетки, которая поможет нам точно расположить прямоугольные формы. Выберите инструмент «Пользовательская фигура». Нарисуйте фигуры круга. Добавьте тень. Вставить изображение.Создайте обтравочную маску. Вставить другое изображение.

Как сделать круг на логотипе MSW?

Программное обеспечение Open MSW Logo. Нажмите на кнопку «Файл» в левом верхнем углу окна. Введите команду «обвести» в текстовом поле «Командир» в нижней части окна. Введите команду «repeat 1 [circle 100]» в текстовом поле «Commander» в нижней части окна.

Как сделать текст в круге в Photoshop?

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

Как сделать текст круглым в Photoshop 2020?

Способ 1. Откройте Photoshop и выберите «Файл» > «Создать». Выберите инструмент «Текст» (T) и введите текст. Выбрав текстовый слой и активировав инструмент «Текст» (T), щелкните значок «Создать искаженный текст» на панели инструментов. В окне «Деформация текста» выберите стиль «Дуга», установите флажок «Горизонтально» и установите значение «Изгиб» на +20%.

Как нарисовать круг в дизайне?

Чтобы нарисовать круг, нажмите и удерживайте значок инструмента «Прямоугольник», пока не появятся эти дополнительные параметры, а затем выберите инструмент «Эллипс».Или используйте ярлык, букву L. Нажмите и нарисуйте, чтобы создать эллипс. Чтобы создать идеальный круг, удерживайте нажатой клавишу Shift во время рисования, как мы делали с квадратом.

Как круги используются в качестве рисунков?

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

Должен ли я поместить свой логотип в круг?

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

Что означает круг в логотипе?

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

Как создать сетку в Photoshop?

Перейдите в «Просмотр» > «Показать» и выберите «Сетка», чтобы добавить сетку в рабочее пространство. Он сразу всплывет. Сетка состоит из линий и пунктирных линий. Теперь вы можете редактировать внешний вид линий, единиц и подразделений.

Как создать шаблон сетки в Photoshop?

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

Что такое сетка в Photoshop?

Функция «Сетка» в Photoshop — отличный инструмент, который поможет вам в разработке макетов, будь то дизайн для Интернета или печати. Добавление «Привязки» позволяет очень точно выравнивать объекты по линиям сетки. И вместо того, чтобы создавать новую сетку каждый раз при проектировании, вы можете настроить параметры сетки, которые можно использовать повторно.

Подходит ли Photoshop для создания логотипов?

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

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

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

(БЕСПЛАТНО) Circle Text Photoshop — Photoshop Supply

Circle text Экшен Photoshop , который можно бесплатно загрузить с сайта PhotoshopSupply. Создайте свой собственный круговой текст всего за несколько секунд!

Добавить текст по кругу с помощью Photoshop

Как добавить текст по кругу с помощью Photoshop ?

Чтобы добавить текст на контур в Photoshop , выполните следующие действия:

  1. Выберите инструмент Ellipse Tool и выберите параметр Path .
  2. Чтобы отразить текст на контуре в Photoshop , используйте инструмент Path Selection Tool и перетащите текст внутрь или за пределы фигуры.

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

Обрезать круг в Photoshop

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

Circle Text Generator Online

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

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

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

Итак, если вы ищете генератор текста в круге, попробуйте MockoFun или этот бесплатный экшен Photoshop.

Как использовать экшен Photoshop

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

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

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

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

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

Если вы хотите сделать штамп, вы можете попробовать экшен Photoshop Rubber Stamp от GraphicRiver.

У нас есть еще один классный экшен для вас, если вы хотите сделать такие эффекты искажения текста.

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

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

Или, если вы ищете бесплатную альтернативу Photoshop, обрежьте изображение в круг онлайн с помощью MockoFun !

Как установить и использовать экшены Photoshop

Если вы никогда раньше не использовали экшены Photoshop и не знаете, как их использовать, уделите пару минут и ознакомьтесь со следующими замечательными ресурсами:

Детали элемента

Этот бесплатный подарок содержит 1 файл ATN

Другие ресурсы, которые могут вам понравиться 🙂

.

Добавить комментарий

Ваш адрес email не будет опубликован.