Photoshop metnimi web'de olduğu gibi nasıl gösterebilirim?

Photoshop'taki her şeyi kenar yumuşatma "none" olarak ayarlayarak gerçekten tasarlamak zorunda mıyım? Eminim daha iyi bir yol var.

Photoshop'ta temel bir web kasası (Tahoma gibi) seçerken, web'de gerçekte nasıl görüneceğini görebilmem için bir ayar yapmak istiyorum.

Örneğin: Photoshop'ta "keskin" olarak ayarlanmış kenar yumuşatma ile Tahoma ve Firefox'ta nasıl oluşturulduğu arasındaki fark büyüktür. Photoshop'ta güzel ve pürüzsüz görünüyor ve web'de bok gibi görünüyor.

İçeriğin web'de yayınlanmasını planlarken başlamak için en iyisi (en benzer sonucu olan) bir kenar yumuşatma seçeneği var mı?

Çoğu işletim sistemi ve tarayıcı kenar yumuşatma veya alt piksel kenar yumuşatma ile oluşturulur. Alt piksel kenar yumuşatma, Windows (ClearType ile) ve OS X gibi masaüstü platformlarında yaygındır. Standart tek renkli kenar yumuşatma, aygıtın alt piksel sırasının aygıt yönlendirmesiyle değişebileceği ve alt piksel oluşturmanın olmadığı mobil platformlarda yaygındır. ' t çok önemli, çünkü genellikle daha yüksek piksel yoğunluğu ekranlarına sahipler.

Takma metin oluşturma, ClearType'ın varsayılan olarak devre dışı bırakıldığı Windows XP'de yaygındır. Windows Vista ve daha yeni sürümlerinde ClearType varsayılan olarak açıktır.

Photoshop ile Windows ve OS X ve iOS - Android - WebKit ve Firefox (Gecko) arasındaki işlem genellikle farklıdır. Dolayısıyla, bir ekran görüntüsü almaz ve bunu bitmap katmanı olarak belgenize eklemezseniz, Photoshop'ta bir şey oluşturmanın ve metin oluşturmanın aynı olacağını bilmenin hiçbir yolu yoktur.

Hayır. Yeni düşünce tarzı, düzen ve tipografi tasarımı için Photoshop'tan kaçınmak ve tarayıcıda mümkün olduğunca erken başlamaktır.

İstemciyi bir Photoshop kompozisyonunun aksine gerçek bir URL ileterek, nihai ürün, Photoshop kompozisyonlarına kıyasla tercih edilen tarayıcılarında biraz farklı hale geldiğinde müşterinin beklentilerinin azalmasını önlersiniz.

Nihayetinde, müşteriyi eğitmek ve onları tarayıcılar ve işletim sistemleri arasında meydana gelen kaçınılmaz tipografik tutarsızlıklar hakkında bilgilendirmek bizim sorumluluğumuzdur.

Photoshop CC'de yazı tipleriniz için yeni takma ad modları ekledik. "Net" veya "güçlü" yerine yeni "Mac LCD" yi deneyin. % 100 web uyumlu bir tasarım elde edersiniz.

Kısa Cevap: Yapamazsınız.

Photoshop, yazı tiplerinizin nasıl dışına çıkacağını bilmek için asla ideal değil, aynı zamanda genel olarak yazı tipleriyle çalışmak için ideal değildir. (Bir Tasarım Firmasında / Matbaada çalıştığımda, PS'de tasarlanan her şeyin aynı nedenden dolayı PDF olarak dışa aktarılması gerekiyordu). Sonra web sorunu geliyor, bu tarayıcılar ve bu tarayıcıları çalıştıran işletim sistemi. Şimdiye kadar, bildiğim kadarıyla, OS X, yazı tiplerini uygun şekilde oluşturma açısından en iyisidir, oysa Linux ikinci sırada ve Windows elbette son sırada. Gerçek şu ki, hepsi yazı tipi oluşturmak için farklı algoritmalar kullanıyor ve her yerde aynı sonucu elde edemeyeceksiniz. Bir çözüm olsaydı, hepimiz Linux'a, Mac'lere geçmeliyiz ya da Microsoft'un Windows Metro ile bir dahaki sefere başarılı olmasını bekledik (Üzgünüm, Windows 8 demekten nefret ediyorum) ya da tamamen patlatıyorsa,

Sadece 2 sentim,

Yama

Gözümde, bir tarayıcıda oluşturma, Mac'in Photoshop'taki "Keskin" ve "Net" arasında ve Windows'taki "Net" ve "Güçlü" arasında bir yerde. Çalıştığım grafik tasarımcılara canlı metin için "Crisp" kullanmanızı öneririm. Varsayılan "Güçlü" her zaman onları hayal kırıklığına uğratır. ;)