国产精品欧美在线视频,亚洲 都市 校园 激情 另类,午夜理论片在线观看免费 http://m.mxio.cn 傳播先進設計理念 推動原創設計發展 Fri, 08 Nov 2019 02:26:57 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 PS制作扁平風格長陰影字體 http://m.mxio.cn/51746.html http://m.mxio.cn/51746.html#respond Fri, 08 Nov 2019 02:23:36 +0000 長陰影是扁平化風格里的陰影表達,它的夸張和象形手法非常到位地給予了陰影以別有洞天的形態。在UI設計中,當你想要讓圖標或LOGO變得更具吸引力,最好的方式就是增添上長陰影,其原有的平淡將被打破,帶來更多豐富的視覺感受。

為規則幾何形制作長陰影應該并不算困難,然而,當我們面對的是并不能確定一以貫之的文字外形樣式,所做的工作將會比較繁瑣。今天我們就來和大家分享一種制作長陰影的方法,根據這個方法,任何形態的長陰影都能在短時間內完美繪制出來。

先看看效果圖

制作扁平化長陰影字體效果的PS教程

一、制作長陰影畫筆

首先,讓我們打開PS,新建一個680px*680px的文檔,文檔填充背景為青色,#b2ebda。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

STEP 01

在網頁設計中,我們大概會遇到需要特別突出文字的時候,如"促銷"、“折扣”等,這時,先在畫面中央安排好需要增加陰影的文字。這里我安排的是英文單詞,但中文字體仍然適用,只是需要在字體風格上與此相匹配。

我安排了兩行字體,一行是較大的字體,字距較緊密,而下面一行的字體稍小,字距較寬。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

STEP 02

圖層面板中,將文字圖層合并為一個組,并復制這個組。右鍵點擊拷貝的文字組,并選擇“合并組”,這時新的被復制的組就合并成一個圖層。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

STEP 03

在按住“Ctrl”鍵的情況下鼠標單擊上一步我們所合并的圖層,這時出現了以文字邊緣為螞蟻線的選區,也可以說這是文字的輪廓。保持選區的情況下,進入【編輯>定義畫筆預設】,在彈出的對話框中填入畫筆名稱。這時,我們就新建了叫做“文字長陰影”的畫筆。這個畫筆將會成為我們的長陰影的基礎形。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

剛制作完畢的長陰影畫筆并不能立刻使用,大家可以試著選中這一畫筆畫出一條痕跡,沒錯,這就是我們通過畫筆制作長陰影的思路關鍵,但是,很明顯表現并不理想,畫筆筆觸里的間隔還看得分明,并沒有連綴成片。

 

STEP 04

當然,我們要解決這一問題,這時讓我們來調試畫筆。點擊畫筆面板的圖標,進入該新建畫筆的參數。只需要將原有默認的間隔25%改為1%,就實現了連綴的問題。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

二、繪制長陰影

STPE 05

在畫布上,用參考線標出一個十字形。首先確認畫筆工具選中的是文字長陰影的畫筆,然后用鋼筆工具,由十字形的中心位置開始到畫布的右下角畫一條路徑。新建一個圖層,在這條路徑上單擊鼠標右鍵,點選“描邊路徑”,在描邊路徑中選擇工具“畫筆”。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

STEP 06

將上一步繪制的長陰影圖層移動到文字組的下方。由于這時文字和長陰影都是黑色,并不能看出層次,因此需要修改文字的顏色為#6cddbc。然后用選擇工具移動文字組將其放置于和長陰影剛好契合的位置。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

STEP 07

在長陰影的下方再新建一個圖層,在這個圖層繪制一個紫色的正圓。然后將長陰影的圖層混合模式設置為“正片疊底”,透明度降至30%。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

 

STEP 08

增加正圓的目的是為了突出文字,也讓長陰影有一個界限。因此,這時需要為長陰影增加一個蒙版,這個蒙版的形狀為正圓的形狀,讓超出正圓的部分的陰影不可見。確定好位置后再在圖層上單擊右鍵“應用圖層蒙版”。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

三、潤色處理

這時長陰影就繪制完畢了嗎?當然沒有!為長陰影潤色出更多的細節看上去是永無止境的。在此,我們只需要簡單做一兩步,也許就能讓我們的陰影脫離“呆板乏味”的印象了。

STEP 09

投影的邊緣模糊也許是比較接近擬物的做法,然而,我們不能簡單運用高斯模糊就可以了,這會讓長陰影(接近文字的部分)看上去失真,也失去了長陰影的魅力。這時,讓我們進入【濾鏡>模糊畫廊>場景模糊】,場景模糊允許我們可以選擇模糊的位置,并且增加多個模糊點。我們將設置兩個模糊點,一個模糊點的模糊值為3、另一個為2。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

STEP 10

接下來,讓我們為長陰影內部增加一點層次,這個層次關系是:離文字越近,陰影就越深。因此稍遠的部分逐漸就不見。現在讓我們為長陰影圖層增加一個蒙版,在蒙版上拉出一條黑白漸變。這一點相信已不用我多說,蒙版中黑色部分是不可見,而白色的部分是可見,灰色就是中間的透明過渡地帶。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

這時長陰影的模糊處理就完成了。這時長陰影的模糊處理就完成了,比起整體模糊來說,場景模糊是非常靈活的處理方式。

STEP 11

仔細觀察過投影的小伙伴都有體會,當你的影子被太陽拉長的時候,除了被拉長的影子外,你的身體自身還有一個投影。這里的文字也不例外。為文字增加投影,便利一點的做法是直接添加圖層樣式,但這樣做法顯然是比較粗暴的。

我們的做法是先復制長陰影圖層,然后在其復制層的蒙版上重新拉出黑白漸變,其黑色的部分更靠近文字。將這個圖層的透明度降至5%。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

還可以再增加一個復制層,繼續將蒙版中黑白漸變的位置往文字的頂部移動。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

長陰影的潤色部分就暫告一段落了。

 

STEP 12

因為看上去文字,尤其是較大的文字在陰影的襯托下略顯單薄,因此可以增加文字的“厚度”,為文字組添加“斜面與浮雕”的圖層樣式。

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

最終效果如下:

制作扁平化長陰影字體效果的PS教程

制作扁平化長陰影字體效果的PS教程

后記

學習的任何階段,我們都不應受困于標簽。就像長陰影這個標簽一樣,它永遠有無限探索的空間,如果你只對現狀滿意,那么靈感瀕臨枯竭也不會是短時間發生的事。

]]>
http://m.mxio.cn/51746.html/feed 0
Illustrator繪制扁平化風格的快餐圖標 http://m.mxio.cn/50824.html http://m.mxio.cn/50824.html#respond Sun, 23 Jun 2019 06:21:17 +0000 本教程主要使用Illustrator繪制扁平化風格的快餐圖標教程,教程的難度不大,新朋友可以快速的學習,希望大家可以喜歡。

先來看看最終的效果圖吧:

具體的制作步驟如下:

1.創建新文檔和設置

第1步

按Cmd/Ctrl+N創建新文檔。將單位設置為像素,大小設置為800 x 600px。在高級選項中,將色彩模式設置為RGB,分辨率設置為72ppi。

在首選項(Cmd/Ctrl+K)中,在"鍵盤增量"中輸入1px。單擊確定。

您可以轉到窗口>信息,以預覽形狀的大小和位置。記住在首選項>單位中將單位設置為像素。這將幫助您更快地工作。

2.繪制桌子

我們首先來繪制桌子。

第1步

對于桌面,我們繪制一個440 x 20px的矩形(顏色:#EBBD63),并將描邊設置為6px。具體參數如下圖。

第2步

對于桌腿,我們繪制一個25 x 88px的矩形(顏色:#EBBD63),描邊為6px。選擇鋼筆工具(P),并在下部添加錨點,使用直接選擇工具(A)刪除它。

然后,使用直接選擇工具(A)向上移動錨點,如下圖所示。復制桌腿(Cmd/Ctrl+C> Cmd/Ctrl+F)并將其放在桌子的另一邊。

 

3.繪制飲料

第1步

繪制一個86 x 156px的矩形(顏色:#F04903),描邊為6px。用直接選擇工具(A),選擇下方的錨點,將其向內移動10px,進行梯形化。

現在在杯子的中間繪制一個44 x 44px的橢圓(顏色:#EFC206)。選擇鋼筆工具(P)并在杯子上繪制兩個三角形(顏色:#FFFFFF)。

繪制漢堡包,我們將通過制作漢堡的面包來開始繪制漢堡包,先繪制一個的矩形,在變換面板中為其上面兩個角添加圓角。

使用圓角矩形工具將一個140*13PX的矩形,添加到漢堡肉中。將高度設置為7PX,描邊為6PX。然后,復制生菜,放在漢堡肉的下方。

繪制炸薯條,現在我們繪制一些美味的炸薯條,首先,我們需要繪制一個102*94PX的矩形,搭邊為6PX,并使用直接選擇工具選擇下方的錨點,將錨點向內移動8PX。

添加炸薯條,繪制一個大小合適的矩形,并將描邊設置為5PX,制作各種副本,旋轉一些,并將它們放置在包裝盒后面。

我們來給它們一些明暗來使他們更立體。

讓我們從漢堡開始吧。選擇面包的內部形狀并復制兩次。然后,向右移動第二個副本,稍微向右移動,然后選擇減去頂層,填充顏色。

 現在我們來繪制面包上的芝麻,在頂部的漢堡包止添加十二個5PX的圓圈。

對飲料杯重復相同的過程。

對薯條包裝盒也一樣。

現在是添加一些暗面的時候了,應用下圖所示的填充顏色。

最后的細節,我們現在要添加一些裝飾,作為我們的插圖的最后部分。

繪制一個800*600PX的矩形,將矩形放在插圖的最底層。

]]>
http://m.mxio.cn/50824.html/feed 0
32個扁平風格網站UI設計 http://m.mxio.cn/47168.html http://m.mxio.cn/47168.html#respond Tue, 07 Mar 2017 01:06:15 +0000 Drap Agency

訪問鏈接

Mobkii

訪問鏈接

Villar Portfolio Theme

訪問鏈接

Create

訪問鏈接

ColocArts

訪問鏈接

CQ: Continental Quarterly

訪問鏈接

Must Awards

訪問鏈接

MORE by Bourn: Love More

訪問鏈接

Ecodom Consorzio

訪問鏈接

Nick Boes: Creative Portfolio

訪問鏈接

Thing of Wonder

訪問鏈接

Cédric Borderie

訪問鏈接

District Mobility

訪問鏈接

Marco Giovinazzo Architect

訪問鏈接

PIXIT Design & Kommunikation

訪問鏈接

Team Sky

訪問鏈接

Amelia Thompson Portfolio

訪問鏈接

]]>
http://m.mxio.cn/47168.html/feed 0
主站蜘蛛池模板: 精品亚洲AⅤ无码午夜在线| 伊人久久综合色| 色婷婷五月综合久久| 高清无码午夜福利视频| 国产精品亚洲αv天堂无码 | 国产亚洲人成a在线v网站| 末成年女a∨片一区二区| 国产成人一区二区免av| 欧美熟妇另类久久久久久多毛| 少妇高潮a视频| 色熟妇人妻久久中文字幕| aⅴ在线视频男人的天堂| 2020中文字字幕在线不卡 | 国产仑乱无码内谢| 日韩精品一区二区高清视频| 中文字幕无码免费久久99| 2019国产精品青青草原| 亚洲人妻一区二区精品| 无码人妻视频一区二区三区 | 久久大香香蕉国产| 亚洲国产精品午夜福利| 国产精品免费久久久久影院| a在线亚洲高清片成人网| 亚洲欧美日韩第一页| 97精品依人久久久大香线蕉97 | 国产三级不卡在线观看视频| 国产旡码高清一区二区三区 | 欧美亚洲综合成人a∨在线| 少妇中文字幕乱码亚洲影视| 成人午夜精品无码区| 亚洲国产成人无码av在线影院l| 久久国产精品夜色| 无码中文人妻在线一区二区三区| 丰满熟女高潮毛茸茸欧洲视频| 女人香蕉久久毛毛片精品| 国产精品国产三级国产专播| 毛片免费全部播放无码| 四虎在线播放亚洲成人| 国精产品一区一区三区有限在线 | 樱花草视频www日本韩国| A级毛片无码久久精品免费|