首頁(yè)

十四套PS字體設(shè)計(jì)教程大集合

藍(lán)藍(lán)設(shè)計(jì)的小編

在任何領(lǐng)域,想要做好最重要的事情就是你應(yīng)該熟悉該領(lǐng)域的相關(guān)工具,設(shè)計(jì)領(lǐng)域的Adobe Photoshop是相當(dāng)完美的工具,因?yàn)槟憧梢岳眠@個(gè)軟件很容易的創(chuàng)造許多圖象。不僅如此,你還可以在一個(gè)漂亮的理想的方式中管理文本,因?yàn)?Photoshop支持這類(lèi)功能。我想說(shuō),文本和Photoshop工具可用于創(chuàng)建一些令人驚異的和創(chuàng)造性的圖象。如果你能夠在你的設(shè)計(jì)項(xiàng)目中呈現(xiàn)文本, 意味著你擁有真正專(zhuān)業(yè)的技能,現(xiàn)在通過(guò)以下文字效果教程你也可以很容易做到這一點(diǎn)。

網(wǎng)絡(luò)上有很多這種教程,但是這次是超乎尋常的Photoshop教程,使你的文本看上去更藝術(shù)。使用Photoshop文字效果可以在大部分的設(shè)計(jì)中很突出。文本效應(yīng)是最重要的一個(gè)要素,設(shè)計(jì)現(xiàn)在這個(gè)技巧的方法就在下面的教程中。

Create a Sports-Themed Text Effect in Photoshop Using Layer Styles

Purple Glow Text Effect

Ridiculously Realistic Scorching Fire Effect!

 

50個(gè)最優(yōu)秀的Photoshop實(shí)例教程

藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   yvirxh.cn  )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

這是2013年度最佳 Photoshop 教程系列文章之文字篇!這些優(yōu)秀的 Photoshop 教程教大家如何制作各種精美的文字。這些教程是從眾多教程中精選出來(lái)的,如果你跟著教程一步一步的學(xué)些,能夠?qū)W到很多新技術(shù),例如照片處理,文字效果和繪圖技巧等等,成為 Photoshop 高手。

使用 Photoshop 創(chuàng)建一個(gè)針織效果的文字

最好的photoshop教程2012

在本教程中,您將學(xué)習(xí)如何在 Photoshop 中制作精美的針織文字效果。查看教程

 

在 Photoshop CS6 中創(chuàng)建一個(gè)縫制牛仔的文本效果

最好的photoshop教程2012

在本教程中,您將學(xué)習(xí)如何結(jié)合 Photoshop 濾鏡、畫(huà)筆和矢量圖形創(chuàng)建一個(gè)縫制牛仔文本。查看教程

 

使用 Photoshop 創(chuàng)建精美的立體文字

最好的photoshop教程2012

本教程介紹如何使用 Photoshop 實(shí)現(xiàn)一種非常精美的立體文字。查看教程

 

在 Photoshop 中使用圖層樣式創(chuàng)建血淋淋的文字效果

最好的photoshop教程2012

在這個(gè)教程中,您將學(xué)習(xí)如何在 Photoshop 中使用圖層樣式創(chuàng)建血淋淋的文字效果。查看教程

 

在 Photoshop 中創(chuàng)建一個(gè)清脆的金屬文字效果

最好的photoshop教程2012

在這個(gè)教程中,您將學(xué)習(xí)如何創(chuàng)建一個(gè)清脆的金屬文字效果。查看教程

 

如何在 Photoshop 中創(chuàng)建磨制石器文字效果

最好的photoshop教程2012

本教程介紹如何使用多圖層樣式,漸變內(nèi)發(fā)光技巧和簡(jiǎn)單的過(guò)濾器,創(chuàng)建有光澤的石頭文字效果。教程

 

在 Photoshop 中創(chuàng)建一個(gè)“可怕”的文字效果

最好的photoshop教程2012

在這個(gè)教程中,您將學(xué)習(xí)如何使用 Photoshop 中的圖層樣式創(chuàng)建一個(gè)“可怕”的文字效果。查看教程

 

在 Photoshop 中創(chuàng)建一個(gè)霓虹燈文字效果

最好的photoshop教程2012

在Photoshop中創(chuàng)建可愛(ài)的紡織面料文字

藍(lán)藍(lán)設(shè)計(jì)的小編

 

在這里咱們就不多加討論字體的來(lái)源定義了,談?wù)勚谱魑淖诛@得更加直觀些。還有什么是比自己用photoshop制作文字更有前途的呢?吼吼~只需要有一點(diǎn)時(shí)間和精力,你就可以把幾乎所有創(chuàng)意變成美麗的作品!

嗯哼,所以,今天我要告訴你如何在photoshop中創(chuàng)建一個(gè)紡織面料類(lèi)型的文字效果。來(lái)吧,就讓我們?cè)谟腥さ墓ぞ吆图夹g(shù)下做出我們想要的文字效果!let’s go!

在正式制作文字之前,這里先講一下資料包的使用(ps加載紋理和筆刷,熟練者請(qǐng)自覺(jué)繞過(guò)):

一、在photoshop中如何添加下載的圖案紋理

本教程所需素材下載:
Fabric patterns by webtreats
Lace Brushes by Merrypranxter

解壓該文件得到一個(gè)文件夾,里面有一個(gè).pat文件image003,在photoshop的油漆桶工具下,選擇油漆類(lèi)型為”圖案“,在圖案面板的右邊設(shè)置圖標(biāo)下選擇”載入圖案“,把剛才的.pat文件復(fù)制過(guò)來(lái),點(diǎn)擊”載入“就可以了。

image005

二、在photoshop中如何添加下載的筆刷

和上面差不多,你已經(jīng)下載到了一個(gè).abr文件image007,在photoshop的畫(huà)筆工具下載入畫(huà)筆,復(fù)制該文件到文件夾里,點(diǎn)擊”載入“,ok。

PS教程:制作美味可口的面包圈字體

藍(lán)藍(lán)設(shè)計(jì)的小編

面包圈是一種用面粉做成的甜甜圈類(lèi)型的面包。當(dāng)它們烤好又閃亮?xí)r,看上去真的可口解饞喲!

本教程將會(huì)向大家展示如何使用Photoshop強(qiáng)大的圖層樣式功能、以及一些筆刷和濾鏡來(lái)創(chuàng)作一些美味的面包圈(效果字體)。

這是最終效果圖。

clip_image002

注意:

*本教程中使用的Adobe Photoshop CS6,但是你也可以使用CS3以上任何一個(gè)版本。

*你可能想要檢查BasixPage 這一頁(yè)來(lái)了解一些關(guān)于Photoshop基本操作技巧的有用主題,例如加載色板和一些快捷鍵。

(譯者注:教程所用的紋理和字體已經(jīng)上傳,大家可以去下載哦 網(wǎng)盤(pán)下載

注意:你可能需要加在本教程使用的等高線,所以可以查看這張圖片來(lái)了解如何操作。

clip_image004

第一步

新建1250×1250像素大小的文檔(你可以使用任何你想要的寬度值,但是請(qǐng)確保高度值不小于1250)。

選擇矩形工具,設(shè)置前景色為#d4d0c9,并拉一個(gè)眼神到文檔邊框外一點(diǎn)的矩形。

clip_image006

雙擊矩形形狀圖層,設(shè)置如下圖層樣式:

——斜面和浮雕

大?。?

勾選消除鋸齒

陰影模式:正片疊底—顏色# a89a86

靈感創(chuàng)意!27例新穎的HTML5網(wǎng)頁(yè)游戲設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

HTML5如雨后春筍一般迅猛發(fā)展,用戶和開(kāi)發(fā)者也漸漸熟悉了HTML5的環(huán)境,在游戲開(kāi)發(fā)領(lǐng)域,HTML5更是比Flash更具吸引力。

HTML5在應(yīng)用開(kāi)發(fā)、圖像、視頻方面,HTML5的優(yōu)勢(shì)凸顯,僅需原生代碼即可實(shí)現(xiàn)。

這里是30例創(chuàng)新十足、魅力無(wú)窮的HTML5游戲推薦,閑暇時(shí)間點(diǎn)開(kāi)一個(gè)玩玩吧,同時(shí)別忘了借鑒一下經(jīng)驗(yàn),以后你做類(lèi)似設(shè)計(jì)的時(shí)候可以作參考!

1) Sand Trap

想辦法往桶里面倒沙子,簡(jiǎn)單又有趣,鼠標(biāo)點(diǎn)擊旋轉(zhuǎn)方塊來(lái)倒沙子。

1.-sandtrap

 

2) Entanglement

容易上癮的益智游戲

六角拼圖,看似簡(jiǎn)單做起來(lái)難,自己試試吧!

3.-Entanglement

 

3) Galactic Inbox

40個(gè)超贊的html5教程

藍(lán)藍(lán)設(shè)計(jì)的小編

在這個(gè)教程列表上我們?yōu)槟占俗罹哂写硇缘母黝?lèi)型HTML5免費(fèi)教程,它們會(huì)幫助你更好的利用html5來(lái)優(yōu)化完善你的web項(xiàng)目,而且讓人驚喜的是HTML5的一些熱門(mén)特性都在這些案例里面體現(xiàn)出來(lái)了,相信這些前沿的交互細(xì)節(jié)會(huì)為你的項(xiàng)目錦上添花!教程都很詳細(xì),您可以按著它們的詳細(xì)指南一步步制作,來(lái)挑選你的法寶吧。

延伸閱讀:
出爐的20個(gè)CSS3打包下載(附預(yù)覽+源碼)
給網(wǎng)頁(yè)設(shè)計(jì)師和前端開(kāi)發(fā)者看的前端性能優(yōu)化

Making a Beautiful HTML5 Portfolio

free-html5-tutorials-4

Create offline Web applications on mobile devices with HTML5


free-html5-tutorials-43

推薦!那些令人贊不絕口的創(chuàng)新型HTML5網(wǎng)站

藍(lán)藍(lán)設(shè)計(jì)的小編

如果你對(duì)HTML5的了解還不深,建議可以先閱讀:一張圖讀懂HTML5 。
當(dāng)然,我們也為您準(zhǔn)備了40個(gè)超贊的HTML5教程。

在過(guò)去的10年里,網(wǎng)頁(yè)設(shè)計(jì)師使用 Flash、JavaScript 或其他復(fù)雜的軟件和技術(shù)來(lái)創(chuàng)建網(wǎng)站。但現(xiàn)在你可以前所未有的快速、輕松地設(shè)計(jì)或創(chuàng)造互動(dòng)的、有趣好看的網(wǎng)站。如何創(chuàng)建?答案是HTML5。

這篇文章向大家展示12個(gè)創(chuàng)新的HTML5網(wǎng)站??纯催@些驚人的 HTML5 網(wǎng)站,從這些優(yōu)秀的 HTML5 網(wǎng)站獲取靈感并應(yīng)用在自己的網(wǎng)站中。希望你會(huì)喜歡這個(gè)集合。

網(wǎng)站細(xì)節(jié)豐富,動(dòng)畫(huà)強(qiáng)悍,網(wǎng)速著急的童鞋請(qǐng)稍等下,等待加載 : )
這些還看不夠過(guò)癮,那么你得瞧瞧這個(gè):
27例新穎的HTML5網(wǎng)頁(yè)游戲設(shè)計(jì)

Wildlife

這個(gè)網(wǎng)站一定要試試從上滾到下,感受一下頁(yè)面里的動(dòng)效,十足令人震驚!

那些讓人贊不絕口的創(chuàng)新HTML5網(wǎng)站

 

Saucony Kinvara 3


那些讓人贊不絕口的創(chuàng)新HTML5網(wǎng)站

 

Vlog


那些讓人贊不絕口的創(chuàng)新HTML5網(wǎng)站

 

Art Ingenious


那些讓人贊不絕口的創(chuàng)新HTML5網(wǎng)站

 

Bj?rk


那些讓人贊不絕口的創(chuàng)新HTML5網(wǎng)站

 

G-Force


那些讓人贊不絕口的創(chuàng)新HTML5網(wǎng)站

 

Metropol Band


那些讓人贊不絕口的創(chuàng)新HTML5網(wǎng)站

40個(gè)漂亮的單頁(yè)網(wǎng)站設(shè)計(jì)欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

最初單頁(yè)面網(wǎng)站的設(shè)計(jì)風(fēng)潮可能是由知名的網(wǎng)站設(shè)計(jì)師引起的。他們想要以簡(jiǎn)潔創(chuàng)意的方式讓自己的作品公之于眾。久而久之,單頁(yè)面網(wǎng)站設(shè)計(jì)在創(chuàng)意上實(shí)現(xiàn)了巨大的飛躍。不管是時(shí)尚,App,還是動(dòng)畫(huà),游戲,現(xiàn)在全網(wǎng)都盛行這一趨勢(shì)。
單頁(yè)面網(wǎng)站設(shè)計(jì)容易實(shí)現(xiàn),但是如果想讓你的設(shè)計(jì)成為大熱,一定要確保它適合這種多頁(yè)少字的設(shè)計(jì)模式。在你開(kāi)始設(shè)計(jì)之前,最好要記得專(zhuān)注于主要內(nèi)容,其他的煩惱分心的部分通通去掉,就算是你最好的點(diǎn)子,如果不切合主題,也要忍痛割?lèi)?ài)。

網(wǎng)站導(dǎo)航是主要設(shè)計(jì)要素之一。用放大鏡效果創(chuàng)建漩渦型按鍵,使站點(diǎn)引人入勝,同時(shí)也告訴用戶如何使用。導(dǎo)航要顯眼易懂這樣用戶才能輕松的瀏覽你的網(wǎng)站。不管是視差漩渦,服帖的動(dòng)畫(huà)還是簡(jiǎn)潔的菜單,你都能發(fā)現(xiàn)非??岬男Ч?/p>

下面我們?yōu)榇蠹艺故?0種極具現(xiàn)代感,將單頁(yè)網(wǎng)站設(shè)計(jì)發(fā)揮到的非常漂亮的例子。盡情的欣賞吧,希望會(huì)給你帶來(lái)靈感!這些設(shè)計(jì)讓人難以忘卻,引人矚目的圖像絢麗多彩,內(nèi)容干凈整潔,實(shí)乃創(chuàng)意經(jīng)典之作。

Fannabee

one-page-website-fannabee

Browser Awareness Day


one-page-website-fun

Mark Dearman

16個(gè)能有效學(xué)習(xí)“著陸頁(yè)”設(shè)計(jì)的經(jīng)典案例

藍(lán)藍(lán)設(shè)計(jì)的小編

 

這篇文章中,我們?yōu)榇蠹揖恼砹艘恍┯腥で腋挥袆?chuàng)意的著陸頁(yè)面設(shè)計(jì)案例,幫助你快速掌握著陸頁(yè)設(shè)計(jì)技巧。大家都知道著陸頁(yè)面(Landing Pages)需要特殊的設(shè)計(jì),才能抓住目標(biāo)受眾的注意力。

著陸頁(yè)對(duì)于幫助網(wǎng)站把訪問(wèn)者轉(zhuǎn)換成銷(xiāo)售非常重要。因此,產(chǎn)品的消息必須明確,設(shè)計(jì)必須能吸引人且簡(jiǎn)單易懂。來(lái)看看這些優(yōu)秀案例獲取靈感吧。

酷站推薦:
《推薦!那些令人贊不絕口的創(chuàng)新型HTML5網(wǎng)站》
《40個(gè)漂亮的單頁(yè)網(wǎng)站設(shè)計(jì)欣賞》
 

Prezi

16個(gè)最有效的學(xué)習(xí)著陸頁(yè)設(shè)計(jì)的例子

inDinero

16個(gè)最有效的學(xué)習(xí)著陸頁(yè)設(shè)計(jì)的例子

PS教程:創(chuàng)建超炫的冰霜字體

藍(lán)藍(lán)設(shè)計(jì)的小編

微博上都在說(shuō)東北暴雪咯,大家注意添暖加衣,那么今天分享一個(gè)應(yīng)景的pS教程。教您創(chuàng)建一個(gè)超炫的冰霜字體。真的很棒喲,過(guò)程很詳細(xì),童鞋們趕緊來(lái)練練手吶 ^_^

小提示:教程是在CC版本下進(jìn)行的,操作面板可能會(huì)有一點(diǎn)不同 : )

這是完成后的效果圖:

icy-text-flatten

開(kāi)工前先來(lái)下載幾個(gè)文件,分別是:

  • 墻壁背景
  • coolvetica 字體
  • 玻璃素材
  • 煙霧素材

已打包咯,童鞋們下載整個(gè)文件就好 → 素材下載

挺胸收腹,練習(xí)開(kāi)始:

第一步:

創(chuàng)建一個(gè)大小為1200px*700px的文件,填充黑色背景。把下載的墻壁背景復(fù)制過(guò)來(lái),Ctrl + T 調(diào)整好大小,如圖:

日歷

鏈接

個(gè)人資料

存檔