Пакетный ресайз фотографий с наложением логотипа
27.11.2015
Я уже писал, как правильно сжимать фотографии для социальных сетей. Это помогает, когда нужно обработать и выложить штучную фотографию. Но у фотографов зачастую стоит задача правильно подготовить к публикации или к отдаче клиенту не одну фотографию, а весь отснятый материал, причем обычно на него нужно наложить свой логотип. Тут на помощь приходит пакетная обработка. Возможность пакетно проделывать такие операции есть у многих программ — например, 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. Выделяем ее, и нажимаем на значок в правом верхнем углу окна экшенов, выбираем «Вставить условное…»:
Если текущий документ имеет альбомную ориентацию — то выбираем первый экшн, для горизонтальных фото. Иначе — второй. Вот и все. Теперь в разделе файл — автоматизация — пакетная обработка запускаем наш третий, условный экшн, и пьем чай, наблюдая как фотошоп трудится в поте лица.
Как убрать водяной знак с фото (фотографии) и картинки в Фотошопе
А действительно, можно ли убрать водяные знаки с фото?
Читайте статью, в которой на 4-ех примерах, покажу как убрать водяной знак.
- Пример №1. Как убрать водяные знаки с картинки.
- Пример №2. Как удалить водяной знак с фото.
- Пример №3. Убрать водяные знаки с фото.
- Пример №4. Как убрать водяные знаки с картинки.
Пример №1. Как убрать водяные знаки с картинки
В первом примере, рассмотрим самый простой пример и уберем водяной знак сбоку картинки. Такие штампы, обычно оставляют фотоаппараты (число сделанной фотографии), фотографы или художники (подпись своего произведения). Кроме того, размещая на своих сайтах изображения, вебмастера пытаются ставить водяные знаки не столько защищая рисунок, сколько пропиарить своей проект.
Подобные водные знаки, легко убрать путем обрезки ненужной части изображения. Рассмотрим по шагам, как это сделать на практике.
В интернете нашел картинку с цветком, с которого нужно убрать информацию об авторе снимка.
Выбираем инструмент «Рамка» и, при помощи маркеров, установим область обрезанной картинки.
Нажимаем «Enter».
В итоге, мы обрезали часть картинки с водяным знаком, не сильно исказив сам рисунок.
Беря во внимание исключительно данный пример, рассмотренный способ вполне сносный. Но, в большинстве случаев, обрезав часть картинки, произойдет смещение главного объект и нарушение композиции снимка.
С другой стороны, если подобные тонкости вас не слишком смущают, это самый быстрый способ убрать водяной знак в Photoshop.
Пример №2. Как удалить водяной знак с фото
Встречались ли вам фото, на которых на переднем плане расположен текст или любой другой объект? Конечно встречались. Наиболее известный всем случай, это публикация фото главным изображением статьи.
Мне приглянулся белый медведь, плывущий в воде. Но, на переднем плане присутствуют надпись, от которой хочу избавится.
Шаг №1. Выделяем надпись на фото.
Первое что нужно сделать, это выделить надпись. Самый лучший вариант, воспользоваться инструментом «Волшебная палочка», либо «Быстрое выделение».
Вы не знаете как лучше выделить объект? Изучите мою статью «Как выделить объект в Photoshop».
Шаг №2. Расширим выделение.
Выделенную область, в дальнейшем будем заливать средствами Photoshop. Если оставить как есть, качество заливки не удовлетворит. Поэтому, нам нужно расширить выделение.
- Переходим в «Выделение» → «Модификация» → «Расширить».
- В появившемся окне «Расширить область», поставьте значение 2 пикселя.
- Нажмите «Ok».
В результате, выделенная область расширится на 2 пп, а именно это нам и нужно.
Шаг №3. Выполнить заливку.
Наше фото готово. Теперь легким движением, уберем водяной знак.
- Откройте вкладку «Редактирование» → «Выполнить заливку».
- В появившемся окне «Заполнить», в пункте содержание, укажите «С учетом содержимого».
- Нажмите «Ok».
Уберите выделение нажатием клавиш Ctrl + D и восхититесь результатом работы.
Если не приглядывать, а уж тем более не знать что на фото были посторонние надписи, никто и не догадается что с изображение редактировали.
В результате проделанных работ, мы получили отличную фотографию с белым медведем.
Пример №3. Убрать водяные знаки с фотографии
Вы хотите иметь в своем архиве качественную фотографию? В таком случае, обязательно посетите фотостоки и оплатите выбранную фотку.
Фотостоки — это порталы, куда скидывают фотографы и художники свои работы. В свое время те, устанавливают защиту на фотографии в виде мудреных водяных знаков.
Я взял одну из таких фотографий и покажу на ее примере, как можно убрать водяной знак в Фотошоп.
В этом примере, лучше всего воспользоваться инструментом «Точечная восстанавливающая кисть». Исходя из того, что на фотографии изображена вода с небольшими волнами, инструмент с легкостью сгенерирует недостающие участки.
К делу. Выбираем инструмент «Точечная восстанавливающая кисть» и обводим участки фотографии, на которых изображен водяной знак.
Дело двух секунд и фотография с водяными знаками, превращается в фотографию без водяных знаков.
Как вам результат? Лично меня, он вполне устраивает.
Пример №4. Как убрать водяные знаки с картинки
Хотел было заканчивать статью, но вспомнил еще один отличный способ убрать водяные знаки с картинки.
Попалась мне на глаза картина Моны Лизы, с водяным знаком на переднем плане. Смеха ради попробуйте удалить эту надпись примененным во втором примере способом с заливкой выделенной надписи. Результат будет … хотя сами проверьте.
В этом случае действовать нужно иначе. Попробуем обесцветить в прямом смысле этого слова, существующую надпись. В результате, должна остаться только картинка, без видимых дефектов.
Шаг №1. Создаем аналогичную надпись.
Первым делом создадим аналогичную надпись. Проработайте этот пункт досконально, ведь от этого зависит конечный вариант.
Подберите шрифт аналогичный тому, что используется на картине, выберите правильный размер.
При помощи трансформации, наложите созданный шрифт на рисунок.
У меня это вышло идеально.
Шаг №2. Растрировать текст.
Нажмите на слое с текстом правой кнопкой мыши и выберите «Растрировать текст».
Шаг №3. Изменяем режим наложения.
Измените режим наложения на «Затемнение основы».
Шаг №4. Добавляем уровни.
В нижней части блока слоев, создайте новый корректирующий слой и выберите «Уровни».
После чего, зажмите клавишу Alt и наведите курсор между корректирующим слоем и слоем с изображением созданного текста. Появится значок со стрелкой вниз. Нажмите левой кнопкой мыши, чтобы объединить слои.
Шаг №5. Обесцветим текст.
Наша задача, обесцветить водяной знак, путем наложения и применения фильтров к созданному нами тексту. Поэтому, берем черный ползунок и перемещаем его к светлой стороне.
До какого значения перемещать? Все зависит от выбранной фотографии. Так что, экспериментируйте.
Подбирайте параметры.
В результате проделанной работы, мне удалось обесцветить водяной знак, а следовательно убрать его с картинки.
Как вам результат? Понравился?
В заключении, хотел бы отметить, что процесс удаления водяного знака с картинки или фотографии, является творческим процессом. Как вы видели сами, из примера в пример, мною были использованы разные инструменты. А это я еще не пользовался «Восстанавливающей кистью», «Заплаткой», «Штампом», обычным копированием одного участка картинки и установкой его на другой. Кроме того, для более точной работы, можно было использовать «Палец», «Кисть» и тд, вариантов очень много.
Практикуйтесь. Изучайте возможности Photoshop и применяйте их на практике.
Есть что добавить к статье? Всегда рад комментариям.
Хочу изучить Photoshop!
Заказать курс!
Лучший способ нанесения водяных знаков на изображения в Photoshop CC
Автор сценария Стив Паттерсон.
Из этого руководства вы узнаете не только как добавить свой логотип или информацию об авторских правах в качестве водяного знака на изображения , но также и как сделать так, чтобы любые изменения в нем мгновенно обновлялись на всех ваших изображениях, добавляя ваш водяной знак как связанный смарт-объект в Photoshop! Связанные смарт-объекты очень эффективны, но они доступны только в Photoshop CC. Итак, чтобы продолжить, вам понадобится Photoshop CC, и вы должны убедиться, что ваша копия обновлена. Давайте начнем!
Что такое связанные смарт-объекты?
смарт-объекта существуют со времен Photoshop CS2. Но в Photoshop CC Adobe представила новый тип смарт-объекта, известный как связанный смарт-объект 
Но связанные смарт-объекты отличаются друг от друга. Вместо того, чтобы встраивать свое содержимое, связанный смарт-объект просто связывает с внешним файлом, например с отдельным документом Photoshop. Несколько документов могут быть связаны с одним и тем же файлом, и любые изменения, внесенные вами в этот файл, будут немедленно отображаться во всех документах, которые ссылаются на него!
Это делает связанные смарт-объекты идеальными для таких вещей, как водяные знаки. Вы можете сохранить свой логотип в виде отдельного файла, а затем связать все свои изображения с этим файлом. Если вы отредактируете логотип, изменения в этом одном файле будут обновлены во всех ваших изображениях. Давайте посмотрим, как это работает!
Создание документа с логотипом
Чтобы добавить водяной знак в виде связанного смарт-объекта, сначала необходимо создать логотип в отдельном документе. Вот логотип, который я создал. Я добавил некоторую основную информацию об авторских правах, такую как символ авторского права и год, а также мое имя и адрес моего веб-сайта под ним:
Создайте свой логотип в собственном документе Photoshop.
Если мы посмотрим на панель «Слои», мы увидим мои слои «Тип» и «Форма». Я залил фоновый слой черным цветом, чтобы видеть белый текст и фигуры по мере их добавления:
Панель «Слои», показывающая слои, использованные для создания логотипа.
Отключение фонового слоя
Чтобы использовать файл как связанный смарт-объект, нам нужно его сохранить. Но я не хочу, чтобы на моих изображениях появлялся черный фон. Вместо этого я хочу прозрачный фон. Поэтому, прежде чем сохранить его, я отключу фоновый слой, щелкнув его значок видимости
Отключение черного фона.
Это оставляет логотип на прозрачном фоне:
Перед сохранением логотипа убедитесь, что ваш фон прозрачен.
Сохранение и закрытие файла логотипа
Чтобы сохранить файл, перейдите в меню Файл в строке меню и выберите Сохранить как :
Перейдите в меню «Файл» > «Сохранить как».
В диалоговом окне назовите файл «логотип» или как-нибудь еще, что имеет смысл. И чтобы сохранить все свои слои, убедитесь, что вы сохранили его как файл Photoshop .PSD . Выберите, где вы хотите сохранить его на своем компьютере (я сохраню свой в папку на рабочем столе), а затем нажмите
Сохраните логотип в виде файла Photoshop .PSD, чтобы слои остались нетронутыми.
Затем, чтобы закрыть файл, вернитесь в меню File и выберите Close :
Перейдите в меню «Файл» > «Закрыть».
Как добавить свой логотип в качестве водяного знака
Теперь, когда мы создали и сохранили наш логотип, давайте посмотрим, как добавить его в качестве водяного знака на изображение. И чтобы убедиться, что любые изменения, которые мы вносим в логотип, будут обновляться на изображении, мы добавим его как связанный смарт-объект.
Добавление водяного знака к первому изображению
Вот первое из трех изображений, которые я буду использовать. Все три фотографии я снял недавно, и я хочу добавить к каждой из них водяной знак:
.Первое изображение. Фото предоставлено Стивом Паттерсоном.
Как добавить водяной знак в качестве связанного смарт-объекта
Чтобы добавить водяной знак в качестве связанного смарт-объекта, перейдите в меню Файл и выберите Поместить связанный . Опять же, эта опция есть только в Photoshop CC:9.0005
Перейдите в меню «Файл» > «Связать».
Перейдите к файлу логотипа, затем нажмите на него, чтобы выбрать его, и нажмите
Выбор файла логотипа.
Photoshop добавляет логотип в документ и центрирует его на изображении:
Логотип отображается в центре документа.
Изменение размера и положения логотипа
Обратите внимание, что Photoshop размещает поле Free Transform вокруг логотипа.
Чтобы изменить его размер, нажмите и удерживайте Shift , а также Alt (Win) / Option (Mac), а затем щелкните и перетащите любой из угловых маркеров. Клавиша Shift блокирует соотношение сторон при изменении размера, а клавиша Alt/Option позволяет изменять размер логотипа от его центра:
Удерживая Shift+Alt (Win)/Shift+Option (Mac), перетащите угловые маркеры, чтобы изменить размер логотипа.
Затем щелкните внутри поля «Свободное преобразование» и перетащите логотип на место. Я перенесу свой в левый верхний угол. Чтобы принять его, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы закрыть Free Transform:
Перемещение логотипа на место.
Откуда мы знаем, что это связанный смарт-объект?
Если мы снова посмотрим на панель «Слои», мы увидим наш логотип в виде смарт-объекта над изображением. Мы знаем, что это связанный смарт-объект , а не встроенный смарт-объект, по значку ссылки
Я увеличил его здесь, чтобы было лучше видно:Значок сообщает нам, какой это тип смарт-объекта.
Вставка водяного знака в изображение
Чтобы скрыть водяной знак на изображении, я просто уменьшу непрозрачность смарт-объекта со 100% до 60% . Вы найдете параметр «Непрозрачность» в правом верхнем углу панели «Слои»:
.Снижение прозрачности логотипа.
А вот результат с водяным знаком, добавленным к первому изображению:
Добавлен первый связанный смарт-объект.
Добавление водяного знака на второе изображение
Давайте быстро добавим такой же водяной знак на два других изображения. Я переключусь на второе изображение, щелкнув его вкладку под панелью параметров:
Переключение на второе изображение.
Затем я сделаю то же самое, что и раньше, перейдя в меню File и выбрав Place Linked :
Перейдите в меню «Файл» > «Связать».
Я выберу файл с логотипом и нажму Место :
Повторный выбор файла логотипа.
Photoshop снова размещает логотип и центрирует его в документе:
Перед вторым изображением появляется логотип.
Я нажму Shift+Alt (Win) /
Изменение размера логотипа и размещение его в правом нижнем углу изображения.
Два смарт-объекта с одинаковым содержимым
Снова на панели «Слои» мы видим логотип в виде связанного смарт-объекта над изображением. Несмотря на то, что этот смарт-объект находится в отдельном документе, поскольку он связан с смарт-объектом , он разделяет свое содержимое со смарт-объектом в предыдущем документе.
Логотип снова отображается как связанный смарт-объект.
Я буду плавно отображать логотип на изображении, уменьшив непрозрачность смарт-объекта до 60%:
Снижение прозрачности логотипа до 60%.
А вот результат с водяным знаком, добавленным ко второму изображению:
Добавлен второй связанный смарт-объект.
Как смешивать изображения в Photoshop
Добавление водяного знака на третье изображение
Добавлю еще одно фото. Я переключусь на третье изображение, щелкнув его вкладку:
Переключение на третье изображение.
Перейдите в меню «Файл» > «Связать».
Я выберу тот же файл логотипа и нажму Место :
Выбор файла логотипа.
Photoshop снова центрирует логотип в документе:
Логотип размещается перед третьим изображением.
Я нажму Shift+Alt (Win) / Shift+Option (Mac), и я перетащу угловые маркеры, чтобы изменить его размер. Затем я перетащу логотип в левый нижний угол изображения. Наконец, я нажму Enter (Win) / Return (Mac), чтобы принять его:
Изменение размера и перемещение логотипа в левый нижний угол.
Три смарт-объекта, один общий файл
На панели «Слои» мы снова видим логотип в виде связанного смарт-объекта. Теперь у нас есть три смарт-объекта, каждый в отдельном документе, и все они используют один и тот же файл «logo.psd». Я растворю логотип в изображении, уменьшив его непрозрачность до 60%:
Снижение непрозрачности до 60 процентов.
И вот результат с водяным знаком, добавленным к третьему изображению:
Ко всем трем изображениям добавлен водяной знак.
Сохранение и закрытие одного из изображений
Прежде чем мы рассмотрим, как внести изменения в логотип, я собираюсь сохранить и закрыть свое третье изображение.
Мы увидим, почему я делаю это в конце урока. Чтобы сохранить его, я зайду в меню Файл и выберу Сохранить как :
Перейдите в меню «Файл» > «Сохранить как».
Как и в случае с файлом логотипа, убедитесь, что вы сохранили изображение как файл Photoshop .PSD. Это сохранит все слои, включая ваш смарт-объект. Нажмите Сохранить и еще раз, если Photoshop спросит, хотите ли вы добиться максимальной совместимости, нажмите OK:
Сохраните изображение как файл Photoshop .PSD, чтобы не потерять смарт-объект.
Как отредактировать файл логотипа
Теперь, когда мы добавили логотип к трем отдельным изображениям, что, если нам нужно изменить логотип? Может быть, мы хотим что-то совершенно другое, или нам просто нужно что-то обновить, например, нашу контактную информацию. И как сделать так, чтобы изменения отображались на всех наших изображениях? Со связанными смарт-объектами это легко сделать.
Я вернусь к исходному изображению, щелкнув его вкладку:
Возврат к исходному изображению.
Открытие связанного смарт-объекта
Чтобы открыть связанный смарт-объект и просмотреть его содержимое, просто дважды щелкните миниатюру смарт-объекта на панели «Слои». Вы можете сделать это в любом документе, который использует один и тот же связанный смарт-объект. Так что в моем случае подойдет любое из моих трех изображений:
.Открытие смарт-объекта двойным щелчком по его миниатюре.
Это повторно открывает файл логотипа, на который ссылаются все мои изображения:
Файл логотипа открывается повторно.
Редактирование содержимого смарт-объекта
Чтобы сэкономить время, я создал новый логотип, который хочу использовать вместо своего исходного. Чтобы увидеть это, я снова включу фоновый слой, щелкнув его значок видимости :
.Включение фонового слоя.
Чтобы все было организовано, я поместил каждый логотип в отдельную группу слоев . Я отключу первый логотип, щелкнув значок видимости для группы «Логотип 1», а затем посмотрю свой новый логотип, включив «Логотип 2»:
Переключение логотипов на панели «Слои».
А вот и новый логотип на черном фоне:
Новый логотип, который заменит оригинальный.
Сохранение изменений
Опять же, я не хочу, чтобы на изображениях появлялся черный фон, поэтому перед сохранением я отключу фоновый слой:
Щелкните значок видимости фонового слоя.
Затем, чтобы сохранить изменения, я захожу в меню Файл и выбираю Сохранить :
Перейдите в меню «Файл» > «Сохранить».
Поскольку мне не нужно держать документ открытым, я закрою его, вернувшись в меню Файл и выбрав Закрыть :
Перейдите в меню «Файл» > «Закрыть».
Как редактировать смарт-объекты в Photoshop
Обновление водяного знака на изображениях
Это возвращает нас к изображению. И точно так же Photoshop обновил смарт-объект с моим новым логотипом. В зависимости от внесенных вами изменений может потребоваться изменить положение логотипа с помощью инструмента «Перемещение»:
.
Новый логотип мгновенно появляется на изображении.
Перехожу ко второму своему изображению, и здесь мы снова видим, что оригинальный логотип заменен на новый. Просто изменив этот файл, оба изображения были мгновенно обновлены:
Второе изображение также обновлено с новым логотипом.
Как обновить образ, который был закрыт
Причина, по которой Photoshop мгновенно обновил оба изображения, заключалась не только в том, что они оба связаны с общим файлом, но и в том, что оба документа были открыты в Photoshop, когда я внес изменение. Но Photoshop не будет автоматически обновлять документ, который не был открыт, даже если он ссылается на тот же общий файл.
Чтобы показать вам, что я имею в виду и как это исправить, я снова открою свое третье изображение, которое я закрыл ранее, перейдя на Меню Файл и выбор Открыть :
Перейдите в меню «Файл» > «Открыть».
Я перейду к файлу и дважды щелкну его, чтобы открыть:
Повторное открытие третьего изображения.
Обратите внимание, что на этом изображении по-прежнему отображается исходный логотип, несмотря на то, что оно связано с тем же файлом, что и другие. Это потому, что документ был закрыт, когда я внес изменение:
Логотип на закрытом изображении не обновлялся.
Обновление измененного содержимого
Если мы посмотрим на панель «Слои», обратите внимание на маленький значок предупреждения в правом нижнем углу миниатюры смарт-объекта. Этот значок говорит нам о том, что содержимое смарт-объекта изменилось с момента последнего открытия файла, и его необходимо обновить:
Значок предупреждения.
Чтобы обновить его, убедитесь, что смарт-объект выбран. Затем перейдите в меню Layer , выберите Smart Objects , а затем выберите Update Modified Content . Или, если у вас есть несколько смарт-объектов, которые необходимо обновить, выберите вместо этого Обновить все измененное содержимое :
Перейдите в раздел «Слой» > «Смарт-объекты» > «Обновить измененное содержимое».
Как только вы выберете его, Photoshop обновит смарт-объект новым содержимым, и сразу же появится наш новый логотип:
При обновлении смарт-объекта старый логотип заменен на новый.
И вот оно! Вот как добавить водяной знак на ваши изображения и как обновить ваши изменения, используя связанные смарт-объекты в Photoshop! Обязательно ознакомьтесь с нашим разделом «Основы Photoshop», чтобы узнать больше об уроках по смарт-объектам! И не забывайте, что все наши уроки Photoshop теперь доступны для скачивания в формате PDF!
Как сделать логотип белым (нокаут) в Canva или Photopea — Let’s Go Studio
Канва
Автор Olivia Hutto
Обновлено в августе 2021 г. Наличие универсальных файлов логотипов в различных типах необходимо для создания целостного бренда.
У вас может быть файл логотипа, созданный бывшим дизайнером, другом или креативщиком для вашего бизнеса, но есть ли у вас все необходимые версии?
Логотипы бывают разных форм и размеров. Они также бывают разных типов файлов! Чтобы иметь возможность правильно использовать свой логотип, важно иметь несколько версий. В противном случае вам будет сложно использовать свой логотип в социальных сетях, электронных книгах, электронных письмах, Canva и презентациях. Нет ничего хуже, чем копаться в ваших файлах и не найти то, что вам нужно, верно?
Эта статья посвящена созданию и использованию белого логотипа. Белый логотип (или, как мы иногда говорим в отрасли, «выдающийся» логотип) — это то, что я предоставляю при каждом экспорте логотипа, который я даю своим клиентам.
Вот несколько советов и рекомендаций по поводу белых логотипов:Во-первых, они должны быть прозрачными …иначе у вас будет просто белый логотип на белом фоне, как белый медведь в метель.
PNG или SVG — это лучших типов файлов из , которые можно использовать для вашего логотипа, особенно для белых версий.
Иногда их трудно увидеть на Mac или ПК, потому что они сливаются с экраном. Если вы видите клетчатый или полупрозрачный фон, не волнуйтесь, это ваш файл белого логотипа!
Да, скорее всего вам когда-нибудь понадобится белый логотип. Продолжайте читать, чтобы узнать, почему!
Итак, если вы не были одним из моих клиентов, и если вы обнаружили, что у вас все цветные логотипы, но нет белых логотипов, вы можете понять, что вам это нужно!
Мы расскажем, как сделать белый логотип в Canva и в бесплатном онлайн-приложении Photopea.
Вам понадобится:
Canva Pro
Или зайдите на Photopea.com на компьютере
A PNG или логотип SVG типа
Подождите, зачем мне белый логотип?
Белый логотип идеально подходит для размещения на темном фоне, темной фотографии или использования в качестве водяного знака на вашей работе.
Когда я говорю о темном фоне, я не всегда имею в виду черный. Возможно, в вашей цветовой палитре есть темный цвет, и вам нужен глубокий цвет фона. Или у вас есть темная фотография, которая выглядела бы потрясающе с логотипом сверху. Ниже приведены три примера использования белого логотипа:
Теперь, когда вы знаете зачем он вам нужен, давайте перейдем к как его сделать!
Хотите ПОЛНОЕ руководство по Canva? Получите
Ускоренный курс Canva от Let’s Go Studio!Нужна небольшая помощь в Canva и вы хотите использовать некоторые передовые методы дизайна? Мы использовали наш более чем 8-летний опыт проектирования, чтобы создать ускоренный курс для Canva!
Включает:
12 видео, от начального до продвинутого уровня
3 урока ВНУТРИ Canva
Более 30 шаблонов
Контрольный список для отслеживания
И МНОГОЕ ДРУГОЕ!
УСКОРЕННЫЙ КУРС CANVA
Прежде чем продолжить: прочитайте о типах файлов
Да, типы файлов невероятно важны при редактировании исходных файлов! Вам нужно знать разницу между векторным и растровым типами файлов, потому что это очень важно для приведенных ниже руководств.
Растровые файлы
JPGФайлы JPG — это то, с чем вы, вероятно, лучше всего знакомы, и они не подходят для этих руководств. Вам абсолютно необходим формат файла PNG или вектор (EPS, SVG). JPG отлично подходят для графики, но НЕ прозрачны и часто имеют низкое качество.
PNGЕсли у вас есть ТОЛЬКО PNG, вы можете посмотреть видео ниже, чтобы узнать о «хакерском» способе сделать логотип белым. Есть варианты получше, но нужен векторный файл! PNG отличаются от JPG тем, что они могут быть прозрачными, то есть их можно размещать поверх других элементов.
Векторные файлы
Векторные файлы — это масштабируемые файлы, но их зачастую нелегко разместить в социальных сетях или на веб-сайтах. Они также считаются исходными файлами.
EPS EPS — распространенная векторная форма логотипа. Если у вас есть EPS, воспользуйтесь этим конвертером — вам понадобится SVG для урока ниже.
SVG расшифровывается как «Масштабируемая векторная графика», и это новшество. Это новый векторный файл, который отлично подходит для использования в Интернете, и он РАБОТАЕТ С CANVA! Если вы загрузите SVG в Canva, вы можете легко изменить его цвета прямо в Canva!
PDF, AI, AFFINITYИногда вы можете получить исходный файл или PDF-файл. Невозможно гарантировать, являются ли они векторными или масштабируемыми, потому что вы не знаете, что у них внутри.
Как сделать логотип белым с помощью Canva (Хак!)
Два метода: «хакерский» метод PNG и метод изменения цвета SVG!
Этот конвертер может понадобиться вам, если у вас есть файл EPS, который необходимо преобразовать в SVG.
Если вы не увлекаетесь видео (как я), вот скриншот/текстовая версия:
В Canva есть два способа сделать логотип белым, в зависимости от типа вашего файла.
Вам понадобится либо тип файла .png , либо тип файла .svg . Проверьте свои логотипы и посмотрите, что у вас есть!
Давайте начнем с создания белого цвета с помощью файла формата PNG.
Сначала используйте загрузку изображения Canva, чтобы загрузить файл с логотипом. Мне нравится делать это, потому что тогда он сохранит идеально обрезанные размеры вашего логотипа.
После открытия логотипа убедитесь, что он выбран. Затем вы нажмете «эффекты» в верхней левой части Canva.
Нажмите «DuoTone». Это причудливый эффект, который применяет к Canva два цвета. Выберите любой эффект, они будут одинаковыми.
Измените оба цвета на белый и оставьте интенсивность равной 1.
Вот и все! Вы сделали свой логотип белым!
Чтобы загрузить , щелкните значок загрузки справа в Canva. Убедитесь, что у вас установлен флажок «Прозрачный фон», иначе это будет бесполезно!
Установите этот флажок! (только Canva Pro)
ЛУЧШИЙ метод: наличие файла типа SVG
SVG — это векторная редактируемая версия логотипа.
С точки зрения дизайнера, это в основном кремовый тип логотипа урожая, потому что это означает, что мы можем отредактировать его идеально . С типом логотипа SVG вам даже не нужно использовать инструмент «настроить» в Canva: вы сможете редактировать цвета как есть!
Чтобы создать белый логотип с файлом типа SVG в Canva, сначала необходимо загрузить логотип SVG.
Затем поместите логотип на артборд. Выберите логотип.
Когда логотип выбран, вы увидите всплывающие цвета логотипа в левом верхнем углу. Просто нажмите на них и измените их на белые, и у вас будет белый логотип!
Та-да! Теперь у вас есть белый логотип! У-у-у! Вы можете использовать этот логотип в Canva, но вы также можете загрузить его для дальнейшего использования. Чтобы скачать, нажмите на значок загрузки справа в Canva. Убедитесь, что у вас установлен флажок «Прозрачный фон», иначе это будет бесполезно!
Все еще не уверены? Это тоже нормально! Давайте сделаем белый логотип другим способом.
Как сделать логотип белым в Photopea
Не видео человек? Скриншоты и текст ниже — это одно и то же, так что читайте!
Зайдите на photopea.com — это БЕСПЛАТНЫЙ онлайн-ресурс, который по сути является клоном Photoshop. Этот вариант немного более продвинутый, так как это настоящее дизайнерское приложение по сравнению с графическим редактором, таким как Canva.
Откройте файл логотипа. Вам понадобится файл логотипа с прозрачным фоном. Это важно для этого шага.
PNG, SVG, EPS и PDF могут быть прозрачными, но также может быть прозрачным , а не , поэтому вам нужно будет поэкспериментировать и проверить, если у вас есть несколько файлов. Все эти типы файлов можно открыть в Photopea.
После того, как вы нашли прозрачный файл и открыли его в Photopea, перейдите в «Слой» > «Новый корректирующий слой» > и нажмите «Яркость/Контрастность».
Вы переместите ползунок яркости до упора вправо , а затем переместите ползунок контрастности до упора влево .
