Как в фотошопе сделать картинку png: Использование флажков «Прозрачность» и «Подложка» в Photoshop Elements

Содержание

Как сделать прозрачный фон в png онлайн. Как быстро в Photoshop сохранить изображение без фона в формате PNG

Инструкция

Запустите Adobe Photoshop и создайте новый документ нужного вам размера. Чтобы вызвать соответствующий диалог раскройте в меню раздел «Файл» и выберите команду «Создать» или просто нажмите сочетание клавиш ctrl + n. Размеры укажите в полях «Ширина» и «Высота». Убедитесь, что в выпадающем списке «Содержимое фона» выбрана строка «Прозрачный», а затем нажмите кнопку «OK».

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

Подберите настройки качества и выберите формат сохраняемой картинки. Для этого в разделе «Файл» выберите команду «Сохранить для Web и устройств» или воспользуйтесь сочетанием клавиш shift + ctrl + alt + s. Первым делом выберите формат сохранения — для этого предназначены два выпадающих списка в правом верхнем углу окна. Прозрачность поддерживают gif и png, выберите один из пресетов, относящихся к этим форматам. После этого с помощью настроек, размещенных в этом окне, подберите устраивающее вас соотношение качества изображения и веса создаваемого файла. Качество будет отображаться на картинке предпросмотра, а вес — ниже левого угла этого изображения. Затем нажмите клавишу «Сохранить».

Укажите название создаваемого файла и место его сохранения в следующем окне и снова нажмите клавишу «Сохранить».

Полезный совет

Если Adobe Photoshop не установлен в вашем компьютере, то можно воспользоваться его онлайн-версией на сайте http://pixlr. com/editor/?loc=ru.

Источники:

  • как меня прозрачность картинки

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

Вам понадобится

  • — программа Gimp.

Инструкция

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

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

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

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

Для реализации данных художественных замыслов существует графический файл в формате PNG
Расшифровывается эта аббревиатура следующим образом: portable
network
graphics
, что на русском означает «переносимая сетевая графика
». Правильно произносится, как «пинг
».

Формат png
является детищем компании Adobe, он был создан под редактор Fireworks. Все известные графические редакторы с легкостью воспроизводят и редактируют файлы, сохраненные в данном формате. Я продемонстрирую создание файла png в Paint.NET, так как предпочитаю работать с графикой именно в этой программе.

После открытия Paint.NET произведем стандартный набор команд: «Файл – Создать». В появившемся окне зададим параметры ширины файла, допустим квадрат 200 на 200 пикселей. По умолчанию он будет белого цвета. Не путайте белый цвет и прозрачный. Многие считают его таковым, так как он сливается с белым фоном контента
большинства веб – ресурсов. По той же причине бессмысленно делать скриншот
квадрата, так как он будет невидимым на белом фоне страницы.

Чтобы квадрат стал бесцветным надо в командной строке программы нажать на «Слои – Свойства слоя».

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

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

Для этого жмем «Файл – Сохранить как», указываем в верхней части всплывшего окна, в какую папку будем делегировать файл (я выбрал рабочий стол), вместо безымянного имени можете указать свое, пусть будет «прозрачный» и выбираем в ниспадающем списке PNG (*.png), хотя, скорее всего, нужный формат будет выбран программой автоматически.

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

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

2 голоса

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

Это самая популярная функция в программе Photoshop, а потому я решил максимально подробно рассказать вам не только о самом процессе, но и том, как сохранить картинку в фотошопе без фона.

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

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

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

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

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

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

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

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

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

Как правильно хранить прозрачные картинки

Все мы привыкли к такому формату фотографий, как jpeg. Некоторые люди даже и не знают о существовании других. Однако, он не понимает, что такое прозрачность. Для того, чтобы скачивать и хранить на своем компьютере «правильные» фотографии, вам понадобится понять и запомнить новый формат — png.

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

Затем выбираете нужный тип файла, png и готово. Он есть в любой версии. Если не видите – ищите внимательнее. Без него никак. Уверяю вас.

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

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

В моем блоге вы можете найти статью, в которой я показываю 4 инструмента и привожу видео, в котором можно найти 3 способа избавиться от фона на рисунке (). Можете прочитать ее, если вам интересно. Сейчас я хотел бы показать вам еще один прием, так как считаю, что без этого статья была бы не полной. Мало ли, кто-то не захочет лазить по моему блогу. А тут все в одном месте.

Итак, открываем картинку.

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

Можете увеличить диаметр ластика, чтобы стирать было удобнее.

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

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

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

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

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

Что бы вы ни знали и чем бы ни интересовались. Интернет открывает массу новых возможностей. Впустите в свою жизнь изменения. Если деньги вас не интересуют – это еще лучше. Это дает больше шансов вашему проекту стать дорогим, крутым и успешным. Все известные люди не работают ради прибыли, они трудятся, потому что любят то, чем они занимаются. Редко кто из них называет это «работой».

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

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

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

Занимайтесь чем-то новым. Если вы любите фотошоп – обратите внимание на курс Зинаиды Лукьяновой — «Фотошоп с нуля


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

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

Возможно, одна из них вас вдохновит на что-то новое и пока неизвестное. Вы поймете, что это интересно и захотите попробовать сами, а потом… кто знает что будет потом?

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

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

Читайте также…

Как создать PNG с прозрачностью в Adobe Photoshop (версии CC и выше)? Как сделать прозрачный фон на картинке Создание png.

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

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

Онлайн-редакторы не нужно устанавливать на ПК — это значительно уменьшает вероятность подхватить вирус.

Способ 1: Online Image Editor

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

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

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

Способ 2: Фотошоп Онлайн

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

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

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

Способ 3: Fotor

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

Доступ к дополнительным функциям предоставляется пользователям только после приобретения PRO-аккаунта.

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

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

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


Перечень сервисов способных сделать прозрачный фон картинки

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

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

Сервис Online-Photoshop позволяет удалить задний фон

Первый ресурс, позволяющий создать прозрачный фон онлайн – это Online-Photoshop. Работа с ним достаточно проста, позволяя за пару минут получить объект с прозрачным фоном на вашем фото.

  1. Для реализации намеченного перейдите на ресурс , кликните на кнопку «Select image» и загрузите нужное фото.
  2. Последнее появится в левой части экрана, а курсор приобретёт форму жёлтого кружочка.
  3. Пометьте этим кружочком с помощью жёлтой линии внешние контуры объекта, фон за которым вы хотите сделать прозрачным.
  4. Затем кликните на зелёный кружочек с плюсиком в панели инструментов и пометьте зелёным цветом внутренние черты объекта.
  5. Потом кликните на красный кружочек с минусом и пометить красными линиями внешнее пространство за границами объекта.

Теперь нажимаем стрелочку справа и смотрим результат. Если всё хорошо, нажимаем на кнопку «Download» сверху и сохраняем результат к себе на ПК.

Сервис Pixlr задаём один цвет фону

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

Сервис IMGonline позволяет сделать прозрачный фон

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

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

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

Замечу, что за счёт автоматизации качество получаемой обработки обычно хуже, чем в перечисленных выше Online-Photoshop и Pixlr.

Сервис Watermark.Algid.Net

Ещё один сервис, позволяющий сделать прозрачный фон на фото онлайн бесплатно.

Для работы с данным сервисом фотографию нужно подготовить, для чего нужно закрасить потенциально прозрачную область цветом, отсутствующим на самом изображении (например, синим, как приведено в примере ниже). Также важно, чтобы фото было в формате png или gif.

  1. Затем необходимо перейти на сам сайт , нажать на кнопку «Обзор», указать сервису путь к вашему файлу и кликнуть на «Следующий шаг».
  2. Откроется ваше изображение, вам будет необходимо кликнуть мышкой на цвете фото, который вы хотите сделать прозрачным (задний фон для удаления должен иметь один цвет после обработки).
  3. Кликните на цвете заднего фона, программа обработает его и он станет прозрачным.
  4. Если обработка вас устроила, нажмите правой клавишей мыши на фотографии и выберите «Сохранить изображение как».

Сервис LunaPic убираем задний фон изображения

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

  1. Для работы с сервисом выполните вход на него , нажмите на «Обзор» и загрузите требуемое фото (или укажите ссылку на него в сети в строке ниже).
  2. Затем выберите цвет на фото, который бы вы хотели сделать прозрачным и кликните на него мышкой.
  3. Фото будет обработано, и вы, в идеале, получите прозрачный цвет заднего фона.

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

Заключение

Выше мной были перечислены несколько удобных и лёгких в работе сервисов, позволяющих сделать прозрачный фон в режиме онлайн. Наиболее эффективными, по моему мнению, являются сервисы Online-Photoshop и Pixlr, результаты их обработки находятся на хорошем уровне, а специфика опционала совсем не сложна. Если вам необходимо сделать прозрачный фон для фото — рекомендую обратиться к возможностям данных инструментов, они позволят легко и быстро создать прозрачный фон онлайн.

Приветствую Вас, дорогие читатели моего блога!

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

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

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

Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон

Заходим в онлайн фотошоп. Я использовала вот этот PIXLR

Выбираем: Загрузить изображение с компьютера.

Теперь справа в окошке «СЛОИ»
надо открыть замочек

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

Теперь идем на панели, которая находиться слева, выбираем инструмент «волшебная палочка»
и толерантность ставим 21.

Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»—-«очистить». И так пока не уберете все, что надо.

Онлайн-программма Pixir-делаем прозрачный фон у картинки.

Сергей Фещуков

Бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо… Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон
!

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

Как сделать прозрачный фон у картинки

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

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

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

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

Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.

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

Единственный минус Pixlr
— нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат.png. Но если нет другого выхода, почему бы не воспользоваться этим?

спасибо Натальи Петровой

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

И так, открываем нашу картинку в фотошопе.

1.
Первое, что нужно сделать — создать у картинки рабочую область с прозрачным фоном. Для этого:
— в окошке слоёв кликаем два раза на наш слой (с замочком)
— В повившемся окошке нажимаем ОК

Замочек должен исчезнуть

Если фон однотонный:

Выбираем инструмент «Волшебная палочка
» — это очень гибкий инструмент для выделения нужной области. Наша задача выделить весь фон, кроме рисунка. Для этого подгоняем настройки волшебной палочки (параметр допуск
), пока не получим нужный результат. Так-же пользуемся клавишей Shift, чтобы выделить область помимо уже выделенной. Нажимаем Del и выделенная облась удаляется.

Если фон разноцветный:

Используем инструмент «Быстрое выделение
«. Тут наша задача выделить не фон, а сам объект, который должен остаться. Нажимаем до тех пор, пока не выделится нужная область. Если выделилось лишнее, зажимаем Alt и минусуем облась. Посмотреть результат можно клавишей Q.
Когда выделение готово, копируем его Ctrl+C. Создаем новый документ с прозрачным фоном (Ctrl+N) и вставляем туда объект Ctrl+V.

3
. Если на рисунке осталось что-то лишнее, используем инструмент «Ластик
«, просто затираем лишний фон.

4
. Сохраняем изображение для Web (Alt+Shift+Ctrl+S) выбираем формат GIF либо PNG (в других наш прозрачный фон превратится в белый).

Полезное видео в тему:

Как сделать png фон в фотошопе

  • arial
  • the meme
  • vanlentines
  • Filxgirl
  • Kingthings Sans
  • BIRTH OF A HERO
  • Amperzand
  • ABEAKRG
  • Market Deco
  • REVOLUTION
  • Dancing Script
  • Bleeding Cowboys
  • Champagne And Limousines
  • Jellyka Delicious Cake
  • Lydia Puente
  • georgia
  • Mirella Script
  • Justice by Dirt2
  • Bellerose
  • Respective
  • before The Rain
  • champignonalt swash
  • Dutch And Harley
  • the Daily Bread
  • adinekir
  • Angelic Peace
  • Beyond Wonderland
  • Christmas Mouse
  • Compass
  • COUTURE Bold
  • evanescent
  • FairyDustB
  • Fantastica
  • FLOWER
  • iNked God
  • Jellyka Vampire
  • Jellyka Castle
  • LaPointesRoad
  • Mutlu Ornamental
  • Neou Thin
  • Quickier
  • REZ
  • staravenue
  • SverigeScriptClean
  • Van den
  • Sansation

Больше шрифтов

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

2 голоса

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

Это самая популярная функция в программе Photoshop, а потому я решил максимально подробно рассказать вам не только о самом процессе, но и том, как сохранить картинку в фотошопе без фона.

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

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

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

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

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

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

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

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

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

Как правильно хранить прозрачные картинки

Все мы привыкли к такому формату фотографий, как jpeg. Некоторые люди даже и не знают о существовании других. Однако, он не понимает, что такое прозрачность. Для того, чтобы скачивать и хранить на своем компьютере «правильные» фотографии, вам понадобится понять и запомнить новый формат — png.

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

Затем выбираете нужный тип файла, png и готово. Он есть в любой версии. Если не видите – ищите внимательнее. Без него никак. Уверяю вас.

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

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

В моем блоге вы можете найти статью, в которой я показываю 4 инструмента и привожу видео, в котором можно найти 3 способа избавиться от фона на рисунке (). Можете прочитать ее, если вам интересно. Сейчас я хотел бы показать вам еще один прием, так как считаю, что без этого статья была бы не полной. Мало ли, кто-то не захочет лазить по моему блогу. А тут все в одном месте.

Итак, открываем картинку.

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

Можете увеличить диаметр ластика, чтобы стирать было удобнее.

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

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

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

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

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

Что бы вы ни знали и чем бы ни интересовались. Интернет открывает массу новых возможностей. Впустите в свою жизнь изменения. Если деньги вас не интересуют – это еще лучше. Это дает больше шансов вашему проекту стать дорогим, крутым и успешным. Все известные люди не работают ради прибыли, они трудятся, потому что любят то, чем они занимаются. Редко кто из них называет это «работой».

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

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

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

Занимайтесь чем-то новым. Если вы любите фотошоп – обратите внимание на курс Зинаиды Лукьяновой — «Фотошоп с нуля


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

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

Возможно, одна из них вас вдохновит на что-то новое и пока неизвестное. Вы поймете, что это интересно и захотите попробовать сами, а потом… кто знает что будет потом?

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

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

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

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

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

Итак, мы уже на нужной странице Pixlr, и выбираем в появившейся по центру таблице «Загрузить изображение».

Загружаем картинку с компьютера, у меня будет такая:

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

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

Теперь переходим к правой стороне онлайн-фотошопа, выбираем инструмент и нажимаем вкладку «Редактировать».

Выбираем значение толерантности, как показано на картинке «21» и кликаем волшебной палочкой на фон нашей картинки.

Затем еще раз нажимаем «Редактировать»
и выбираем «Очистить»
.

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

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

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

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

P.S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:

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

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

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

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

Способ 1: IMGOnline

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

  1. Оказавшись на сайте, нажмите по кнопке «Выберите файл»
    . Откроется окно стандартного «Проводника»
    Windows, в нем перейдите к папке с картинкой, прозрачность которой вы хотите изменить. Выберите ее и нажмите кнопку «Открыть»
    .
  2. Следующий шаг – настройка параметров замены фона. Если нужен прозрачный, ничего в этом разделе не меняем. Если же необходимо заменить на другой однотонный фон, выбираем любой доступный из выпадающего списка. Дополнительно можно ввести HEX-код цвета или открыть палитру и выбрать подходящий оттенок из нее.
  3. Определившись с параметрами фона, выбираем формат для сохранения обрабатываемого изображения. Рекомендуем установить отметку напротив расширения PNG, после чего следует нажать «ОК»
    .
  4. Изображение будет обработано моментально.

    На следующей странице вы сможете открыть его в отдельной вкладке для предварительного просмотра (это поможет понять, действительно ли фон стал прозрачным)

    или сразу же сохранить на компьютер.

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

Способ 2: Фотоулица

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

  1. На главной странице сайта нажмите по кнопке «Открыть фоторедактор»
    .
  2. Далее, возможно, потребуется разрешить веб-сервису использовать , для чего нужно просто кликнуть по пустому полю, а затем нажать «Разрешить»
    во всплывающем окне. В появившемся фоторедакторе нажмите по расположенной в правом верхнем углу кнопке «Загрузить фото»
    .
  3. Далее нажмите «Загрузить с компьютера»
    или выберите второй вариант, если у вас есть ссылка на изображение в интернете.
  4. На обновленной странице веб-сервиса нажмите кнопку «Выбрать фото»
    , в открывшемся окне системного «Проводника»
    перейдите в папку с картинкой, выделите ее и нажмите «Открыть»
    .
  5. Когда изображение будет добавлено в фоторедактор, нажмите по расположенной в нижней части левой панели кнопке «Эффекты»
    .
  6. В правой верхней области, нажимая на круглый значок «–»
    , измените степень прозрачности изображения.
  7. Добившись приемлемого результата, нажмите «Свернуть»
    , чтобы открыть основное меню редактора на сайте Фотоулица.
  8. Там кликните по кнопке «Сохранить»
    , расположенной внизу.
  9. Далее выберите предпочтительный вариант скачивания. По умолчанию установлено «Сохранить на компьютер»
    , но можно выбрать и другой. Определившись, нажмите «ОК»
    .
  10. Сервис предоставит вам возможность выбора качества конечного файла. Установите галочку напротив пункта «Большой размер»
    и около расположенной снизу строки «Не печатать логотип»
    . Нажмите «ОК»
    .
  11. Начнется процедура сохранения результата, которая, по непонятным причинам, может затянуться на несколько минут.
  12. Когда сохранение измененного изображения будет выполнено, онлайн-сервис предоставит вам ссылку на его скачивание. Перейдите по ней – картинка будет открыта во вкладке браузера, откуда ее можно сохранить на ПК. Кликните правой кнопкой мышки и выберите пункт «Сохранить файл как…»
    . Укажите предпочтительную директорию для размещения скачиваемого файла и нажмите «Сохранить»
    .
  13. Изменение прозрачности изображения с помощью редактора, встроенного в онлайн-сервис Фотоулица, требует немного больше усилий и действий, чем рассмотренный в предыдущем способе IMGOnline. Но ведь и обработку он выполняет по совсем иному принципу. При этом важно учитывать следующее – для изображений в формате JPG фактически будет изменена не прозрачность, а яркость, то есть изображение просто станет более светлым. А вот с файлами PNG, поддерживающими прозрачность по умолчанию, все будет именно так, как и задумано – картинка, становясь менее яркой визуально, в действительности будет становиться более прозрачной пропорционально уменьшению этого показателя.

Дата публикации:
10.03.2013

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

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

Самый распространенный способ сделать фон картинки прозрачным – использовать графический редактор Photoshop. Но не у многих из нас на компьютере установлена данная программа. Лично у меня Фотошопа на компьютере нет.

Как сделать прозрачный фон у картинки.

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

Моя задача — сделать фон картинки абсолютно прозрачным и разместить эту картинку на сайт с другим фоном. Для того, чтобы сделать фон прозрачным, я буду использовать онлайн-сервис для работы с изображениями — Pixlr.com. Pixlr.com — является неким подобием Photoshop. Редактировать любые изображение с помощью данного сервиса можно Онлайн, не устанавливая на компьютер при этом никаких программ.

1) Заходим на сайт Pixlr и загружаем изображение:

2) С правой стороны в окне «Слои» щелкаем два раза мышкой по изображению «замочек», который запрещает нам удалить задний слой на картинке.

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

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

4) После того, как фон будет выделен, нажимаем на клавишу Delete
, и фон будет удален:

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

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

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

Если что-то непонятно из статьи, советую посмотреть мой онлайн-урок: «Как сделать фон картинки прозрачным»:

05.06.16

26.7K

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

В этой статье мы расскажем, как сделать прозрачность в Фотошопе
.

Создание файла

Первый шаг – это создание файла. Для этого откройте Adobe Photoshop
и в меню «Файл
» (File

) вверху страницы выберите «Создать
» (New

).

Затем в появившемся окне «Новый документ
» (New Document

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

) в выпадающем списке «Содержимое фона
» (Background Contents

).

*Перед тем, как сделать PNG
с прозрачностью в Фотошопе
, нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD
изображений:

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

Затем в панели «Слои
» (Layers

) убедитесь, что работаете на прозрачном слое, а не на фоновом:

После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop
, в меню «Файл
» (File

) вы можете использовать один из возможных вариантов:

Photoshop версии ранее, чем CC 2015:

Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе
, который вышел раньше CC 2015
. В этих версиях используют метод «Сохранить для Web
» (Save for Web & Devices

), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл
» (File

), и далее – «Сохранить для Web
» (Save for Web & Devices

):

Затем в появившемся окне выберите PNG-24
из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность
» (Transparency

) и «Преобразовать в sRGB
» (Convert to sRGB

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

Поля «Размер изображения
» (Image Size

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

Photoshop версии CC 2015:

Перед тем, как сделать прозрачность фото в Фотошопе
, нужно знать, что с версии CC 2015
опция «Сохранить для Web
» (Save for Web & Devices

) в меню «Файл
» (File

) помечена как Legacy
(устаревшая
). И замещена на новую опцию «Экспорт
» (Export

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

), а затем — «Экспортировать как
» (Export As

).

Примечание:
Adobe
по-прежнему предлагает опцию «Сохранить для Web
» (Save for Web & Devices

) в Photoshop CC 2015
, и она доступна через меню Файл > Экспорт
(File > Export

) или при использовании комбинации клавиш Command+Option+Shift+S
(для Mac
) или Ctrl+Alt+Shift+S
(для ПК
):

Затем в появившемся окне выберите PNG
из выпадающего меню «Формат
» (Format

) и убедитесь, что выбраны опции «Прозрачность
» (Transparency

) и «Преобразовать в sRGB
» (Convert to sRGB

).

Поля «Размер изображения
» (Image Size

) и «Размер холста
» (Canvas Size

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

Копирование PNG с прозрачностью из браузера показывает черный фон

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

Есть две части к этому:

  • Крошечная утилита, которую я написал, чтобы сохранить изображение буфера обмена в файл .png
  • AutoHotKey сценарий

Сценарий AutoHotKey проверяет, активен ли в данный момент Photoshop, и если да, то перехватывает комбинацию клавиш Ctrl+ V, а затем запускает утилиту.

Если утилита сохранила изображение %TEMP%\clip.png, комбинация клавиш Shift+ Ctrl+ F12отправляется в Photoshop, который я сопоставил с действием Photoshop, чтобы поместитьclip.png файл в текущий открытый документ.

Если утилита не сохранила изображение, стандартное Ctrlсочетание Vклавиш + отправляется в Photoshop, и выполняется стандартная вставка.

Весь исходный код доступен здесь: https://github.com/SilverEzhik/ClipboardToPNG , а утилиту можно скачать здесь: https://github.com/SilverEzhik/ClipboardToPNG/releases.

Чтобы создать действие Photoshop, просто создайте новое действие с комбинацией клавиш, сопоставленной с Shift + Ctrl + F12 (или измените комбинацию в файле скрипта), а затем во время записи перейдите к File> Place Embedded...и вставьте %TEMP%\clip.pngв поле имени файла.

Ниже приведен исходный код сценария AHK. Если вы ранее не использовали AutoHotKey, установите его, затем сохраните код в filename.ahkфайл в том же каталоге, что и утилита ClipboardToPNG.exe, а затем просто запустите его.

DoPhotoshopPaste() {
    RunWait, %A_ScriptDir%\ClipboardToPNG.v::DoPhotoshopPaste()
#IfWinActive

Как сделать пнг без фона в фотошопе. Как быстро в Photoshop сохранить изображение без фона в формате PNG

Онлайн-программма Pixir-делаем прозрачный фон у картинки.

Сергей Фещуков

Бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо… Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон
!

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

Как сделать прозрачный фон у картинки

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

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

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

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

Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.

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

Единственный минус Pixlr
— нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат.png. Но если нет другого выхода, почему бы не воспользоваться этим?

спасибо Натальи Петровой

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

Шаг 1.
Увеличить объект. Для этого кликнуть на кнопку инструмента Zoom Tool (Z) и навести курсор на изображение. Курсор превращается в плюсик и при каждом клике картинка увеличивается. После того, как мы поработаем с изображением, поменяем вверху на линейке настроек значение инструмента обратно на Zoom Out и курсором, превращающимся в минус, снова уменьшим его. Кнопка инструмента Zoom Tool (Z) изображает лупу. В данном примере мы увеличили картинку двумя кликами, этого будет достаточно, чтобы аккуратно обвести объект.

Шаг 2.
Выделить объект. Для этого кликнуть на инструмент перо Pen Tool (P). Обратите внимание на настройки линейки вверху.

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

В следующем диалоговом окне выставьте радиус.

Контур картинки замерцает – значит, объект мы выделили.

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

Шаг 3.
Создать прозрачный фон. Сначала сделать дубликат изображения. Для этого в меню выберите последовательно Image – Dublicate – Ok.

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

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

Шаг 4.
Переместить изображение на прозрачный фон. Для этого кликнуть курсором по нужной выделенной ранее картинке изатем кликнуть кнопку Перемещение Move Tool (V). Зажимаем левой мышкой, и, перетащив объект на прозрачный фон, отпускаем. Цель по изменению фона на прозрачный достигнута.

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

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

  • Небольшая информационная статья про выбор домашнего принтера для печати фотографий. Акцент сделан на выбор между струйными и сублимационными…

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

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

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

Но лучшим решением будет подготовить изображение в Photoshop и сохранить в формате поддерживающим прозрачность фона.

В этом видео уроке подробно опишу 3 способа, а также, какие форматы поддерживают прозрачность.

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

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

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

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

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

Основной предмет с высокой четкостью границ можно выделить обычным инструментом «Лассо», а нечеткие края — мягкой кистью в режиме » » (Quick Mask — Клавиша Q), как показано на снимке ниже.

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

Добавление к выделению нечетких областей

А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите — Select/Save Selection…

Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши — Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.

Теперь, нажмите — Select/Load Selection… Выберите пункт — Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.

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

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

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

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

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

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

Отсечение фона маской

Этот метод не требует использования программы Photoshop. Непосредственно в программе верстки CorelDRAW или Illustrator вы можете обрисовать предмет контуром, а затем скрыть все, что за его пределами.

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

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

Clipping Mask в Adobe Illustrator

Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши — Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.

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

PowerClip в CorelDRAW

В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать — Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.

Контур в CorelDRAW также можно редактировать после создание маски.

Еще в CorelDRAW можно сделать объект прозрачным, не создавая контура, вы можете просто перемещать узлы краев изображения инструментом Shape tool, тем самым меняя его форму. Двойной щелчок по контуру будет создавать новые узлы.

3. Прозрачность режимом наложения

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

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

В Illustrator нужно открыть панель прозрачностей — Window/Transparency. А затем выбрать режим — Multiply (Умножение).

В CorelDRAW возьмите инструмент — Transparency.

В панели параметров инструмента настройте так, как показано на скриншоте ниже:

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

Видео урок: прозрачный фон

Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:

(Visited 2 704 times, 4 visits today)

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

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

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

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

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

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

Задаем чувствительность и нажимаем волшебной палочкой на область фона. Чтобы добавить к выделенному фону, те части, которые не выделились, зажмите «Shift»
и продолжайте выделение. Для удаления выделенных областей нажмите «Delete»
.

Теперь вместо фона шахматная доска – это значит, что у нас получилось сделать белый фон прозрачным. Снимаем выделение – «Ctrl+D»
.

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

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

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

Для просмотра результата нажмите «Q»
. Розовым будут выделены те части изображения, которые станут прозрачными.

Копируем выделенные области, нажав «Ctrl+C»
. Дальше создаем новый файл, «Ctrl+N»
, с прозрачным фоном.

Вставляем в него скопированные фрагменты, «Ctrl+V»
. Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик»
. Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.

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

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

В Фотошопе одним из ключевых понятий является прозрачность

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

Необходимо:

— Adobe Photoshop.

Инструкция:

  • У программы «Photoshop» есть одна выгодная отличительная особенность

    , которая выделяет приложение среди других графических редакторов – это работа со слоями. И прозрачность там необходима для того, чтобы можно было делать оперативную замену фонового рисунка за объектом. Также это полезно в случае, когда вам необходимо обработать фотографию и продолжить работу с ней в другом редакторе, но уже без фона.
  • Перед тем, как сделать прозрачный фон в Фотошопе, откройте свое изображение в программе. Далее скопируйте его на новый слой, нажав Ctrl+J

    или воспользовавшись правой кнопкой мыши, клацнуть по изображению и выбрать из появившегося меню «создать дубликат слоя
    «, а после этого нажать на «Ок
    ». У вас должно получиться два идентичных слоя: «Фон
    » и «Слой1
    ».
  • Далее слой «Фон
    » нужно скрыть

    . Для этого нужно просто кликнуть на «глазок
    » обозначенный стрелкой. После этого нужно приступить к отделению подложки от основного объекта. Лучше всего с этим можно разобраться, воспользовавшись резинкой (ее можно выбрать из меню, а можно просто нажать на клавиатуре «Е
    »). Когда выберите этот инструмент, аккуратно вытрите ненужный фон. Шахматное поле, которое будет образовываться по мере того, как вы стираете ненужную часть фотографии – это и есть то, что нам нужно.
  • После того, как вам удалось в Фотошопе сделать фон прозрачным, необходимо еще правильно сохранить изображение

    , чтобы результат не потерялся. Поскольку не все форматы изображения могут сохранить прозрачность. Так во время сохранения картинки или фотографии, используйте формат .psd
    (который является форматом Фотошопа) или формат .png
    . В общем-то, нет разницы, каким из этих двух вариантов вы решите воспользоваться, но формат .png
    более практичен, поскольку его распознает большее количество программ.
  • Есть и другие способы, воспользовавшись которыми можно делать фон прозрачным. Однако представленный здесь является наиболее простым

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

Про PNG. Часть вторая

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

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

Откроем тестовую картинку (PNG, 12 КБ) в фотошопе и вызовем Image → Adjustments → Posterize. Перемещайте слайдер, чтобы увидеть, как меняется изображение:

15 уровней (3014 байт)

50 уровней (6584 байта)

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

Без постеризации (152 КБ)

50 уровней постеризации (108 КБ)

Следующий способ немного сложнее, он используется в изображениях с полупрозрачными областями. Суть его в следующем: все непрозрачные пиксели сохраняются в одном файле PNG-8, а полупрозрачные — в другом. Увидеть в действии этот способ можно в статье Володи Токмакова, я лишь покажу, как можно быстро отделить полупрозрачные пиксели от непрозрачных.

В качестве примера возьмем это изображение (PNG, 62 КБ):

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

Сначала нужно выделить объект в слое, для этого делаем Ctrl-клик (или ⌘-клик на Маке) на изображении в палитре слоев (Layers):

Переходим в палитру каналов (Channels) и создаем новый канал из выделения, нажав на соответствующую иконку:

Снимаем выделение (Ctrl-D или ⌘-D), выделяем только что созданный канал и вызываем команду Threshold (Image → Adjustments → Threshold). Перетаскиваем слайдер в крайнее правое положение:

Мы получили маску для выделения абсолютно непрозрачных пикселей. Осталось загрузить выделение (Ctrl-клик/⌘-клик на изображении канала Alpha 1), перейти на палитру слоев (Layers), выделить слой с изображением и выполнить команду Layer → New → Layer via Cut. Получилось два слоя: в одном непрозрачные пиксели, в другом — полупрозрачные.

Осталось сохранить эти слои в отдельных файлах: непрозрачные пиксели сохраняем в PNG-8, а полупрозрачные — в PNG-24 (для этого изображения дополнительно можно выполнить постеризацию):

PNG-8
128 цветов + dithering
17 КБ

PNG-24
постеризация 35
6 КБ

Вот что в итоге получилось:

Было
62 КБ

Стало
23 КБ

Хозяйке на заметку

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

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

Что такое файл PNG?

Что нужно знать

  • Файл PNG — это файл переносимой сетевой графики.
  • Откройте его в любом браузере или графической программе, например XnView.
  • Конвертируйте в JPG, SVG, ICO и другие изображения с помощью FileZigZag или другого конвертера изображений.

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

Что такое файл PNG?

Файл PNG — это файл переносимой сетевой графики. Формат использует сжатие без потерь и обычно считается заменой формата изображения GIF.

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

В файлах PNG хранится графика на веб-сайтах.Некоторые операционные системы, такие как macOS и Ubuntu, по умолчанию хранят снимки экрана в формате PNG.

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

Как открыть файл PNG

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

Все веб-браузеры (например, Chrome, Firefox, Internet Explorer и т. Д.) Автоматически просматривают файлы PNG, которые вы открываете из Интернета, что означает, что вам не нужно загружать каждый файл PNG, который вы хотите просмотреть в Интернете. Вы также можете использовать веб-браузер для открытия файлов PNG со своего компьютера, используя комбинацию клавиш Ctrl + O для поиска файла.

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

Есть также несколько автономных открывателей файлов, графических инструментов и сервисов, которые открывают файлы PNG. Вот несколько популярных:

Для редактирования файлов PNG можно использовать только что упомянутую программу XnView, а также графическую программу Paint, включенную в Microsoft Windows, инструмент Windows 10 Paint 3D, популярную утилиту GIMP и популярный Adobe Photoshop.

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

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

Как преобразовать файл PNG

Вероятно, каждый отдельный конвертер файлов изображений, с которым вы сталкиваетесь, конвертирует файл PNG в другой формат (например, JPG, PDF, ICO, GIF, BMP, TIF и т. Д.)). В нашем списке бесплатных программ для преобразования изображений есть несколько вариантов, в том числе некоторые онлайн-конвертеры PNG, такие как FileZigZag и Zamzar.

Посетите Vectorizer, чтобы преобразовать PNG в SVG.

Когда использовать файлы PNG

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

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

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

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

Дополнительная помощь с файлами PNG

Чтобы сделать фон прозрачным в PNG, вы можете использовать автоматические инструменты, такие как Clipping Magic или бесплатный инструмент Background Burner, или почти любую программу для редактирования изображений.

Например, если у вас есть Photoshop, поместите изображение на отдельный слой, удалите фоновый слой, а затем используйте любой инструмент (например, Eraser, Marquee, Lasso), чтобы стереть части изображения, которые должны быть прозрачными.

FAQ

  • Как преобразовать файл PNG в PDF?

    Чтобы преобразовать файл PNG в PDF на ПК с Windows, щелкните файл PNG правой кнопкой мыши и выберите Print > Microsoft Print to PDF > Print .Затем назовите файл и выберите Сохранить . На Mac откройте изображение в режиме предварительного просмотра, затем выберите File > Export as PDF , назовите файл и нажмите Save .

  • Как преобразовать файл PNG в JPG?

    Чтобы преобразовать файл PNG в JPG в Windows, откройте изображение в Paint и выберите Файл > Сохранить как , затем выберите JPEG . На Mac откройте изображение в режиме предварительного просмотра и выберите File > Export , затем выберите JPEG .

  • Как создать файл PNG?

    Вы можете создать файл PNG во многих приложениях для редактирования изображений, включая Photoshop и такие инструменты, как Canva Pro. Кроме того, некоторые онлайн-редакторы позволяют создавать PNG, в том числе Pixomatic Online Editor и PIXLR.

  • Как преобразовать файл JPG в PNG?

    Чтобы преобразовать файл JPG в PNG на ПК с Windows, откройте изображение в Paint и выберите Файл > Сохранить как , затем выберите PNG .На Mac откройте файл в режиме предварительного просмотра и выберите File > Export , затем выберите PNG . Либо в Photoshop на Mac или ПК откройте изображение и выберите Файл > Экспорт > Экспорт как , выберите PNG, в качестве формата файла и нажмите Экспорт .

  • Как преобразовать файл PDF в PNG?

    Чтобы преобразовать файл PDF в PNG на ПК с Windows, используйте инструмент конвертации, такой как Any PDF to JPG (несмотря на название, он также конвертирует PDF в PNG).Вы также можете сделать снимок экрана своего PDF-файла и сохранить его как PNG. На Mac откройте PDF-файл в режиме предварительного просмотра и выберите File > Export > PNG .

  • Как сделать прозрачный PNG в Photoshop?

    Сначала создайте копию исходного изображения, затем откройте копию в Photoshop> выберите Magic Wand . Используйте волшебную палочку для захвата фона изображения, затем выберите Удалить . Сохраните файл как PNG.

Спасибо, что сообщили нам!

Расскажите, почему!

Другой

Недостаточно подробностей

Трудно понять

Как преобразовать файл изображения PNG в файл PSD

Иногда лучший способ изменить, отредактировать или манипулировать изображением — это изменить его расширение. В случае PNG, во многих случаях процесс редактирования лучше всего актуализировать, когда он полностью преобразован. Узнайте, почему преобразование PNG в PSD имеет огромное значение, и узнайте, как это сделать.

Что такое PNG?

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

Что такое PSD?

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

PSD — это стандартный формат файлов Adobe Photoshop.

Как конвертировать PNG в PSD

Из-за слоев PSD нецелесообразно открывать PNG в Photoshop.Изображение не будет отображаться правильно, что делает невозможным преобразование PNG в PSD вручную из программы Photoshop. Однако есть альтернативные варианты.

Чтобы преобразовать PNG в PSD, вам необходимо использовать систему конвертирования на основе браузера. Есть множество возможных вариантов, но я считаю, что у него лучшие функции, это Convertio. Он имеет очень быстрое время загрузки и скачивания с максимальным размером файла 100 МБ. Это также простая в использовании система с удобным интерфейсом.

PNG плохо работает в Photoshop.

Зачем конвертировать?

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

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

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

Изменить размер PNG онлайн | Resizing.app

Вам нужен серьезный инструмент для регулярного изменения размера изображений PNG? Начните использовать Resizing.app прямо сейчас!

Как изменить размер изображения PNG

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

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

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

Как изменить размер PNG с помощью Resizing.app

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

  • Найдите расширение приложения Resizing в Интернет-магазине Chrome или перейдите на нашу домашнюю страницу и нажмите кнопку «Добавить в Chrome», чтобы добавить инструмент в свой веб-браузер Chrome; регистрация не требуется. Кроме того, вы можете настроить свои изображения онлайн, используя интерфейс веб-сайта инструмента.
  • Перетащите изображение в интерфейс.
  • В раскрывающемся меню «Изменить размер» введите желаемую высоту и ширину.
  • При необходимости выберите уровень оптимизации.
  • Выберите PNG в раскрывающемся меню под «Сохранить как» и вуаля! Ваше изображение готово к загрузке на ваш компьютер.

Ознакомьтесь с нашим руководством о том, как изменить размер изображений PNG без потери качества.

Изменение размера изображений в Photoshop

  • Перейдите на официальный сайт Photoshop и запустите бесплатную 7-дневную пробную версию.
  • Загрузите и установите программное обеспечение на свой компьютер.
  • Откройте файл и щелкните вкладку «Изображение» на верхней панели инструментов, затем выберите «Размер изображения».
  • Убедитесь, что значок ссылки включен для пропорционального масштабирования.
  • При необходимости измените ширину и высоту.
  • Щелкните OK и сохраните с новым именем файла, чтобы сохранить исходное изображение.

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

Как изменить размер изображений PNG в macOS

  • Перейдите в режим предварительного просмотра и откройте файл в меню «Файл».
  • Выберите «Инструменты» в верхнем меню и нажмите «Настроить размер».
  • Щелкните или установите флажок рядом с «Масштабировать пропорционально», чтобы сохранить пропорции, прежде чем вводить новые значения в поле «Размеры изображения».
  • Нажмите «Сохранить», когда закончите редактировать размер.

Изменение размера изображений PNG в Windows 10

  • Перейдите в Paint и откройте файл из раскрывающегося меню.
  • Щелкните инструмент «Изменить размер» в середине раздела «Изображение» на вкладке «Главная», чтобы изменить изображение.
  • Если вы не знаете точное количество пикселей по вертикали и горизонтали, которое вам нужно, нажмите «Процент», чтобы соответствующим образом уменьшить изображение (например, введите 75%, если вы хотите уменьшить его до 3 4 от текущего размера).
  • Чтобы пропорционально изменить размер изображения, нажмите «Сохранить соотношение сторон» в разделе изменения размера.
  • Когда вы будете удовлетворены размером, нажмите ОК.

Что такое PNG

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

Томас Бутелл известен как человек, который разработал PNG в 1995 году, когда самым популярным форматом файлов изображений для Интернета был формат обмена графикой (GIF). Формат PNG появился как альтернатива GIF после того, как UNISYS, который владел патентом на так называемый метод сжатия LZW для GIF, решил потребовать лицензию на свой формат файла.

Популярность

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

Почему нужно изменять размер файлов PNG

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

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

Как создать кисть в Photoshop, Учебное пособие «Сделай сам»

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

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

  1. Сначала откройте высококачественное изображение пламени с прозрачным фоном или любые другие изображения, которые вы хотите сделать кистью.Это должно быть изображение PNG. Вы также можете использовать векторные изображения.
  1. Перейти к Изменить из верхней строки меню. Вы получите выпадающее меню. Теперь нажмите Define Brush Preset из этого раскрывающегося списка.

Правка => Определить предустановку кисти

  1. Вы должны указать имя вашей пользовательской кисти, чтобы вы могли позже распознать ее из длинного списка кистей.
  1. Готово.Ваша кисть готова к использованию. Нажмите на инструмент Brush на левой панели инструментов Photoshop, выберите свою кисть (имя, которое вы дали) внизу списка кистей.
  1. Наконец, перейдите в File и нажмите new и возьмите новый пустой документ с белым фоном, а затем примените кисть разных цветов. Посмотрите на изображение ниже.

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

  1. Чтобы создать текстовую кисть, возьмите новый документ, нажав Новый из Файл Документ должен быть прозрачным, и на этом прозрачном фоне напишите текст, который вам нравится.
  1. Затем в раскрывающемся списке нажмите Edit и Define Brush Preset . И последующие шаги такие же, как мы объясняли ранее при создании кисти с помощью Flame.
  1. Вывод текстовой кисти Photoshop.

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

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

Мы — Color Experts International, Inc., глобальный поставщик услуг по редактированию фотографий, известный среди брендов электронной коммерции, фотографов, многих графических дизайнеров, таких как вы, а также агентств графического дизайна, рекламных компаний и многих других. У нас есть собственное производственное предприятие, где более 250 специалистов по редактированию фотографий работают с новейшими инструментами редактирования изображений. Мы предоставляем обтравочный контур, удаление фона с фотографий, маскировку изображений, услуги манекенов-призраков, цветокоррекцию и ретуширование изображений, восстановление фотографий, преобразование растровых изображений в векторные и творческие манипуляции с изображениями.

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

5 советов по оптимизации изображений и графики для Интернета

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

1. Сохранение изображений в правильном цветовом пространстве

Компьютеры используют два цветовых пространства для отображения изображений: RGB и CMYK. RGB (красный, зеленый, синий) — стандартное цветовое пространство для цифровых устройств. По умолчанию любое изображение, созданное камерой или компьютером, сохраняется в этом цветовом профиле.Однако у вас могут быть изображения CMYK — цветового профиля, используемого принтерами. Перед использованием этих изображений в Интернете такая программа, как Adobe Photoshop, может преобразовать цвета в RGB, чтобы ваши изображения были яркими и яркими.

Чтобы преобразовать изображение CMYK в RGB, откройте изображение в Adobe Photoshop. Перейдите к Image в строке меню и в раскрывающемся списке наведите курсор на Mode и выберите RGB Color . Это преобразует изображение в цветовое пространство RGB, и вы можете заметить, что некоторые цвета более яркие.Затем перейдите к File , затем Save As и сохраните файл. Обязательно измените имя файла, чтобы вы или кто-то другой знал, что это файл для цифровых приложений.

2. Сжать файлы размером

При сохранении изображений для Интернета мы рекомендуем, чтобы размер файла был менее 2 МБ (2048 килобайт), чтобы обеспечить высокую скорость загрузки страницы. При этом мы также хотим, чтобы изображения были резкими, а не пикселизированными. Качество изображения зависит от таких факторов, как окончательный размер файла и настройки сжатия.При правильных настройках сжатия вы можете добиться хорошего качества изображения и небольшого размера файла. Как правило, вы можете сохранить файл с уровнем сжатия изображения от 70 до 80%, не просматривая пиксели или отдельные точки цвета. Примечание. Степень сжатия зависит от ряда факторов, включая размер и формат файла исходного изображения. Вы можете использовать бесплатный инструмент, такой как Imagify, для дальнейшего сжатия файла.

3. Используйте правильный формат файла

Существует четыре основных формата файлов для сохранения изображений и графики для Интернета: JPG, PNG, GIF и SVG.Каждый формат файла имеет свои преимущества, недостатки и предполагаемый вариант использования. Ваше изображение или графику следует сохранить в определенном формате в зависимости от того, растровый он или векторный. Растровые изображения создаются с помощью программ на основе пикселей или захватываются камерой или сканером. Эти изображения имеют конечное количество пикселей и могут потерять качество при увеличении масштаба. JPG, PNG и GIF — это форматы, которые лучше всего подходят для растровых изображений. Векторная графика создается с помощью векторной программы и может иметь неограниченный размер без потери качества.SVG и GIF лучше всего подходят для векторных изображений, в то время как вы также можете сохранить векторную графику в формате JPG или PNG, однако вы потеряете возможность бесконечно масштабировать изображение.

JPG

JPG или JPEG — наиболее распространенный формат растровых файлов для изображений.

Плюсы

  • Наименьший размер файла
  • Лучшее для фотографий высокого качества
  • Совместимость в Интернете и на любом устройстве

Минусы

  • Качество изображения может значительно снизиться при слишком сильном сжатии
  • JPG не поддерживают прозрачный фон

Когда использовать JPG

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

PNG

PNG — еще один распространенный растровый формат, который более универсален, чем JPG. PNG может поддерживать больше цветов (более 16 миллионов) и поддерживать прозрачный фон или альфа-канал.

Плюсы

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

Минусы

  • Размеры файлов обычно больше, чем JPG
  • Не поддерживает анимацию

Когда использовать PNG

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

GIF

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

Плюсы

  • Возможность создания анимированных изображений и сообщений
  • Поддерживает прозрачный фон

Минусы

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

Когда использовать GIF

GIF-файлы

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

SVG

SVG — это векторный формат, который позволяет создавать четкую графику и объекты, которыми можно управлять в Интернете.SVG можно создавать и редактировать в векторных программах, таких как Adobe Illustrator, Sketch и Inkscape.
Плюсы

  • Малый размер файла
  • Бесконечная калибровка (вектор) без потери качества
  • Гибкость для разработчиков (можно изменять настройки, включая цвет и размер)
  • Может редактироваться в векторной программе, например Adobe Illustrator
  • Поддерживается в продуктах Microsoft Office для графики
  • Можно анимировать

Минусы

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

Когда использовать SVG

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

4. Экспорт нескольких размеров для дисплеев с высокой плотностью пикселей

Поскольку мобильные устройства стали для пользователей предпочтительным устройством для просмотра цифрового контента, их экраны имеют более высокое разрешение, чем типичный настольный компьютер. Эти дисплеи HiDPI, Retina или высокой плотности имеют более 200 пикселей на дюйм (PPI). Стандарт для Интернета и большинства настольных компьютеров — 72 PPI. Если пользователь просматривает изображение с разрешением 72 PPI на своем мобильном устройстве, а не на компьютере, оно не будет выглядеть таким четким, как изображение, сохраненное с большим количеством пикселей.Такие программы, как Adobe Photoshop и Illustrator, могут сохранять изображения и графику двумя способами для работы с мобильными и настольными браузерами.

  1. Вы можете экспортировать изображение с масштабами @ 2x и @ 3x. Это означает, что программа автоматически создаст версию вашего изображения, которая в 2 раза (200%) или в 3 раза (300%) превышает исходный размер. Мобильный веб-браузер пользователя автоматически отобразит изображение в 2 или 3 раза в том же пространстве, что и исходный размер.
  2. Вы можете экспортировать изображение в более высоком разрешении.Например, в Adobe Photoshop или Illustrator вы можете сохранить изображение с разрешением 96 или 150 пикселей на дюйм. Примечание. Размер вашего файла будет больше, поскольку программа добавляет к вашему изображению больше пикселей.

5. Увеличение изображения меньшего размера на 115%

Если у вас есть небольшое растровое изображение, размер которого нужно увеличить, вы можете постепенно увеличивать его на 115% в Adobe Photoshop. Это уменьшит количество пикселов, которые будут возникать при увеличении физического размера изображения. Для этого откройте ваше изображение в фотошопе.В строке меню перейдите в раздел «Изображение» и выберите «Размер изображения». В диалоговом окне в разделе «Ширина» и «Высота» измените единицы измерения на «Процент», а затем введите 115% в оба поля. Убедитесь, что установлен флажок «Resample» и «Bicubic Smoother (увеличение)».

Четкие и сфокусированные изображения не оставят равнодушными страницу

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

Брэндон Шилдс

Дизайнер

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

Создание водяного знака изображения в Photoshop

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

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

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

Добавьте новый слой, выбрав «Слой»> «Новый»> «Слой». Это прозрачный слой, на котором вы разместите круги.

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

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

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

Выберите инструмент «Кисть» и выберите кисть. Я использовал жесткую круглую кисть размером примерно 40 пикселей.

Установите черный цвет переднего плана, щелкните рабочий контур в палитре контуров, чтобы выбрать его, а затем щелкните значок «Обвести контур кистью» внизу палитры контуров.Это обводит путь текущей кистью.

Щелкните инструмент «Выбор контура», который разделяет позицию в палитре «Инструменты» с инструментом «Прямое выделение». Нажмите на путь, и он выделит весь путь.

Если маркеры преобразования не отображаются, нажмите Ctrl + T (Command + T на Mac). Удерживая Shift и Alt (Shift и Option на Mac), перетащите внутрь, чтобы создать круг, концентрический с предыдущим кругом.

Повторите процесс выбора кисти, щелкните путь, чтобы он был выбран, и щелкните Обвести контур кистью.

Щелкните Инструмент выбора пути и, выделив этот меньший круг, нажмите Ctrl + T (Command + T на Mac). Удерживая Shift и Alt (Shift и Option на Mac), потяните немного наружу, чтобы создать круговой контур для ввода текста.

Выберите инструмент «Текст» и удерживайте указатель мыши над третьим контуром.

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

Щелкните один раз, чтобы привязать инструмент «Текст» к контуру. Выберите цвет текста — в моем случае я выбрал черный — и выберите шрифт и размер шрифта — я использовал Myriad Pro — 24 точки. Введите текст для использования — я набрал:

© 2012, Хелен Брэдли — projectwoman.com —

Чтобы ввести ©, удерживайте Alt и введите 0169.
?

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

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

Перетащите, чтобы сделать изогнутые линии.

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

Выберите инструмент «Прямое выделение», щелкните по одной только что добавленным опорным точкам и нажмите «Удалить» — это разбивает 3 контура пополам, чтобы получилось 6 контуров.Когда якорь выбран, он будет отображаться в виде темного квадрата с заливкой.

Выберите кисть и черную краску, выберите путь в палитре «Контуры» и щелкните значок «Обводка контура кистью».

Как только вы это сделаете, вы можете добавить эффект гранжа.

Начните с скрытия фонового слоя, выберите верхний слой и нажмите Control + Alt + Shift + E, чтобы создать сплющенный слой с прозрачностью. Скройте все слои, кроме этого верхнего.

Если линии недостаточно темные, продублируйте этот слой несколько раз, и они станут темнее.Затем объедините все эти дублированные слои

Чтобы добавить эффект гранжа, щелкните значок «Добавить маску слоя» в нижней части палитры слоев, чтобы добавить маску к слою. Найдите интересное изображение текстуры для использования, например, это на сайте www.mayang.com/textures.

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

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

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

Затем выберите «Файл»> «Сохранить как» и сохраните его как файл.Изображение PNG для использования в Photoshop или Lightroom в качестве наложения авторских прав.

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

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

Как создать SVG из PNG или JPG в Photoshop

В этом уроке TipsMake покажет вам, как преобразовать изображения PNG или JPG в SVG в Photoshop.

Растровые и векторные

SVG или Scalable Vector Graphic, как следует из названия, является векторной графикой. Другие форматы, такие как PNG, GIF, JPG, BMP, являются растровой графикой. Основное различие между этими двумя типами заключается в том, что векторы включают стандартные линии (пути), которые делают их масштабируемыми, а растр включает жесткие данные пикселей, поэтому его нельзя масштабировать.

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

Но разве это не статья о том, как создать SVG из PNG? Это тоже зависит от изображения. Конечно, вы не можете создать SVG из снимка или детального изображения.

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

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

Как создать SVG из PNG или JPG в Photoshop

Шаг 1. Откройте изображение в Photoshop и с помощью инструмента Quick Selection выделите все черные области.

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

Шаг 2. После выбора щелкните правой кнопкой мыши и выберите «Make Work Path…» .

Шаг 3. Затем в меню «Слой » выберите «Новый слой заливки», и «Сплошной цвет».

Нажмите «Новый слой заливки» и «Сплошной цвет».

Шаг 4. Выберите черный цвет.

Шаг 5. У вас получится новый слой с черной областью. Но это слой векторной формы.

Шаг 6. Повторите тот же процесс с желтой областью смайлика. Вам нужно будет сделать это для каждого цвета на вашем изображении.

Шаг 7. Когда у вас есть слой-фигура для каждого цвета, выберите File> Export> Export As….

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

Готово! Теперь у вас есть SVG-версия изображения PNG, которая расширяется и имеет гораздо меньший размер файла.

.

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

Ваш адрес email не будет опубликован.