潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

編者按:今天的福利包括@潑辣修圖 的開源圖標和字體和一個10秒做出故障效果的PS動作,全都可以免費下載,趕緊來收。

潑辣修圖開源圖標+字體

圖標同圖片一樣,相較于文字擁有更強的表現力,它是人類交流方式立體化和多面化的體現,同時也是設計中的永恒語言。它們結合人類環境的形狀和樣式,溶解成現代人類社會難以想象的各種各樣的符號標志。

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

△ ?潑辣修圖團隊首席設計師Adi

 

符號的視覺表達

在任務的初期,我對用戶群和競爭對手進行了一些研究,通過這里得出了一個眾所周知的結論:傾聽實際上是分析和定義問題過程中最重要的技術。但是傾聽不一定意味著滿足所有用戶的要求,而是了解他們的需求和原因,這可以幫助我們得到更好的結果。

考慮到早期的設計過程,現有的批評和要求,并考慮到未來的更新和日益增多的應用程序,不難得出結論:圖標是交互的關鍵。其原因在于,在當今多平臺應用程序的設計中,存在一個顯著而通用的途徑去轉變設計元素(通常通過創建和復制不同的色調,而形狀和字體的變化則主要基于預設框架和微觀趨勢)。在這種情況下,我認為UI一致性的基礎是圖形語言,即特定的圖標集。

創造過程

潑辣修圖以及任何高級圖片編輯軟件都擁有十分豐富的選項,包含了豐富的交互元素、工具和各種術語,因此UI組件的細節至關重要。為此,這一套UI由簡單明了的“平面”元素組成,并結合極簡風格的圖標。在這種情況下,圖標扮演著用戶與應用程序之間的交互式鏈接角色,即用戶與軟件溝通的語言。

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

我首先在紙上畫出了草圖,然后使用Sketch軟件轉移到數字表單。圖標的設計沒有根本改變,采用的形式被保留、文字變化很小。為了與公司新的(圓形)視覺識別體系保持更高的一致性,我使用略微彎曲的邊緣與嚴格的用戶界面、矩形圖像以及24px的圖標寬高比形成鮮明對比。

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

完成設計后,我們在用戶群組中對新圖標進行了測試,然后更新了軟件。兩個月的研究和工作終于得到了一套180多個重新設計的完美矢量圖標集。

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

總結

創建一個新的視覺語言并保持一致性,從來不是一個簡單的任務,但這項工作的好處很多。 除了全新繪制的圖標之外,潑辣修圖還有一套可以輕松拓展與升級的全新字符庫。

我們決定以開源的形式與大家分享這一套圖標與字體。

免費下載鏈接:http://pan.baidu.com/s/1kVGDJhH

想必大家在看電影時,會看過一些故障畫面的電影特效,而制作這個效果的步驟很多,不過沒關系,今天達人分享一個故障動畫 GIF 圖片Photoshop動作腳本,只要簡單操作即可實現這效果,真的超級棒哦!先看演示:

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

下載PS腳本:http://pan.baidu.com/s/1qYfVFCo(適用于中文版PS)

PS: 本腳本僅適用「中文版 PHOTOSHOP」,英文版用戶,請到以下網址下載:

https://www.behance.net/gallery/55711573/Free-Animated-Glitch-Photoshop-Action(適用于英文版PS)

安裝PS動作腳本

安裝腳本:直接雙擊即可可安裝完成,或直接在面板導入(如下圖,點擊圖標,在彈出的菜單選擇「載入動作」)

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

使用教程

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

復制圖片和改名,把圖片拖入到 PS,按「Ctrl + J」 復制出3個圖層,然后把圖層名稱按順序改為:img copy 3、img copy 2、img copy、img,注意是有空格的。

接著重點:選中「img copy 3」圖層(選中即可)如下圖:

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

打開動作面板,選中「Animated Glitch GIF」選項,然后點擊播放按鈕。

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

保存為 Gif 圖像,在菜單選擇「文件 – 導出 – 儲存為 Web 格式」,然后面彈出框選擇 GIF 格式。

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

最終效果

潑辣修圖開源圖標免費下載+10秒做故障效果的PS動作

「優設最新神器推薦

  1. 《這款國人開發的EAGLE,堪稱收集和管理素材靈感的最佳利器!》
  2. 《超過5萬張!免費高清可商用圖庫ZOOMMY 3.0重磅來襲!》
  3. 《超好用的PS字體管理插件FONTAGS(附安裝方法)》

原文地址:shejidaren

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================明星欄目推薦================

優優教程網 UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com

收藏 12
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。