有在Photoshop中一些文字效果,如整潔,清晰,有力,流暢 我怎樣才能產生這些影響的CSS的Photoshop文字特效
回答
CSS不能成功的風格的Photoshop,但我知道以下工具,適用於任何網站的圖像的每個可能的CSS樣式和效果。它只使用CSS和jQuery,並且在提供的編輯器的幫助下,您不需要知道CSS。我還沒有見過類似的工具。 http://image-styles-and-effects.impression-estudio.gr/
上述效果的CSS是不可能在CSS。但是,還有其他的。 CSS3中有一種風格font-smooth:always;
您可以使用它來製作流暢的字體。您也可以使用font-weight
,font-variant
和font-size
。以上所有樣式的組合都可以爲您帶來接近Photoshop效果的效果。
這取決於您試圖達到的效果。 CSS將不能夠使用Photoshop的文字效果,但能夠重現其中一些的近似效果。
您是否有想要實現的效果的圖像?
不,其字體風格 – 2012-07-20 10:35:47
啊,道歉,如果我誤解了;你在你的問題中提到了陰影樣式。我將添加到上面的答案(我沒有足夠的代表直接發表評論),「font-smooth:always」顯然已從CSS3規範中刪除。在MDN上查看此鏈接:[link](https://developer.mozilla.org/zh/CSS/font-smooth) – Raskolnik 2012-07-20 10:42:17
您提到的選項不是「效果」,而是photoshop渲染文本的方式 - 或使用了多少反鋸齒。如果你想在網站設計中使用PS,在瀏覽器中輸入一些文字(如果可能的話用舊字體) - 製作截圖並調整PS使其最適合。
這不是一個真正的答案 - 因爲這些都不是你可以通過CSS重建的影響,但試試這個:
- 1. 複製Photoshop「Multiply特效」
- 2. 在photoshop上識別文字效果
- 3. Photoshop跟蹤CSS字間距?
- 4. iPhone - 類似效果的Photoshop
- 5. Photoshop pt和css px
- 6. CSS懸停效果上的文字
- 7. 如何使用文字陰影創建此photoshop效果
- 8. 將Photoshop中設置的字母跟蹤值轉換爲CSS中的等效字母間距
- 9. CoreAnimation +效果與Photoshop + UIImageView
- 10. 表情融合photoshop效果
- 11. 作爲在Photoshop中的溢出效果
- 12. CSS和Photoshop/gimp/etc之間的關係
- 13. CSS背景圖片上的文字效果+文字陰影效果
- 14. 如何在photoshop中獲得相同的字體效果
- 15. 谷歌Web字體(CSS)是不一樣的在Photoshop
- 16. CSS特效法則麻煩
- 17. CMYK到Photoshop公式的Photoshop
- 18. 如何使用WPF實現帶有Photoshop文件效果的GUI?
- 19. 一個Photoshop傢伙的CSS文本嚮導/樣式庫
- 20. photoshop中的更新文件
- 21. CSS打字效果
- 22. 如何確定通過css實現Photoshop效果的一般方法?
- 23. CSS文字懸停及過渡效果
- 24. 效仿IE9刻(文字陰影)與CSS
- 25. 文字效果 - 圖像到CSS/jQuery
- 26. jQuery/CSS文字陰影效果
- 27. 在CSS文件IE特定的CSS
- 28. Photoshop沒有形狀文字工具
- 29. Photoshop腳本在Photoshop中的位圖圖像中創建文本
- 30. 在Photoshop中設計的外部photoshop文件
這些效果是不可能在CSS。 – SVS 2012-07-20 10:29:32
有沒有其他的? – 2012-07-20 10:30:25