Как прикреплять логотип к фотографиям. Простая вставка логотипа на изображение. Водяной знак и логотип на фото


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

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

Откроем исходное изображение.

Вставим логотип в векторном формате в наше изображение. Для чего перейдём в "Файл - Поместить ".

Откроется окно "Поместить ", в котором находим на нашем компьютере логотип и нажимаем "Поместить ".

Логотип помещается на фото вместе с вот такой рамкой.

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

Правой кнопкой мыши щёлкаем внутри рамки и в раскрывшемся списке выбираем пункт "Наклон ".

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

Помещаем логотип на изображение - Enter .

Переходим в "Фильтр - Искажение - Рябь ".

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

Вот что получилось на данном этапе.

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

Получаем вот такой результат.

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

Вызываем свободное трансформирование - Ctrl+T . Правой кнопкой мыши щёлкаем внутри рамки трансформации и в раскрывшемся списке выбираем пункт "Деформация ".

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Actions в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Actions — параметры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как вы уже поняли, новый экшен, сохраняет файл и выгружает его из 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.

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

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

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

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

Инструкция

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

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

  • Поместите поверх открытой картинки изображение логотипа - в Paint для этого предназначен пункт «Вставить из» в выпадающем списке «Вставить». Мышкой перетащите логотип в нужное место фонового изображения, измените нужным образом его размеры и сохраните результат комбинацией клавиш Ctrl + S. Загрузите файл шапки с логотипом на сервер, заменив им исходный файл, и операция будет завершена.
  • Для вставки логотипа в HTML-код страницы удобнее всего использовать графический режим (режим WYSIWYG) редактора страниц, который есть в большинстве систем управления сайтами. Открыв нужную страницу в таком редакторе, кликните место, в которое следует поместить логотип, и нажмите кнопку вставки изображения в меню. На экране должен появиться диалог, в котором вам надо указать место хранения файла с логотипом в компьютере. В зависимости от редактора, в этом же диалоге могут быть и поля для ввода дополнительных параметров - размеров картинки, отступов от соседних элементов страницы и т.д. Все заполнив, нажмите кнопку OK, а затем сохраните отредактированную страницу.
  • При отсутствии возможности использовать редактор страниц вносить теги в исходный код придется «вручную». Для этого отыщите на сервере файл нужной страницы, загрузите его в компьютер и откройте в любом текстовом редакторе - например, в «Блокноте». Эта операция требует некоторого знания языка верстки гипертекста - вам надо найти в HTML-коде правильное место для размещения тега логотипа. Сам этот тег в простейшем варианте можно записать, например, так:
  • Добавив строку в исходный код, сохраните страницу и замените отредактированным файлом хранящийся на сервере оригинал. Затем загрузите туда же файл с изображением - для примера из предыдущего шага этот файл должен называться images/logo.png и храниться в той же папке сервера, куда помещена отредактированная страница.
  • Если вы не хотите, чтобы кто-то воровал ваши фотографии в социальных сетях, ставьте на них водяные знаки. Мы подобрали 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$.

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

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

    Водяной знак и логотип на фото.

    Что может программа Visualizer Photo Resize - программа для вставки логотипа и водяного знака на изображение.

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

    Как установить логотип на картинку.

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

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

    Как настроить изображение для логотипа.

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

    • Просмотр на полный экран.
    • Показ миниатюры.
    • Показать панель инструментов.
    • Показать детали.
    • Показать Линейки.

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

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

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

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

    Вставить логотип или водяной знак на картинку Вы сможете без затруднений. Visualizer Photo Resize имеет рабочий объём в разы меньше ‘коллег-аналогов’. После установки откройте папку с содержимым, найдите файл ‘the_solar_system.v4u’ и запустите его. Это пример презентации, которую можно сделать программой.

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