整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          網頁設計中常用的字體效果 漂亮的藍色數碼發光字你必須

          網頁設計中常用的字體效果 漂亮的藍色數碼發光字你必須要會設計

          種發光字的方法非常不錯,總共有兩個發光圖層,第一個發光圖層是把原文字圖層復制,并模糊處理得到;另一個發光圖層是直接在文字上添加圖層樣式得到。先看一下最終效果

          1、新建一個1920px*1080的文件。我們做網頁的滾動播放的廣告圖時,這個大小最為適合。不過具體的尺寸,仍然是看你的項目實際的需求。填充一個黑色背景圖層,然后再新建一個圖層。將前景色設置為黑色,背景色設置為白色,進入【濾鏡>渲染>云彩】,對該圖層添加云彩。如果一次云彩效果不夠,你還可以使用快捷鍵組合“ctrl+f”重復操作幾次。

          2、在云彩圖層上方再新建一個圖層,使用漸變工具,設置一個藍色(#15aec4)到黑色(#000000)的徑向漸變(可使用自己的配色)。漸變層做好后,將漸變層的圖層混合模式調整為“正片疊底”。

          3、改為正片疊底后之后,樣式如下。

          4、現在讓我們將這個圖層再復制(ctrl+J)出兩個圖層,其中一個混合模式改為“疊加”,置于圖層最上方,另一個圖層在原圖層上方,混合模式不變。然后,用自由變換工具,將頂部的圖層縮短為原來大小的三分之二,另一個圖層縮短為原來的三分之一。這是為了營造環境的立體感,因此,非但我們的主要對象的背景需要色彩效果,還要有倒影的感覺。

          5、將做好的文字型標識拖入其中,置于圖層上方,并放于正中,剛好讓它立于剛剛三分效果背景圖的分界處稍下的位置。這樣會讓它看起來更具有立體感。

          6、將標識的圖層復制一層,然后暫時關掉復制層。再為標識圖層添加“漸變疊加”的混合樣式。漸變的設置可以參考我給的配色,當然要和主色調搭配才行,角度為0的線性漸變。漸變疊加后再為該圖層增加【濾鏡>模糊>高斯模糊】,模糊大小為18px,這里的大小主要看你的標識大小,做到最終效果如下圖所示即可。

          7、這時可以打開剛剛隱藏的復制層,將復制層先柵格化,按住ctrl鍵去點選該圖層,目的是為了調出該圖層的選區。然后進入【選擇>修改>收縮】,將選區收縮2個像素。然后將該圖層關掉,保持選區的情況下新建一個圖層,在選區內填充白色。

          8、我們收縮選區的目的,是為了建立一個比原有文字更細的標識,這是在打造光感效果的時候我時常用到的方法,尤其是光感效果是比較細的條狀圖形時,頂部圖層的收縮就會產生一種聚光效果。

          9、再增加一個顏色疊加的圖層樣式,顏色疊加為白色。完成后,新建一個組,將該圖層添加到這個組當中,然后把組的混合模式改為“顏色減淡”。

          10、有人說,色彩太過多,看上去總是顯得不夠高檔,這很好辦,找到之前第一個已經被高斯模糊18px處理過的圖層,再疊加一個單一的顏色即可。在這個PSD中,可以形成千變萬化的顏色,重復使用性很高。

          11、倒影的效果曾經非常廣受好評,制作方法也很簡單。讓我們再來溫習一下吧。將剛剛做好的文字標識放入一個新建的組內,然后復制這個組。使用自由變化工具,將該組進行垂直翻轉的變化處理。把這個翻轉后的圖形,向下移動到如下圖所示的位置。

          12、這樣看上去已經似乎有倒影效果了,但是倒影也太明顯了。運用我們的蒙版,為倒影組增加蒙版。選用黑白線性漸變工具,在蒙版上拉出黑白漸變。記住蒙版的原理,黑色就能將原圖遮擋住,原圖不可見,白色則恢復為可見。這也就制造出了倒影的那種慢慢向下方隱去的效果。由于倒影本身也有透明感,因此我們再將倒影層的透明度降低60%。

          13、還想增強視覺效果的,可以搭配云彩效果,增加煙霧的畫筆在背景層之上,文字標識層之下,建立一個新的組。在該組內新建一個圖層,選用煙霧畫筆,對其進行自由的修飾。修飾后,請使用白色前景色,并將圖層混合模式改為“疊加”。

          14、這時還可以在背景層上方增加一些透明的白色矩形,透明度可以設置得非常小,利用透明度之間的交叉視覺營造出另外一種效果。復制多幾個,并使用蒙版、透明度來協調整體效果。

          15、還需要為文字添加一個陰影,這時就不能使用圖層樣式的投影功能了。我們可以選用橢圓選擇工具,在文字標識的下方選出一塊橢圓形,即添加陰影的地方。再為其羽化20px,填充黑色。將陰影層的圖層樣式改為柔光。

          16、在整個構圖中,我覺得下面的部分太過于暗,那么讓我們來增加一點舞臺的效果。在背景層之上新增一個圖層,利用剛剛的藍色到黑色的漸變,采用徑向漸變的方法,在下方拉一個半圓。也就是將藍色的漸變圓放置于下方。 然后添加一個蒙版,剛剛我們已經說過了蒙版的使用的方法,那么這里也采用同樣的方法,采用黑白漸變來修飾這個漸變圓。圖層面板里能看到漸變的細節。

          完成最終效果圖

          T之家11月15日消息 近日騰訊大樓上的騰訊Logo悄悄地發生了一些變化,實際上,新logo使用了騰訊昨天發布的“騰訊字體”( TTTGB-Medium ) ,據騰訊介紹,新字體更現代、更協調、更動感。

          據悉,騰訊字體收錄 6,763全形漢字,以及拉丁字母、希臘字母、日文平假名及片假名字母、俄語西里爾字母,由全球知名字體公司 Monotype 的字體設計師小林章提供指導,字體設計師許瀚文主導中文部分,日文字體設計師土井遼太負責日語假名設計,拉丁文字體設計師 Steve Matteson、Juan Villanueva 也參與了漢字以外的字型設計。

          這套字體最不同尋常的地方在于全部是斜體,更準確地說,這是第一套完整支持GB 2312-80簡體中文編碼字符標準的“真?斜體”。其實,騰訊一直以來都對斜體情有獨鐘,原先的斜體logo就用了19年之久。騰訊官方稱,斜體有一種向前的意味,自帶動感和速度感,是一種奔跑的姿態。在我們看來,這體現了騰訊一種帶領科技潮流的信心和夢想。

          騰訊字體最終敲定的方案是:漢字的視覺傾斜度為8°,輔以一定的視覺修正,內白設計成平衡均勻,中宮也是以平均為主,確保能夠像其他中文字型般使用。為了配合中文,拉丁文字的視覺傾斜度為10°。

          除了斜體,騰訊字體還有一個重要特征,就是切角。在充分衡量了字體的視覺平衡性以后再加上切角,比如說在非重要筆劃的末端、橫筆的兩端、豎筆的頂部等。

          目前騰訊字庫不支持對外授權,日后會作為騰訊品牌標識的標準字使用,也可以作為廣告宣傳,網站的標題等,強化企業形象的塑造。

          視頻:點此觀看

          想看到更多這類內容?去APP商店搜IT之家,天天都有小歡喜。

          1月14日,騰訊發布了“騰訊字體”( TTTGB-Medium ) ,特點是更現代、更協調、更動感。

          據悉,騰訊字體共收錄6763個全形漢字,以及拉丁字母、希臘字母、日文平假名及片假名字母、俄語西里爾字母,共同呈現一致的視覺美感。

          騰訊字體由全球知名字體公司Monotype的字體設計師小林章提供指導,字體設計師許瀚文主導中文部分,日文字體設計師土井遼太負責日語假名設計,拉丁文字體設計師Steve Matteson、Juan Villanueva也參與了漢字以外的字型設計。

          這套字體最不同尋常的地方是:全部是斜體。更準確地說,這是第一套完整支持GB2312-80簡體中文編碼字符標準的“真·斜體”。

          漢字的視覺傾斜度為8°,為啥是8°?因為設計師們發現,7°太死板,9°又太傾斜有點站不住腳的感覺。為了配合中文,拉丁文字的視覺傾斜度為10°。

          除了斜體,騰訊字體還有一個重要特征,就是切角。設計師們定了一套基本規則,在充分衡量了字體的視覺平衡性以后再加上切角,比如說在非重要筆劃的末端、橫筆的兩端、豎筆的頂部等。

          為了緊貼騰訊國際化發展的需要和海外市場的訴求,這套字體也有完整的日文版和拉丁字母版。

          需要注意的是,目前騰訊字庫不支持對外授權,日后會作為騰訊品牌標識的標準字使用,也可以作為廣告宣傳,網站的標題等,強化企業形象的塑造。騰訊的新大樓已經替換成了全新的騰訊字體。


          主站蜘蛛池模板: 国产激情精品一区二区三区| 日本一区二区三区在线观看视频 | 国产伦理一区二区三区| 亚洲线精品一区二区三区影音先锋 | 久99精品视频在线观看婷亚洲片国产一区一级在线| 风间由美性色一区二区三区| 一区二区三区午夜视频| 日本大香伊一区二区三区| 少妇激情一区二区三区视频 | 亚洲毛片不卡av在线播放一区| 久久久久久一区国产精品| 老熟妇仑乱一区二区视頻| 亚洲一区二区三区丝袜| 日韩视频在线观看一区二区| 日本不卡一区二区三区| 国产精品无码一区二区三区毛片| 亚洲一区二区三区国产精品| 消息称老熟妇乱视频一区二区| 四虎在线观看一区二区 | 国产精品无码一区二区在线| 亚洲AV成人精品日韩一区18p| 日韩精品视频一区二区三区| 国产一区在线播放| 亚洲电影唐人社一区二区| 日本精品一区二区在线播放| 亚洲毛片αv无线播放一区| 男人的天堂av亚洲一区2区| 中文字幕一区二区三区乱码| 老熟妇高潮一区二区三区| 一区二区三区影院| 无码丰满熟妇一区二区| 一区二区三区四区在线视频| 黑人一区二区三区中文字幕| 一区二区三区免费在线视频| 日韩色视频一区二区三区亚洲| 久久人妻无码一区二区| 免费高清在线影片一区| 人妻无码一区二区三区四区| 精品成人av一区二区三区| 无码精品人妻一区| 亚洲国产日韩一区高清在线|