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

Содержание

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

Крылья… ноги… Главное хвост! (из одного мультфильма)

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

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

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

Ставим подпись

Я добавляю на фотографии надпись в виде текста «Vendigo ©» выполненную определенным шрифтом. Вот так:

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

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

После чего в панели слоев снизьте значение Fill до 20 — 50%.

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

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

Для этого прибегнем к следующему: На палитре слоев выделим оба слоя, для чего по очереди щелкнем по ним, удерживая нажатой клавишу Shift. Затем выберем инструмент «стрелка» Move Tool (V). И щелкнем по кнопкам выравнивания относительно нижней и правой границы:

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

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

Как быстро создать логотип, если его еще нет?

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

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

Для создания сделайте всего 4 шага:

Шаг 1.

Перейдите на сайт и укажите название, компании и нажмите “Создать логотип”.

Шаг 2.

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

Шаг 3.

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

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

Шаг 4.

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

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

Уже готовы поставить свою фирменную подпись в качестве логотипа?

Отлично! Тогда заходите в онлайн-генератор Логастер и выбирайте любой макет из нужной вам ниши. Более 7 миллионов пользвателей уже нашли сдесь свой новый логотип.

Actions в Photoshop

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

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

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

Для этого нам понадобится панель Actions, обычно она расположена рядом с Историей.

Внизу панели расположен ряд кнопок: Стоп, Запись, Воспроизведение, Создание папки, Создание экшена (выделено). Рекомендую вам сразу создать новую папку чтобы не потерять свои экшены среди десятка стандартных.

Для создания экшена нажмите кнопку Create new action, и задайте его название в появившемся окне, например «Copyright».

В строке Set: выбирается папка. Так же можно выбрать цвет и горячую клавишу, F2 — F12 с учетом Shift и Ctrl. После чего жмите кнопку Record.

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

Теперь размещаем логотип на фотографии, все как описывалось выше:

Отступление: Если ваш логотип графический, а не текстовый то выполните команду File – Place и вставьте ваш логотип из файла.

Выбираем инструмент Текст (T).
Вставляем подготовленную надпись из буфера обмена Ctrl+V.
Выделяем оба имеющихся слоя в панели Layers.
С помощью кнопок инструмента Move Tool (V) сдвигаем надпись в нужный нам угол.
Выбираем слой с текстом. Курсорными клавишами и клавишей Shift задаем нужный отступ от краев.
Два раза щелкаем по слою с текстом и в окне Layer Style задаем тень и любые понравившиеся нам эффекты.
Уменьшаем прозрачность слоя с помощью параметра Fill.

После того как рисование логотипа завершено, жмем кнопку Stop – экшен готов!

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

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

Как добавить логотип на фото в Фотошопе

Часто перед нами встает задача поставить логотип на фото. Рассмотрим несколько вариантов, как это сделать в программе Фотошоп.

Для начала мы должны подготовить наш логотип. Лучше всего, если он будет в формате PNG на прозрачном фоне. Файл JPG на белом фоне не самый удачный вариант. Но я расскажу, как работать и с ним. А в конце мастер-класса я покажу, что делать с векторным логотипом.

Чтобы сэкономить время работы в Фотошоп, я использую комбинации клавиш на клавиатуре. Записывают их обычно так: Ctrl+C. Знак плюс «+» нажимать не нужно. Только Ctrl и латинскую букву C. Следите за тем, чтобы у вас на компьютере стояла английская раскладка клавиатуры.

Пример № 1.

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

1. Открываем фотографию в программе Фотошоп.

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

3. Выделяем логотип с помощью комбинации клавиш Ctrl+A.

4. Копируем лого Ctrl+C.

5. Нажимаем на вкладку с фотографией. Вставляем логотип Ctrl+V.

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

6. Оставаясь на слое с логотипом, нажимаем Ctrl+T (трансформирование). Наведите курсор на квадратик в верхнем левом углу (или в нижнем правом — как удобнее). Одновременно удерживая левую кнопку мыши и клавишу Shift, ведите курсор по диагонали вниз. Когда вы уменьшите лого до нужного вам размера, отпустите сначала кнопку мыши, а только потом клавишу Shift.

Клавиша Shift позволяет изменять размер объекта пропорционально, без искажений.

7. С помощью курсора мыши перемещаем логотип в нужное место на фото. Нажимаем клавишу Enter, чтобы завершить трансформирование и убрать выделение. Дополнительно можем уменьшить прозрачность («Opacity») — логотип будет не таким ярким.

8. Нажимаем Ctrl+E, чтобы свести слои. Сохраняем результат Ctrl+S. Если вы хотите сохранить файл под другим именем («Сохранить как…»), то используйте комбинацию Shift+Ctrl+S.

Готово!

Пример № 2.

Во втором примере будем использовать логотип в формате JPG на белом фоне.

1. Повторите шаги 1-7 с предыдущего примера.

2. Теперь уберем белый фон. Для этого изменим режим смешивания слоев. Например, «Darken» («Затемнение») или «Multiply» («Умножение»). Экспериментируйте и ищите лучший вариант. В этом примере мы использовали «Multiply» («Умножение»).

3. Уменьшаем прозрачность, если необходимо. Сводим слои Ctrl+E. Результат будет немного отличаться от того, что был в предыдущем примере. Зато мы быстро убрали белый фон. Готово!

Пример № 3.

Что делать, если ваш логотип записан в векторном формате Ai или EPS? В этом случае вам нужно открыть две программы — Фотошоп и Иллюстратор.

1. Открываем логотип в Иллюстраторе.

2. Выделяем логотип. Копируем Ctrl+C.

3. Открываем фото в Фотошоп. Вставляем логотип Ctrl+V. Появится диалоговое окно параметров вставки нового объекта. Обязательно о («Paste as smart object»). В таком случае вы сможете изменять размер лого без потери качества.

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

6. Разместите логотип там, где хотите. Можете уменьшить прозрачность. Сведите слои и сохраните файл. Готово!

Вот еще несколько советов:

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

Actions — параметры

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

Щелкните два раза по экшену, и перед вами откроется окно его настроек:

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

Развернув созданный экшен, вы увидите все команды, которые в нем записаны:

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

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

Как вставить логотип в сцену

Шаг 1

Скопируйте логотип, нажав Ctrl + C или Edit > Copy (Редактирование > Копировать).

Шаг 2

На панели слоев в Photoshop дважды кликните по миниатюре смарт-объекта, чтобы его отредактировать.

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

На панели слоев вставьте логотип, нажав Edit > Paste (Редактирование > Вставить) или Ctrl + V и уберите оранжевый прямоугольник, нажав Layer > Delete > Layer (Слои > Удалить > Слои).

В диалоговом окне выберите Smart Object (Смарт-объект) и нажмите ОК.

Шаг 3

Найдите панель свойств и установите расположение логотипа на 658 на 472 пикселя, увеличив его на 685% в обоих полях Width (Ширина) и Height (Высота). Когда все будет готово, нажмите Enter на клавиатуре.

Шаг 4

Сохраните документ, нажав File > Save (Файл > Сохранить) или Ctrl + S.

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

Новинки Premium-раздела

499

Экспресс-курс

Коллаж «Необычная прогулка»

9
видеоуроков
30
исходников

Работа с фото

Делаем художественную ретушь портрета

26 652369
499

Экспресс-курс

Коллаж «На маскараде»

8
видеоуроков
14
исходников

Веб и приложения

Создаём форму оформления заказа

18 824292
99

Веб и приложения

Cоздаём форму заказа авиабилетов

12 748212
499

Экспресс-курс

Художественная обработка от Мадины Ахтаевой. Серия «Лето»

8
видеоуроков
26
исходников

— часть сайта Фотошоп-мастер, где вас ждут 16 видеоуроков и 23 экспресс-курса от профессионалов.

Вы можете покупать их по-отдельности, а можете оформить подписку на весь раздел (от 5 руб/день).

Пакетная обработка в Photoshop

С помощью экшенов можно эффективно обрабатывать множество снимков. Допустим нам нужно разместить логотип на всех фотографиях из некоторой папки. Для этого в меню Photoshop выполните команду: File – Scripts – Image Processor…

Откроется окно пакетной обработки:

1. В первой секции укажите папку с файлами, которые нужно обработать. При необходимости обработать файлы в подпапках поставьте галочку Include All sud-folders.

2. Во второй секции укажите папку, в которую будут сохраняться обработанные файлы. Опция Keep folder structure перенесет структуру вложенных папок.

Опция Save in same location сохранит файлы в исходной папке, но не перезапишет их, файлы будут лежать во вложенной папке [JPEG] (PSD или TIFF).

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

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

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

Как создать Смарт-объект с правильной перспективой

Шаг 1

Скачайте текстуру бумаги из материалов урока и откройте ее в Photoshop.

Шаг 2

Скачайте изображение в перспективе и откройте его в Photoshop.

Шаг 3

В верхнем меню нажмите Select > All (Выделение > Все), а затем выберите Edit > Copy (Редактирование > Копировать), чтобы скопировать выделенную область.

Вернитесь к документу с фоном и в верхнем меню выберите Edit > Paste (Редактирование > Вставить), чтобы вставить изображение в перспективе поверх фона.

Переименуйте слой, кликнув дважды прямо по его названию на панели слоев. Назовите его «Perspective» (Перспектива).

Шаг 4

Выберите оранжевый в качестве цвета переднего плана (подойдет любой цвет, отличный от черного).

Выберите инструмент Rectangle (Прямоугольник), переведите курсор на холст и кликните. Откроется небольшое диалоговое окно, в котором вы можете ввести точные параметры новой фигуры. Введите 1317 на 947 пикселей и кликните ОК.

Переименуйте слой, дважды кликнув по имени слоя на панели слоев, назовите его «Smart Object» (Смарт-объект).

Находясь на слое «Smart Object», в верхнем меню нажмите Layer > Smart Object > Convert to Smart Object (Слои > Смарт-объект > Преобразовать в смарт-объект).

Шаг 5

Нажмите Edit > Transform > Scale (Редактирование > Трансофрмирование > Масштабирование).

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

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

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

Шаг 6

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

Шаг 7

Теперь, когда нам больше не нужен слой «Perspective» (Перспектива), мы можем удалить его, выбрав его на панели слоев, а затем нажав Layer > Delete > Layer (Слои > Удалить > Слои).

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

Joomla 3 — Адаптирована для мобильных устройств

Лого на фото!

Почти после каждого заказа, а иногда и просто без заказа, ко мне обращаются с одним и тем же вопросом или просьбой: «Научите накладывать лого на фото…» , » Как наложить теперь мое лого на фото моей работы», «Я не знаю фотошоп, а я могу как-то накладывать лого на свои фото?»

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

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

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

Итак,

PicsArtПриложение PicsArt скачать можно в Google Market.Выпускается совершенно бесплатно (имеет встроенные покупки).

Работает программа PicsArt как на компьютерах, под управлением Windows (7, Vista, XP), так и на мобильных гаджетах, с операционной системой iOS, Android, Windows Phone.С виду простой, но удобный и функциональный интерфейс, подойдет как неопытному новичку, так и продвинутому пользователю.

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

Открываем приложениеPicsArt, жмем на кнопку по середине меню «РЕД» (редактировать)

Из Ваших фото выбираем нужное Вам фото и опять нажимаем «РЕДАКТИРОВАТЬ»

Открылось нужное вам фото и под ним внизу есть меню, где жмем«ДОБАВИТЬ ФОТО»:

Опять открылась ваша галерея и теперь выбираем логотип или то что вы хотите наложить на ваше фото:

Итак на вашем фото появился Ваш логотип по середине фото.

Теперь Вы можете:1.Его передивагать куда Вам нравиться;

2. Потянув на стрелки уменьшать и увеличивать размер логотипа

3. Зажав на круглую стрелку поварачивать его по кругу как угодно.

4. И, конечно, менять в нижнем меню стили наложения («Обычный» , «Экран» , «Затемнить» и тд. )

Настраивайте его наложение по вашему вкусу и радуйтесь)

Как только все вас устраивает вверху жмем на стрелку в белом кружечке и сохраняем наш «Шедевр»

Сохраняете готовое фото как вам угодно- просто в галерею вашу или же сразу кудато отпарвляете его на публикацию.

УРААААААААААА, вот и все готово))))))))))))))))))))))))))

Мой баннер с моим лого тоже готов:

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

Пакетный ресайз фотографий с наложением логотипа

Я уже писал, как правильно сжимать фотографии для социальных сетей. Это помогает, когда нужно обработать и выложить штучную фотографию. Но у фотографов зачастую стоит задача правильно подготовить к публикации или к отдаче клиенту не одну фотографию, а весь отснятый материал, причем обычно на него нужно наложить свой логотип. Тут на помощь приходит пакетная обработка. Возможность пакетно проделывать такие операции есть у многих программ — например, ACDSee или FastStone Photo Resizer. Но такого перфекциониста как я, все эти программы не устроили по различным причинам: одни по-разному накладывают логотип на вертикальные и горизонтальные изображения, другие не могут применять разные параметры в зависимости от ориентации фото, третьи просто дают на выходе недостаточное качество или слишком большой вес изображения. В общем, ничего не подошло.

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

Итак, записываем примерно такой экшн:

1. Увеличиваем резкость

1) Делаем дубликат фона

2) Фильтр — Другое — Цветовой контраст с радиусом 3 пикселя

3) Режим наложения — перекрытия

2. Меняем размер изображения

И вот тут я столкнулся с первой проблемой. Как я писал в вышеупомянутой статье, нам нужны разные размеры для горизонтальных и вертикальных изображений. Записать это в экшене нет никакой возможности. Что делать? Как вариант — сделать два экшена (для портретной ориентации, и для альбомной), вручную сортировать фотографии в две папки, и запускать каждый экшн отдельно для соответствующей папки. Теоретически можно, но все-таки муторно. Но, к счастью, начиная с версии CC Photoshop имеет возможность задавать условия для макросов. И одно из возможных условий — ориентация изображения. Бинго! Это то что нам надо. Итак, дописываем начатый экшн (для начала для горизонтальных изображений)

1) Размер изображения — ширина 1920, ресамплинг — бикубическая, с уменьшением

2) Размер изображения — ширина 1280, ресамплинг — бикубическая, плавные градиенты

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

3. Перетаскиваем ваш логотип прямо на фотографию. Он вставится как смарт-объект, причем неадекватных размеров и посередине. Не беда. В 4-х полях сверху задаем реальные ширину, высоту логотипа, и его координаты относительно одного из углов изображения(все в пикселях).

4. Экспортируем фото (Сохранить для Web, Cntrl+alt+shift+s)

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

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

1. Создаем новую операцию, но ничего в нее не записываем.

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

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

Как «вдавить» логотип в бумагу

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

Шаг 1

Измените параметр Fill (Заливка) у смарт-объекта на 0%.

Шаг 2

Продублируйте слой со смарт-объектом дважды, нажав Layer > New > Layer Via Copy (Слой > Новый > Скопировать на новый слой).

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

Примечание переводчика: сгруппируйте две копии, и назовите группу «Effects» (Эффекты). Сами копии назовите Effect 1 и 2 (Эффект 1 и 2). Поместите группу под слой со смарт-объектом.

С этого момента, если вам нужно заменить логотип в смарт-объекте, вы можете воспользоваться слоем «Smart Object» (Смарт-объект), дважды кликнув по нему и отредактировав содержимое.

Шаг 3

Давайте начнем добавлять стили слоя к слою «Effect 2». Откройте панель со стилями слоя и добавьте эффект Bevel & Emboss (Тиснение). Цвет для режима Highlight и Shadow (Подсветка и Тень) измените на #000000, а остальное установите, как на скриншоте ниже

Примечание переводчика: Размер: 5 пикселей, Непрозрачность в режиме подсветки: 3%, Непрозрачность в режиме тени: 20%

Шаг 4

Добавьте новый эффект Inner Shadow (Внутренняя тень), цвет измените на #000000, а остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 10%, Смещение: 5 пикселей, Режим наложения: Линейный затемнитель.

Шаг 5

Добавьте новый эффект Satin (Глянец), измените цвет на #ffffff, а остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 5%, Смещение: 250 пикселей, Размер: 250 пикселей,Режим наложения: Яркий свет.

Шаг 6

Добавьте эффект Gradient Overlay (Наложение градиента) и параметры установите, как на скриншоте ниже.

Примечание переводчика: Угол: 90 градусов, Режим наложения: Яркий свет.

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

Измените Opacity (непрозрачность) первой контрольной точки на 75%, а Location (Позиция) на 71%.
Измените Opacity (непрозрачность) второй контрольной точки на 25%, а Location (Позиция) на 100%.

Шаг 7

Добавьте эффект Drop Shadow (Тень), цвет измените на #000000, остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 30%, Угол: -90 градусов, Смещение: 3 пикселя, Размах: 0%, Размер: 4 пикселя, Шум: 10%, Режим наложения: Линейный затемнитель.

Шаг 8

Давайте добавим пару смарт-фильтрв к слою «Effect 2». Нажмите Filter > Distort > Ripple (Фильтр > Искажение > Рябь). Параметр Amount (Количество) измените на -50%.

Нажмите Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу). Радиус измените на 1.7 пикселей.

Шаг 9

Теперь добавим стиль слою «Effect 1».

Откройте панель со стилями слоя и добавьте эффект Drop Shadow (Тень), цвет измените на #ffffff, остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 12%, Смещение: 3 пикселя, Размах: 7%, Размер: 8 пикселей, Шум: 10%, Режим наложения: Жесткое смешение.

В первой части урока мы рассмотрели половину процесса создания копирайта на фото. Продолжаем работу!

Шаг 24. Сейчас мы создадим новую картинку с прозрачным фоном, но большего размера! Вместо 400 х 400 (как в самом начале) поставим например 2000 х 2000. Действия такие же, как в шагах 1 – 3.

Шаг 24

Шаг 25. Открылось окошко с фоном квадратиками. Масштабируем кнопками Х и Ъ узор кисти так, чтобы он полностью занял окошко. И жмем левую клавишу мыши. Готово! Если случайно не в том месте поставили, нажимайте отмену действия Сtrl+Z (или через Историю).

Шаг 25

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

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

Шаг 26

Шаг 27. А теперь тянем мышкой цветочный узор под надпись. То есть одну картинку перетаскиваем на другую. Опа! Теперь видите, что цветок огромный по сравнению с тексом? Обратите внимание – вверху указано, что ширина и высота картинки по 100%.

Шаг 27

Шаг 28. Нажимаем на клавиатуре Сtrl+T (русская раскладка). Вокруг цветка появилась тонкая рамочка. Если тянуть за ее уголки, будет меняться размер по ширине или высоте – то есть цветочек можно уменьшить до нужного размера. Чтобы и высота, и ширина остались пропорциональными (то есть ничего не вытянулось), зажимаем на клавиатуре Shift и за уголок тянем. Можно просто в верхних окошках прописать вместо 100% по 15% (или сколько нужно). Когда размер уменьшен, нажимаем Enter.

Шаг 28

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

Шаг 29

Шаг 30. Заметьте, теперь в меню «Слои» или Layers у нас три слоя: текстовый, тот второй (Layer 1), на котором хотели рисовать цветок, и большой (Layer2), который создали в шаге 24 и потом уменьшили. Каждый из этих слоев можно передвигать, редактировать и т.д.

Шаг 30. Все три слоя выделены.

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

Шаг 31

Шаг 32. Все – получился один слой.

Шаг 32

Внимание! Если вы планируете еще как-то изменять надпись или узор, то прежде, чем объединять слои, сохраните сессию File – > SaveAs. Откроется обычное окно для выбора папки. Следите, чтобы расширение сохраняемого файла было .psd. Потом вы сможете открыть его и продолжить работу с тремя раздельными слоями! Например, сделать надпись синей, а цветок – голубым. Или сменить шрифт.

Шаг 33. Теперь сохраняем файл с объединенными слоями File – > SaveAs.

Шаг 33

Шаг 34. Переименовываем файл и следим, чтобы расширение было .psd. Выбираем нужную папку.

Шаг 34

Шаг 35. После нажатия Enter ввылезает окошко, в котором предупреждают, что только Фотошоп сможет открыть .psd. – файл. Соглашаемся.

Шаг 35

Как перенести логотип на фото?

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

Шаг 36. У нас есть логотип с прозрачным фоном и фото. На панели инструментов выбираем верхнюю пиктограмму, которая перемещает слои.

Шаг 36

Шаг 37. Хватаем мышкой наш логотип и тащим на фото. Вот он, тут как тут! Для регулирования размера нажимает Ctrl+T (русская раскладка), масштабируем. Нажимаем Enter. Перемещаем по фотографии, находя самое удобное для надписи место (инструмент перетаскивания активен!). Вот и все!

Шаг 37

Всем вдохновения и побольше цветочностей!

Напишите в комментариях, какие еще уроки по фотошопу окажутся полезны для рукодельниц?

Как нанести водяной знак на фотографию в Photoshop и Lightroom

Видели ли вы надписи на фотографиях? Знаете, такие маленькие картинки или слова, указывающие имя фотографа? Они называются водяными знаками. Фотографы часто наносят водяные знаки на свои фотографии, чтобы обезопасить их от неправомерного использования. Вот несколько способов нанесения водяных знаков в Photoshop и Lightroom.

Водяные знаки в Photoshop

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

1. Слой с текстом

Первый способ – это создание слоя с текстом. Это отличный способ для водяных знаков, которые содержат слова. Вы можете написать свое имя или название вашей компании. Здесь есть возможность настроить прозрачность, которую считаете нужной. Попробуйте изменить режим наложения, чтобы ваш водяной знак выглядел так, как вы хотите. Чтобы добавить символ ©, нажмите комбинацию «option+g» на Mac, или «Alt+0169» на ПК.

Обычный режим наложения с черным шрифтом и непрозрачностью 100%.

Обычный режим наложения с непрозрачностью 63% и черным шрифтом.

Режим наложения Перекрытие с черным шрифтом и непрозрачностью 100%.

2. Файл с логотипом

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

PNG-файл с прозрачным фоном. Паттерн говорит о том, что фон прозрачный.

Выберите «Поместите связанные» в меню Файл в Photoshop. Затем выберите файл, который хотите разместить.

Разместите файл и установите желаемый размер. (Удерживайте Shift для изменения размера и сохранения пропорций вашего логотипа)

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

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

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

Фоновый слой заблокирован.

Теперь слой разблокирован.

Далее используйте волшебную палочку, чтобы выбрать фон. Если ваш фон не однотонный, тогда выделите логотип и инвертируйте выделение. Теперь, когда ваш фон выделен, просто вырежьте его. Используйте для этого комбинацию «cmd+x» (Mac) или «ctrl+x» для Windows.

Выберите только фон.

Ваше изображение теперь имеет прозрачный фон. Сохраните его как .PNG (JPG не поддерживает прозрачность) и вы готовы двигаться дальше.

Область с сеткой теперь прозрачная.

3. Используя инструмент Кисть

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

Чтобы создать кисть с заданным текстом, нужно создать новый документ в Photoshop. Убедитесь, что ваш документ имеет прозрачный фон. Напишите информацию, которую будет содержать ваш водяной знак. Убедитесь, что он выглядит так, как вы желаете. Когда водяной знак готов, перейдите в Изображение-Тримминг-Прозрачные пикселы. Далее, Редактирование-Определить кисть. Назовите свою кисть и следуйте дальше. То же можно проделать с вашим логотипом.

Это простые установки, которые прекрасно работают в большинстве случаев. Убедитесь, что фон установлен, как «Прозрачный».

Учтите, что шрифт написан очень крупно.

Убедитесь, что применили тримминг к тексту.

Текст не должен содержать свободного пространства вокруг.

Сохраните свою кисть в меню Редактирование.

Присвойте кисти имя.

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

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

Водяные знаки в Lightroom

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

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

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

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

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

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

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

Автор: Monica Day

Перевод: Татьяна Сапрыкина

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

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

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

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

После запуска программы нужно выбрать вкладку “Файл” и нажать на опцию “Создать”. Также можно открыть новый документ комбинацией “CTRL+N”. Для примера, выберем размер файла 600х300, фон оставляем прозрачным.
В палитре слоев создается новый, на котором будут размещаться необходимые объекты.
Если требуется нанести определенную фразу в качестве водяного знака, выбирается “Горизонтальный текст” в инструментах. Также там устанавливается наиболее подходящий шрифт и выбираются другие параметры.
Наиболее подходящим шрифтом для вотермарки нельзя назвать какой-то один. Нам например нравится “Fira Sans”, поскольку может похвастаться большими символами, хорошо заметными при полупрозрачном стиле.
В большинстве случаев водный знак нужен для нанесения адреса сайта или подписи автора изображения. Таким образом можно прорекламировать себя, если фото будет распространяться на других ресурсах.
Водяной знак можно разместить ровно по центру, для чего используется опция “Перемещение”.
Опция “Слои – Стиль слоя” позволит наделить марку большей эффектностью, она станет более рельефной. Также функция запускается двойным кликом по нужному слою. Мы обычно просто кликаем правой кнопкой мыши на слой и выбираем “Параметры наложения”:
Во открывшемся окне выбираются необходимые параметры, которые сделают отображение знака более красивым и эффектным. Например, можно добавить тень, обводку или наложить какой-нибудь узор, как это сделали мы:Можно смело пробовать различные эффекты, подбирая из них наиболее удачные сочетания. Ставим галочку у нужного пункта и выбираем настройки. Если вам не понравится результат, вы сможете отменить эффекты убрав галочку всего лишь одним кликом.Достигнув нужного эффекта, нужно еще раз убедиться, что водяной знак полностью соответствует всем пожеланиям. В случае положительного ответа необходимо поиграться с прозрачностью изображения.
Чтобы сделать изображение почти невидимым, воспользуемся опцией “Непрозрачность”, как показано на скриншоте ниже:
Установленный на 10% бегунок нас устраивает. Таким образом знак будет еле заметен человеческому глазу.
Когда марка готова, можно приступать к ее сохранению. Для этого требуется нажать на комбинацию клавиш “CTRL+S” и выбрать определенные параметры в появившемся окне. Формат изображения желательно выбрать .PNG, чтобы не утратить прозрачность изображения. Ни в коем случае не выбирайте JPG.

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

Как наложить водяной знак на фото/изображение

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

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

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

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

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

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

Как наложить логотип на фотографию?

Ответ мастера:

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

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

Изображение логотипа перетащить на фотографию используя инструмент Move Tool. Подобный же результат можно получить, если логотип выделить клавишами Ctrl+A или при помощи командой All из главного меню Select, можно так же скопировать командой Copy, которая находится в меню Edit и поверх фотографии вставить командой Paste, располагающейся в том же меню.
Можно так же добавить логотип, файл с ним не открывая в отдельном окне. Для чего нужно использовать команду Place, расположенную в меню File.

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

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

Логотипы чаще всего, наносимые на изображения, чтобы быть загруженными в интернет, хранятся обычно в виде файлов, имеющих прозрачный фоном. Если пользовательское лого оказалось отчего-то на белом или произвольном другом моноцветном фоне, необходимо убрать данный фон. Для чего щелкнуть по фону логотипа специальным приспособлением Magic Wand Tool, выбрав в поле Tolerance цифру 1. После чего удалить выделенный фон при помощи клавиши Delete.

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

Слои нужно свести командой Flatten Image, которая находится в меню Layer. В случае, когда фото предназначено для последующей загрузкой в интернет, нужно сохранить файл специальной командой Save for Web, которая располагается в меню File.

Урок 5 Как сделать водяной знак в лайтруме

Автор Владислав На чтение 2 мин Просмотров 58.1к.

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

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

Итак, допустим, Вы уже обработали фотографию в лайтруме и переходите к экспорту.

Шаг 1. В настройках экспорта файла ищем “Водяной знак”

Ставим галочку.

И заходим в “Редактор водяных знаков…”

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

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

Шаг 3. Итак, мы выбрали наш логотип, теперь нужно его настроить. На скриншоте я расставил циферки, по ним я расскажу что и как настраивается.

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

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

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

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

Как вставить логотип в фото?

Ответ мастера:

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

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

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

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

Чаще всего логотипы сохраняются в файлах tiff, png, psd, eps с прозрачным фоном. Если вы создали логотип на цветном фоне, воспользуйтесь инструментом “Magic Wand Tool“ и уберите его. Полученный файл с логотипом на бесцветном фоне сохраните для дальнейшей работы.

Если изображение вашего логотипа ярче изображения на фотоснимке, измените величину параметра “Opacity“ в палитре слоев. Тем самым вы сможете значительно уменьшить непрозрачность слоя с логотипом.

Для сохранения полученного результата (фото с логотипом) в меню “File“ выберите и примените опцию “Save for Web“.

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

Чтобы автоматически вставить логотип во все отобранные фотографии, создайте экшен с определенной последовательностью команд. Примените опцию “Create new action“ из предложенной палитры экшенов. Если вы не видите ее в окне программы, воспользуйтесь опцией “Actions“ (меню “Window“). Напишите название нового экшена.

Чтобы начать запись экшена, кликните по “Begin recording“. Откройте в графическом редакторе файл с фотографией и выполните всю последовательность действий, необходимых для вставки логотипа. Сохраните результат, полученный в результате обработки снимка, и остановите запись, кликнув по “Stop recording“.

Выберите “Batch“ из группы “Automate“ в меню “File“ и откройте окно с настройками пакетной обработки. Укажите «имя» экшена, который вы хотите использовать для обработки фотографий, названия папки с исходными данными и папки с уже отредактированными изображениями. Нажмите ОК, запустив таким образом процесс обработки снимков.

Для того, чтобы вставить логотип на сайт Joomla наверняка существует масса способов, как изменить шапку сайта. В этой статье рассмотрим конкретный пример со стандартным шаблоном «Protostar», где вставка логотипа на сайт осуществляется в пару кликов. Для этого конечно нужно подготовить картинку с логотипом так, чтобы её размеры соответствовали области, куда он будет вставляться. Выставить размеры средствами HTML стандартные настройки шаблона «Protostar» не позволяют. Да и зачем?

Для того, чтобы оценить проделанную работу сперва нужно понять, как выглядит исходный вариант. А стандартный вид шапки сайта на Joomla с шаблоном «Protostar» выглядит примерно так: название сайта (Заголовок) и его краткое описание в виде ссылки.

Изменение стиля шаблона сайта «Protostar»

Для того, чтобы вместо заголовка сайта отображался логотип в виде картинки, нужно зайти в Менеджер шаблонов в изменение стилей на вкладку «Дополнительные параметры». Как на неё попасть, подробно описано в → этой статье . Нас интересует Поле «Логотип », а конкретно кнопка «Выбрать », по которой нужно кликнуть:

После клика по кнопке «Выбрать » откроется диалоговое окно «Изменить изображение », которое выглядит так:

Рассмотрим по порядку, как с ним работать (всё начинается снизу и идёт вверх, что странно, но так вот оно сделано):

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

Посте того, как выбранный файл подгружен, в Поле «Логотип », если навести курсор мышки на пиктограммку с глазиком, можно увидеть его в реальном размере:

В текстовом поле «Логотип » будет отображён относительный путь до файла с картинкой (см.картинку ниже ). После этого нужно сохранить изменение в настройках стиля шаблона. Для этого нужно нажать на кнопку «Сохранить и закрыть » или просто «Сохранить » в верхнем ряду кнопок управления Менеджера шаблонов.

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

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

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

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

1. PhotoMarks 2

Начнем с новинки — PhotoMarks 2. Создатели настаивают на том, что процесс нанесения водяного знака еще никогда не был таким быстрым и простым. Вы можете добавлять текст или изображение на фотографии в Facebook, Twitter, Instagram, а также при отправке снимка через электронную почту. К тому же можете сохранить свой водяной знак отдельно от фотографии. Стоимость: 2.99$

2. iWatermark

Практически неограниченные возможности в создании текстового знака. А также возможность придумать свою графику, подпись или даже QR-код. Чтобы проще было начать, есть 20 отличных примеров водяных знаков, созданных с помощью приложения. Стоимость: 1.99$.

3. Marksta

Когда Marksta только появилась, она быстро стала самым популярным приложением для создания водяных знаков. Не сдает она позиции и сейчас. У приложения огромный выбор инструментов, шрифтов, фонов, цветов, размеров и даже теней. Помещайте ватермарки на изображения в Facebook, Twitter, Instagram, Tumblr, Flickr или добавляйте ваши никнеймы из социальных сетей, адреса электронной почты на фотографии. Стоимость: 1.99$.

4. A+ Signature

Многофункциональное приложение, которое позволит не только создать водяной знак, но и сделать подписи к снимкам или забавную фотокарточку. Можно использовать заготовленные шрифты и подписи (их 250), а можно покреативить и создать что-то свое. Стоимость: 1,99$.

5. PhotoMarkr

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

6. eZy Watermark lite

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

7. iVideoMark

И отдельное приложение для создания водяных знаков для видеороликов. Добавляйте, тест, изображение, логотипы и подписи. Изменяйте цвета и шрифты и сохраняйте созданные ватермарки. Стоимость: 3$.

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

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

Сайты в интернете не исключение и практически всегда имеют свой собственный логотип, который принято размещать в headere (шапке) страницы. Логотип практически всегда делают кликабельным, и как правило ссылка с лого ведет на главную страницу проекта. Вот именно размещением логотипа ссылкой в шапке, мы и будем сегодня заниматься.

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

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

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

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

Полученный код выглядит вот так:

Можете просто скопировать его и заменить ссылки и значения на свои.

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

Для этого вставленный ранее код нужно заключить в DIV контейнер и присвоить ему идентификатор. 🙂 Пожалуй проще будет показать чем объяснить. Результат:

Итак div имеется и нужно с помощью css указать ему положение на странице. Для этого в редактор css добавляем следующий код:

#logotip {
position: absolute;
top: -140px;
left: 10px;
}

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

Закрепите изменения кнопкой «Обновить» css редактора и перейдите на сайт посмотреть результат. Если вы все сделали правильно, логотип сместится вверх и немного вправо.

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

Спасибо за внимание, если все таки что то не понятно спрашивайте в комментариях. Обязательно постараюсь ответить.

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

Ставим подпись

Я добавляю на фотографии надпись в виде текста «Vendigo ©» выполненную определенным шрифтом. Вот так:

После чего в панели слоев снизьте значение Fill до 20 — 50%.

Actions в Photoshop

Для этого нам понадобится панель Actions, обычно она расположена рядом с Историей.

Для создания экшена нажмите кнопку Create new action , и задайте его название в появившемся окне, например «Copyright».

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

Теперь размещаем логотип на фотографии, все как описывалось выше:

Отступление: Если ваш логотип графический, а не текстовый то выполните команду File – Place и вставьте ваш логотип из файла.

Выбираем инструмент Текст (T).
Вставляем подготовленную надпись из буфера обмена Ctrl+V.
Выделяем оба имеющихся слоя в панели Layers.
С помощью кнопок инструмента Move Tool (V) сдвигаем надпись в нужный нам угол.
Выбираем слой с текстом. Курсорными клавишами и клавишей Shift задаем нужный отступ от краев.
Два раза щелкаем по слою с текстом и в окне Layer Style задаем тень и любые понравившиеся нам эффекты.
Уменьшаем прозрачность слоя с помощью параметра Fill.

После того как рисование логотипа завершено, жмем кнопку Stop – экшен готов!

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

Actions — параметры

Щелкните два раза по экшену, и перед вами откроется окно его настроек:

Развернув созданный экшен, вы увидите все команды, которые в нем записаны:

Пакетная обработка в Photoshop

Откроется окно пакетной обработки:

Опция Save in same location сохранит файлы в исходной папке, но не перезапишет их, файлы будут лежать во вложенной папке (PSD или TIFF).

Подключаем экшен к экспорту Lightroom

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

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

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

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

Скопируйте созданный экшен, перетащив его мышкой на кнопку Create new action . Переименуйте его например в Copyright Droplet .
Откройте подходящую по размерам фотографию в Photoshop.
Выполните экшен.
Раскройте его команды, перейдите в конец и нажмите «запись».
Объедините слои (Ctrl+Shift+E).
Выполните команду Сохранить как (Ctrl+Shift+S). И сохраните снимок в JPEG с нужным вам уровнем сжатия. Куда вы сохраните файл, и как его назовете в этом случае не важно.
Закройте документ.
Нажмите Стоп. Новый экшен готов.

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

Есть важный момент, в команде Save As так же сохраняется путь к файлу и его имя. Таким образом если этот экшен применить к пакету файлов, все они будут сохранены в одном месте под одним и тем же именем! Для того чтобы обойти этот момент в окне Create Droplet есть опция . Эта опция убирает из команды Сохранить Как имя файла и путь к файлу, но сохраняет настройки формата файла.

Теперь преобразуем экшен в дроплет: File – Automate – Create Droplet.

С помощью кнопки Choose укажите где и под каким именем создать файл.
В секции Play выберете подготовленный экшен, обычно последний подставляется автоматически.
В секции Destination выберете Save and Close , и поставьте галочку Override Action “Save As” Commands .

Жмем Ок – получаем дроплет.

Примечание: Как ни странно команда Save and Close или Folder не сохраняет файлы если в экшене не было команды Сохранить или Сохранить как. То же самое относится к окну File – Automate – Batch. Довольно запутанная система с сохранением файлов с обязательной записью этих команд в экшен, поэтому я предпочитаю для пакетной обработки пользоваться инструментом Image Processor.

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

Урок получился длинный, но как мудро сказано в одном мультфильме «лучше день потерять, потом за час долететь»!

Всем спасибо за внимание 🙂

Пакетная обработка в Photoshop — логотип на фотографиях ⋆ Vendigo.ru

Крылья… ноги… Главное хвост!
(из одного мультфильма)

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

Ставим подпись

Я добавляю на фотографии надпись в виде текста «Vendigo ©» выполненную определенным шрифтом. Вот так:

После чего в панели слоев снизьте значение Fill до 20 — 50%.

Actions в Photoshop

Для этого нам понадобится панель Actions, обычно она расположена рядом с Историей.

Для создания экшена нажмите кнопку Create new action, и задайте его название в появившемся окне, например «Copyright».

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

Теперь размещаем логотип на фотографии, все как описывалось выше:

Отступление: Если ваш логотип графический, а не текстовый то выполните команду File – Place и вставьте ваш логотип из файла.

Выбираем инструмент Текст (T).
Вставляем подготовленную надпись из буфера обмена Ctrl+V.
Выделяем оба имеющихся слоя в панели Layers.
С помощью кнопок инструмента Move Tool (V) сдвигаем надпись в нужный нам угол.
Выбираем слой с текстом. Курсорными клавишами и клавишей Shift задаем нужный отступ от краев.
Два раза щелкаем по слою с текстом и в окне Layer Style задаем тень и любые понравившиеся нам эффекты.
Уменьшаем прозрачность слоя с помощью параметра Fill.

После того как рисование логотипа завершено, жмем кнопку Stop – экшен готов!

Actions — параметры

Щелкните два раза по экшену, и перед вами откроется окно его настроек:

Развернув созданный экшен, вы увидите все команды, которые в нем записаны:

Пакетная обработка в Photoshop

Откроется окно пакетной обработки:

Подключаем экшен к экспорту Lightroom

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

Скопируйте созданный экшен, перетащив его мышкой на кнопку Create new action. Переименуйте его например в Copyright Droplet.
Откройте подходящую по размерам фотографию в Photoshop.
Выполните экшен.
Раскройте его команды, перейдите в конец и нажмите «запись».
Объедините слои (Ctrl+Shift+E).
Выполните команду Сохранить как (Ctrl+Shift+S). И сохраните снимок в JPEG с нужным вам уровнем сжатия. Куда вы сохраните файл, и как его назовете в этом случае не важно.
Закройте документ.
Нажмите Стоп. Новый экшен готов.

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

Есть важный момент, в команде Save As так же сохраняется путь к файлу и его имя. Таким образом если этот экшен применить к пакету файлов, все они будут сохранены в одном месте под одним и тем же именем! Для того чтобы обойти этот момент в окне Create Droplet есть опция Override Action “Save As” Commands. Эта опция убирает из команды Сохранить Как имя файла и путь к файлу, но сохраняет настройки формата файла.

Теперь преобразуем экшен в дроплет: File – Automate – Create Droplet.

С помощью кнопки Choose укажите где и под каким именем создать файл.
В секции Play выберете подготовленный экшен, обычно последний подставляется автоматически.
В секции Destination выберете Save and Close, и поставьте галочку Override Action “Save As” Commands.

Жмем Ок – получаем дроплет.

Примечание: Как ни странно команда Save and Close или Folder не сохраняет файлы если в экшене не было команды Сохранить или Сохранить как. То же самое относится к окну File – Automate – Batch. Довольно запутанная система с сохранением файлов с обязательной записью этих команд в экшен, поэтому я предпочитаю для пакетной обработки пользоваться инструментом Image Processor.

Далее идем в Lightroom, открываем экспорт, и подключаем наш дроплет вот здесь:

(Подробнее про экспорт в Lightroom читайте в этом уроке)

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

Всем спасибо за внимание 🙂

Как применить ваш Photologo в Photoshop

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

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

Если вы этого не сделаете, нет причин пугаться сложного интерфейса.

Несмотря на то, что Photoshop не предназначен для этой цели, вы все равно можете вручную вставить водяной знак в каждое изображение, используя инструменты, которые вы обычно используете для вставки фотографий и текста в изображения, которые вы работаете в Photoshop (СПОЙЛЕР: с Photopolish у вас будет возможность наносить водяной знак на множество изображений одним щелчком мыши, молниеносная обработка и множество замечательных функций).

ШАГ ЗА ШАГОМ

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

Вот краткое руководство по инструментам, которые вам понадобятся:

Теперь есть два способа вставить Photologo:

1) открываем изображение с подписью в фотошопе (меню Файл> Открыть),

нажмите комбинацию клавиш Ctrl + A , чтобы выбрать ее, а затем нажмите Ctrl + C , чтобы скопировать. Затем перейдите на вкладку, где у вас есть файл изображения, который вы хотите подписать, и вставьте свой логотип, используя ярлык Ctrl + V .

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

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

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

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

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

— Черно-белые версии

— высокое и низкое разрешение (обоих цветов)

— В формате PNG

— С прозрачным фоном, готов к нанесению

Просто выберите тот, который больше всего подходит.

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

Отрегулируйте положение с помощью инструмента Move (на панели инструментов в левой части рабочего пространства) и перемещайте его по изображению.

Чтобы изменить размер логотипа вашей подписи, перейдите в верхнее меню и нажмите Правка> Преобразовать> Масштабировать .

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

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

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

Ваш шедевр подписан и готов к работе!

Учебное пособие по удалению логотипов с фотографий в Photoshop

Изучите 2 различных способа простого удаления логотипов с фотографий в Photoshop.В Photoshop есть много способов делать разные вещи, и этот урок покажет вам лучший способ решить задачу удаления чего-либо с этих фотографий. Хотя мы избавляемся от логотипов, вы можете использовать это руководство для чего угодно. Заливка с учетом содержимого — отличный инструмент, и у меня есть учебники по этому поводу, но для этих случаев мы будем использовать разные методы. Будьте готовы к расширению вашего набора инструментов!

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

Получите 10 бесплатных изображений из Adobe Stock

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

Быстрое удаление логотипов с фотографий в Photoshop Учебное пособие — удаление брендов

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

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

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

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

Итак, что мы собираемся сделать сейчас, мы будем работать над этим, поэтому я собираюсь создать еще один слой над ним, а затем нам нужно избавиться от этого.Я думаю, что самый быстрый способ сделать это — не использовать штамп клонирования, а просто закрасить его. Так почему бы нам просто не взять здесь кисть? Я собираюсь взять инструмент «Кисть», нажав клавишу B, и затем мне нужно установить жесткость на soft, nice и soft.

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

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

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

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

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

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

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

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

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

Итак, мы собираемся применить это зерно прямо сейчас. Итак, мы просто собираемся преобразовать это в смарт-объект, просто щелкнув правой кнопкой мыши и выбрав «Преобразовать в смарт-объект».Теперь, сделав это, теперь я могу применить это зерно неразрушающим образом ко всей этой области, поэтому я собираюсь выбрать «Фильтр», «Шум», «Добавить шум».

И мы собираемся добавить немного зерна, может быть, отбросим это обратно. Так что это довольно незаметно. И обратите внимание, что я сделал, так это то, что я выбрал Uniform Option, и я также выбрал Monochromatic. Итак, мы просто нажмем «ОК». Итак, теперь мы можем сравнить это с зерном. Да, хорошо выглядит. Мне нравится, что.

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

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

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

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

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

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

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

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

Хорошо, если мы посмотрим на это до и после, мы увидим, что мы прикрылись, но заметьте, у нас здесь небольшие проблемы. Здесь происходит некоторая деформация, которую нам нужно исправить. Итак, что я собираюсь сделать, так это просто объединить эти два слоя вместе и нажать Ctrl E, а теперь мы просто поработаем над их исправлением по отдельности.

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

А теперь нам просто нужно немного повернуть это и заметить, что на этом этапе есть только, знаете ли, немного [неразборчиво, 00:09:24], так что давайте возьмем следующий.Ладно, неплохо. Итак, что я собираюсь сделать сейчас, так как я просто хочу их замаскировать, поэтому я собираюсь выделить их и нажать Ctrl G, чтобы объединить их в группу.

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

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

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

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

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

Рад видеть вас здесь, в КАФЕ

Колин

Как нарисовать логотип в Photoshop — Брендан Уильямс Креатив

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

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

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

Как очертить логотип в Photoshop

Давайте сначала начнем с самого простого типа контура логотипа в Photoshop.

Шаг 1. Создайте выделение для вашего логотипа

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

Чтобы выбрать инструмент Magic Wand Tool, нажмите W на клавиатуре или найдите его на панели инструментов.

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

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

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

Теперь у вас остается выделение вокруг всего вашего логотипа.

Шаг 2: Добавьте выделение к маске слоя

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

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

Шаг 3. Откройте стили слоя

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

Шаг 4. Установите стиль «Обводка»

Чтобы добавить контур к вашему логотипу, щелкните «Обводка» в параметрах стилей в левой части диалогового окна.

Шаг 5: Установите штриховую заливку на сплошной цвет

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

Выбрав параметр «Сплошной цвет», вы можете щелкнуть поле «Цвет», чтобы выбрать цвет для контура.

Шаг 6: Установите положение хода в «Центр»

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

Шаг 7. Настройте дополнительные параметры хода по мере необходимости

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

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

Результат

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

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

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

Шаг 1. Выберите свой логотип с помощью инструмента «Волшебная палочка»

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

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

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

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

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

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

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

Шаг 3: перейдите в Edit> Stroke

При активном выделении и выбранном новом слое перейдите в меню Edit> Stroke , чтобы обвести выделение.

Шаг 4: Установите ширину и цвет контура

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

Затем нажмите на опцию «Цвет» и выберите цвет контура вашего логотипа.

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

Когда все будет готово, нажмите «ОК», чтобы применить обводку к вашему выбору.

Шаг 5. Нажмите Command / Control + D, чтобы отменить выбор логотипа.

Теперь вокруг вашего логотипа создан контур, но выделение все еще активно. Нажмите Command + D (Mac) или Control + D (ПК) на клавиатуре, чтобы отменить выбор.

Шаг 6. Скройте слой с логотипом

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

Результат

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

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

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

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

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

При активном выборе перейдите к Select> Modify> Expand.

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

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

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

Когда вы будете довольны настройками, нажмите OK, чтобы добавить обводку к вашему выбору. Затем нажмите Command + D (Mac) или Control + D (ПК), чтобы отменить активный выбор.

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

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

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

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

Давайте разберем это подробнее.

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

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

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

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

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

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

Как добавить узорчатый контур к логотипу в Photoshop

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

Щелкнув по стилю обводки, измените тип заливки на «Узор».

Нажав на «Предварительный просмотр рисунка», вы можете выбрать один из множества шаблонов по умолчанию в Photoshop.Если вы хотите разнообразить вещи, вы можете бесплатно получить новые выкройки от Brusheezy.

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

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

Теперь у вас есть крутой узор вокруг вашего логотипа, а не простой контур цвета Джейн!

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

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

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

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

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

Затем нажмите Command или Control + D , чтобы отменить активный выбор.

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

Затем вы можете настроить положение и размер изображения в контуре, открыв инструмент «Перемещение» ( V ), щелкнув слой изображения, а затем щелкнув и перетащив поле преобразования, чтобы настроить его.

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

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

Happy Outlining,

Брендан 🙂

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

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

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

Учебные материалы

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

1. Создайте документ Photoshop

Шаг 1

Откройте Photoshop, нажмите «Создать» и создайте документ размером около 1920 x 600 пикселей с белым фоном.

Шаг 2

Разблокируйте фоновый слой, щелкнув значок замка на панели «Слои».

2. Загрузите и установите шрифты

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

Шаг 1

Щелкните здесь, чтобы загрузить шрифт BlackJack.

Шаг 2

Щелкните здесь, чтобы загрузить шрифт Raleway.

Шаг 3

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

Установить шрифты на Mac:

Зайдите в Finder и откройте папку «Загрузки».
Распакуйте блэкджек.zip-файл и найдите blackjack.otf
Дважды щелкните по нему, чтобы открыть предварительный просмотр.
Нажмите кнопку «Установить шрифт».

Теперь сделайте то же самое для шрифта Raleway. Мы будем использовать Raleway-Medium.ttf , поэтому вы можете либо установить только это, либо, если хотите, вы можете установить все в файлах .ttf.

Установить шрифты на ПК:

Перейдите в папку «Загрузки»
Найдите файл блэкджека и дважды щелкните его, чтобы получить доступ к блэкджеку.otf
Теперь дважды щелкните файл blackjack.otf еще раз, чтобы просмотреть его предварительный просмотр.
Щелкните кнопку «Установить», расположенную в верхнем левом углу окна предварительного просмотра.
Сделайте то же самое для шрифта Raleway.

3. Создайте свой логотип

Шаг 1

В Photoshop выберите инструмент «Текст» (T), установите шрифт Black Jack (или любой другой установленный вами шрифт), убедитесь, что выравнивание установлено по центру, а цвет установлен на черный.

Шаг 2

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

Шаг 3

Снова выберите инструмент «Текст» (T), установите шрифт Raleway, убедитесь, что выравнивание установлено по центру, а цвет установлен на черный, и на этот раз установите размер шрифта примерно на 55 пикселей. Введите «ФОТОГРАФИЯ» под своим именем.

Переключитесь на инструмент «Перемещение» (V) и на панели символов («Тип»> «Панели»> «Панель символов») установите для отслеживания значение 400.

Шаг 4

Убедитесь, что вы все еще используете инструмент «Перемещение» (V) и выделите оба текстовых слоя на панели слоев. Выделив оба текстовых слоя, щелкните значок «Выровнять центры по горизонтали».

4. Обрезать файл перед экспортом

Шаг 1

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

Шаг 2

Перейдите к Image> Trim , выберите «Transparent Pixels» и обрежьте все сверху, снизу, слева и справа.

У вас должен остаться плотно прилегающий логотип посередине холста.

4. Сохранить и экспортировать

Шаг 1

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

Шаг 2

Теперь вы готовы к экспорту.

Перейдите в Файл> Экспорт> Экспортировать как… Появится новое всплывающее окно. Установите формат PNG и убедитесь, что установлен флажок «Прозрачность».Затем нажмите «Экспортировать все» и сохраните изображение логотипа где-нибудь на своем компьютере.

5. Изменение цвета

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

Затем снова экспортируйте логотип.

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

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

Как сделать водяной знак в Photoshop (шаг за шагом!)

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

Изображение на обложке Криса Ботрелла.

Фотография Уилла Николса

Что такое водяные знаки?

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

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

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

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

Есть несколько способов найти изображения и определить, где они использовались раньше. Google Reverse Image Search — отличный инструмент.

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

Преимущества водяных знаков

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

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

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

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

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

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

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

Фотография Ноя Вольфа

Недостатки водяных знаков

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

Они не только отвлекают, но также снижают важность изображения. Хорошее изображение может испортить плохой водяной знак.

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

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

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

Водяной знак на изображения в Photoshop — простой текст

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

Назовите его «Текст». Нажмите ОК .

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

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

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

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

Если вы хотите добавить значок «Авторские права», это можно сделать несколькими способами. Обычно я захожу на Google.com и ищу «символ авторского права», а затем копирую и вставляю.

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

Если вы хотите пройти долгий путь в Photoshop, вам нужно найти символ в Photoshop.

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

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

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

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

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

Это позволяет перемещать два слоя как один. Разместите их, где хотите.

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

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

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

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

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

Нажмите ОК , когда закончите.

Водяной знак на ваших изображениях в Photoshop — Добавление логотипа

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

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

Во-первых, откройте свое изображение. Перейдите в File> Place Embedded .

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

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

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

Чтобы найти центр изображения, перейдите в Изображение> Размер изображения и найдите размер Ширина . Половина этого числа, и у вас будет свой центр.

Ширина изображения, которое я использую, составляет 2048 пикселей.

Направляющая — идеальный способ показать вам центр вашего изображения.Чтобы сделать его, перейдите в View> New Guide .

Во всплывающем окне выберите Ширина и введите 1024 пикселей . Нажмите ОК .

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

Чтобы переместить логотип, вам нужно выбрать инструмент Move . Вы можете переместить его в сторону с помощью стрелок на клавиатуре.

Для завершения нужно удалить направляющую. Перейдите в View> Clear Guides .

Сохраните изображение, как обычно, и вот оно.

Photoshop — Создание водяных знаков на 360-градусном изображении — Учебники + ресурсы

6. Теперь, когда вы смотрите в правильную сторону, переключитесь на изображение водяного знака и скопируйте его. Вы можете сделать это, нажав Ctrl + A, чтобы выделить все, а затем нажав Ctrl + C или перейдя в режим редактирования -> скопировать.

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

7. Скопировав водяной знак в буфер обмена, вернитесь к своему изображению 360 и вставьте его в сцену.

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

ПРИМЕЧАНИЕ. Удерживайте Shift при масштабировании, чтобы сохранить те же размеры изображения.

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

10. Когда вы поместили водяной знак на штатив, щелкните правой кнопкой мыши на слое, на котором находится водяной знак (слои находятся на правой панели), и выберите «объединить вниз». Это объединит ваш водяной знак с исходным 360-градусным изображением.

Простое трехэтапное руководство по Photoshop

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

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

Примечания:

* Для этого урока я использую Adobe Photoshop CC 2018 / Adobe Premiere Pro CC 2018. Некоторые функции могут быть недоступны в более старых версиях Photoshop.

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

*** Готовы воплотить свой дизайн футболки в реальность? Ознакомьтесь с нашими услугами по заказу футболок AA, чтобы узнать о выгодных предложениях!

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

Шаг 1. Настройте документ

Откройте Photoshop CC. Использование рабочей области по умолчанию: перейдите в «Окно»> «Рабочая область»> «Основные» (по умолчанию), чтобы убедиться, что вы используете те же настройки, что и для этого руководства.

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

Измените настройки ширины и высоты с пикселей на дюймы. Хорошее практическое правило для дизайна футболок — начинать с 14 дюймов для ширины и 17 дюймов для высоты (вы всегда можете отрегулировать это позже).

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

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

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

Шаг 2. Поместите изображение вашего логотипа

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

Шаг 3. Сохраните файл. Вы сделали!

Немного более сложный способ — реалистичный макет футболки

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

Шаг 1. Изолируйте свою футболку

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

Шаг 2: Создание карты смещения

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

Выберите эту копию слоя «Футболка». Перейдите к корректирующим слоям и выберите «уровни». Цель настройки уровней — увеличить контраст между черным и белым на футболке, чтобы определить, что такое https: // transparentpharmacy.сетка приподнята, а то, что втягивается — совсем как складки на настоящей футболке. Это то, что делает макет реалистичным.

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

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

Шаг 3. Поместите свой логотип на футболку

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

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

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

Готово!

Теперь, когда вы успешно создали свой макет, распечатайте свое творение на настоящей футболке! Ознакомьтесь с услугами AA Custom T-shirt для всех ваших потребностей в печати футболок!