2016年12月7日 星期三

Photoshop CC2017新功能全方位盤點解析

11月2號,Adobe 再次升級了產品線,命名為CC 2017。做為頭牌的PS一定是備受關注。今天就給大家總結一下,這次PS CC2017 推出的新功能。
馬上來進入新功能大看點,注意了!(敲黑板!)就這麼直接開車了啊!

程序內搜索
快速搜索可以讓我們在 PS 中快速查找工具、面板、菜單、Adobe Stock 資源模板、教程等,工作更加高效快捷。

也可以用快捷鍵 Ctrl(Cmd)+F
快速搜索





無縫銜接 Adobe XD
現在可以將 PS 中的 SVG 格式更便捷的導入到 Adobe XD( Adobe 前段時間新出的交互設計神器) 中去。

PS 畫布中的矢量路徑文件

在圖層中右鍵可以複製 SVG 格式

Adobe XD 中的界面




更快捷
可輕鬆訪問預設,並且可以從文件 > 新建獲取免費的 Adobe 資源模板。



更方便
Adobe Stock 市場中包括了設計模板和 3D 素材,可以直接應用在你的設計中。可以通過右鍵進行可視化搜索同類資源。找同類素材更方便了。(話說這不就是淘寶同款搜索嗎?嘿嘿)
文字圖層屬性:

支持更多字體格式
更好的支持 SVG 格式字體,支持多種顏色與漸變,可以是柵格或矢量格式。

創意雲新技能
在 PS 中支持 Adobe stock 模板。並且可分享到創意公共雲上,雲上更新,PS中的創意雲庫自動更新。(貌似在國內很少有設計師在使用這個使用的功能)

增強了創意雲的功能
創意雲更好的支持了文檔存儲與恢復,包括你在雲端、桌面軟件與 Adobe 的程序內的資源。
還有可以利用創意雲“圈粉”啦!個人創意雲內資源更新,粉絲會自動獲取更新。
現在可以在業內最知名的平台購買字體,使用在 PS 項目中。Typekit 的同步功能,您購買字體可以方便的用在需要的項目中。
更強大的摳圖和液化功能
更高效的抽出摳圖功能(摳各種毛~哈哈)

小編還是深夜測試了一下,確實感覺優化了不少!

還有面部感知液化(什麼鬼!不就是美圖秀秀的“大眼”模式嗎?)

不過大公司就是夠智能,可以智能識別,讓左右眼一起調節,防止學藝不精的 P 成大小眼!

下面是JJ YING 大神總結的9個新功能:
一覺醒來看到朋友圈有 po 不少 Adobe Max 現場的圖,羨慕之餘只能趕緊更新一下新版、看看官方的更新通告,似乎沒啥值得大書特書的,所以就按照官方 What’s New 隨便列一些吧:
In-app search
綜合性的應用內搜索,除了不太常用的功能可以用關鍵詞搜索調起之外還能直接搜 Adobe Stock 圖庫里的照片,所以你可以理解為他們主要是為了再多加個入口賣照片。
Tighter integration with Adobe XD
能一鍵粘貼到 Adobe XD 里,也許你會問,以 SVG 格式複製的話,那我是不是能直接粘貼到 Sketch 里呢?Naive,我試了不行,剪貼板里的數據是完整的 SVG 代碼,粘出來的就是文字,Sketch 那頭簡單更新一下倒是可以實現直接粘貼,但是 PS 里還是只能單一圖層「複製為 SVG」,所以一鍵從 PS 到 Sketch 暫時還是不現實,還得靠其他軟件或者……人肉。
Get started faster
全新的「新建」窗口功能更多更強了,但是「faster」是放屁,我的 Mid-2015 的 rMBP 開個「新建」窗口卡成狗,只好暫時換成原來的模式(在設置首頁里的左側列表倒數第二個選項)。
Stock templates, 3D objects, and search
同 1,雖然現在廣告很多,銅臭味很厲害,但假如花得起錢,這種系統級的一鍵搜索、置入各種 stocks 的體驗還是不錯的,然後做點簡單的海報啥的,依然有免費的的模板可供選擇。
Enhanced Properties panel:小改動,請跳過。
Support for SVG color fonts
這個世界已經被 Emoji 入侵了啊啊啊啊啊,為了強推這個,字體列表醒目位置就是 Apple Color Emoji。
New Creative Cloud Libraries capabilities:還是為了賣東西賣東西。
Creative Cloud Assets improvements:同上。
Introducing Typekit Marketplace
簡單說就是 Typekit 現在有更多第三方字體廠商的字體可供選擇,偶不,可供購買了。

2016年8月2日 星期二

NIPPON COLORS 選出代表日本的 250 種顏色,日本傳統色系配色選色網站推薦




NIPPON COLORS 選出代表日本的 250 種顏色,日本傳統色系配色選色網站推薦

免費資源網路社群介紹過不少配色工具色彩應用,雖然我不是從事設計相關工作,但在編修網頁時偶爾也會需要調整顏色,才能讓讀者獲得更好的瀏覽體驗。因此我傾向尋找能提供色彩靈感的工具,例如 Palettab 在每次開新分頁自動展示配色和字型,或者 BrandColors 收錄世界知名品牌顏色色碼,就連精靈寶可夢都有專屬配色網站 Pokémon Paletters
本文要介紹的 NIPPON COLORS(日本の伝統色)對日本愛好者來說一定很有吸引力,網站以收錄所謂日本傳統色系為主,前前後後共 250 種顏色,這些顏色具代表性,經過歷史文化長時間淬練而來,也是最足以代表日本的色系。

簡單來說,日本傳統色是在日本古典文學裡經常使用的顏色,而這些顏色也常被用於和服或其他日本傳統藝術和手工藝中。無論有沒有去過日本旅行,當你看到這些色彩時,可能當下就會立刻聯想到日本(尤其台灣又受日本文化影響甚鉅…)。
現在,使用者透過 NIPPON COLORS 即可輕鬆索引檢視這些日本傳統配色,包括色彩名稱、色碼(CMYK、RGB、HEX),亦能開啟動態模式,自動隨機切換不同背景色。若你想要在設計上走和風配色,或是日系的素雅風格,請務必到這個網站來找尋靈感。
網站名稱:NIPPON COLORS 日本の伝統色
網站鏈結:http://nipponcolors.com/

使用教學

開啟 NIPPON COLORS 網站後會隨機跳出一種顏色。個人非常喜愛它的網站設計,尤其在字型運用上相當精緻細膩,右側會顯示當前顏色的色彩名稱及色彩值,包括 CMYK 印刷四色分模式和 RGB 三元色光模式色階。
NIPPON COLORS

NIPPON COLORS
NIPPON COLORS
NIPPON COLORS
NIPPON COLORS
將滑鼠游標移動到 RGB 三元色光模式上,右側會自動跳出 HEX 網頁顏色值。
NIPPON COLORS
比較特別的是右側有一個「Munsell」也就是「曼塞爾色彩體系」選項,將它開啟後會變成動態模式,利用色彩裡的明度、色相和採度三個維度來描述顏色,你可以看到相當酷炫的動畫效果,在固定時間後自動隨機切換至其他顏色,也是一個尋找色彩靈感的方法喔!
NIPPON COLORS


by 

ColorDrop 你唯一需要的線上調色盤!收錄各種配色組合,提供設計開發上絕佳色彩來源


如果你對於配色工具有興趣,一定還記得 LOL Colors,由國外開發者獨力完成的免費網頁選色服務,只花了 24 小時時間建置!這項服務最吸引人的地方在於網頁設計相當簡單,提供各種色彩組合,沒有太多額外或複雜難懂的功能,實在深得我心。本文要介紹的 ColorDrop 和 LOL Colors 有點相似,不過配色工具向來不嫌多,若是平常工作會需要找尋色彩靈感的話不妨將它加入書籤以備不時之需。
ColorDrop 介面跟 LOL Colors 類似,都是將四個一組顏色整合在一起,點選色彩後就會跳出對應色彩值(HEX、RGB),讓你能將顏色運用到其他設計開發。
ColorDrop 已經收集一些配色組合,未來會持續更新,亦能將自己喜愛配色加入最愛,以便之後隨時返回網頁檢索。
比較不同的是 ColorDrop 允許使用者更換不同背景顏色,預覽在不同背景配色中套用某種顏色的感覺,讓你在瀏覽網站時有更多不同體驗。雖然是一個簡單的小工具,相信大家一定會喜歡(如果你手邊有其他推薦的配色工具,也歡迎提供給我)。
網站名稱:ColorDrop.io

使用教學

STEP 1

開啟 ColorDrop.io 後,從首頁就能開始瀏覽色彩調色盤,網站收錄不少漂亮的配色組合,五顏六色、多采多姿。從左側切換不同背景色彩,以下是其中四種顏色。




STEP 2

點選其中任一配色組合後,網站右側會跳出這四種顏色及對應的色碼(HEX、RGB),對於要使用顏色來說確實非常方便。如果你想將它暫時收藏起來,之後返回網站時可以快速找到某個顏色的話,點選上方的「星星」就能標記為 Favourites。點選左側「Favourites」開啟所有你加入收藏的配色組合。



STEP 3

除此之外,ColorDrop.io 也收藏一些扁平化設計(Flat Design)常用顏色,從左側的 Flat Colors 可以找到這些顏色和 HEX 色碼。
本文授權轉載自:免費資源網路社群

2016年5月24日 星期二

12 張圖,一目瞭然 AI 與 PS 的不同



illustrator_vs_photoshop_1.jpg?itok=TyPMsHkO
對設計、藝術或視覺等相關領域有興趣的大家,對 ILLUSTRATOR 與 PHOTOSHOP 這兩款軟體一定都不陌生吧!但就第一次接觸這兩類軟體的新手們而言,什麼時候該用哪一個、它們分別有什麼專有的用途與特色等,便有常分不清楚的時刻吧?!

下面這一系列來自於印度設計師 M.A. Kather 針對 AI 與 PS 所繪製的對比圖像,用簡單的畫面簡單的呈現、對映出兩者的差異,輕鬆的讓人一目便了然於它們各自的特色,或許詳細的深入度還不夠,但卻也帶出了一種加以說明它們差異的方式。


illustrator_vs_photoshop_2.jpg?itok=Ezgp_34w
首次面市的年代


illustrator_vs_photoshop_3.jpg?itok=nrOBPPii
第一版的啟動畫面


illustrator_vs_photoshop_4.jpg?itok=ne4FmZNl
最常使用於:向量圖像設計 vs 像素圖像設計


illustrator_vs_photoshop_5.jpg?itok=9tcKmyiX
最常使用的對象:設計師 vs 藝術家


illustrator_vs_photoshop_6.jpg?itok=f89WIspJ
放大後差異:依舊清晰 vs 模糊失焦


illustrator_vs_photoshop_7.jpg?itok=L-zfDPS-
工作區(畫板)設定:可同時設定多種尺寸 vs 一次單一個尺寸(但最新版本 CC 已有所不同)


illustrator_vs_photoshop_8.jpg?itok=NOLSsJGA
剪裁遮色片位置;物件之下 vs 物件之上


illustrator_vs_photoshop_9.jpg?itok=LVQNGzui
選取邏輯:物件 vs 區域


illustrator_vs_photoshop_10.jpg?itok=BDe8Ef9d
圖層:可建立子圖層 vs 圖層之間各自獨立


illustrator_vs_photoshop_11.jpg?itok=UdCQV_ON
Ctrl+Z:可持續復原之前的步驟 vs 回復到上一步動作,除非以 Ctrl+Shift+Z 持續進行復原


illustrator_vs_photoshop_12.jpg?itok=GUB_FltH
工作區域;在工作區之外也可進行作業 vs 僅可在視窗範圍中操作,其餘的將被隱藏


illustrator_vs_photoshop_13.jpg?itok=j6ajCLF7
儲存檔案的時間:快如脫兔 vs 慢如蝸牛