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

Разное 

Содержание

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


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

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

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

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

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

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

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

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


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

Далее зажимаем 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, окончен. Приемы, использованные в уроке, позволят создавать Вам качественные лого.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

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

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

Создаем новый файл: «File» – «New» или откройте нужное изображение, нажав сочетание клавиш «Ctrl+O» .

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

Чтобы нарисовать круг от центра , в настройках инструмента нажмите на маленькую черную стрелочку и поставьте галочку в поле «From Center» (От центра).

Если нужно нарисовать ровный круг , а не эллипс, поставьте маркер в поле «Circle» (Окружность).

Нарисовать круг в Фотошопе заданного размера тоже можно, ставим маркер напротив «Fixes Size» (Заданный размер) и в полях «W:» и «H:» задаем значения ширины и высоты. Задав одинаковые значения, нарисуете круг, разные – эллипс. Теперь нажмите левую кнопку мыши и, не отпуская ее, разместите появившийся круг в нужной части изображения.

На сайте уже есть статья, как нарисовать прямоугольник без заливки . Сейчас рассмотрим, как можно нарисовать круг в Фотошопе без заливки . Для этого в настройках инструмента «Ellipse Tool» (Эллипс) активируйте кнопочку «Paths» (Контуры).

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

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

Также, нарисовать круг можно используя инструмент «Elliptical Marquee Tool» (Овальная область).

Выделите его и зажмите клавишу «Shift» , чтобы нарисовать ровный круг вместо эллипса. Если зажмете «Alt+Shift» , то нарисовать круг можно от центра.

Таким образом, мы нарисуем только контур круга.

Чтобы залить его цветом, выберите на панели инструментов «Paint Bucket Tool» , и установите желаемый цвет в качестве основного. Затем кликните мышкой внутри выделенной области.

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

В следующем окне установите значение для ширины линии «Width» и выберите цвет контура «Color» .

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

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

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

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

Для этого мы опять напишем несколько слов по кругу с помощью контуров.

Шаг 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.
Потом пишем текст снизу. В результате получили такой вот логотип.

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

Способ 1. Инструмент Эллипс

С помощью этого инструмента можно нарисовать фигуру окружности или круга.

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

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

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

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

  1. удерживайте зажатой клавишу Shift ;
  2. на панели параметров инструмента выберите опцию :

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

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

Теперь, чтобы можно было изменить размеры без потери качества, используйте команду Ctrl+T . Когда необходимость в векторной фигуре отпадет, вы можете ее, чтобы продолжить работу над фигурой силами всех возможностей фотошопа.

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

После этого окружность будет создана сразу как растровая. Не забудьте для нее .

Способ 2. Обводка выделенной области — кольцо

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

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

Допустим, получилось такая выделенная область:

Теперь нужно сделать обводку ее границ. Для этого выберите команду: Редактирование — Выполнить обводку .

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

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

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

Теперь, когда настройки введены, жмите ОК. Останется только убрать пунктир выделения — Ctrl+D .

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Этого слоя, в следствии чего в документе отображается исходная фотография:

Теперь создадим овальное выделение. Берём инструмент «Овальная область» (Elliptical Marquee Tool), нажимаем в верхнем левом углу фотографии и тащим курсор в нижний правый угол:

Отпускаем левую клавишу мыши. Выделение создано.

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

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

Для принятия результатов трансформирования нажимаем Enter.

Растушёвка овала

Для получения нормального эффекта виньетки необходим плавный переход, для этого надо растушевать границы выделенной области Идём Выделение —> Модификация —> Растушёвка (Select —> Modify —> Feather) и вводим значение размытия. Для фото с разными размерами приходится эмпирически подбирать индивидуальные значения. В моём случае это будет 30 пикселей:

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

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

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

Elliptical Marquee Tool позволяет нам легко создать выделение в форме идеального круга.

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

Первым способом является установка параметров на панели параметров в верхней части экрана.
Для примера, я открыл фото Луны, на этом фото она полная и имеет круглую форму:

При выборе инструмента «Выделенная область» (как и любого другого инструмента), на панели параметров отображаются настройки, присущие именно этому инструменту. Одной из этих настроек является «Стиль» (Style). По умолчанию он установлен в режим Обычный (Normal), этот режим позволяет нам создать эллипс любой формы и размеров. Чтобы выделение получилось в форме идеального круга с произвольным размером, нам нужно выбрать режим «Заданные пропорции» (Fixed Ratio). По умолчанию, Photoshop будет установит значения ширины и высоты по единице, это задаст соотношение ширины к высоте как 1:1, что выдаст нам идеальный круг:

Чтобы нарисовать круглое выделение вокруг луны, я протащу курсор сверху слева вниз вправо:

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

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

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

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

Создание геометрически правильного круглого выделения «из центра»

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

Итак, выделение готово. Теперь я хочу перетащить его на другое фото. Для этого сначала следует открыть в Photoshop целевую фотографию, затем выбрать инструмент «Перемещение » (Move Tool).

Переходим на документ с Луной, зажимаем клавишу Alt (чтобы выделение было не вырезано, а скопировано) и тащим Луну на целевую фотографию:

Затем, используя «Свободное трансформирование «, можно при необхоимости уменьшить луну и поместить в нужное место:

Удаление выделения

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

  • Пройти по вкладке главного меню Выделение —> Отменить выделение (Select —> Deselect)
  • Нажать комбинацию клавиш Ctrl+D
  • При активном инструменте «Овальная область» (Elliptical Marquee Tool) кликнуть в любом месте документа

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

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

Существует несколько способов рисования идеально ровного круга в фотошопе. Но для начала нам требуется создать новый документ для работы. Верхняя панель. Команда Файл – Создать. Рекомендую создавать большой документ, удобный для работы. Я предпочитаю 2000 пикселей по ширине и 1000 по высоте. Но вы можете использовать любой другой размер по своему усмотрению.

Обратим свое внимание на боковую панель инструментов. Инструмент «Эллипс». Он – то нам и нужен. Кликаем по нему, а затем по рабочей области. Удерживаем правую клавишу мыши и проводим окружность. А сейчас я расскажу вам небольшую хитрость. Дабы с первого раза добиться идеально ровного круга зажмите клавишу shift на клавиатуре. Рекомендую запомнить этот прием. Так как работает он со многими элементами.


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


Кликаем на инструмент «овальная область», зажимаем shift и рисуем.


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


На той же панели ищем инструмент «заливка». Кликаем по нему, а затем по выделенной области.



Окружность готова. Снимаем выделение, нажав комбинацию клавиш на клавиатуре ctrl+j.

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

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


В появившемся окне выбираем цвет обводки и ее толщину, которая выражается в пикселях.


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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

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

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

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

Удерживая нажатой кнопку 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

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

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

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

В каких случаях полезно использовать водяной знак

  1. Чтобы защитить от копирования свой фотоконтент, который вы выкладываете в сети интернет, например, в социальных сетях или персональном сайте. Изображения с чужими водяными знаками неохотно копируются пользователями. Даже если все-таки кто-то, например, репостнул себе в публичную группу такое изображение, то вытекает второй случай пользы таких знаков…
  2. Пиар. Пользователи, которые, несмотря на ваш водяной знак, скопировали себе на сайты или публичные странички, создают вам бесплатную рекламу. Логика проста — человек, увидевший ваше изображение, также обратит внимание и на водяной знак. А дальше, если его заинтересовало ваше творчество, он получит необходимую информацию о том, как вас найти, ибо любому понятно, что это и есть первоисточник данного контента.
  3. Не забываем о банальной раскрутке бренда. Люди, копирующие ваш контент, распространяют его по всем мысленным и не мысленным источникам. А постоянное мелькание бренда оставляет в памяти некий след, который потом сослужит пользу, в том числе и коммерческий успех.
  4. Если фотоконтент достаточно специфический, как, например, на этом сайте, где я выкладываю обучающие скриншоты, чтобы отбить желание конкурентов копировать контент, водяной знак как ничто другое в этом помогает. Собственно конкуренты вряд ли захотят строить свой аналогичный сайт с картинками, на которых прямая ссылка на мой проект. Даже если они это и сделают, я не буду расстроен, поскольку, как указано в пункте 2, это реклама и дополнительный источник целевого трафика.

Как делать водяной знак

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

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

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

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

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

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

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

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

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

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

Для этого, проследите чтобы картинка с логотипом была выбрана (как на скриншоте выше — выбранный слой отмечен синим цветом), выберите инструмент Свободная трансформация Ctrl+T. Вокруг недоиспеченного водяного знака появится ограничительная рамка. Двигайте ее за углы, чтобы уменьшить/увеличить картинку.

Совет

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

Закончив с размером, нажмите клавишу Enter или кнопку в виде галочки на панели параметров инструмента.

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

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

Примечание

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

Установив в нужно место, для пущей красоты и точности, можно еще более детальней подвинуть картинку. Для этого, при выбранном инструменте Перемещение, нажимайте на клавиши со стрелками на клавиатуре и картинка будет сдвигаться ровно на 1 пиксель (что такое пиксели). Если при этом еще и удерживать клавишу Shift, то сдвиг будет сразу на 10 пикселей.

Последний этап — создание эффекта полупрозрачности.

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

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

Автоматическое добавление водяного знака с помощью экшена

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

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

Данный экшен будет работать так:

Открываем в фотошопе фотографию и нажимаем воспроизведение экшена с водяным знаком. Повторяем эти действия для каждой фотографии.

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

Шаг 1

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

Шаг 2

Я рассматриваю пример на своем заранее созданном логотипе. Этот файл должен быть у вас сохранен на компьютере. Выберите папочку, где он будет лежать. Это местоположение больше нельзя будет менять / переименовывать, в том числе другие папки предшествующие конечной. Проще говоря, поместив картинку, например, по такому пути: «C:\Users\Имя пользователя\Desktop\Картиночки\logo.png», ни одну из папок больше нельзя будет переименовывать, перемещать и так далее. В противном случае экшен перестанет работать.

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

Откройте палитру с экшенами / операциями: Окно — Операции или клавиши Alt+F9.

Вот так она должна выглядеть:

Шаг 3 Начинаем запись.

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

Теперь создадим новую операцию. Нажмите на вторую справа кнопку Создает новую операцию. Придумайте ей имя.

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

Шаг 4

Первым делом выполняем команду открыть картинку с будущим водяным знаком: Файл — Открыть или Ctrl+O. Далее найдите картинку у себя на компьютере.

Картинка должны открыться на новой самостоятельной вкладке (что такое вкладки).

Шаг 5

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

Для этого нажмите клавиши Ctrl+A. Мы сделали полное выделение содержимого картинки, по периметру должны появиться «марширующие муравьи».

Сделаем копию Ctrl+C. Так картинка была скопирована в буфер обмена.

Перейдите на предыдущую вкладку с открытой фотографией и вставьте туда скопированный логотип — Ctrl+V.

Шаг 6

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

Для этого на палитре слоев выделите слой с самой фотографией и нажмите Ctrl+A, чтобы выделить его весь.

Примечание

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

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

Выберите инструмент Перемещение — V.

На панели параметров инструмента нужно нажать кнопки: Выравнивание по нижнему краю и Выравнивание по правому краю.

Шаг 7

Убираем рамку выделенной области — Ctrl+D, она нам больше не понадобится.

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

Для этого при выбранном инструменте Перемещение, зажав клавишу Shift нажмите по одному разу на левую и верхнюю стрелочки на клавиатуре. Произойдет сдвиг картинки на 10 пикселей в заданные стороны. Если этого много, нажимайте на стрелочки без Shift’a, тогда сдвиг будет по 1 пикселю.

Финальный аккорд — на палитре слоев измените непрозрачность логотипа. Я поставил 60%.

Шаг 8

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

Для этого ОБЯЗАТЕЛЬНО сначала нажмите на эту вкладку, чтобы она стала активной (активная вкладка подсвечивается более ярким цветом), после этого нажмите на крестик. Иначе, фотошоп запишет в экшен закрытие нашей основной вкладки с фотографией.

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

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

Проверка на работоспособность

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

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

Результат