用 ImageMagick 来产生相片边框效果

pluskid

下面还是让我们来把几个 EmacsColorTheme 的抓图制作成几张叠加的照片的
效果。首先分别设定几个 color-theme ，然后分别建立抓图：

1. 
   
2. import -frame 1.png
   
3. import -frame 2.png
   
4. import -frame 3.png
   
5. import -frame 4.png
   

复制代码

抓的图片太大了，让我们先把他们缩小一点吧：

1. 
   
2. for file in *.png; do
   
3.     convert $file -resize 400x $file
   
4. done
   

复制代码

好了，现在让我们来制作相片的边框，其实就是先加一个白色的边框，再加一个
灰色的边框，先用产生一个小一点的图来试验一下吧：

1. 
   
2. convert 1.png -resize 100x100 -bordercolor white -border 6 \
   
3.         -bordercolor grey60 -border 1 1-border.png
   

复制代码

OK！这样就是边框了，如图所示：

这样还不够 cool ，让我们来产生一点阴影：

1. 
   
2. convert 1-border.png -shadow 60x4+4+4 1-shadow.png
   

复制代码

这样就产生了阴影：

接下来要做的是把阴影和原来的图形融合到一起：

1. 
   
2. convert 1-shadow.png 1-border.png -background none \
   
3.          -mosaic 1-border-shadow.png
   

复制代码

把上面的步骤连在一起做就是：

1. 
   
2. convert 1.png -resize 100x100          \
   
3.         -bordercolor white -border 6   \
   
4.         -bordercolor grey60 -border 1  \
   
5.         \( +clone -shadow 60x4+4+4 \)  \
   
6.         +swap -background none -mosaic \
   
7.         1-border-shadow.png
   

复制代码

好了，知道如何制作边框了，现在要把几张“照片”组合在一起，让我们再用同样
的办法产生一个 2-border-shadow.png ，然后把一张旋转一下，移动一点，然
后把他们组合在一起：

1. 
   
2. convert 1-border-shadow.png                 \
   
3.         \( -page 20x30 2-border-shadow.png  \
   
4.            -background none -rotate 30 \)   \
   
5.         -background none -mosaic mosaic.png
   

复制代码

好了！这就是基本流程，用类似的办法，我们可以把四张“照片”组合在一起了，
而且我决定最后才加上阴影，而不是每一张都加阴影：

1. 
   
2. convert \( -page +0+40 1.png                  \
   
3.            -bordercolor white -border 6       \
   
4.            -bordercolor grey60 -border 1      \
   
5.            -background none -rotate -5   \)   \
   
6.         \( -page +30+0 2.png                  \
   
7.            -bordercolor white -border 6       \
   
8.            -bordercolor grey60 -border 1      \
   
9.            -background none -rotate 20   \)   \
   
10.         \( -page +10+40 3.png                 \
    
11.            -bordercolor white -border 6       \
    
12.            -bordercolor grey60 -border 1      \
    
13.            -background none -rotate 40   \)   \
    
14.         \( -page +20+50 3.png                 \
    
15.            -bordercolor white -border 6       \
    
16.            -bordercolor grey60 -border 1      \
    
17.            -background none -rotate -20   \)  \
    
18.         -background none -mosaic              \
    
19.         \( +clone -shadow 60x4+4+4        \)  \
    
20.         +swap -background none -mosaic mosaic.png
    

复制代码

这样就能够得到我们的成品了

pluskid

成品太大了，传不上来，哈哈。

pupilzeng

cool!!

ailantian

cool

four

感觉有人应该可以为 imagemagick 做一个user-friendly, intuitive 的前端。

pluskid

Post by four
感觉有人应该可以为 imagemagick 做一个user-friendly, intuitive 的前端。

那样反而复杂，按钮太多了不知道按哪个。

种草得草

imagemagic 真magic

four

Post by pluskid
那样反而复杂，按钮太多了不知道按哪个。

这是界面设计的事情了。
像picasa那样，只要一个按钮 collage 就完成了。

LaoLang_cool

imagemagic和gimp是什么关系呢？一个是命令行下的画图，一个是图形界面的画图？？？谢谢！

pluskid

Post by four
这是界面设计的事情了。
像picasa那样，只要一个按钮 collage 就完成了。

imagemagick 的功能不是用简单的界面就能完全展现出来的呀。因为 imagemagick 本身就是一个工具包，就像 linux 下面那些小程序，真正强大的是他们的各种组合。