凝結時光：ImageMagick 制作 gif

從去年12.12開始，工作日都會從單位的落地窗向外拍一張照片，有點每日打卡的意思。weekday 是一天不落的，weekend 不是每次都到單位，落了幾次。

想法來自上學的時候，有同學在同一個地方，拍北洋廣場的一年四季，做成 gif，非常漂亮。自己就也想試一下，於是就動手了。

干貨開始。

工具：shell、ImageMagick

1、照片采集

手機拍攝，上傳網盤。

2、照片整理

# 准備目錄
workDir=gifs
mkdir $workDir
mkdir -p $workDir/imgs
mkdir -p $workDir/minImgs

# 准備文件
cd $workDir
cp ~/Downloads/aaa/*.jpg imgs/

3、文件名處理

這個是一個特殊的情況，iPhone 拍出來的照片，傳到網盤后，文件名是“2014-12-31 084045.jpg”，中間有個空格，在處理的時候有點麻煩，需要把空格處理掉。

cd imgs
for f in `find *.jpg | tr ' ' '_'`
do
    mv "`echo $f | tr '_' ' '`" $f 
done

4、圖片加水印

這里我想的是右上角加上日期的標簽，內容可以從文件名里面截取：

水印的坐標需要根據圖片的實際情況去設置，對 ImageMagick 用的不多，還沒有掌握相對坐標的方式（如果有的話）。

# 當前目錄 $workDir/imgs

for f in `ls . | grep jpg` 
do
    echo "current img: "$f
    wm_file=${f:0:10}.jpg
    wm_text=${f:0:10}
    echo "water mark: "$wm_text
    convert -fill white -pointsize 96 -draw "text 2700,160'$wm_text'" $f $wm_file 2> ../log
    rm $f
done

 

5、圖片壓縮

原始的圖片太大，可以適當壓縮下：

DPI 設置為400，壓縮成原來的25%

# 當前目錄 $wordDir/imgs

for f in `ls . | grep jpg`
do
    convert -density 400 -geometry 25% $f ../minImgs/$f
done

cd $workDir

6、合成 gif

這里 imageMagick 默認的一個 tick 是1/100s，這里50個 tick，就是50/100，就是半秒。可以根據自己的需求，多試幾次。

# 當前目錄 $workDir

convert -delay 50 minImg/*.jpg res.gif 2>>log

 

最后，上結果。

（超過10M 了 T T）

http://pan.baidu.com/s/1sjuizQP

 

附全部代碼：

#!/bin/sh
if [[ $# != 1 ]]
then
    echo "Usage: sh makeGif.sh srcDir"
    exit 1
fi

SRCDIR=$1
WORKDIR=gifs
mkdir $WORKDIR
mkdir -p $WORKDIR/imgs
mkdir -p $WORKDIR/minImgs

# 准備文件
cd $WORKDIR
cp $SRCDIR/*.jpg imgs/

cd imgs
for f in `find *.jpg | tr ' ' '_'`
do
    mv "`echo $f | tr '_' ' '`" $f 
done

# 當前目錄 $WORKDIR/imgs

for f in `ls . | grep jpg` 
do
    echo "current img: "$f
    wm_file=${f:0:10}.jpg
    wm_text=${f:0:10}
    echo "water mark: "$wm_text
    convert -fill white -pointsize 96 -draw "text 2700,160'$wm_text'" $f $wm_file 2> ../log
    rm $f
done

# 當前目錄 $wordDir/imgs

for f in `ls . | grep jpg`
do
    convert -density 400 -geometry 25% $f ../minImgs/$f.jpg
done

cd ..

# 當前目錄 $WORKDIR
 
convert -delay 50 minImgs/*.jpg res.gif 2>>log