包含ps里的jsx文件編譯的詞條

本文目錄一覽：

• 1、PHOTOSHop 腳本 置入
• 2、[轉載]如何使用PS調片動作—atn文件，jsx文件-腳本編
• 3、jsx文件ps怎麼安裝
• 4、如何使用react-tools將jsx編譯成JavaScript

PHOTOSHop 腳本 置入

具/原料

Photoshop

方法/步驟

Photoshop腳本的後綴是”JSX”，開發環境隨意，可以用photoshop自帶的編輯工具，也可以用任意記事本或者javascript相關的工具都可以。這裡推薦使用記事本編輯腳本。

用記事本新建一個空白文檔，輸入“alert(“你好，photoshop”)”，輸入號之後，在菜單欄找到“文件”並選擇另存為，在彈出的新菜單中，將文件名保存為“test.jsx”(備註，僅僅輸入加粗字體的內容，最外層的引號不用輸入，出去.jsx不可變，其他都可以隨意)

保存好之後，啟動photoshop，點擊菜單欄“文件”，點擊“腳本”並選擇“瀏覽”，在新出來的窗口，點擊要剛才保存的“test.jsx”即可。可選擇腳本文件。這裡有個更簡單方法打開腳本，不用點擊菜單欄，其實雙擊灰色背景，同樣能彈出瀏覽框，選擇相應腳本即可。

運行效果如下，簡單介紹下，photoshop支持的腳本語言有“AS、javascript、vbscript”等。

下面通過示例的方式，將一些常規的操作，轉換成腳本的形式。

【新建一個文檔】

還是新建一個jsx文件，輸入“var newDoc = app.documents.add();”

【打開一個圖片】

還是新建一個jsx文件，輸入“open(File(“D:/desktop/1/jpeg/1.jpg”));”，這裡的圖片路徑，要修改自己的電腦的圖片路徑哦。

【彈出選擇文件框打開圖片】

還是新建一個jsx文件，輸入“open(File(openDialog()));”；

【複製圖片】var olddoc = open(File(“D:/desktop/1/jpeg/1.jpg”))

olddoc.activeLayer.copy()

//這個單位和文檔默認設置有關

var newdoc = app.documents.add(1312,768)

newdoc.paste()

//olddoc.close();

來看一個綜合實例

【打開一個文件夾的所有圖片】

代碼段稍微有點長，裡面用來js的for循環，具體可搜索獲得其語法。

完成

[轉載]如何使用PS調片動作—atn文件，jsx文件-腳本編

Frames.atn是PHOTOSHOP里的“畫框”動作集，PHOTOSHOP預設的很多，可另下載也可自己錄製添加新的動作，中文版PHOTOSHOP里”畫框.atn” 舉例，一鍵盛夏變金秋裝載步驟：

1.首先調出動作面板：窗口–顯示動作

2.裝載”畫框”動作集：點擊動作面板右上角（關閉按鈕下面）帶箭頭小圓按鈕，出現菜單

3.選擇菜單中”畫框.atn”裝載畫框動作到動作面板

4.使用時注意去掉不想應用的動作指令前的小勾（比如固定的默認動作和畫框集中不用的動作）

如果對動作不熟最好不播放動作（拉開該動作查看詳細步驟能得更多啟發）創意也更自由點 動作一般來說只是針對簡單的批量處理JSX文件的用法在Photoshop中給圖片加上EXIF信息的方法：先將本文件解壓至Photoshop的安裝目錄，如： C:Program FilesAdobeAdobe Photoshop CS5PresetsScripts下，重啟Photoshop。在“文件”-“腳本”下可以看到這個選項，打開照片，運行這個選項即可

Adobe Photoshop最強有力的工具之一根本不是圖像編輯工具，而是“腳本”（Actions）功能。該功能的使用方法其實很簡單，但遺憾的是，Photoshop的新用戶很少有人知道這一功能的存在，甚至把它閑置不用。Photoshop的新用戶都非常急於立即開始進行編輯，因此他們僅僅使用最基本的編輯工具，並且努力學習該軟件的大量功能。藉助於教學材料和提示信息，經過反覆試驗摸索，他們對程序越來越精通。這時，這些用戶就開始使用插件濾鏡了，以得到更豐富的效果。市場上有許多這樣的濾鏡，從互聯網上也可以免費下載一些。這些濾鏡有各種各樣的控制參數，允許你調節濾鏡的作用效果。一些濾鏡專門用於文件的壓縮，另一些濾鏡可以為文本對象製作特殊效果，還有一些濾鏡可以為整幅圖製作特殊效果。問題是”要想製作某種效果，可能需要多個步驟。除非你做大量的筆記，或者記憶力極好，否則，再次重複某種效果幾乎是不可能的。這時，就需要使用到“腳本”（Actions）功能了。它位於Photoshop主界面的頂端的下拉窗口中。“腳本”程序的工作方式與文字處理軟件中的“宏”一樣。“宏”是被錄製在文件中的一系列功能的組合，可以通過熱鍵來啟動。 “腳本”可以將Photoshop的編輯工具和插件濾鏡組合在一個文件中，並只需點擊一次鼠標即可啟動。在這些“腳本”中，有些能夠實現50多項功能，使用了多個插件濾鏡，並加入了幾十個參數。即便你能夠記住實現某種效果的方法，但要想每次都把各個功能中的參數選正確就不是一件容易的事情。在這方面，“腳本”為你節省了大量時間。

“腳本”主要用於重複性的任務或用於製作非常複雜的特殊效果。要建立一個新的“腳本”，只需單擊“新腳本”（New Action）按鈕。此時，有一個紅色的方框表示當前處於錄製腳本的狀態。當你運行完所有的功能或插件後，停止錄製就可以了。每一個“腳本”都有一個特定的名字，並被添加到腳本清單中。下一次當你想再使用上述組合效果時，只需啟動這一“腳本”，所有的效果就會自動加載給圖像。為了幫助你更好地理解“腳本”，我們以編輯照片為例把“腳本”的使用方法介紹一下。其中大部分方法都是反覆試驗摸索而得到的，最終把這些方法存儲為“腳本”。我們將先執行一些重複性的任務，然後再製作更複雜的“腳本”。減輕顆粒 當你處理一幅用感光速度較高的膠片拍攝的照片時，就可以使用“減輕顆粒腳本”（Grain Rediuction）。這一腳本先使用了去斑點濾鏡（Despeckle），然後又使用了銳化濾鏡（Sharpen）。雖然前一個濾鏡能夠去除大量的顆粒，但卻會同時將圖像變模糊。因此，還需要再使用銳化濾鏡。這樣，圖像清晰如初，但顆粒現象卻減輕了。文件的轉換 你需要使用的另一個腳本即所謂“MacTiff 腳本”。我們平時都使用PC機編輯圖像，而我們與之打交道的大多數雜誌社卻都使用Mac 機。當我們把一篇文章中的所有圖像都製作好後，需要使用“批處理腳本”對一組圖像進行處理。此時，你只須坐在那裡，看着這個腳本打開一幅幅圖像，將其轉換成Tiff文件，再將其設置成Mac格式，最後保存並關閉它們。誰說PC和Mac勢不兩立呢？ 當我們需要將大量的圖像出售給其他公司用於製作教學CD時，可以使用一個專門製作的腳本。這個腳本可以將大量圖像的尺寸減少到其原來的25%，再將它們銳化，最後將它們轉換成為Mac的Tiff文件。這一腳本能夠輕鬆地將數據總量超過650MB的多個文件處理成一套新的CD圖像。在腳本工作的時候，你就有時間去做其他事情了。在腳本菜單中，還有幾個版本的JPEG、Wavelet、Fractal等壓縮設置。當你歸檔保存圖像時，可以打開批處理腳本並開始轉換過程。這樣就無需使用單獨的文件轉換軟件來轉換文件了，而是可以一直在Photoshop中工作（一些文件轉換軟件並不完全與Photoshop兼容，對於Tiff文件尤其如此）。顏色-Gamma值校正 有時，一批圖像會帶有相同和色偏傾向或不良的反差狀況，這通常是由於掃描質量或膠片的顯示加工質量不好而造成的。由於這一批圖像有着共同的缺點，你就可以建立一個專門的腳本，一次完成對它們的修整。調出第一幅圖像，並錄製對它的修整過程。當完成所有修整操作後，停止錄製，它就會被保存在腳本菜單中了。然後，選擇批處理腳本，並將剛剛製作好的腳本應用於所有的圖像。於是，所有的圖像轉瞬間就都象第一幅圖像那樣得到了修整。如果以後再遇到相似的情況，甚至可以跳過製作腳本的步驟，而直接對待處理的圖像使用該腳本。縮略預覽圖標 其他程序所製作出的圖像可能沒有縮略預覽圖標。為了避免猜測圖像的內容，可以使用“縮略圖標腳本”。這一腳本可以把一組文件打開，並將它們存儲在一個複製目錄中。當所有的圖像都已轉存一遍，且縮略圖標都已形成，就可以安全地刪除第一個目錄了。有時，直立的圖像可能會被橫向放置。此時，再使用第二個腳本，把這些文件打開，待旋轉後再次存儲就可以了。內存控制 Adobe Photoshop允許你撤消先前的操作。當你對一幅圖像進行操作時，Photoshop會在內存中保存關於圖層、剪切板和濾鏡的先前狀態，以防你想撤消一步操作。如果你同時編輯多幅圖像，計算機的內存就會不夠用，因而需要把數據暫時轉移到硬盤中。這樣，系統的運行速度就會降低。清空內存需要多個步驟。當你編輯圖像時，可以利用特定的腳本自動清空內存。該腳本的工作速度非常快，可以使你的工作速度總是保持最快。特殊效果 插件濾鏡的組合可以製作霓虹燈文本、透視效果的陰影、爆炸物體、變幻莫測的背景圖案以及其他許多效果，從而擴展了你的創造潛力。學習製作這些效果的方法的最好途徑是上網，並以“Photoshop腳本”為關鍵詞進行搜索。大量的網站都提供Photoshop插件、濾鏡和腳本。其中一些產品是短期測試版，一些是免費的。它們的最大優點是文件數據量非常小，你可以在不到一小時的時間裡下載十多個這類產品。

jsx文件ps怎麼安裝

1、首先右鍵解壓準備好的(PS插件)壓縮包，解壓成文件後，需要點擊右鍵全部複製文件。

2、右鍵點擊桌面的PS軟件，找到“打開文件位置”的設置。

3、找到PS插件文件夾Plug-Ins，選擇打開文件。

4、把複製的(PS插件)黏貼到文件夾里。

5、然後打開PS軟件，在菜單欄里選擇濾鏡，找到Portraiture(PS插件)點擊進入。

6、把磨皮插件的許可證黏貼進去就可以使用了。

如何使用react-tools將jsx編譯成JavaScript

使用react-tools將jsx編譯成JavaScript方法：

1,通過npm安裝react-tools

npm –g react-tools

2,通過cmd進入項目根目錄執行watch命令 jsx –watch src/ build/

src路徑下存放的是jsx文件，編譯後的js存放到build路徑下

3,當目標文件變化以後，自動構建生成新的js文件。