Bahay / pangkalahatang-ideya ng mga bintana / Paano gawing transparent ang isang layer sa Photoshop. Paano gumawa ng isang transparent na background sa isang larawan Paglikha sa isang imahe

Paano gawing transparent ang isang layer sa Photoshop. Paano gumawa ng isang transparent na background sa isang larawan Paglikha sa isang imahe

Minsan kailangan mong mag-upload ng larawan na naglalaman ng mga transparent na elemento, kung saan makikita ang orihinal na background. Sa mga kasong ito, magiging maginhawang mag-load ng mga PNG na larawan dahil kaya nilang mapanatili ang transparency.

Sa artikulong ito, sasabihin namin paano gumawa ng transparency sa photoshop.

Paggawa ng file

Ang unang hakbang ay upang lumikha ng isang file. Upang gawin ito, buksan Adobe Photoshop at sa menu ng File ( file) sa tuktok ng pahina, piliin ang "Gumawa" ( Bago).

Pagkatapos, sa window ng Bagong Dokumento na lilitaw ( Bagong dokumento) lumikha ng isang file na may tamang laki, at siguraduhin na ang resolution ng dokumento ay 72 pixels bawat pulgada ( dahil ang file ay inilaan para sa paggamit sa web). At din na pinili mo ang halaga na "Transparent" ( Transparent) sa drop-down na listahan ng nilalaman ng Background ( nilalaman sa background).

*Bago gumawa ng PNG na may transparency sa Photoshop, kailangan naming linawin na sa halimbawang ito kami ay gumagawa ng isang imahe na ia-upload bilang background para sa site, kaya ang laki ng dokumento ay itinakda tulad ng sumusunod: lapad 3000px, taas 1730px, na kung saan ay ang mga inirerekomendang laki para sa mga pag-download ng HD na larawan:

Pagkatapos mong itakda ang mga parameter, i-click ang OK upang magbukas ng bagong dokumento.

Pagkatapos sa panel ng Mga Layer ( Mga layer) siguraduhing nagtatrabaho ka sa transparent na layer at hindi sa background:

Kapag nakumpleto mo na ang paggawa at handa ka nang i-save ang transparent na imahe, depende sa Mga bersyon ng Photoshop, sa menu ng File ( file) maaari mong gamitin ang isa sa mga posibleng opsyon:

Mga bersyon ng Photoshop na mas maaga kaysa sa CC 2015:

Ngayon sasabihin namin paano gawing transparent ang isang imahe sa photoshop, na lumabas bago ang CC 2015 . Ginagamit ng mga bersyong ito ang paraan ng Save for Web ( I-save para sa web& Mga Device) upang i-save at i-optimize ang mga PNG na imahe para magamit sa web. Upang magamit ang paraang ito, pumunta lamang sa menu ng File ( file), at pagkatapos - "I-save para sa Web" ( I-save para sa Web at Mga Device):

Pagkatapos, sa lalabas na window, piliin ang PNG-24 mula sa drop-down na menu ng mga posibleng halaga, at pagkatapos ay tiyaking napili ang mga opsyon na "Transparency" ( Aninaw) At " I-convert sa sRGB» ( I-convert sa sRGB). Kinukumpirma nito na ang larawan ay maglalaman ng isang transparent na background at nito mode ng kulay iko-convert sa sRGB , ang inirerekomendang color space para sa web.

Mga patlang" Laki ng larawan» ( Laki ng Larawan) ay awtomatikong napupuno ng mga halaga na iyong tinukoy noong nilikha mo ang file. Ngunit kung gusto mong baguhin ang laki ng file bago i-save, magagawa mo na ito ngayon.

Bersyon ng Photoshop CC 2015:

dati, paano gawing transparent ang mga larawan sa photoshop, kailangan mong malaman na mula noong bersyon CC 2015 ang opsyon na "I-save para sa Web" ( I-save para sa Web at Mga Device) sa menu ng File ( file) ay may markang Legacy. At pinalitan ng bagong opsyon na "I-export" ( I-export), na nag-aalok ng magkaparehong functionality na may mas mabilis na pag-save sa mas maliit na laki ng file at mas mahusay na kalidad. Upang gamitin ang opsyong I-export, i-click ang menu ng File ( file), at pagkatapos - " I-export bilang» ( i-export bilang).

Tandaan: Nag-aalok pa rin ang Adobe ng opsyon na I-save para sa Web ( I-save para sa Web at Mga Device) sa Photoshop CC 2015, at available ito sa pamamagitan ng File > Export ( File > I-export) o kapag ginagamit ang keyboard shortcut na Command+Option+Shift+S (para sa Mac) o Ctrl+Alt+Shift+S (para sa PC):

Pagkatapos, sa lalabas na window, piliin ang PNG mula sa drop-down na menu ng Format ( Format) at tiyaking napili ang mga opsyon na "Transparency" ( Aninaw) At " I-convert sa sRGB» ( I-convert sa sRGB).

Maaaring kailanganin ng ilang user na gumawa ng transparent na background sa ilang larawan. Maaaring ito ay dahil sa mga pagsasaalang-alang sa aesthetic, ang pangangailangan na lumikha ng isang watermark para sa mga layuning pangkomersyo at iba pang mga kadahilanan - ang katotohanan ay hindi alam ng gumagamit kung paano, at kung ano, magagawa ito. SA materyal na ito Susubukan kong tulungan ang mga naturang user at sasabihin sa iyo kung paano gumawa ng transparent na background online, anong mga serbisyo ang umiiral para dito, at kung paano gamitin ang mga ito.

Ang listahan ng mga serbisyong may kakayahang gumawa ng transparent na background ng isang imahe

Mayroong ilang mga serbisyo sa network na nagbibigay-daan sa iyong alisin ang background ng isang larawan online nang libre. Kasabay nito, lahat ng mga ito ay may medyo simpleng mga tool, na nagpapahintulot sa iyo na alisin ang background ng mga larawan sa halos ilang mga pag-click. Sa ibaba ay ililista ko ang mga serbisyong ito na may detalyadong paglalarawan ng kanilang pag-andar.

Kung ikaw, tulad ko, ay may pagnanais, pagkatapos ay nagmamadali akong mapasaya ka, sinubukan ko ang karamihan sa kanila at nag-compile ng isang listahan ng pinakamahusay (sa link sa itaas).

Nagbibigay-daan sa iyo ang serbisyong Online-Photoshop na alisin ang background

Ang unang mapagkukunan na nagbibigay-daan sa iyong lumikha ng isang transparent na background online ay Online-Photoshop. Ang paggawa nito ay medyo simple, na nagbibigay-daan sa iyong makakuha ng isang bagay na may transparent na background sa iyong larawan sa loob ng ilang minuto.

  1. Upang ipatupad ang iyong pinlano, pumunta sa mapagkukunan, mag-click sa pindutang "Pumili ng larawan" at i-upload ang nais na larawan.
  2. Ang huli ay lilitaw sa kaliwang bahagi ng screen, at ang cursor ay magiging anyong dilaw na bilog.
  3. Markahan ng bilog na ito na may dilaw na linya ang mga panlabas na contour ng bagay, ang background sa likod kung saan gusto mong gawing transparent.
  4. Pagkatapos ay mag-click sa berdeng bilog na may plus sign sa toolbar at markahan ng berde ang mga panloob na tampok ng bagay.
  5. Pagkatapos ay mag-click sa pulang bilog na may minus at markahan ng mga pulang linya ang kalawakan sa labas ng mga hangganan ng bagay.

Ngayon ay pinindot namin ang arrow sa kanan at tingnan ang resulta. Kung maayos ang lahat, mag-click sa pindutang "I-download" sa itaas at i-save ang resulta sa iyong PC.

Ang serbisyo ng Pixlr ay nagtakda ng isang kulay ng background

Ang isa pang tool para gumawa ng transparent na background online ay ang Photoshop-like Pixlr online editor. Ito ay may malaking bilang ng mga tampok, ngunit kami ay pangunahing interesado sa paglikha ng isang transparent na background online.

Binibigyang-daan ka ng serbisyo ng IMGonline na gumawa ng isang transparent na background

Ang serbisyong ito ay halos ganap na awtomatiko na opsyon na nagbibigay-daan sa iyong gawing transparent ang background online.

Upang magtrabaho kasama ang serbisyo, pumunta dito, mag-click sa pindutang "Browse", siguraduhin na ang opsyon na "Palitan ang plain background na may" ay nakatakda sa "Transparent" at mag-click sa malaking "OK" na pindutan sa ibaba.


Pagkatapos ng pagproseso, magagawa mong tingnan ang resulta o i-download ito sa iyong computer gamit ang naaangkop na mga link.

Napansin ko na dahil sa automation, ang kalidad ng resultang pagpoproseso ay karaniwang mas malala kaysa sa nasa itaas na Online-Photoshop at Pixlr.

Watermark ng Serbisyo.Algid.Net

Isa pang serbisyo na nagbibigay-daan sa iyong gumawa ng transparent na background sa isang larawan online nang libre.

Upang gumana sa serbisyong ito, kailangan mong maghanda ng isang larawan, kung saan kailangan mong magpinta sa isang potensyal na transparent na lugar na may kulay na wala sa larawan mismo (halimbawa, asul, tulad ng ipinapakita sa halimbawa sa ibaba). Mahalaga rin na ang larawan ay nasa png o gif na format.


  1. Pagkatapos ay kailangan mong pumunta sa site mismo, mag-click sa pindutang "Browse", tukuyin ang landas sa iyong file sa serbisyo at mag-click sa "Next Step".
  2. Magbubukas ang iyong imahe, kakailanganin mong mag-click sa kulay ng larawan na nais mong gawing transparent (ang background na aalisin ay dapat magkaroon ng isang kulay pagkatapos ng pagproseso).
  3. Mag-click sa kulay ng background, ipoproseso ito ng program at magiging transparent ito.
  4. Kung nasiyahan ka sa pagproseso, i-right click sa larawan at piliin ang "Save Image As".

Inalis ng serbisyo ng LunaPic ang background ng larawan

Ang serbisyong ito para sa paglikha ng isang transparent na background ay katulad sa pag-andar nito sa nakaraang isa, na nangangailangan ng isang background na ginawa sa isang kulay. Binabago nito ang kulay na ito sa isang transparent na background, na nakakakuha ng imahe na kinakailangan ng user.

  1. Upang gumana sa serbisyo, mag-log in dito, mag-click sa "Browse" at i-upload ang kinakailangang larawan (o magbigay ng link dito sa network sa linya sa ibaba).
  2. Pagkatapos ay piliin ang kulay sa larawan na gusto mong gawing transparent at i-click ito gamit ang mouse.
  3. Ipoproseso ang larawan at perpektong makakakuha ka ng transparent na kulay ng background.

Kung ikukumpara sa serbisyo ng Watermark.Algid.Net, ang serbisyo ng LunaPic ay mas katulad ng isang ganap na editor ng larawan, na nagpapahintulot sa iyo na ipinta ang background na may isang kulay gamit ang mga tool na binuo sa serbisyong ito.

Konklusyon

Sa itaas, naglista ako ng ilang maginhawa at madaling gamitin na serbisyo na nagbibigay-daan sa iyong gumawa ng transparent na background online. Ang pinaka-epektibo, sa palagay ko, ay ang mga serbisyong Online-Photoshop at Pixlr, ang mga resulta ng kanilang pagproseso ay nasa isang mahusay na antas, at ang mga detalye ng opsyonal ay hindi naman kumplikado. Kung kailangan mong gumawa ng isang transparent na background para sa isang larawan, inirerekumenda ko ang paggamit ng mga kakayahan ng mga tool na ito, papayagan ka nitong madali at mabilis na lumikha ng isang transparent na background online.

Pagbati, mahal na mga mambabasa ng aking blog!

Kailangan ko kamakailan alisin ang background from the picture, hindi ako masyadong friendly sa photoshop. At sasabihin ko sa iyo na wala ako nito sa aking computer. (Well, tama, sa pangkalahatan, bakit kailangan ko ng isang bagay na hindi ko alam kung paano magtrabaho).

Ngunit ang background mula sa larawan ay kailangang alisin sa anumang paraan, nagsimula akong mag-surf sa Internet, sa paghahanap ng solusyon sa aking problema. Mayroong talagang maraming mga pagpipilian, ngunit naghahanap ako ng mas madali)). Nakakita ako ng napakadali at simpleng paraan para alisin ang background sa larawan.

At kaya, magsimula tayo. Kailangan namin ng photoshop, pero dahil wala ako. gumagamit ako online na Photoshop. Napakadaling gamitin, sasabihin ko sa iyo. At syempre yung picture na gusto nating gawing transparent ang background.

Ipapakita ko sa iyo ang isang halimbawa, narito ang isang larawan, aalisin namin ang puting background

Pumunta kami sa online photoshop. Ginamit ko ang isang ito PIXLR

Piliin: Mag-upload ng larawan mula sa computer.

Ngayon mismo sa bintana "LAYERS" Kailangang buksan ang lock

Nag-click kami dito 2 beses na kaliwang pindutan mouse, dapat lumitaw ang isang checkmark sa kahon.

Pumunta ngayon sa panel, na matatagpuan sa kaliwa, piliin ang tool "Magic wand" at tolerance na itinakda sa 21.

Yun lang daw, pero hindi ako lubusang nasiyahan sa picture, may mga labi pa sa background, pinindot ko ulit yung lugar na gusto kong tanggalin. Pagkatapos ay "i-edit" ---- "malinaw". At iba pa hanggang sa alisin mo ang lahat ng kailangan mo.

Ang pangunahing bagay ay upang tukuyin ang isang larawan sa iyong computer o telepono, at pagkatapos ay i-click ang OK na buton sa ibaba ng pahinang ito. Bilang default, ang payak na background ng larawan ay pinapalitan ng isang transparent. Ang kulay ng background ng orihinal na imahe ay awtomatikong tinutukoy, kailangan mo lamang na tukuyin sa mga setting kung anong kulay ang papalitan nito. Ang pangunahing parameter na nakakaapekto sa kalidad ng pagpapalit ay ang "Intensity ng pagpapalit" at maaaring iba ito para sa bawat larawan.

Isang halimbawa ng larawan ng rosas na rosas na walang pagbabago at pagkatapos palitan ang solid na background ng transparent, puti at berde:


Unang halimbawa na may bulaklak na rosas sa isang transparent na background ay ginawa gamit ang mga sumusunod na setting:
1) Pagpapalit intensity - 38;
2) Smoothing sa paligid ng mga gilid - 5;
3) Palitan ang solid na background ng isang transparent;
4) Pag-crop (<0) или Добавление (>0) kasama ang mga gilid - "-70";
5) Baliktarin - hindi pinagana (check not checked).

Para sa paglikha pangalawang halimbawa, na may puting background, ang parehong mga setting ay ginamit tulad ng sa unang halimbawa, maliban sa parameter na: "Palitan ang plain background ng" - puti. SA ikatlong halimbawa, na may berdeng background, ginagamit din ang mga setting, tulad ng sa unang halimbawa, maliban sa parameter: "kulay sa hex na format" - #245a2d.

Ang orihinal na larawan ay hindi binago sa anumang paraan. Bibigyan ka ng isa pang naprosesong larawan na may transparent na background o background na iyong tinukoy.

1) Tukuyin ang isang imahe sa BMP, GIF, JPEG, PNG, TIFF na format:

2) Mga setting para sa pagpapalit ng solid na background
Rate ng kapalit: (1-100)

Pagkinis ng gilid: (0-100) Palitan ang plain background ng: transparent (PNG-24 lang) red pink purple blue turquoise sky lime green yellow orange black grey white o hex color: buksan ang crop palette (<0) или Добавление (>0) sa mga gilid: (mula -100 hanggang 100)
(Intensity para sa karagdagang pag-crop o pagdaragdag ng mga pixel sa paligid ng isang seleksyon sa isang transparent na background) Baliktarin ang Pagpili (sa halip na background, palitan ang foreground)

Tingnan ang figure sa format jpg, ang kilalang cartoon character na si Mammoth na nawalan ng ina .. Gusto kong umiyak .. hindi, hindi dahil hindi mahanap ng mammoth ang kanyang ina (bagaman dahil din dito), ngunit dahil ang asul na background ay masakit sa kanyang mga mata! Gusto ko lang tanggalin ang asul na ito at punan ang background ng larawan ng ganoong kulay na pinaghalo nito sa background ng pahina ..

Hindi sa tingin ko ito ay isang problema para sa iyo! isipin mo na lang na buksan ito gamit ang parehong Photoshop at punan ang background ng nais na kulay! ngunit paano kung ang pangunahing background ng pahina ay isang uri ng kumplikadong texture?

Isang halimbawa kung saan naka-overlay ang isang imahe sa ibabaw ng isang texture:









Buksan ang Photoshop at gumuhit ng isang larawan gamit ang isang mammoth sa halip na isang asul na background ng isang cell? At pagkatapos ay subukan upang magkasya ang mga ito sa pangunahing background ng pahina? Ito ay hindi isang pagpipilian!!!

Kaya, iniuulat ko ang mga graphic na format gif At png- suportahan ang transparency mode, sa gayon ginagawang posible na gawing hindi nakikita ng mata ng tao ang ilang bahagi ng larawan - na kung ano mismo ang kailangan natin!

Ngayon sa pagkakasunud-sunod:

1. Buksan ang larawan kung saan ang background ay gusto mong gawing transparent Adobe Photoshop.

2. Magbukas ng bookmark "Larawan" >> "Mode" >> "Mga Naka-index na Kulay".


3. Sa dialog box na lalabas "Mga Naka-index na Kulay" lagyan ng tsek "Aninaw" at pindutin "OK"


4. Gamit ang tool sa pagpili "Magic wand" At "Pambura" binubura namin ang background sa larawan, talagang ginagawang transparent ang mga bahaging kailangan namin.

5. Well, i-save ang aming larawan sa format gif.. bookmark "File" >> "I-save para sa Web…" sa lalabas na window, ipahiwatig (sang-ayon) na ang larawan ay ise-save sa format gif i-click "I-save".. pumili ng isang folder, magsulat ng isang pangalan - lahat ng ito ay ikaw, sana alam mo kung paano ..

Lahat ng larawan na may transparent na background ay nilikha!!

Ngayon ay maaari na itong ipasok muli sa aming pahina, nang hindi nakakalimutang baguhin ang extension jpg sa gif .




Paglikha ng mga transparent na lugar sa isang pagguhit


gif" alt="(!LANG:Mammoth"> !}