UI設計第一站 - UI設計師交流學習平臺

PS個性化:修改PS CC2015.5啟動界面(視頻教程附工具下載)

時間:2016-06-26 13:53:00來源:UI001人氣:

突然想修改 Photoshop 的啟動畫面,搜尋網絡資源后發現,目前已有的方法工具最多只適用于 Photoshop CC 2014,而最新的 CC 2015 并不適用,只能去分析 Photoshop 的文件結構了。所以以此為契機,制作了一個簡單而方便的 Photoshop 啟動圖修改工具 PsCoser:

下載

文章拉到最下找到下載地址就可以啦!

新的 PhotoShop CC 2015.5 (版本號 17.0)更新了,經過測試 PsCoser 可以在新版本中使用,不過由于 PhotoShop 版本號變了,PsCoser 還沒更新,所以現在會提示不適用的版本,無視即可。
另外 PhotoShop CC 2015.5 會默認安裝到 C 盤,所以得用管理員權限運行 PsCoser ,否則會沒有修改 C 盤內 Photoshop 的權限,導致錯誤。

功能

  • 修改 Photoshop 的啟動畫面
  • 修改 Photoshop 的界面圖標(窗口左上角的圖標)
  • 隱藏和自定義啟動文字
  • 提供主題功能來管理啟動畫面、圖標和啟動文字,方便管理和快速切換
  • 解析和修改 Photoshop Icon Resources 文件,可導出和修改更多 Photoshop 內部圖片
  • 預覽 Photoshop 的啟動圖

適用版本

適用于 Photoshop CC 2015
在 Photoshop CC 2015 .0 、 Photoshop CC 2015 .1.2、 Photoshop CC 2015 .5 中測試通過

注意事項

  • 在 Windows 810 中如果 Photoshop 安裝在 C 盤,請用管理員權限運行 PsCoser ,否則會沒有修改 C 盤內 Photoshop 的權限,導致錯誤。
  • 使用前請先備份 Photoshop 目錄下的 ResourcesLocales 文件夾。雖然 PsCoser 會自動備份,但是最好還是手動備份一下,以防萬一。
  • PsCoser 的自動備份是在原文件目錄下的 pscoser_BAK 文件夾。

使用方法

指定 Photoshop 位置

第一次啟動 PsCoser 會要求你指定 Photoshop.exe 所在位置,選中你電腦中 Photoshop.exe 即可。

指定 Photoshop.exe 所在位置

要注意,雖然 PsCoser 要你選定 Photoshop.exe,但是只是為了判斷 Photoshop 版本,并不會修改 Photoshop.exe 。PsCoser 會修改的只有 Photoshop 目錄下的 ResourcesLocales 文件夾中的內容。

使用主題

主題機制是為更好的管理啟動圖和圖標,你能夠快速切換你擁有的啟動圖和圖標:

添加主題

把下載的主題 zip 文件或者自己制作的主題文件夾拖入 PsCoser 的窗口即可添加主題?;蛘唿c擊主題列表右邊“…”按鈕添加主題。

自定義修改

主題機制能便于啟動圖的管理,不過可能對于只要替換自己制作的啟動圖的用戶來說可能繁瑣了一些,所以 PsCoser 通過了自定義修改模式,只要指定想要作為啟動圖或者圖標的圖片即可,圖片的分辨率可以查看下面的列表。

自制主題

把自己的啟動圖做成主題,可以更方便的切換和管理,另外也可跟便于分享。
主題所存放的位置是在 PsCoser 所在目錄的下的 PscoserTheme 文件夾中

PscoserTheme 文件夾內存放著主題

每一個文件夾即是為一個主題,每個主題內存放啟動圖和圖標,還有一個 info.ini 配置文件。實際上配置文件可以不要,配置文件只是記錄主題的名稱、作者、描述和是否隱藏啟動文字

主題的文件結構

你只需要把啟動圖片或圖標按下面的規則命名放在文件夾里可以主題文件夾里即可創建一個主題:

主題文件命名規則
啟動圖 loading_low.png 普通的啟動圖(832×500)
啟動圖@2x loading_high.png 高分屏設置下顯示的啟動圖 (1664×1000)
亮界面圖標 ico_light_low.png 亮界面下的窗口圖標(26×24)
亮界面圖標@2x ico_light_high.png 高分屏設置下顯示的亮界面窗口圖標(52×48)
暗界面圖標 ico_dark_low.png 暗界面下的窗口圖標(26×24)
暗界面圖標@2x ico_dark_high.png 高分屏設置下顯示的暗界面窗口圖標(52×48)
自定義啟動文字 word.txt 自定義啟動時顯示的文本
配置文件 info.ini 主題的信息和是否顯示

所有圖片格式都是 PNG,支持透明度。
啟動圖需要有兩種尺寸,由于 Photoshop 為了高分屏有 200% UI 縮放功能,普通尺寸在普通屏幕下顯示,@2x 兩倍尺寸在高分屏下顯示。
啟動圖尺寸是固定的,不能更大。而且有一個部分是不能是透明的:
界面圖標尺寸不是固定的,Photoshop 的標題欄的尺寸會根據界面圖標的尺寸來適應,也就是說你用一個 500 x500 的超大圖標,Photoshop 也會顯示出來,并且就會有一個超大的標題欄

修改界面圖標

自定義啟動文字文件的文本編碼需求是: UTF-16 LE 無 BOM
配置文件 info.ini 的示例:

[PsCos_theme]
title=Meteor Shower
info=Meteor Shower
by=nullice
byurl=nullice.com
re=Meteor Shower - Noir
reurl=http://www.pixiv.net/member_illust.php?mode=medium&illust_id=39072081
loadtext=no

title 是標題,info 是主題描述,by 是作者,byurl 是作者鏈接,re 的圖片引用出處,reurl 是引用的鏈接。
如果配置文件里有 loadtext=no 表示這個主題默認隱藏啟動文字。
由于制作啟動圖很多情況下會根據別人的圖片作品來修改,所以要做成主題來分享的話,請注明引用出處。

獲取啟動圖主題

Photoshop 啟動圖合集

進階

修改 Photoshop Icon Resources

Photoshop Icon Resources 是 Photoshop 中用來存放內部圖片文件的數據格式。在 Photoshop 安裝目錄下 Resources 文件夾中的文件就是 Photoshop Icon Resources 。

Resources 目錄下的文件

通常其由一個索引文件:IconResources.idx 和多個.dat 為后綴名的數據包文件組成。
IconResources.idx 中記錄了 Photoshop 使用的每個圖片的名稱、分辨率、文件在數據包中的偏移值、文件長度,而 .dat 數據包中存放的是圖片文件,由于 Photoshop 為了高分屏有 200% UI 縮放功能,所以每個圖片的索引都記錄有兩套不同尺寸的圖片的偏移值和長度,PSIconsLowRes.dat 中存放的是普通尺寸的圖片, PSIconsHighRes.dat 存放的是 200% 尺寸的圖片。
PsCoser 提供了一個不完全的 Photoshop Icon Resources 編輯器,可以查看和編輯 Photoshop Icon Resources :
這個編輯器可以查看和編輯 IconResources.idx 并修改相應數據包中的數據,比如要導出某個圖片,就右鍵它選擇“導出圖片 Low”或“導出圖片 High”,分別能導出普通尺寸和 200% 尺寸的圖片:
如果要把某張圖片換成自己修改后的圖片,就選擇“設置新圖片”。要注意“替換圖片”是會把新圖片替換到數據包中舊圖片的位置,并重新為每個圖片計算偏移值,而“設置新圖片”是把新圖片放在數據包末尾,只修改要替換圖片的偏移值和長度,并不是每個圖片都能使用“替換圖片”,因為這個編輯器還是“不完全”的,有的圖片有未知作用的偏移值,所以要把某張圖片換成自己修改后的圖片請只使用“設置新圖片”。
這個編輯器另外的功能是解包數據包中所有圖片,:

相關下載

本文鏈接地址:http://www.7343622.live/article/606.html

非特殊說明,轉載請注明:本文轉自UI設計第一站

【特色推薦】

設計尺寸看這里 http://www.7343622.live/chicun/

找素材一站就夠 http://so.ui001.com/

UI設計網址導航 http://hao.ui001.com/

官方微博:@UI設計第一站發布干貨與設計資訊

官方微信:搜索公眾號名稱UI設計第一站或微信號:uidiyi關注我們

官方QQ群:群號59411183,點擊自動加群,與2000名設計師交流設計,分享素材

建議:看到好的文章或素材,記得分享到微博等媒體,讓更多的朋友知道,加入收藏夾也可以方便日后查閱。

  • 贊一下又不會懷孕
  • 收藏好文章要收藏噢
分享到:

設計資訊

更多

設計教程

更多

素材下載

更多

閱讀排行

更多

服務中心

更多
老11选5开奖视频