大家分享最新版本的亮度蒙版插件TKActions V7 for Mac，適用于多個版本的Photoshop，TKActions v7漢化版中包含RapidMask、Combo、Cx和Batch四個插件，功能各異，tkactions v7插件可以根據圖片亮度的不同，對不同的區域進行單獨的調節，有助于用戶進行后期優化，還在找TK亮度蒙版插件的朋友可以試試哦！

TKActions V7 for Mac官方介紹

TKActions V7是用于制作光度掩模和運行Photoshop的綜合面板的最新版本。它包括以前V6面板的所有功能以及許多新功能。與其前身一樣，TK7面板是模塊化的，因此用戶可以在工作空間中以最佳方式配置它。Combo模塊甚至有兩種不同的安排，如果需要，可以采用新的緊湊布局。TK面板在全球范圍內使用，并預先編程了六種常用語言：英語，西班牙語，德語，法語，意大利語和中文。用戶可以選擇他們喜歡的語言。

RapidMask模塊使用獨特的快速蒙版引擎，以接近實時的速度快速生成光度掩模和其他基于像素的掩模的整個光譜。基于掩碼的界面計算16位掩碼，用戶可以預先看到這些掩碼，以便明智地選擇使用哪一個。界面采用自上而下的工作流程，可以快速輕松地創建蒙版。https://mac.orsoon.com/Mac/171139.html編號部分指導用戶完成整個過程。有幾種修改選項，包括掩模計算器，允許所有掩模，甚至修改的掩模，以獨特的方式組合。

TKActions V7簡化而高效。大多數用戶只需要兩個V6模塊（RapidMask加上Combo或Cx）來完成所有工作。除了主界面之外，還有一些邏輯子菜單可以輕松訪問，并且在不再需要時會自動關閉。將鼠標滾動到下面的圖像上會顯示這些模塊中可用的更多基礎菜單。

TKActions亮度蒙版插件功能特色

TKActions V7面板專為Photoshop CC設計，可充分利用Photoshop CC可容納的HTML5架構。以下是每個模塊的一些功能。

RapidMask

多個面罩/多個來源 - TK7面板不僅僅是一個發光面罩。創建通道，顏色，飽和度和振動掩模與光度掩模一樣容易，并且可以生成這些基于像素的自羽化掩模的整個光譜。SOURCE菜單可以輕松選擇不同的像素數據作為制作蒙版的起點

有組織的工作流程 - 四個不同的部分 - SOURCE，MASK，MODIFY和OUTPUT--引導用戶完成蒙版制作過程。

新面具 -TK7現在具有Color Zone蒙版和CMYK蒙版。

輕松添加和減去蒙版 - 蒙版計算器提供了一種簡單的方法來添加，減去或交叉面板創建的任何蒙版。

https://mac.orsoon.com/Mac/171139.html

更多MODIFY選項 - 新的修改功能允許通過繪畫，刻錄，閃避甚至Photoshop的Camera Raw濾鏡實現精確蒙版。

多種輸出選項 -使用當前的快速蒙版作為圖層蒙版，輕松創建調整圖層和像素圖層。

圖層蒙版模式 - 提供基于圖像的方法，通過將蒙版直接應用為活動圖層上的圖層蒙版，快速選擇或創建最佳蒙版。

強調色界面 - 整個模塊只有一種強調色，用戶可以根據自己的喜好進行更改。

點擊跟蹤 -按鈕在點擊后保留一個強調色的陰影，這樣用戶就可以跟蹤他們上次選擇的面具。

Combo/Cx

緊湊的設計 - 將Photoshop控件，網頁銳化和創意操作集成到一個模塊中。

從模塊運行Photoshop -可以通過單擊模塊單擊按鈕運行許多常用的Photoshop功能，鍵盤快捷鍵和菜單項。

靜音顏色界面 -將按鈕分隔為邏輯組，以便快速找到正確的Photoshop功能。

多功能按鈕 - 幾個按鈕具有雙重功能，可以通過按鈕本身以圖形方式顯示，也可以使用CTRL /命令鍵激活。

使用“TK?”按鈕訪問創意Photoshop操作菜單 - 包括新操作手繪暈影，聚光燈，Dehaze和添加顏色。

曝光混合操作 -Stack，Align和Focus Blend是“TK?”按鈕的一部分。

集成的網絡銳化 -TK7現在提供多維支持。將Web圖像銳化為任何維度，轉換為sRGB，并運行銳化后操作。

擴展用戶操作 -通過“用戶?”按鈕訪問的可編程操作允許用戶直接從面板運行自己的操作。

Batch

多圖像銳化 -只需單擊一下按鈕，即可為網絡調整和銳化圖像的整個文件夾。

多維銳化 -TK7現在允許不同的垂直和水平尺寸，可以組合包含需要以不同方式調整大小的垂直和水平圖像的文件夾。

所有模塊

活動選擇指示器 - 即使沒有可見的行進螞蟻，也會顯示活動選擇。

滾動幫助 - 按住ALT /選項鍵并滾動按鈕會在模塊的頂部或底部顯示幫助消息。

為了方便用戶更好使用web組態，最近提供了用戶自定義組件的功能。在實施項目中就可以使用自己的組件了！

首先我們登陸系統就會看到新增的組件管理選項 如下圖：

點擊添加組件選擇2D組件我們就可以建立一個自己的組件了

《組件設計器》由 基礎設置（包括名稱 code 類型 狀態 icon 次序號 ）HTML編輯區域 CSS編輯區域 JS編輯區域 和預覽區域組成。

首先我們給組件 起一個‘名字’ 和 ‘code’，在url輸入框中可以給組件設置一個icon。點擊保存系統會為我們建立一個組件模板。

由于web組態是由vue開發的所以開發組件也需要vue的的基礎知識。建議去看下vue的教程及生命周期，以方便開發組件。以下我附上vue生命周期圖及組件代碼。

我們就開始設計一個炫酷的按鈕作為例子

HTML代碼如下：

<a href="#" class="btn123" :style="imrstyle" v-show="controlProp.commProp.visible">{{controlProp.textProp.text}}</a>

這里:

style="imrstyle"：樣式 在web組態設計器中呈現的樣式

v-show="controlProp.commProp.visible"：可見性 在web組態設計器中可實現顯示或閃爍

{{controlProp.textProp.text}}：文本 對應組件的文本屬性

更多屬性請參考：http://krmes.com:8000/md/design/#%E7%BB%84%E4%BB%B6%E5%9F%BA%E7%A1%80%E5%B1%9E%E6%80%A7

CSS代碼如下：

.btn123 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      box-sizing: border-box;
      z-index: 1;
    }
    
    .btn123:hover {
      animation: animate 8s linear infinite;
    }
    
    @keyframes animate {
      0% {
        background-position: 0%;
      }
      100% {
        background-position: 400%;
      }
    }
    
    .btn123::before {
      content: '';
      position: absolute;
      top: -5px;
      left: -5px;
      right: -5px;
      bottom: -5px;
      z-index: -9999;
      background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
      background-size: 400%;
      border-radius: 40px;
      opacity: 0;
      transition: 0.5s;
    }
    
    .btn123:hover::before {
      filter: blur(20px);
      opacity: 1;
      animation: animate 8s linear infinite;
    }
    
    

JS代碼如下：

export default {
  props: {
    controlProp: Object //作為web組態設計器的繼承屬性
  },
  data() {
    return {
    }
  },
  computed: {
    imrstyle: function () {  //imrstyle 作為web組態設計器的控制樣式
      let maxWidth=this.controlProp.commProp.width
      let maxHeight=this.controlProp.commProp.height
      if (this.controlProp.textProp && this.controlProp.textProp.padding) {
        maxWidth=maxWidth - this.controlProp.textProp.padding * 2
        maxHeight=maxHeight - this.controlProp.textProp.padding * 2
      }
      return {
        // 'max-width': maxWidth+ 'px',
        // 'max-height': maxHeight+ 'px',
        width: '100%',
        height: '100%',
        'box-sizing': 'content-box',
        background: 'transparent',
        'color': this.controlProp.textProp ? this.controlProp.textProp.fontcolor : '',
        'font-size': this.controlProp.textProp ? this.controlProp.textProp.fontsize + 'px' : '',
        'text-align': this.controlProp.textProp ? this.controlProp.textProp.horizonalign : '',
        'line-height': maxHeight + 'px',
        'vertical-align': this.controlProp.textProp ? this.controlProp.textProp.verticalalign : '',
        'font-family': this.controlProp.textProp ? this.controlProp.textProp.fontfamily : '',
        'font-weight': this.controlProp.textProp ? (this.controlProp.textProp.fontweight ? 600 : 500) : '',
        'font-style': this.controlProp.textProp ? (this.controlProp.textProp.fontitalic ? 'italic' : 'normal') : ''
      }
    }
  },
  created() {
  },
  mounted() {
  },
  methods: {
    initImports() {
      return {

      }
    },
    initProp() {   //初始化狀態 （基礎屬性 特殊屬性 文本屬性）
      return {
        commProp: { // 基礎屬性  
          width: 80,
          height: 30,
          borderwidth: 0,
          backgroundColor: 'linear-gradient(90deg, #03a9f4, #00FFFF)',
          borderradius:5
        },
        spProp:{ // 特殊屬性
          },
        textProp: { // 文本屬性
          text: 'Button',
          fontsize: 12,
          fontcolor: 'black',
          horizonalign: 'center',
          verticalalign: 'middle',
          padding: 0,
          margin: 0
        },
        spPropSetting: [ // 特殊屬性 textinput/numberinput/switch/select/colorPicker/codeInput/dateInput/imgSelect/setup
        ]
      }
    }
  }
}

這里需要注意：

initProp()：方法中實現對組件的 基礎屬性 文本屬性 特殊屬性的初始化配置

更多屬性配置參考：http://krmes.com:8000/md/design/#%E7%BB%84%E4%BB%B6%E5%9F%BA%E7%A1%80%E5%B1%9E%E6%80%A7

點擊保存這樣我們設計的組件就顯示出來了！是不是很簡單。

這樣在我們的web組態中就可以使用我們自定義的組件了！[大笑][大笑][大笑]