If you're new here, you may want to subscribe to my RSS feed .如果你來這裡,你可以訂閱我的rss的飼料。 Thanks for visiting!感謝來訪!
In this Adobe® Photoshop tutorial, you will learn some new techniques to modify a text style for Web optimization.在這個有adobe ® photoshop的補習,你會學習一些新技術,以修改文字的風格,為網絡優化。 It is necessary for the reader to have some basic knowledge of the various tools used in Photoshop.這是必要的,對於讀者具有一些基本知識,各種工具的使用,在photoshop的。 This tutorial is best suited for Advanced Photoshop Designers.本教程中,是最適合的先進photoshop的設計師。 So let's move in to the tutorial now.因此,讓的舉動,在給補習現在。
There are a few little tricks you can do in Adobe Photoshop to make your text look a bit sharper on your Web pages, especially at smaller sizes.有幾個小動作,你可以做在adobe photoshop使你的文字看起來有點尖銳對你的網頁,特別是在較小的尺寸。 When resembling blocks of text, there is an option you may not have noticed that will help you achieve sharper results.當相似塊文本中,有一個選項,你可能沒有注意到,這將有助於您達到激化的結果。 This is particularly useful when you have scanned in blocks of text or line art.這是特別有用的,當你有掃描塊的文本或線藝術。
![]()
When we go to resize the image (Image--> Image Size), Bicubic resampling is the default option .當我們去resize形象(形象->圖像大小) ,雙三次重採樣是默認選項。 This works best for most images.這項工程最大多數的圖像。 (In CS+ try Bicubic sharper).Here is the result of Bicubic resampling on our text. (在政務司司長+嘗試雙三次尖銳) 。在這裡,是由於雙三次重採樣對我們的文本。
![]()
Try it again, but this time choose Bilinear resampling.Notice how much sharper the text is?試試看,但這個時候選擇雙線性resampling.notice多少尖銳的文字是什麼?
![]()
The second trick you can use in Photoshop applies to small text and its tracking, or kerning, which is the spacing between letters.第二招,你可以使用photoshop中適用於小文,並對其跟踪,或kerning ,這是間隔信。 Here is a line of text with standard tracking .這裡是一個網上的文字與標準跟踪。 In the tracking box (Window--> Show Character), increase the amount to 20.在跟踪箱(窗口->顯示字符) ,增加的數額為2 0個。 See how much more legible the text is?見多少更易讀的文本是什麼? Look at a road sign and notice that the tracking is set very wide.看看一個路標,並通知指出,跟踪設置非常廣泛。 That's why you can read them from a distance.這也就是為什麼你可以看到他們的距離。
![]()
Many people use anti-aliasing on text on the Web, with mixed results.很多人都使用抗鋸齒於文字上不上網,產生不同的結果。 Here is a line of text with the crisp anti-aliasing applied (Layer-->Type-->Anti-Alias Crisp).這裡是一個網上的文字與脆抗鋸齒應用(層->類別- >反別名脆) 。 It's kind of blurry.它的種模模糊糊的。
![]()
Photoshop 7 ships with a new Sharp level of anti-aliasing.在photoshop七日船舶一個新的水平,形成鮮明的反走樣。 Here is a line with sharp anti-aliasing applied .這裡是一個符合夏普的抗鋸齒應用。 Notice the difference?公告,區別在哪裡?
![]()
These little tips help you to produce Web pages with sharper, easier-to-read text.這些小技巧幫你製作網頁與尖銳,更容易到閱讀的文本。
![]()
Links you may find interesting -聯繫你可能會覺得有趣-
- How to Create a Web Page Header using Photoshop 如何創造一個網頁,標題用的photoshop
- How to Blend Two Images (put one image on another) using Photoshop? 如何融合兩個圖像(提出一個形象,對另一人合著)用photoshop的嗎?
- How to Create Reflections in Images to Create logo and Header using Photoshop 如何創造思考,在圖像,以創造圖案,並用頭在photoshop
- How to Smoothen the edges of an object using Photoshop 如何理順邊的一個對象使用的photoshop
- How to Create a Ice Crystal like Effect image using Photoshop 如何創造一個冰晶樣作用的形象,用的photoshop













