Bitmiş görüntüler Photoshop'ta düzgün şekilde nasıl kaydedilir? Photoshop'ta bir resim çeşitli amaçlarla nasıl kaydedilir: öncelikle bir fotoğraf, net ve renk israfı olmadan Photoshop'tan bir çalışma nasıl kaydedilir

Merhaba, Start-Luck blogunun okuyucuları! Bağlantılı olarak Andriy Zenkov ve web tasarımı konusundaki pratik bilgilerim. Bugün, sitenizin asla tarayıcı yer imleri dünyasının kapısını açmayacağı bu anahtarlardan bahsedeceğiz (ve bir web geliştiricisi için bile favori sayfalarınızı bir "yıldız" ile işaretlemek çok önemlidir).

Dil, tahmin edebileceğiniz gibi, görüntülerle ilgilidir. Parlak bir fotoğraf seçin; yalnızca yarısı doğru. İşleme, renklendirme, metin kaplama ve diğer manipülasyonlardan sonra ufukta yeni bir sorun beliriyor: Photoshop'ta görüntüler nasıl kaydedilir?

Diyelim ki evcil hayvanlarla ilgili bir web sitesi oluşturdunuz ve onlara harika bir fotoğraf galerisi vereceğinizden emin olabilirsiniz. Bah - ve artık pençelere benzeyen büyüleyici menü simgelerinin olmadığı bir tasarım göremiyorsunuz. Peki ya komik animasyonların olduğu bölüm, site misafirlerinin moralini nasıl yükseltirsiniz?

Bunu aklınızda tutarak aşağıdaki tüm görselleri ayarlarsınız, kaydedersiniz ve ... ihtiyacınız olanı kaydedersiniz. Pikseller "pençelere" sıkı bir şekilde yerleştirilebilir ve Rusya'daki resimlere gözyaşı olmadan bakabilirsiniz. Photoshop otomatik olarak favorilerinizdeki programlar listesine taşınır ve siz de doğru kişiyi tanırsınız. Sorun ne? Her zaman kurtulacağım kafamdaki sırrı öğrenerek her şeyi kendi başına yapabilirsin.

Kaydetme algoritması, formatlarında en uygun kapasitede gösterilir. Neyin raster, neyin vektör olarak sınıflandırıldığına dair ayrıntılara girmek istemiyorum. En önemlisi, bunları birkaç tıklamayla değiştirebilirsiniz. Bunun hakkında zaten makalelerimden birinde resim formatlarındaki değişikliği okuyucularla paylaşmıştım.

İnternet açısından zengin siteleri analiz ederken önemli bir ayrıntıya dikkat çektim: Tüm grafik öğeleri, başkalarının yaratılmasının tamamen unutulduğu bir zamanda çok az sayıda evrensel formatta sunuluyor. Bu nasıl bir koku?

Web tasarımında tasvir edilen ana gruplar

Web sitelerindeki grafik içeriği akıllıca üç kategoriye ayrılmıştır.

Kolajlar ve fotoğraflar

JPG formatı onlar için tipiktir - kelimenin tam anlamıyla web'de en yaygın olanıdır. Bu görseller küçük boyutta görüntülenir, bu da sayfalara aşırı müdahaleden korkmadan bir web sitesi tasarımında görüntülenmelerine olanak tanır. Örneğin, JPG ve PNG formatında kaydedilen aynı manzara farklı anlamına gelir:

Simgeler, düğmeler ve afişler

Bu tasarım öğeleri için en kısa seçenek PNG'dir. Bir nesneyi düzenlemenize ve görüntüleri arka plan olmadan kaydetmenize, bunları başka bir "düzen" sitesinde değiştirmenize olanak tanır. Muhteşem bir palete sahip olamayacak görüntüler için bu formatı tavsiye ederim. Örneğin, Photoshop'ta bir belge oluşturuyoruz ve - sitenin adı:

Görüntüleri iki formatta kaydediyoruz ve sonuçları eşitliyoruz:

animasyon

GIF, iki veya daha fazla toptan oluşan hareketli görüntüler oluşturmak için kullanılır. Sadece Photoshop'un yardımıyla değil, aynı zamanda para kazanabilirsiniz. Bu formatın çok lezzetli olduğunu söyleyebilirim, parçalar bu şekilde kaydedildiğinde kolaylıkla zengin bir şekilde elde edilebiliyor. Şans eseri, size minimum pikselleşmeyle animasyonlar sunacak bir yaşam tüyom var. İlginizi mi çekti? Okumaya devam etmek!

Pokrokov'un kaydetme talimatları görseli

JPG ile başlayalım: Veri israfı olmadan bir fotoğrafı düzenlemeyi çok kolaylaştırır. Bu amaçla “Dosya” - “Kaydet” e basıyoruz. Basıldığında Shift + Ctrl + S tuş kombinasyonunu hızlı bir şekilde kullanabilirsiniz:

Pencerede “Dosya türü”nün aşağı indiğini ve JPEG satırının seçildiğini göreceksiniz. Aşağıdaki adımları izlediğinizden emin olun:

Görünen listeden PNG satırını seçerek görevi kendiniz çözebilirsiniz. Ancak arka planı net olan görselleri farklı bir şekilde kaydetmenizi öneririm.

Pencere açıldı. Göreviniz, açılır seçim listesinde PNG-24 öğesine gitmek ve "Prosority" ve "Cherguvati" satırlarındaki kutuları işaretlemektir:

Saygınızı artırın: Onay işareti bırakmak siteye görsel çekme süresini kısaltır ve aynı zamanda dikkatinizi artırır. İlgilenmiyorsanız "Kaydet"i kabartın. PNG görsellerini kaldırmak ve bunları siteye nasıl yükleyebileceğinizi öğrenmek için açılır pencerede dosya yolunu seçin ve düğmeye tekrar basın!

Animasyon aynı menü öğesi aracılığıyla kaydedilir, ancak artık açılır listeden GIF seçeneğini seçmeniz gerekir. Çok sayıda parametre vardır ve basit kelimeler kullanılabilir veya gönderilebilir. Varto değil! Sadece kullandığım parametreleri ayarlayın:

Torba tedarik ediyoruz

Grafiklerle çalışmak, bir veya iki alana takılıp kalmadan, istikrarlı ve kapsamlı bir başlangıç ​​gerektirir. Yak buti? Zamanla benim için yararlı bir işaret oldu beş mini kursu aramak “Photoshop Master” projesinden. Onlardan bir bayttan fazla değerli bilgi topladım.

Materyal erişilebilir bir biçimde ve ücretsiz olarak sunulmaktadır. Bu, bilgisayar akademilerinde okumaya ve gerekli dersleri internette aramaya harika bir alternatiftir.

Bu kadar. Abone olmayı unutmayın VKontakte grubu ve blogu yeni ve ilginç makalelerin büyük bir kısmı için güncellemek.

Bu Andriy Zenkov. Tekrar görüşürüz!

Photoshop'ta yeni olanlar, çalışmalarını neden iki tür kaydetmenin olduğunu merak ediyorlar: "Farklı Kaydet" ve "Web ve Cihazlar için Kaydet"? Grafik formatlarına ek olarak, tam bir liste görüntülenir... Bu konuda ve aşağıda.

Grafik formatlarıyla başlayalım. Bunların en kapsamlılarına ve bazı durumlar için en uygun olanlarına bakalım.

PSD (Photoshop Belgesi)

PSD, Photoshop'un tescilli formatıdır, bir kartvizittir. Hiçbir mazeret yok, çünkü: hazır veya tamamen grafik olmayan robotların "gevşek" yapısını, kırpma yollarını, kanallar hakkındaki bilgileri ve çoklu yeniden kaydetme sırasında yer kaybetmeden bunlarda yapılan değişiklikleri destekler.

Kural olarak, bu format, iş henüz tamamlanmadığında veya toplara yerleştirilen öğelere, efektlere vb. ek olarak son işlemlerin tutarlılığını korumak istediğiniz için seçilir. Ancak böyle bir dosyanın boyutu, "jpg" biçiminde kaydedilen benzer bir görüntünün boyutundan çok daha büyüktür. Nogo pide movа dali hakkında...

JPG (JPEG, Ortak Fotoğraf Uzmanları Grubu)

Gereken en gelişmiş görüntü formatı. Söylemekten korkmuyorum, ancak bu durumda pahalı fotoğraf ekipmanlarının çoğu hem basit amatörler hem de devam eden "sıkışmış" amatörler tarafından kurtarılıyor. Profesyoneller de farklı çalışırlar, ancak esas olarak fotoğraf oluşturmanın son aşamasında, çünkü fotoğrafları işlemenin tüm aşamalarında birden fazla kez bir grafik formatından diğerine geçer. “jpg” formatındaki resimler de dünyanın enginliğinde mutlak bir avantaj olabilir.

Bu formatı şiddetle tavsiye ederim. Fotoğrafın kendisini ve parlak renk paletini kaydediyorsanız, güvenle "jpg" seçeneğini seçin. Sadece "jpg"nin çok yönlülük üzerinde herhangi bir etkisinin olmadığını ve görüntüyü yeniden kaydetmeye devam ettikçe yavaş yavaş hareket edeceğini, dolayısıyla onu yeni bir algoritmaya her aktardığınızda sürekli olarak sıkıştırılacağını "temizleyeceğinizi" unutmayın. mevcut renklerin resim türü. Son görselleri “jpg” olarak kaydettikten sonra artık düzenleyemezsiniz.

"jpg" formatındaki resmin parlaklığı kontrol edilir ve resmin "tipi" ile yakından bağlantılıdır. Ne kadar fazla alanınız varsa, Wikine görselinden o kadar fazla bilet alırsınız, bu da kaydedilen görselin boyutundan daha küçük anlamına gelir. Diskte kaplanan alandan tasarruf etme yarışı iz bırakmadan geçmiyor ve görüntüler çekiciliğini kaybediyor - özellikle renk geçişlerinin kordonlarında gürültü ortaya çıkıyor, ince detaylar (saç oluşumu, ince çizgiler vb.)

GIF (Grafik Değişim Formatı)

Kritik olmayan bir renk şemasına sahip bir dosyayla çalışıyorsanız, Danimarka formatının kullanımı kolaydır, o zaman 256 renk kullanmanız gerekecektir. "Gif" ile bağlantılı olarak, boyalı öğelerin öncelikle tek renkte sunulduğu, degrade renkler (siyah, yeşil, mavi, korna vb.) olmadan sunulduğu görüntüler için kullanmanızı tavsiye ederim. Doğru, görselinizi aşağıda anlatıldığı gibi 8 bit “png” formatında kaydedeceğiniz için herhangi bir harcama yapmayacaksınız. “Gif” aynı zamanda içgörüyü de teşvik eder, ancak yine de kötüye kullanımdan tasarruf sağlar. Bu format birlikte grafik animasyonu oluşturmak için tek bir yöntemdir.

PNG (Taşınabilir ağ grafikleri)

"Png" formatında kaydetmenin iki seçeneği vardır - 8 bit ve 24 bit formatında. Bu işlem Dosya> Web ve Cihazlar için Kaydet... menüsü aracılığıyla yapılabilir.

Kısaca neye benzediği hakkında.

"Png (8 bit)", tıpkı "gif" gibi, yalnızca 256 renk içerir, bu da fotoğrafları kaydetmenin en uygunsuz yoludur. 8 bitlik "png", degrade geçişleri, ön hesaplamaların parçaları olan görüntüler için idealdir. Bu format algoritması Sıkıştırma, tıpkı "gif" gibi, 8 bitlik "png" de netliği artırır, ancak artık resimlerin animasyonunu oluşturmak için uygun değildir.

"Png (24 bit)", 8 bitlik sürüme eşittir, ayrıca "jpg" ve "gif"in önemli bir özelliği vardır - "gif" ve "png (8 bit) ile aynı netliği koruyabilen tek kişi )" Veriler iki şeffaflık değeriyle (açık / net olmayan) sınırlıyken, 24 bit sürümde daha fazla sayıda ara değer aktarılır. Bu beceri esas olarak web tasarımı alanında gereklidir. Günlük yaşamda resimlerle yapılan bu tür çalışmalara ihtiyaç duymanız pek olası değildir.

Ve daha fazlası .. “psd” etiketinin arkasındaki dönüştürülen tüm formatlar, herhangi bir standart pencerede açılabilir ve internette sorunsuz bir şekilde görüntülenebilir.

Ve şimdi Photoshop'ta tanıtılan kaydetme yöntemleri hakkında bir sürü söz. Peki, Dosya> Farklı Kaydet ... Aktarımları “psd” olarak kaydetmenin tek yolu budur, aynı şekilde “gif”, “jpg” ve “png (24 bit)” olarak kaydedebilirsiniz, ancak şunları yapabilirsiniz: Son resmin boyutunu umursamıyorsanız, sonunda bu tür kaydetmeye kadar gidin.

Dosya> Web ve Cihazlar için Kaydet menüsü aracılığıyla kaydetme yöntemi... ancak "psd" formatı için uygun değildir, ancak diğer formatlarda işlem saat gibi işler. Bu türün ana avantajı, çıktı görüntüsünün parlaklığına ince ayar yapabilme ve dolayısıyla dosyayı kontrol edebilme yeteneğidir. Optimum sıkıştırma parametrelerini seçerken, ilk önce görüntünün kaydedilmesinin sonucunu gözden geçirme seçeneği de vardır. Ayrıca "gif" formatını kullanmak da önemlidir - Dosya> Web ve Cihazlar için Kaydet kaydetme yöntemi ... görüntünün gif animasyonunu kaydedebilirsiniz!

Bir grafik düzenleyiciyle çalışma Adobe Photoshop Herkesin görüntüleri düzgün bir şekilde kaydetmenin önemini ve gerekliliğini bilmediğini öğrendiğimden bu yana 5 yıl geçti. İnternete döndüğümde gerçekten bilmiyorum güncel ve doğru bilgiler Bu konuda. Bu sebeplerden dolayı beslenme konusunda daha bilgili oldum ve size şunu söylemek istiyorum. Görüntüler nasıl düzgün şekilde kaydedilir?

Sırada ne olduğunu kimin bilmesi gerekiyor?

Bir grafik düzenleyiciyle çalışan herkesin Adobe Photoshop'a güvenmesi gerekmez. İllüstratör, sanatçı, grafik tasarımcı, web tasarımcısı, arayüz tasarımcısı, fotoğrafçı, öğrenci, okul çocuğu - dosyanın boyutunu değiştiren görselleri nasıl doğru şekilde kaydedeceğinizi öğrenerek yalnızca kendi zamanınızdan değil, başka birinin zamanından da tasarruf edersiniz.

Ne tür bir dil hakkında?

Koçan için tek bir kelime açıktır:

Vikoristler internette bir saat harcıyorsunuz - çok fazla saat

İnternetteki sitelerin popülaritesi anlık değildir ve zaman alır, ancak uzun yıllar internette olduğunuz için birini aradınız. Kabul edilebilir ortalama hız 3 saniye, De 2 tanesi istenilen görüntünün üzerine düşer. Çizimler, arayüz öğeleri, fotoğraflar, reklam bannerları, PDF sunumları veya sevimli bir kedinin resmini dosya boyutunda koymak, tarayıcının görüntüyü ekranda görüntülemesi için bir saat gerektirecektir.

"Saniyede megabayt"a aldanmayın

Her şey için daha iyisi, İnternet sağlayıcınız size söz veriyor 100 Mbit/sn- bu, sitenin popülaritesi de dahil olmak üzere çok fazla ilgi uyandıran ustaca bir reklam hareketidir (aldatma olarak okuyun). Bağlantı hızını Moskova'da kurulu sunucuyla ölçtüm, sonuç:

Ve sitenin web sitesindeki ilgi ekseni önemli ölçüde daha düşük:

Günde kaç görsel izliyorsunuz?

Düzinelerce mi? Yüzlerce mi? İnternetin aktif bir kullanıcısı olarak günde yüzlerce görsele bakıyorum ve bunların çoğu yüksek kalitede. Bu görsellerin seçimini nasıl değiştireceğinizi ve açıkçası çekim yoğunluğunu nasıl artıracağınızı öğrenmek istersiniz. 1 saniye,çarpılır Günde 500 görüntü, sonra günde yaklaşık 8 içki içeriz ve Ayda 4 yıl.

Her ay 4 yıl, fotoğraftan etkilenip etkilenmediğimi göreceğim

Kaydetme hakkında bilmeniz gereken her şey resimde

Nadir istisnalar dışında, nihai sonucun aşağıdaki yöntemle aynı yöntemle kaydedilmesine gerek yoktur. PSD, Bu durumda ek bilgiler dosyaya kaydedilir. Başvuru bilgisi Oluşturulma tarihinden grafik düzenleyicinin adına, hava durumu ve kamera modeline kadar.

Parlaklığı istenen değere ayarlamak için yumuşak anahtarı kullanın. 100 , köydeki bira 80 iyi eğlenceler görünür parlaklık pratik olarak sıfıra eşittir ve eksen vazodan farklıdır inanılmaz.

Bir web sitesinde bir görsel yayınlamak, postayla göndermek, karanlıkta kaydetmek, messenger'a göndermek vb. için telif hakkını kullanmanız gerekir. Web için kaydet.

JPEG mi yoksa PNG mi?

JPEG - çok sayıda tabloyu ve katlanır figürü tasvir etmek için: resimler, resimler, fotoğraflar.

PNG - vektör görselleri veya metin içeren görseller için, net ve sayısı az olan basit geometrik şekiller: logolar, ekran görüntüleri, çıkartmalar, simgeler.

Hangi kaliteyi seçmelisiniz?

Daha fazla netlik sağlamak için en uygun değerler şöyle olacaktır: 80 En basit insanlar için çeyrekler arasında net bir geçişin olması önemli değildir. bir değer koyabilirsin 60 .

Optimize edilmiş

İşlev, renkleri tersine çevirmek için ek bir algoritma içerir; önerilir tekrar aç, Ayrıntıların önemli olması çok yazık (örneğin, Pixel Art).

sRGB'ye dönüştür

Görüntü renklerinin tutarlı bir sRGB tablosuna dönüştürülmesi.

sRGB İnternet standardıdır

Dozvil (Görüntü Boyutu)

En geniş ekran çözünürlüğü: 1366×768- bilgisayar için 720×1280- akıllı telefon için. Lütfen saygılı olun ve daha fazla resim kaydetmeyin. 1920 enine.

Meta veriler

Daha önce de bahsettiğim gibi ilginç bilgiler. Resimler hakkında ek bilgi sağlamaya gerek yoktur çünkü bu yalnızca dosyanın kullanışlılığını artıracaktır.

İstediğiniz görüntünün ayrıntılı bilgisine hiç hayran kaldınız mı?

Bu yöntemi kullanarak görüntüyü iki kez değiştirebildim.

Detaylı bilgiye veya daha fazla ayrıntıya ihtiyaç duyabileceğiniz nadir hatalar elbette vardır, ancak çoğu durumda kurallar söz öncesi olacak ve yüzlerce yıl koruyacaktır.

Teşekkür ederim Vladislav.

Bilgisayara kaydedildi ve kalan vuruşu öğrenin - Photoshop'ta bir resim (resim, fotoğraf) nasıl kaydedilir?.

Görüntüleri kaydetme işlemi grafik dosya formatlarıyla yakından ilgilidir. Seçtiğiniz formata bağlı olarak (netlik, dosya boyutu ve renk sayısı artışı) çok fazla kalıntı kalacaktır. Tüm bu bilgiler muzaffer photoshop'a adanmış makalede zaten bildirildiği için cilt formatı hakkında tekrarlamayacağım ve yazmayacağım.

Dosya - Kaydet (Ctrl + S)

Kural olarak, bu takım vikoristtir, eğer koristuvach ise orijinal görselleri gösteriyor Ve onun düzenlenmesiyle meşgul. Bu komutu girdikten sonra Photoshop bu dosyayı öncekiyle aynı formatta güncelleyecektir. Ne diyebilirsin İsviçre tasarrufları Ancak herhangi bir görüntü parametresini ayarlamanızı gerektirmiyoruz.

Görüntüyü sıfırdan oluşturduysanız bu komut şu şekilde çalışacaktır: Yak'ı kurtar.

Dosya - Paradan tasarruf edin... (Shift + Ctrl + S)

Bu komut ana komuttur ve "klasörlerin" yokluğuyla donatılmıştır.

Bu komutu seçtikten sonra Photoshop'a fotoğrafınızı nereye, hangi isimlerle ve hangi formatta kaydetmek istediğinizi söylemeniz gerekiyor. Neden diyalog kutusunu kullanmalısınız:

Yeşil oklar gezinme kontrol düğmelerini (dosyanın kaydedileceği yeri atamak için) gösterir ve mavi ok geçerli görüntünün formatını seçme menüsünü gösterir. Bu işlemin ardından Kaydet butonuna tıklayın.

Hepsi bu değil. Photoshop bir vikno daha gösteriyor - parametreler. Bunun yerine bu pencere doğrudan seçtiğiniz dosya formatına karşılık gelecektir.

En önemlisi burada neyin ayarlanabileceğidir, yani bu görüntü parlaklığı. Sayıların bulunduğu alana 1'den 10'a kadar değerler girebilir veya açılır listeden bir metin değeri veya sayıya göre seçebilirsiniz. Dosyanın boyutu pencerenin sağ yarısında görüntülenir.

Görüntünün canlılığı, boyutunu büyük ölçüde etkiler; bu, internette ve bilgisayarda görüntülemenin canlılığı anlamına gelir.

Ayrıca size üç farklı format türü sunulur:

• Temel (“standart”) - bu görüntü ekranda bir yüklenici aracılığıyla görüntülenir. Bu, JPG dosyası yerine bir resmi görüntülemenin ilk yoludur.
• Temel optimizasyon - optimize edilmiş Huffman kodundan görüntüler.
• Progressive, dünyanın detaylara gösterdiği ilginin giderek daha iyi bir şekilde sergilenmesini sağlayacak bir formattır.

Tasarruf süreci diğer taraftan da görülebilir - işin ara aşamalarından tasarruf sağlar. Kimin için gereklidir? PSD formatı, Bu yaratımların formatı Photoshop'a özeldir.

Aralarından seç pencere formatlarının listesini açar Yak'ı kurtar Böylece düzenlemeden önce fotoğrafı tekrar döndürebilir ve top paletinin tamamını, dondurduğunuz tüm filtreleri ve efektleri kaydedebilirsiniz. Her şeyin yeniden ayarlanması ve desteklenmesi gerekecek. .

Photoshop'ta tasarruf etmenin üçüncü yolu

Görüntüyü kapatmak istiyorsanız bu görüntünün çarpı işaretine (kırmızı ok) tıklayın, aksi takdirde kendinizi Photoshop'ta veya çalışmanızı tamamen bitirmek istiyorsanız Photoshop'un kendi çarpı işaretinde (mavi ok) kaybedersiniz. Teşekkür ederim!