Как в фотошопе наложить логотип: Мастер-класс смотреть онлайн: Как добавить логотип на фото в Фотошопе

Содержание

Мастер-класс смотреть онлайн: Как добавить логотип на фото в Фотошопе

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

Для начала мы должны подготовить наш логотип. Лучше всего, если он будет в формате 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 пикселей.
  • Пусть у вас также будет уменьшенная копия вашего лого. Это сэкономит вам время: не нужно будет каждый раз уменьшать логотип. Плюс на всех фото он будет одинакового размера.

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

Автор: Сергей Бунин. Дата публикации: . Категория: Обработка фотографий в фотошопе.

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

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

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

Для начала необходимо создать новый документ. Обращаемся к меню «Файл» и выбираем строку «Создать…» или нажимаем комбинацию клавиш Ctrl+N.

Появляется окно настроек «Новый», в котором устанавливаем размер по ширине 2000 пикселей и по высоте 500 пикселей, разрешение 300 пикселей/дюйм. Нажимаем «Ок».

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

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

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

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

Переходим к созданному нами пустому документу, нажав левой кнопкой мыши (ЛКМ) на название в верхней строке над окном просмотра.

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

Подгоним размер изображения сундучка и поместим его в центре заготовленного нами фона. Для этого нажав Ctrl+T, вызываем функцию свободного трансформирования. Вокруг картинки появляется рамка ограничивающая изображение.

Наводим курсор мыши на один из углов рамки, он при этом меняет свой вид на двунаправленную стрелку, зажимаем одновременно ЛКМ и для пропорционального изменения размера клавишу Shift, тянем уголок к центру, уменьшая размер.

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

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

Теперь для большей идентификации добавим надпись PhotoshopSunduchok.

Для добавления надписи берем инструмент «Горизонтальный текст», на панели инструментов нажимаем ЛКМ на пиктограмму с изображением буквы «Т».

На панели настройки инструмента выбираем шрифт и его тип, размер и цвет.

Размещаем курсор мыши, примерно на горизонтальной осевой линии нашего документа, кликаем ЛКМ, появляется вертикальный мигающий маркер. Набираем текст на клавиатуре «Photoshop», нажимаем 8÷10 пробелов и далее опять текст «Sunduchok».

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

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

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

На панели «Свойства» корректирующего слоя достаточно сдвинуть все регуляторы в крайнее левое положение.

На палитре слоев перейдем на самый верхний слой с текстом, одновременно нажимаем кнопки Ctrl+Shift+Alt+E. Образуется еще один слой, объединяющий в себе все ниже лежащие.

Ну а теперь самое интересное!

Идем в меню «Редактирование», опускаем на строку «Определить кисть» и нажимаем на нее ЛКМ.

Появляется окошко «Имя кисти». В нем можно прописать имя, например, «Лого». Нажимаем «Ок».

Откроем любое изображение в программе, и на панели инструментов активируем «Кисть».

Далее щелкаем по кнопке, которая открывает окно выбора набора кистей.

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

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

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

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

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

Высветится палитра цветов,

в которой методом подбора выбираем необходимый цвет.

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

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

Все то же самое, но в видеоформате!

Удачи и творческих успехов!


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

 

 


Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.

Форма для подписки находится ниже.

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Этот урок будет целиком посвящен созданию эмблемы для сайта в Фотошопе. В нашем случае это MyPhotoshop.ru.

Создаем круглую эмблему в Photoshop

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

Работаем с объектом

  1. Для начала, как обычно необходимо создать новый документ, в нашем случае с разрешением 1000×1000 пикселей.
  2. После, в палитре слоев нужно создать новый прозрачный слой. Вы уже наверняка знаете, как это сделать, если не в первый раз на нашем сайте.
  3. В качестве основного объекта нашей эмблемы для MyPhotoshop.ru мы возьмем фото Халка.
  4. Далее предстоит его вставить его на наш прозрачный фон, который мы до этого создавали.
  5. Теперь необходимо снять с Халка рельефность и добавить эффектов. Сперва наложим на наш объект цвет в параметрах наложения. Для этого кликните дважды на нужный слой или кликните на него правой кнопкой мыши и выберите “Параметры наложения”.
    В открывшемся окне настроек стилей слоя выбираем “Наложение цвета” со следующими настройками: режим наложения – “Нормальный”, непрозрачность – 90%, а в качестве цвета выбираем фирменный цвет нашего сайта. Но это все в нашем случае и с нашим объектом. Все это не является обязательным. Вообще, само по себе создание эмблемы в Фотошопе это процесс, который требует индивидуального подхода.
  6. После переходим к настройкам теней, не закрывая окно со стилями слоя и устанавливаем следующие параметры: непрозрачность – 100%, смещение – 4 пикс, размер – 15 пикс, а угол поворачиваем на 120 градусов.
    Применяем настройки, кликнув “ОК” и получаем такой результат:
  7. Двигаемся дальше и открываем в главном меню “Фильтр” -> “Галерея фильтров”.
    В списке доступных фильтров выбираем “Текстура” -> “Текстуризатор” со следующими настройками, как на скриншоте ниже:
    Применяем настройки и получаем такой результат объекта с помехами:

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

Добавляем логотип

  1. Открываем наш логотип в программе и размещаем его на пустой прозрачный слой поверх Халка:
  2. Сперва заходим в настройки стиля слоя с логотипом и, включив параметры “Тень”, “Градиент” и “Внешнее свечение”, настраиваем их согласно инструкциям на скриншотах ниже:
  3. Применив изменения, уменьшаем наш логотип с помощью свободного трансформирования (CTRL+T) и перемещаем его в области груди Халка
    и убираем рамки вокруг лого:
  4. Далее “идем” в меню “Фильтр” -> “Галерея фильтров” и применяем фильтр “Текстуризатор” с параметрами, как на скриншоте:
  5. После, убираем со слоя с текстом “Наложение градиента” и получаем такой результат:
  6. Далее создаем объединенную копию все слоев с помощью горячих клавиш CTRL+ALT+SHIFT+E:
  7. В галерее фильтров применяем ко слою фильтр “Аппликация” со следующими настройками (см. скриншот ниже):
    Результат применения фильтра выглядит так:
  8. Можно сказать, что наша эмблема почти готова. Так оно и есть. Посмотрите как органично уже смотрится наше лого на Халке. Осталось передвинуть ползунок непрозрачности на последнем слое к отметке 80%, чтобы стало прям совсем хорошо:

Вроде бы все хорошо, но на эмблему не похоже, верно.

Финализируем эмблему

  1. Создаем еще одну объединенную копию слоев. Затем берем инструмент выделения “Овальная область”:
    Выделяем нужные участок, как на скриншоте:
  2. Копируем и вставляем его в новый чистый документ:
  3. В параметрах наложения накладываем тень на слой и получаем готовую круглую эмблему:

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

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

Видео: Использование Photoshop для добавления вашей подписи или логотипа к вашей фотографии

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

Добавление подписи в Photoshop

Я ничего не могу поделать с первым, кроме желания получать часть прибыли от веб-сайта Photologo 😉 Но что касается второго комментария, я могу помочь. Ниже вы найдете видео, которое я сделал об этом. Во-первых, мы поговорим о том, как создать подпись в Photoshop. Одна из вещей, которая вам поможет, если вы действительно хорошо разбираетесь в Photoshop и Lightroom, - это перо / планшет Wacom.Я пользуюсь планшетами уже много лет и без них никуда не пойду. Фактически, настолько сильно, что мне пришлось снимать это видео без ручки / планшета, потому что я пошел преподавать в Creative Live на прошлой неделе в Сан-Франциско, а свою оставил в их студии (тьфу!).

Использование прозрачности в Photoshop

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

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

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

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

Как создать простой логотип для блога в Photoshop

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

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

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

  • Откройте Adobe Photoshop и создайте новый документ ( Ctrl + N или File-> New ). Установите ширину и высоту 400 и 100 пикселей соответственно. Сделайте разрешение 72 пикселя / дюйм, фон оставьте белым. Примечание: эти настройки размера и разрешения доступны только в Интернете. Для печати используйте более высокое разрешение (например, 300 пикселей / дюйм).
  • С помощью инструмента «Текст» выберите четкий округлый шрифт, например Arial, установите размер 60 и введите текст (например, заголовок вашего блога). Установите цвет небесно-голубой (шестнадцатеричный код: # 0099cc):
  • Щелкните правой кнопкой мыши текстовый слой, выберите Blending options и установите, как показано на снимках экрана ниже:

(Тень: структура: режим наложения - умножение, непрозрачность - 61%, угол - 120, расстояние - 5, распространение - 0, размер - 5;

Обводка: Структура: Размер - 3, Положение - Снаружи, Режим наложения - Нормальный. )

  • Щелкните ОК . Вот что вы, должно быть, придумали:

Почти готово.На следующем этапе мы добавим тексту глянцевый эффект.

  • Ctrl + щелчок на текстовом слое, чтобы выбрать только текст:
  • Создайте новый слой ( Ctrl + Shift + N или Layer-> New Layer-> OK ).
  • Использование инструмента "Заливка" , залейте выделение белым цветом:
  • Снимите выделение ( Ctrl + D ) и с помощью инструмента Elliptical Marquee Tool сделайте выбор, как показано ниже:
  • Теперь нам нужно инвертировать выделение. Для этого нажмите Ctrl + Shift + I или щелкните правой кнопкой мыши выделение и выберите Select Inverse . Нажмите Удалить и снимите выделение:
  • Установите непрозрачность этого слоя на 32:
  • Взгляните на свой теперь глянцевый заголовок блога:
  • Добавим несколько ключевых слов под заголовком. Используя тот же шрифт, размер 12 и светло-серый цвет (шестнадцатеричный код: # b0b0b0), введите что-то вроде « Интернет. Жизнь. Будущее ». (Не знаю почему, просто сверху моего голову, вы, конечно, пользуетесь своей) сразу под основным текстом:

Готово!

Один совет по сохранению вашего логотипа с прозрачным фоном:

Скройте слой Background , щелкнув значок глаза слева от него. Перейдите в File-> Save for Web & Devices (это может быть « Save for Web », в зависимости от вашей версии Photoshop, я использую CS4) или нажмите Ctrl + Alt + Shift + S . В правом верхнем углу всплывающего окна вы увидите предустановки, как показано на скриншоте:

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

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

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

7 безошибочных признаков того, что вы стали интернет-троллем

Слишком много времени тратите на общение с троллями в Интернете? Вот признаки того, что вы сами им становитесь.

Об авторе Айбек Есенгулов (132 опубликованных статей) Ещё от Aibek Esengulov
Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

Как изменить фон логотипа в Inscape или Photoshop? - Logaster

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

  1. Как изменить фон в Inkscape?

  2. Как изменить фон в фотошопе?

Как изменить фон в Inkscape?

Чтобы изменить фон в Inkscape, выполните следующие действия:

1.Скачайте логотип в формате PDF и откройте его в программе. Вы можете бесплатно скачать Inkscape здесь.

2. Щелкните «Файл» и выберите «Свойства документа» из раскрывающегося списка.

3. В открывшемся окне выберите вкладку «Страница» и нажмите «Фон».

4. Выберите цвет фона для логотипа или вставьте код цвета RGB (если он у вас есть) в соответствующее поле. Для изменения фона нужно убрать прозрачность.Для этого сместите прозрачность производительности (вариант «А») вправо.

5. Как видите, фон изменился. 5. Теперь вам нужно сохранить логотип с фоном. Для этого нажмите «Файл» и выберите «Экспорт растрового изображения» в раскрывающемся списке.

6. В появившемся окне введите разрешение логотипа и выберите место для сохранения. После этого нажмите «Экспорт».

Логотип с фоном сохраняется в формате PNG, и вы можете его использовать.

Как изменить фон в фотошопе?

Теперь посмотрим, как изменить фон в Photoshop. Для этого вам необходимо:

1. Загрузите логотип в формате PNG или JPG и откройте его в Photoshop.

2. Нажмите «Создать слой» в правом нижнем углу и выберите «Сплошной цвет»

3. Выберите цвет фона для логотипа или вставьте код цвета RGB (если он у вас есть) в соответствующее поле и нажмите «ОК».

4.Теперь нужно сделать слой с логотипом верхним. Для этого просто переместите его на первое место в панели слоев.

5. Сохраните логотип. Щелкните «Файл» и выберите «Сохранить как».

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

Логотип с фоном сохранен в указанном месте, и вы можете его использовать.

Удаление фона из изображений или логотипов

В этом руководстве по созданию прозрачного фона в формате PNG мы дадим обзор прозрачных PNG и как сделать фон изображения / логотипа прозрачным с помощью Adobe Photoshop, Canva и Snappa.

Воспользуйтесь этими быстрыми ссылками:

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

Что такое прозрачный фон PNG

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

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

Напротив, здесь вы можете увидеть логотип на белом фоне:

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

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

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

PNG, JPG, GIF

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

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

PNG

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

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

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

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

Какие инструменты можно использовать для создания прозрачного PNG?

Самый популярный инструмент для редактирования PNG - Adobe Photoshop, но это не единственный инструмент на рынке. Мы рассмотрим эти три программы для редактирования PNG:

Давайте посмотрим.

Создайте свой фон с прозрачным PNG с помощью Adobe Photoshop

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

1. Откройте файл с вашим логотипом

2. Добавьте прозрачный слой

Выберите «Слой»> «Новый слой» в меню (или просто щелкните квадратный значок в окне слоев).

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

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

3. Сделайте фон прозрачным

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

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

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

4. Сохранить логотип как прозрачное изображение PNG

Щелкните «Файл» -> «Сохранить как». Выберите «PNG (* .PNG) в качестве формата файла. Обратите внимание, что хотя прозрачный фон выглядит в Photoshop клетчатым, в конечном файле PNG он будет прозрачным. Теперь вы можете загрузить этот логотип с прозрачным фоном на свой сайт!

Совет. Возможно, вам потребуется перейти в «Режим» -> «Цвет RBG», чтобы изменить формат цвета изображения на RBG, который поддерживает прозрачность.

Видео прохождение смотрите в этом видео

Сделайте фон прозрачным с помощью Canva

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

Функция прозрачного фона доступна только в их профессиональном плане, который составляет 12,95 долларов США в месяц.

1. Начните с создания дизайна

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

Когда вы создадите свой дизайн, вы увидите экран, который выглядит следующим образом:

2.Загрузить изображение

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

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

Вы можете изменить размер по своему усмотрению.

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

3. Удалить фон

Нажмите на изображение, которое вы добавили в свой дизайн.Вы увидите ряд меню, в том числе «Эффекты». Выберите эффекты. Первый вариант, который вы увидите, будет «Средство для удаления фона».

Нажмите, и все готово! Легко!

Раньше:

После:

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

4. Скачать образ

Выберите загрузку в правом верхнем углу.Вы увидите это меню:

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

Оцените Canva здесь.

Видео прохождение смотрите в этом видео

Сделайте свой фон прозрачным с помощью Fiverr

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

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

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

1. Перейдите на сайт Fiverr’s Logo Gigs

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

2. Выберите концерт

Эти выступления начинаются с 5 долларов за 1 изображение. Многие люди предлагают до 5 или 10 изображений всего за 5 долларов, поэтому обязательно ищите подходящую цену и услуги.

Мы рекомендуем выбирать кого-то с рейтингом 4,9 из 5,0 или выше, с неограниченным количеством версий и 5 изображениями. Доставка менее часа является обычным явлением, поэтому обратите внимание на быстрое выполнение заказа.

3. Приобретите Fiverr Service

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

Fiverr взимает плату за обслуживание сейчас (новинка этого года), поэтому выделите эту дополнительную сумму. Например, за этот гиг за 5 долларов взимается плата за обслуживание в размере 2,25 доллара!

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

Посмотрите выступления с логотипом Fiverr здесь.

Лучшие программы для редактирования изображений

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

  1. Adobe Photoshop - золотой стандарт в любом типе редактирования изображений. Вы можете создавать прозрачные PNG, а также выполнять множество других функций профессионального редактирования изображений. Поставляется с бесплатной пробной версией и ежемесячными планами.
  2. Canva - очень простой в использовании инструмент для онлайн-редактирования, который поможет вам создавать красивые дизайны без каких-либо сложностей. Мы сравниваем его с облегченной онлайн-версией Adobe Photoshop.
  3. Snappa - это быстрый онлайн-инструмент, который поможет вам создавать онлайн-графику для социальных сетей, рекламы, блогов и многого другого. Это бесплатно, как и Canva.
  4. Lumina - это настольное приложение (Mac и ПК), которое связывает традиционное редактирование изображений с технологиями AI. На изображениях вы можете автоматически стирать объекты, изменять цвет неба и многое другое.
  5. InPixio - настольное приложение (Mac и ПК), предназначенное для удаления нежелательных объектов с изображений.Проверьте это, так как у них есть поддержка на английском, французском, немецком и испанском языках.
  6. Фоновый ластик: superimpose - мобильное приложение, которое можно бесплатно загрузить для пользователей iOS. Вы можете просто прикоснуться к областям экрана, где вы хотите стереть фон, а затем экспортировать свое изображение как файл PNG.

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

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