注意到 Affinity Photo 完全是因為其家族成員 Affinity Designer,只不過這個獲得過 Apple 設計大獎的應用所主打的矢量繪圖領域并不是我的菜,反而是后續(xù)放出的 Affinity Photo 吊起了我的胃口。眾所周知,在圖像處理領域 Phtotoshop 長久以來都是一枝獨秀,但其霸道的硬件要求和高昂的訂閱費用一直是用戶難以跨越的高門檻??v使你不得不承認其功能已到了出神入化獨孤求敗的境界,但現實卻是對于大部分用戶而言 Photoshop 80% 的功能是極少被用到的,但用戶卻不得不為另外的 20% 去忍受一個資源占用的大戶。于是有人呼吁 Adobe 應該出一款廉價的簡化版 Photoshop 來滿足這 20% 的需求。很明顯,不開化的 Adobe 并沒有這么做「別跟我提 Photoshop Elements」,所以就有了后來的 Pixelmator,Acron 以及下面要介紹的 Affinity Photo 這類功能不及 Photoshop 但卻足以滿足圖像「裁修畫改」基本需求的產品。
對于 Affinity Photo 我也是初上手,怎么說這家伙也是個體積高達 500M+的大家伙,有太多的功能還在摸索中,所以就像本文開頭所言,評測肯定算不上,就簡單聊聊我的使用感受吧。
傳統(tǒng)且標準化的設計類應用布局,無需多言。
靈活的工具欄自定義功能自然也是標配。
同時也提供了 Separated Mode「分散式」窗口布局,雖然我個人很不喜歡這種布局,但這對于轉化 Pixelmator 的用戶多少是個不錯的設計。
和其它同類應用不同的是,Affinity Photo 還根據自身特色設計了四種不同的角色化布局,通過窗口左上角的四個按鈕進行切換,分別是:
默認狀態(tài)下的基本圖像處理 Photo Persona
主打液化效果的 Liquify Persona
專注 RAW 照片處理的 Develop Persona
方便多平臺切片輸出的 Export Personal
另外提一點我個人在使用時發(fā)現的一處布局調整。在默認的固定式布局下,左側工具條是沒有「前景 / 背景」調色板的,這讓我在一開始的時候很是抓狂,后來發(fā)現在 View 菜單中取消勾選 Dock Tools 就可以看到了,只不過工具條也同時變?yōu)榱烁邮健?/p>
和 Pixelmator 一樣,標準的 .psd 文件可以直接讀取「包括最新的 CC 2015」,普通圖層基本都可見,加過效果的圖層會和 Photoshop 一樣多一個 fx 的標示,雙擊可以調出圖層效果面板,兼容性和可編輯性比 Pixelmator 好一些,至少在讀取方面問題不大,但若是編輯的話建議還是扔回 Photoshop 較為實際。
圖層的分組,合并,對齊,隱藏…等操作都和同類應用無異,只不過在快捷鍵的設置上略有不同。比較令人遺憾的是只有帶有 fx 的 .psd 圖層可以雙擊開啟效果面板,其它圖層則只能通過獨立的屬性面板來進行效果添加。
另外對于圖層混合模式的調整居然是實時預覽的,不像同類應用需要選定后才能看到,這算是其一大亮點。
標配的濾鏡除了有同類應用中較為常見的幾種效果外,較為特色的是 Affinity Photo 所提供的幾樣諸如 Lighting / Shadows / Hightlights 等有針對性效果的濾鏡,非常適合用來快速處理各種調調的照片。
另外在設置項和幫助文檔中可以看到 Affinity Photo 兼容部分 64-bit Photoshop Plugins 來擴充濾鏡效果,不過由于 Mac 下沒裝 Photoshop,所以該項有待實測。
Media Browser
開啟一個獨立浮窗,可以在里面方便的添加,預覽以及調用本地素材庫,默認已經關聯(lián)了系統(tǒng)的 Pictures 目錄和 Photos 的照片庫。
New View
將同一張圖片同時顯示在多個獨立窗口中,任意對其中一個窗口中的圖片進行處理會在其它窗口中實時看到同樣的效果,很適合需要對圖片進行局部處理又想預覽到整體效果時的操作場景。
Assistant
顧名思義,這是一個應用內部的幫助通知功能,可以設置在激活某項操作時進行相關功能的操作提示,對于新手來說很有用處,當然如果你嫌它煩也可以關掉它。
Force Touch
支持 Froce Touch,當然前提是你要有臺 2015 款的 Mac,也算是目前第三方應用中少有的支持該功能的產品。你問感覺如何?我只能說偶爾用用還行,專業(yè)用還是去買桿壓感筆吧…
這個不用多說,雖然蘋果的同步功能萬年不好用,但對于跨設備使用多少還是有些用處的。
Keyboard Shortcuts
官網為了方便用戶記憶快捷鍵特別制作了這張漂亮的鍵盤圖,可惜貌似沒有集成到產品里,試想當忘記某個快捷鍵時可以一鍵呼出這么一張帶感的圖該是多么有逼格的一件事情。
Auto Save
沒錯,這個關鍵時刻可以救命的小功能也是標準配備。
Mac 下優(yōu)秀的原生圖象處理類應用本就鳳毛麟角,每出來一個都會被寄予 Photoshop 替代者的稱號,來勢洶洶的 Affinity Photo 必然也不例外。但 Photoshop 在大哥的路上走了這么多年,可不是一個毛頭小子可以撼動的。除去其功能無論在強度還是廣度上依然讓后來者難望其背頂,更重要的是其在圖像處理領域內的影響力早已無同類可比,因為它就是行業(yè)標準。試想當大家都在用 Photoshop 的時候,你若劍走偏鋒就必然導致產生協(xié)作問題。所以從這一層面來說,無論是 Pixelmator 還是 Affinity Photo 都不具備替代 Photoshop 的可能。
但話分兩頭,如果你或者所處的環(huán)境并不是很依賴于 Photoshop,那么 Affinity Photo 或許會是個不錯的選擇。它基于 Mac 的軟硬件全面進行優(yōu)化,在滿足圖像基本處理需求的同時加入了很多便捷化的操作,同時也具有不錯的 PSD 文件兼容性,甚至針對專業(yè)攝影師提供了獨立的 RAW 編輯功能。$49.99 的售價雖然比之同類略高,但開發(fā)商 Serif Labs 既然能用 Affinity Designer 和 Affinity Photo 雙管齊下的方式主攻矢量繪圖和圖像處理,足見其對于產品和市場的重視度,所以我們也應該有理由期待 Affinity Photo 會變得越來越好。
]]>說到前端產品開發(fā),開發(fā)者與設計師之前交接原型產品更多的還是當面聊,不停的開小組會議,產品經理、設計師、開發(fā)者三個人會在小屋里就一個按鈕討論一下午。即時有 Slack 這樣的服務,這兩位仍然需要當面把事情說清楚,設計妹紙會教開發(fā)者大葛格用 Sketch,告訴他哪個層有啥動作,哪個文字會變換尺寸。但是,就像前面我說的,在企業(yè)不斷追求高效生產的目標帶動下,這中間又催發(fā)了一個新工種來代替無休止的討論,只不過這個工種由一款軟件(也是服務)來擔任,它就是:Zeplin。
Zeplin,由 Zeppelin 一詞變化而來(貌似許多產品都喜歡用齊柏林飛艇來做 Logo),由四名伊斯坦布爾的才子設計,是一款為 Designer 和 Developer 提供產品原稿交接與溝通的高效平臺,用戶可對產品進行標注、Style Guide 注釋,還提供了簡單的團隊協(xié)同工作功能,通過插件,設計師可將 Sketch(Mac 平臺最著名的前端設計軟件)的 Artboard 單獨或批量導入 Zeplin 的 Project 里供開發(fā)者做業(yè)務功能與前端交互的實現。目前這款軟件僅支持 Sketch,另一款主流大將 Photoshop 據稱也在支持計劃中,但目前仍未放出更新版本。
許多設計師初次接觸 Zeplin 都表示驚呆了,“終于可以從枯燥的體力活中解放出來,再也不用跟開發(fā)扯皮或者一對一的去調整界面了”,當你把稿子導入 Zeplin 后,受邀請進入 Project 的開發(fā)者可以直觀的看到色值,元素間距,交互流程,區(qū)域大小,文字大小及顏色,注意看下圖,在 Dashboard 右邊欄 Colors 與 Assests 這兩欄,可以讓對方清楚的知道配色值(RGB),另外在讓開發(fā)者查看分層元素時,在 Sketch 里將層設置為 “Exportable” 即可,在設計師做好圖層管理(命名、分組)的前提下,它可以自動生成元素尺寸?間隔距離的標注信息(并且可以標注為 pt 或 dp)。
Zeplin 對于專業(yè)人員來說很好上手,創(chuàng)建一個 Project,你可以看到軟件支持 Android、iOS、Web 三種工作環(huán)境,另外開發(fā)者還提供可實驗性質的 Mac OS X 軟件開發(fā)環(huán)境。
此時到 Sketch 里找到 Menubar – Plugins 目錄,如果你安裝了 Zeplin 專為 Sketch 開發(fā)的插件,可以直接在插件目錄里選擇“Export Selected Artboards”將文件導入 Zeplin,這個速度很快。
作為項目人員,你可以隨時通過軟件和 Web 版進入 Project 對原稿進行標注(添加 Note,與對方就產品進行溝通),設計師可以制作 Style Guide,包括字體樣式、色彩構成、Icon 樣例、常用間距等內容。
作為一款項目組協(xié)同工作軟件,Zeplin 可以讓團隊成員一共參與整個原稿的交流工作,項目創(chuàng)建者只需輸入其他同事的郵箱或 Zeplin 賬戶名即可發(fā)出邀請。而如果當前工作環(huán)境不是 Mac,你也仍然能通過 Web App 參與工作。
這么優(yōu)秀的協(xié)同工具要說完全免費那是不現實的,除了提供嘗鮮的免費版只能創(chuàng)建一個 Project 外,Starter 與 Growing Business 的套餐還是很有競爭力的,其中后者可以同時運行八個 Project,這兩款付費套餐的年費單月價格分別為每月 13 刀與 22 刀,與普通的月付相比優(yōu)惠 10%,對于創(chuàng)業(yè)團隊也來說,要比 Markly(39.99刀)、Invision、Lucidchart 相對實惠一些。
最后附上 Zeplin 在墻內的下載地址,配合 Sketch 導出 Artboard 的插件
]]>iOS 版評測請看這里《Pixelmator for iOS:掌上的圖片設計之王》
經過一段時間的實際使用后,筆者認為:Pixelmator 不僅僅是一款好軟件,它的制作者也是目前為止最善待新手、最負責任的開發(fā)商。官方為了能讓新手快速上手,針對各個功能前后制作了大量精簡易懂的教程(下面我們會列出教程列表,大家可以到這里看我們轉移過來的視頻,放在了優(yōu)酷上。)
功能點(每一項都可以在視頻列表里找到相應的視頻說明:傳送門)
注釋: Free Transform - 自由變換 Skew - 傾斜 Distort - 變形 Perspective - 透視 Rotate - 旋轉 Flip Horizontal - 水平翻轉
這里需要注意一下:Paint Selection 工具對于圖案的形狀和顏色有較高要求,如果由于雜色很多或形狀非常不規(guī)則導致無法選擇正確的區(qū)域,建議使用以下要介紹的這項功能。
注釋: Rectangular Marquee - 矩形選框 Eliptical Marquee - 橢圓形選框 Lasso - 套索 Polygonal Lasso - 多邊形套索
圖中的控制面板可以在菜單欄 - View - Show Brushes - 右下角齒輪圖標 - Show Brushes Settings 中打開。原本那個經過縮略的控制面板可以按照需求更換項目種類。
功能注釋: Brushes - 從這里可以選擇刷子的類型 Action Pop-up Menu - 制作或添加新的刷子,復制或移除現有的刷子 Shape Tip - 改變刷子的大小和硬度 Flow - 改變使用刷子的速度和力度 Shape Jitter - 編輯與刷子相關的常用屬性 Color Jitter - 調整色調、飽和度和亮度
注釋: Warp - 彎曲(強制對元素進行形變) Bump - 浮腫(可以放大一些規(guī)則形狀的元素) Pinch - 擠壓(讓四周的像素往中心點聚攏) Twirl - 旋轉(制造出類似在水中的變形效果)
本節(jié)視頻資料的取名由于無法翻譯出合適的中文,故不對官方命名作修改。 另外,官方提供了一個拓展包,里面包含了30個新圖形。 為了防止網絡屏蔽的問題,筆者已經將其上傳至 Droplr:點擊下載。
如果讀者是 Photoshop 的使用者,應該知道 PS CC 中的那個文字輸入后自動消失的 BUG 吧?在 Pixelmator 中不光不會出現這樣的問題,對整體運行流暢度和字體的支持也提升了一大截!
這項功能非常適合擅長或愛好自設計字體的用戶,Pixelmator 不僅很好的將文字轉換成獨立的個體,也支持單獨上色和編輯,甚至使用者還可以將它們重疊!最重要的是,這項功能支持中文字體,只不過對于細節(jié)的修正略微顯得復雜些罷了。
類似的功能在系統(tǒng)制定的 “預覽” 應用里也有,讀者也可以選擇在 iPhoto 或 Aperture 里編輯。但是無論是系統(tǒng)資源占用空間,還是對于細節(jié)的掌控,Pixelmator 無疑顯得更專業(yè)些,也更方便些。
Hue And Saturation - 色調及飽和度
Colorize Images - 圖像上色
Replace Color - 顏色替換
該功能的實現方法是通過曝光效果讓用戶定義需要修飾的區(qū)域,選擇完畢后即可調整顏色,對于大面積畫幅的調色是非常有幫助的!另外,Replace Color 還包括了一項叫作 Versions 的功能,目的是將所有使用到 “顏色替換” 功能的圖片存放進歷史記錄,以便將來隨時翻看,功能模式有點像 “Timeline 時間軸”。人們常說 “天下沒有后悔藥”,但 Pixelmator 就為大家?guī)砹诉@項福利!因此筆者認為它是這款軟件里非常值得注意的貼心功能。具體操作步驟請讀者觀看以下視頻
什么是圖層?(選取自百度百科) 圖層就像是含有文字或圖形等元素的膠片,一張張按順序疊放在一起,組合起來形成頁面的最終效果。圖層可以將頁面上的元素精確定位,其中可以加入文本、圖片、表格、插件,也可以在里面再嵌套圖層。
打個比方說:在一張張透明的玻璃紙上作畫,透過上面的玻璃紙可以看見下面紙上的內容,但是無論在上一層上如何涂畫都不會影響到下面的玻璃紙,上面一層會遮擋住下面的圖像。最后將玻璃紙疊加起來,通過移動各層玻璃紙的相對位置或者添加更多的玻璃紙即可改變最后的合成效果。以上兩幅圖片表達的也是同樣的意思,應該不難理解吧?
官方還為用戶提供了一個附加的效果包,為方便讀者下載,筆者已將其上傳至 Droplr:點擊下載。
Pixelmator 作為一款為 Mac 用戶量身打造的圖像處理應用,它支持的系統(tǒng)原生非常豐富:支持 Retina 視網膜顯示屏、iCloud 圖片上傳、
除了支持常見的 JPG、JPEG、PNG 及其專有格式外,Pixelmator 還支持 RAW 無壓縮照片、PSD Photoshop 文件、Aperture 照片編輯應用及 16 位圖像等多種著名第三方軟件的格式,所以作為 PM 的用戶,您無需擔心它會在常見情況遇到與格式有關的麻煩。
筆者認為,本文還遠遠無法將 Pixelmator 介紹完全,故文末順帶提供 Pixelmator 的 官方網站 和 ps://vimeo.com/pixelmator/videos/sort:date”>Vimeo 視頻主頁地址。說實話,如果讀者您的接受能力較強或者能熟練操作 OS X 系統(tǒng)的,僅觀看官方教程視頻就能牢牢掌握 Pixelmator 的所有功能,上手是非常容易的!最后,作為正版應用的絕對支持者,筆者建議您能在 Mac App Store 下載官方正版,這是 MAS 鏈接:App Store 購買即最好的支持!(感謝您能閱讀完這篇文章 ^^)
]]>