ETH官方钱包

切換
舊版
前往
大廳
主題

UIUX練習(xí)日誌#3

佐佐拉茶 | 2021-09-16 22:13:10 | 巴幣 6 | 人氣 405

_(:з)∠)_...稍微比較了一下CSP跟PS,CSP還是著重在純畫(huà)角色場(chǎng)景比較強(qiáng)一些,做UI的話(huà)還是PS有圖層FX功能勝出一點(diǎn)~( ̄▽?zhuān)?~unity也可以導(dǎo)入PSD檔,csp就沒(méi)有
其實(shí)這個(gè)練習(xí)日誌比較像是學(xué)習(xí)筆記就是了...基本上是拿來(lái)紀(jì)錄我還沒(méi)學(xué)會(huì)的部分ㄣ_(:з)∠)_..還有碎念
聲明一下這不是教學(xué)所以只用我自己看得懂的方式解釋而已(′д` )..為了方便存檔有時(shí)候先發(fā)文再回頭編輯大概這樣_(:з)∠)_..看看就好



PS的快速鍵同個(gè)家族的是第一個(gè)是按原本的鍵,後面的是按shift+(原本的鍵)來(lái)切換

移動(dòng)工具的自動(dòng)選取可以改成選取"群組",如果想選擇群組裡的圖層可改成使用"ALT+右鍵點(diǎn)選",選取後再按住CTRL不放來(lái)移動(dòng)則可以取消自動(dòng)選取狀態(tài)讓滑鼠不必點(diǎn)在物件上就可以做移動(dòng)。

圖層的不透明度跟填滿(mǎn)的差別在於不透明度會(huì)連圖層效果一起調(diào)整,填滿(mǎn)則不會(huì)影響圖層效果(圖層樣式/圖層FX)

對(duì)圖層效果按右鍵縮放效果可以一次調(diào)整整體圖層樣式的縮放,
如果是套用別人做好的樣式的時(shí)候很好用,另外"建立圖層"可以把圖層樣式變成圖層不過(guò)比較不常用到

可以一次選取多個(gè)圖層之後轉(zhuǎn)成智慧型物件,之後在智慧型物件裡編輯就會(huì)包含之前選的圖層,
智慧型物件可以再按右鍵選擇重新連結(jié)檔案,圖案會(huì)變成鎖鏈,好處是用連結(jié)的檔案容量會(huì)比較小,但是換電腦的時(shí)候要小心檔案會(huì)失連

圖層混和模式覆蓋為首的區(qū)間是依照顏色來(lái)做亮暗的混和變化,畫(huà)亮面時(shí)可以選擇加亮對(duì)比強(qiáng)的混和模式(覆蓋、柔光、線性加亮),畫(huà)暗面時(shí)選擇加暗降低對(duì)比的模式(實(shí)光、色彩增值),畫(huà)特效光暈或霧氣時(shí)可選擇加亮又降低對(duì)比的模式(實(shí)光、濾色)

斜角與浮雕
樣式的亮面暗面在顏色跟混合模式的選擇上也同樣要符合前面說(shuō)的規(guī)律調(diào)出來(lái)比較好看,例如橘色按鈕亮面偏黃,暗面偏紅。
但不必侷限在亮暗面一定要用上面說(shuō)的混和模式,例如暗面用線性加亮可以做出類(lèi)似反光的效果。

注意只要是在外圈的混合模式包括外斜角跟浮雕、陰影、外光暈要注意在外圈的混合模式輸出成圖片的時(shí)候混和模式會(huì)被獨(dú)立變成正常,解決方法是斜角浮雕可在外圈加一層筆畫(huà)後再輸出,其他混合模式要選擇正常才會(huì)是看到的樣子跟輸出的樣子同步。

筆畫(huà)的位置往外部的話(huà)會(huì)變成圓角,混和模式要注意就算是內(nèi)部筆畫(huà)也是跟背景做混和而不是跟物件本身,要勾選"疊印"才是跟原本物件做混和。
筆畫(huà)漸層的上面節(jié)點(diǎn)可調(diào)整透明度,直接拖移節(jié)點(diǎn)到外面可刪除節(jié)點(diǎn)
筆畫(huà)樣式的形狀缺口可以做出類(lèi)似一層一層的感覺(jué),將節(jié)點(diǎn)靠近或重疊可以做出銳利的邊緣。

筆畫(huà)可再搭配斜角浮雕的筆畫(huà)浮雕跟圖層的填滿(mǎn)調(diào)到0做出框架的效果。

陰影的圖層穿透陰影可搭配圖層填滿(mǎn)選擇保留完整陰影形狀或是沿著物件外框產(chǎn)生的陰影


內(nèi)光暈的雜訊與快速變換的效果不太一樣,快速變換有點(diǎn)像是印表機(jī)的噴墨雷射把顏色一點(diǎn)一點(diǎn)發(fā)散出去,並且只會(huì)作用在光暈範(fàn)圍,雜訊則是整個(gè)物件增加雜訊。

外光暈也可依照之前說(shuō)的選色方法來(lái)調(diào)整漸層跟製造側(cè)抑制現(xiàn)象來(lái)營(yíng)造光暈的效果

緞面的間距是依照角度跟物件本身的形狀來(lái)調(diào)整一個(gè)交錯(cuò)的形狀,
尺寸是調(diào)整形狀的柔化程度,輪廓可以再做更多的變化,
搭配圖層填滿(mǎn)與混合模式可做水波紋的效果或加強(qiáng)材質(zhì)的複雜度。

漸層覆蓋,放射狀的方向會(huì)依照?qǐng)D案的形狀決定擴(kuò)散的範(fàn)圍,離邊界越遠(yuǎn)擴(kuò)散會(huì)越大,
或者調(diào)整"縮放"影響漸層範(fàn)圍。
用漸層覆蓋模擬金屬質(zhì)感
漸層應(yīng)用:樣式選擇角度後搭配圖層填滿(mǎn)0%可以做出類(lèi)似讀取條的圓圈,選擇放射性後漸層類(lèi)型選擇雜訊,可做出一圈一圈的感覺(jué)

按ctrl+alt+T可以在變形後複製物件(選圖層,但要在非自由變形狀態(tài)下按),之後再按ctrl+alt+shift+T就可以重複上次的複製變形動(dòng)作,如果是智慧型物件則需要先複製出一個(gè)之後點(diǎn)陣化ctrl+alt+T,再回到原本的智慧型物件ctrl+alt+shift+T才可以



新增參考線,其實(shí)可以打50%就會(huì)在一半的地方


圓角矩形可在內(nèi)容編輯四個(gè)角圓弧的程度

形狀上面的寬高鎖鏈連結(jié)的話(huà)可以從中間縮放(是點(diǎn)W跟H不是用變形)


選取兩個(gè)形狀圖層使用組和形狀來(lái)做出類(lèi)似甜甜圈的外框,很常用到

相減之後用"路徑選取工具"點(diǎn)內(nèi)圈,再按ctrl+T就可以變形內(nèi)圈

配合ctrl+alt+T,在自由變形狀態(tài)下按Alt可點(diǎn)選旋轉(zhuǎn)中心點(diǎn),之後固定旋轉(zhuǎn)角度為6度,再ctrl+shift+alt+T,可做出旋轉(zhuǎn)時(shí)鐘。形狀圖層ctrl+E合併後可再用路徑選取工具+ctrl+T變形。


形狀如果只是用圖層合併的話(huà)其實(shí)它裡面還是一個(gè)個(gè)單獨(dú)的形狀,除非用合併形狀組件才會(huì)像是把形狀展開(kāi)外框,用來(lái)跟另一個(gè)形狀再做合併



送禮物贊助創(chuàng)作者 !
0
留言

創(chuàng)作回應(yīng)

更多創(chuàng)作