怎样编写一个Photoshop滤镜（1）

            在很久前我曾经写过一篇文章简要讲述了 Photoshop 的滤镜开发的基本概念，并描述了滤镜和 PS之间的协作关系，也提供了一个雨滴效果滤镜的 Demo。但是缺少源代码。而且我们将要产生疑问，我们如何从头开始编写一个 Photoshop 滤镜呢？我们如何建立一个最简单的 PS 滤镜插件的基本框架，然后在这个基础上继续添加我们想要的功能呢？这里，我就以回答一个网友向我提出的问题为例，从最基本的建立项目开始讲起。这个例子（也是这个网友的问题）是，他想做一个最简单的滤镜，也就是仅仅把图像填充为“红色”。对于 PS 用户来说，这当然是非常简单容易的事情，只需要一个快捷键操作而已，（滤镜通常是用于完成比较复杂的任务的），我们就从这个最基本的例子出发讲解编写滤镜的过程。在文章最后将附上范例的源码下载链接。

            （1）我们使用的开发工具是 Visual Studio .NET 2005 版本，搭配 Photoshop SDK CS（本质上就是一些C++代码和资源等文件组成的发行包）。开发语言使用的是C和C++。

            那么使用C#或者其他语言行吗？目前来看可行性不大。所以要开发 Photoshop 滤镜，则要求开发者必须具有较好的C 和 C++ 基础，这是最重要的。当然如果开发者熟悉图像处理，数字信号处理的基本知识将会更好。

            （2）准备好工具后，我们打开 VS2005，新建项目。项目模板我们选择 Visual C++ 的 Win32。项目名称我们输入我们想要创建的滤镜名称，例如“FillRed”滤镜，表示这个滤镜用于填充红色，如下图：

                  

                  点击确定以后，在弹出的设置对话框上，点击“应用程序设置”，在应用程序类型中选择选择“DLL”，然后点击确定。

                  

                  （3）项目建立为一个标准DLL项目，我们在“解决方案资源管理器”中右键点击项目名称，在项目属性中我们做如下一些设置：

                  （a）在常规中，我喜欢把项目使用的字符集改为“使用多字节字符集”，这使我们可以用char*以及直接使用双引号的字符串类型。当然也可以使用Unicode，但是两者的使用的字符串函数会有所不同。可以随你的喜欢设定。

                  （b）项目已经默认输出为DLL， 由于Photoshop的滤镜文件的扩展名是8bf，所以我们在链接器->常规中，把输出文件的扩展名8bf。改为如下图所示。

                  

                  （c）下面点击工具-》选项，在弹出的对话框中，选择“项目和解决方案”-》VC++目录， 在右侧下拉框中选取“包含文件”：把几个Photoshop SDK的文件夹添加到 选项的VC++包含目录中，这将会方便我们编译项目时不会报告找不到文件的错误。如下图所示：

                  

 　　　　　  $(PS_SDK)\photoshopapi\photoshop

　　　　　   $(PS_SDK)\photoshopapi\pica_sp

　　　　      $(PS_SDK)\samplecode\common\includes

 

                  （4）到这里我们已经基本设置好了项目，然后我们打开DLL的主要源文件“FillRed.cpp”，我们把该源文件的代码替换为如下：

 

// FillRed.cpp : 定义 DLL 应用程序的入口点。
//

#include "stdafx.h"
#include "PiFilter.h"
#include <stdio.h>

#ifdef _MANAGED
#pragma managed(push, off)
#endif


#ifndef DLLExport
#define DLLExport extern "C" __declspec(dllexport)
#endif

//=======================================
//        全局变量
//=======================================
//dll instance
HINSTANCE        dllInstance;
FilterRecord*    gFilterRecord;
int32*            gData;
int16*            gResult;
SPBasicSuite*    sSPBasic = NULL;
#define            TILESIZE    128 //贴片大小：128 * 128 
Rect            m_Tile;            //当前图像贴片（128*128）


//=======================================
//        函数列表
//=======================================
//辅助函数，拷贝矩形
void CopyPsRect(Rect* src, Rect* dest);
//辅助函数，把一个矩形置为空矩形
void ZeroPsRect(Rect* dest);
void DoParameters();
void DoPrepare();
void DoStart();
void DoContinue();
void DoFinish();


//辅助函数，拷贝矩形
void CopyPsRect(Rect* src, Rect* dest)
{
    dest->left = src->left;
    dest->top = src->top;
    dest->right = src->right;
    dest->bottom = src->bottom;
}

//辅助函数，把一个矩形置为空矩形
void ZeroPsRect(Rect* dest)
{
    dest->left = 0;
    dest->top = 0;
    dest->right = 0;
    dest->bottom = 0;
}

//DLLMain
BOOL APIENTRY DllMain( HMODULE hModule,
                       DWORD  ul_reason_for_call,
                       LPVOID lpReserved
                     )
{
    dllInstance = static_cast<HINSTANCE>(hModule);
    return TRUE;
}

#ifdef _MANAGED
#pragma managed(pop)
#endif

//===================================================================================================
//------------------------------------ 滤镜被ps调用的函数 -------------------------------------------
//===================================================================================================
DLLExport void PluginMain(const int16 selector,    void * filterRecord, int32 *data, int16 *result)
{
    gData = data;
    gResult = result;
    
    if (selector == filterSelectorAbout)
    {
        //显示关于对话框
        MessageBox(GetActiveWindow(), "FillRed Filter: 填充红色-- by hoodlum1980", "关于 FillRed", MB_OK);
    } 
    else 
    {
        gFilterRecord = (FilterRecordPtr)filterRecord;
        sSPBasic = gFilterRecord->sSPBasic;
    }

    switch (selector)
    {
        case filterSelectorAbout:
            //DoAbout();
            break;
        case filterSelectorParameters:
            DoParameters();
            break;
        case filterSelectorPrepare:
            DoPrepare();
            break;
        case filterSelectorStart:
            DoStart();
            break;
        case filterSelectorContinue:
            DoContinue();
            break;
        case filterSelectorFinish:
            DoFinish();
            break;
        default:
            *gResult = filterBadParameters;
            break;
    }
}

//这里准备参数，就这个滤镜例子来说，我们暂时不需要做任何事
void DoParameters()
{
}

//在此时告诉PS（宿主）滤镜需要的内存大小
void DoPrepare()
{
    if(gFilterRecord != NULL)
    {
        gFilterRecord->bufferSpace = 0;
        gFilterRecord->maxSpace = 0;
    }
}

//inRect     : 滤镜请求PS发送的矩形区域。
//outRect    : 滤镜通知PS接收的矩形区域。
//filterRect : PS通知滤镜需要处理的矩形区域。

//由于我们是使用固定的红色进行填充，实际上我们不需要请求PS发送数据
//所以这里可以把inRect设置为NULL，则PS不向滤镜传递数据。
void DoStart()
{
    if(gFilterRecord == NULL)
        return;

    //我们初始化第一个Tile，然后开始进行调用
    m_Tile.left = gFilterRecord->filterRect.left;
    m_Tile.top = gFilterRecord->filterRect.top;
    m_Tile.right = min(m_Tile.left + TILESIZE, gFilterRecord->filterRect.right);
    m_Tile.bottom = min(m_Tile.top + TILESIZE, gFilterRecord->filterRect.bottom);

    //设置inRect, outRect
    ZeroPsRect(&gFilterRecord->inRect); //我们不需要PS告诉我们原图上是什么颜色，因为我们只是填充
    CopyPsRect(&m_Tile, &gFilterRecord->outRect);

    //请求全部通道（则数据为interleave分布）
    gFilterRecord->inLoPlane = 0;
    gFilterRecord->inHiPlane = 0;
    gFilterRecord->outLoPlane = 0;
    gFilterRecord->outHiPlane = (gFilterRecord->planes -1);
}

//这里对当前贴片进行处理，注意如果用户按了Esc，下一次调用将是Finish
void DoContinue()
{
    if(gFilterRecord == NULL)
        return;

    //定位像素
    int planes = gFilterRecord->outHiPlane - gFilterRecord->outLoPlane + 1; //通道数量         
    uint8 *pData=(uint8*)gFilterRecord->outData;

    //扫描行宽度（字节）
    int stride = gFilterRecord->outRowBytes;

    //我们把输出矩形拷贝到 m_Tile
    CopyPsRect(&gFilterRecord->outRect, &m_Tile);
    for(int j = 0; j< (m_Tile.bottom - m_Tile.top); j++)
    {
        for(int i = 0; i< (m_Tile.right - m_Tile.left); i++)
        {
            //为了简单明了，我们默认把图像当作RGB格式（实际上不应这样做）
            //pData[ i*planes + j*stride + 0 ] = 0;    //Red  
            //pData[ i*planes + j*stride + 1 ] = 0;    //Green 
            pData[ i*planes + j*stride + 2 ] = 255;    //Blue
        }
    }

    //判断是否已经处理完毕
    if(m_Tile.right >= gFilterRecord->filterRect.right && m_Tile.bottom >= gFilterRecord->filterRect.bottom)
    {
        //处理结束
        ZeroPsRect(&gFilterRecord->inRect);
        ZeroPsRect(&gFilterRecord->outRect);
        ZeroPsRect(&gFilterRecord->maskRect);
        return;
    }
    //设置下一个tile
    if(m_Tile.right < gFilterRecord->filterRect.right)
    {
        //向右移动一格
        m_Tile.left = m_Tile.right;
        m_Tile.right = min(m_Tile.right + TILESIZE, gFilterRecord->filterRect.right);
        
    }
    else
    {
        //向下换行并回到行首处
        m_Tile.left = gFilterRecord->filterRect.left;
        m_Tile.right = min(m_Tile.left + TILESIZE, gFilterRecord->filterRect.right);
        m_Tile.top = m_Tile.bottom;
        m_Tile.bottom = min(m_Tile.bottom + TILESIZE, gFilterRecord->filterRect.bottom);
    }

    ZeroPsRect(&gFilterRecord->inRect);
    CopyPsRect(&m_Tile, &gFilterRecord->outRect);
    //请求全部通道（则数据为interleave分布）
    gFilterRecord->inLoPlane = 0;
    gFilterRecord->inHiPlane = 0;
    gFilterRecord->outLoPlane = 0;
    gFilterRecord->outHiPlane = (gFilterRecord->planes -1);
}

//处理结束，这里我们暂时什么也不需要做
void DoFinish()
{
}

 

                  上面的代码也就是滤镜的一个基本框架，我们可以看到DLL将提供的一个导出函数是PluginMain函数，我们将把图像用 128*128 像素的切片进行分割处理，这可以使PS和滤镜之间每次传递较少量数据，尤其是对很大的图像来说，切片处理将有利于应对内存紧张的情况，也是 Photoshop 所提倡的，64*64 或者 128*128 是比较典型的尺寸。

                  其调用过程是，在 start 调用中初始化第一个贴片（Tile），然后我们把第一个贴片设置为outRect，表示我们请求PS提供一个缓冲区用以接收该矩形所在位置的处理后数据，至于inRect，由于我们仅仅是填充，所以我们不关心图像的原来颜色如何，所以 inRect 可以设置为“空矩形”。图像的通道这里我们为了代码的直观和简单起见，我们就仅仅考虑RGB图像，即有3个通道的图像。设置好第一个 outRect，然后PS就会依次不停的开始进行 continue 调用，贴片从左至右，从上到下的顺序拼贴，直到贴片全部处理完成。注意 inData 和 outData 是 PS 向滤镜提供的申请数据和“回写缓冲区”，一个用于读，一个用于写，它们的大小是由滤镜向PS通知请求时填写的数据控制的，操作时绝不能越出其边界。

                  【注意】在滤镜处理数据的代码中请务必小心操作，一旦指针越界将会导致 Photoshop 程序崩溃！

                  有关该滤镜主体代码详细请参见代码注释，以及我此前一篇文章的解释。以及PS SDK的官方文档。这里我们就不再细述代码的原理了，因为它是很简单的。上面的一切代码里面需要引用ps sdk中的头文件。

 

                  （4）这时，项目已经可以成功编译。但下面一步是是欠入 PIPL 资源。

                  必须为滤镜插入 PIPL 资源，才能被Photoshop所正确识别和加载。根据PS提供的文档介绍，PIPL的发音读作"pipple"，它表示 Plug-In Property List。它是一个灵活，可扩展的用于表示插件模块元数据（metadata）的数据结构。pipl包括了Photoshop识别和加载插件模块的所有信息，包含一些标记，以及控制每个插件的各种静态属性等等，你的滤镜可以包含一个或者多个“pipl”结构。

                  为滤镜插入pipl资源的过程如下，首先我们需要给项目添加一个*.r（Macintosh的Rez文件）文件，然后使用 cl.exe 把这个文件编译为一个 *.rr文件，最后用 Ps SDK提供的一个资源转换工具 CnvtPipl.Exe 把*.rr 文件转换为 *.pipl 文件，然后为滤镜添加一个 *.rc资源文件，在rc文件的末尾把 pipl文件包含进来即可。

                  ps sdk已经为我们提供了一个通用的 r文件，包括了通用的属性定义，它是 PIGeneral.r 文件。

                  （a）下面我们就为项目添加一个 r文件，在资源管理器中右键点击“资源文件”文件夹，点击添加新的文件，文件名输入“FillRed.r”。双击打开该文件，复制以下内容：

 

// ADOBE SYSTEMS INCORPORATED
// Copyright  1993 - 2002 Adobe Systems Incorporated
// All Rights Reserved
//
// NOTICE:  Adobe permits you to use, modify, and distribute this 
// file in accordance with the terms of the Adobe license agreement
// accompanying it.  If you have received this file from a source
// other than Adobe, then your use, modification, or distribution
// of it requires the prior written permission of Adobe.
//-------------------------------------------------------------------------------
#define plugInName            "FillRed Filter"
#define    plugInCopyrightYear "2009"
#define plugInDescription \
    "FillRed Filter.\n\t - http:\\www.cnblogs.com\hoodlum1980"

#include "E:\Codes\Adobe Photoshop CS2 SDK\samplecode\common\includes\PIDefines.h"

#ifdef __PIMac__
    #include "Types.r"
    #include "SysTypes.r"
    #include "PIGeneral.r"
    #include "PIUtilities.r"
    #include "DialogUtilities.r"
#elif defined(__PIWin__)
    #define Rez
    #include "PIGeneral.h"
    #include "E:\Codes\Adobe Photoshop CS2 SDK\samplecode\common\resources\PIUtilities.r"
    #include "E:\Codes\Adobe Photoshop CS2 SDK\samplecode\common\resources\WinDialogUtils.r"
#endif

resource 'PiPL' ( 16000, "FillRed", purgeable )
{
    {
        Kind { Filter },
        Name { plugInName },
        Category { "Demo By hoodlum1980" },
        Version { (latestFilterVersion << 16) | latestFilterSubVersion },
        #ifdef __PIWin__
            CodeWin32X86 { "PluginMain" },
        #else
            CodeMachOPowerPC { 0, 0, "PluginMain" },
        #endif

        SupportedModes
        {
            noBitmap, doesSupportGrayScale,
            noIndexedColor, doesSupportRGBColor,
            doesSupportCMYKColor, doesSupportHSLColor,
            doesSupportHSBColor, doesSupportMultichannel,
            doesSupportDuotone, doesSupportLABColor
        },
            
        EnableInfo
        {
            "in (PSHOP_ImageMode, GrayScaleMode, RGBMode,"
            "CMYKMode, HSLMode, HSBMode, MultichannelMode,"
            "DuotoneMode, LabMode,"
            "Gray16Mode, RGB48Mode, CMYK64Mode, Lab48Mode)"
        },

        PlugInMaxSize { 2000000, 2000000 },

        FilterCaseInfo {
            {    /* array: 7 elements */
                /* Flat data, no selection */
                inStraightData,
                outStraightData,
                doNotWriteOutsideSelection,
                doesNotFilterLayerMasks,
                doesNotWorkWithBlankData,
                copySourceToDestination,
                /* Flat data with selection */
                inStraightData,
                outStraightData,
                doNotWriteOutsideSelection,
                doesNotFilterLayerMasks,
                doesNotWorkWithBlankData,
                copySourceToDestination,
                /* Floating selection */
                inStraightData,
                outStraightData,
                doNotWriteOutsideSelection,
                doesNotFilterLayerMasks,
                doesNotWorkWithBlankData,
                copySourceToDestination,
                /* Editable transparency, no selection */
                inStraightData,
                outStraightData,
                doNotWriteOutsideSelection,
                doesNotFilterLayerMasks,
                doesNotWorkWithBlankData,
                copySourceToDestination,
                /* Editable transparency, with selection */
                inStraightData,
                outStraightData,
                doNotWriteOutsideSelection,
                doesNotFilterLayerMasks,
                doesNotWorkWithBlankData,
                copySourceToDestination,
                /* Preserved transparency, no selection */
                inStraightData,
                outStraightData,
                doNotWriteOutsideSelection,
                doesNotFilterLayerMasks,
                doesNotWorkWithBlankData,
                copySourceToDestination,
                /* Preserved transparency, with selection */
                inStraightData,
                outStraightData,
                doNotWriteOutsideSelection,
                doesNotFilterLayerMasks,
                doesNotWorkWithBlankData,
                copySourceToDestination
            }
        }
    }
};

 

                  在FillRed.r文件中我们可以看到我们定义了滤镜的名称，所在的滤镜分组名称（Category），可以启用的图像模式等信息。然后右键点击该文件，在该文件的自定义生成规则的命令行中，点击编辑，输入以下内容：

                  

                  在“命令行”一栏点击编辑按钮，在弹出的窗口中输入以下两行：

cl /I E:\Codes\Adobe~1\samplecode\Common\Includes /IE:\Codes\Adobe~1\PhotoshopAPI\Photoshop /IE:\Codes\Adobe~1\PhotoshopAPI\PICA_SP /IE:\Codes\Adobe~1\samplecode\Common\Resources /EP /DWIN32=1 /Tc"$(InputPath)" > "$(ProjectDir)\$(InputName).rr"

Cnvtpipl.exe "$(ProjectDir)\$(InputName).rr" "$(ProjectDir)\$(InputName).pipl"

 

            其中，第一行表示使用 CL.EXE 把该文件编译为 *.rr文件，上面的“/I”选项表示需要的包含目录。

            第二行表示使用PS SDK中的 Cnvtpipl.exe 工具把 rr文件编译为 pipl文件，请注意为了简单，我把该工具复制到了项目的源文件所在文件夹下面。它位于SDK的路径是：“\samplecode\resources\cnvtpipl.exe”。

            （b）下面我们为项目添加一个 rc文件，同样右键点击“资源文件”，添加一个FillRed.rc文件。

            这是一个windows的资源文件，我们暂时还不需要任何资源，所以我们直接用文本方式打开IDE自动生成的RC文件，在结尾处添加下面的一行：

            

//

#endif    // APSTUDIO_INVOKED

#endif    // 英语(美国)资源
/////////////////////////////////////////////////////////////////////////////



#ifndef APSTUDIO_INVOKED
/////////////////////////////////////////////////////////////////////////////
//
// 从 TEXTINCLUDE 3 资源生成。
//
#include "FillRed.pipl"

/////////////////////////////////////////////////////////////////////////////
#endif    // 不是 APSTUDIO_INVOKED

 

            （5）我们编译项目，即可在项目的输出目录中看到 生成 FillRed.8bf 文件，下面我们把这个文件复制到 Photoshop的滤镜文件夹下面，例如我的Photoshop CS的滤镜所在目录是：“D:\Program Files\Adobe\Photoshop CS\增效工具\滤镜”

                  

 

            最后我们启动Photoshop，Photoshop会扫描插件目录，并把我们的滤镜加载到相应的菜单上，我们选择一个矩形选区，然后点击我们制作的滤镜相应菜单，即可看到效果，如下图所示。注意，下面的例子的效果是我仅仅把蓝通道填充了255。

                  

                  在Photoshop 的帮助菜单- 关于增效工具 - 的子菜单中，可以看到我们编写的“FillRed Filter ...”一项，当点击它时PS即发起 about 调用，即可看到弹出的 MessageBox。

 

                  （6）最后，还是附上这个小例子的源代码下载链接：

                  请注意这个项目中有一些设置，比如 PhotoshopSDK的目录等，需要依据具体环境做出相应调整。PS SDK提供的资源转换工具也包含在项目文件夹内。（注意：附件中并未包含完整PS SDK）

                   https://files.cnblogs.com/hoodlum1980/FillRed.rar

                  （7）总结：

                  这一节讲述了从项目创建，到嵌入pipl资源，建立了一个基本的滤镜框架。但它的功能是非常基本和简单的，在以后的时间里，我们可能需要继续丰富这个例子，包括为它引入对话框资源，令PS为我们的滤镜缓存和读取我们的参数，包括在对话框表面绘制滤镜的预览图形等等。

 

                  我的相关文章：

                  《Photoshop第三方滤镜开发的简介》    

                  《Photoshop滤镜开发简介（2）--Photoshop回调函数》

                  

                                                                                                            --hoodlum1980    2009.05.11