編按：

教程結(jié)合PS（Photoshop）軟件和Excel軟件，教大家制作一套包含圖片的動(dòng)態(tài)查詢系統(tǒng)。這套系統(tǒng)關(guān)鍵只有三步：一、保持圖片不變形的情況下批量統(tǒng)一圖片大??；二、批量的插入圖片；三、圖片的動(dòng)態(tài)查詢。教程非常詳細(xì)，即使不懂PS，也完全可以做出圖片不變形的查詢系統(tǒng)。教程比較長(zhǎng)，將分成上下兩篇，本篇為上篇。

擔(dān)任人事行政、庫(kù)管、產(chǎn)品上貨管理等的小伙伴們?cè)诠ぷ髦谐３Ｐ枰獎(jiǎng)討B(tài)查詢?nèi)藛T、產(chǎn)品信息。今天我們就來(lái)做一套包含照片的動(dòng)態(tài)查詢系統(tǒng)，可以查到人員姓名、出生日期、職位、照片等等。

第一步：圖片準(zhǔn)備——保持不變形統(tǒng)一圖片大小

做一套含圖片的動(dòng)態(tài)查詢，為了美觀，需要提前把圖片進(jìn)行處理。處理包括圖片大小的統(tǒng)一（避免載入系統(tǒng)的圖片變形），色彩的調(diào)整等等。這些處理都需要用到一個(gè)著名的也是常用的圖像軟件Photoshop。這個(gè)軟件不但可以處理單張圖片的大小、瑕疵、色彩等，還可以通過(guò)動(dòng)作成批的處理圖片。這里只是教大家批處理圖像大小，操作非常簡(jiǎn)單，即使完全不懂PS的人也可按步驟完成操作。經(jīng)常需要處理圖片的伙伴可以在部落窩教育報(bào)班或者購(gòu)買視頻教程學(xué)習(xí)，具體的課程內(nèi)容請(qǐng)咨詢小編微信：13880153067。

（1）首先把需要處理的圖片統(tǒng)一放在一個(gè)文件夾里，文件夾名按你習(xí)慣命名，這里命名為“原始圖片”。然后再新建一個(gè)文件夾，命名為“裁剪后”。

（2）安裝好Photoshop軟件（不管什么版本。需要安裝協(xié)助的請(qǐng)加QQ群728057972）后，啟動(dòng)它。打開后的界面如下，不同的版本界面有一定變化，但不影響本次操作。

（3）按快捷鍵Ctrl+O或者在屏幕中雙擊左鍵，彈出打開對(duì)話框，找到“原始圖片”文件夾，任意選擇一張圖片，單擊“打開”按鈕。

打開的圖片顯示在屏幕中。

（4）按C鍵在左側(cè)的工具箱中選擇“裁剪工具”，然后在上方的屬性欄中設(shè)置圖片裁剪后的大小。此處的大小按照后續(xù)查詢系統(tǒng)需要的尺寸設(shè)置。這里設(shè)置為寬度140像素，高度140像素。

（5）按F9（或者選擇“窗口”/“動(dòng)作”菜單命令）打開“動(dòng)作”面板。面板上默認(rèn)顯示“默認(rèn)動(dòng)作”組，用于一些特定效果處理。我們需要?jiǎng)?chuàng)建自己的裁剪動(dòng)作。

（6）單擊“動(dòng)作”面板下方“創(chuàng)建新組”按鈕，首先新建一個(gè)動(dòng)作組（好比新建一個(gè)文件夾）。名稱可以按你的需求設(shè)定，這里設(shè)定為“笨木頭動(dòng)作”。

（7）單擊“確定”按鈕后“動(dòng)作”面板里出現(xiàn)了新建的“笨木頭動(dòng)作”動(dòng)作組。單擊“創(chuàng)建新動(dòng)作”按鈕，新建一個(gè)動(dòng)作。動(dòng)作的名稱按我們的需要命名為“裁剪”。

（8）單擊“記錄”按鈕，“動(dòng)作”面板下方原來(lái)的灰色圓點(diǎn)按鈕變成紅色，開始記錄動(dòng)作。

（9）在屏幕中拖動(dòng)鼠標(biāo)，出現(xiàn)一個(gè)裁剪框?？騼?nèi)的是要保留的部分，框外的將被裁剪掉?？梢酝蟿?dòng)框的四角，調(diào)整框的大小，也可以在框中按下左鍵不松移動(dòng)裁剪框的位置，從而調(diào)整需要保留的內(nèi)容。

（10）調(diào)整完畢，直接按Enter鍵進(jìn)行裁剪。這時(shí)圖片縮小了，變成前面設(shè)定的140x140。

（11）按快捷鍵Ctrl+Shift+S(或者選擇“文件”/“存儲(chǔ)為”菜單命令)彈出“另存為”對(duì)話框，保存位置為前方新建的“裁剪后”文件夾，文件名稱不變，保存類型選擇“jpg”。

（12）單擊“保存”按鈕后，彈出“JPEG選項(xiàng)”對(duì)話框，品質(zhì)設(shè)置為“8”就可以滿足絕大多數(shù)需要，格式選項(xiàng)選擇“基線（標(biāo)準(zhǔn)）”。然后單擊“確定”按鈕，完成保存。

（13）單擊“動(dòng)作”面板下方的“停止播放/記錄”按鈕停止記錄動(dòng)作。然后單擊面板上“裁剪”操作前的小方塊，打開切換對(duì)話。注意：這一步非常關(guān)鍵，不能遺忘。只有打開切換對(duì)話，在后續(xù)的批處理中才允許我們每次可以根據(jù)圖片的實(shí)際調(diào)整裁剪框的大小和位置?。?！

（14）按快捷鍵Ctrl+W關(guān)閉文件。執(zhí)行“文件”/“自動(dòng)”/“批處理”菜單命令，彈出“批處理”對(duì)話框。在對(duì)話框中“播放”選項(xiàng)組一般會(huì)自動(dòng)定位到前面我們自己創(chuàng)建的動(dòng)作組和動(dòng)作?！霸础边x項(xiàng)組用于設(shè)定要處理的圖片的位置，選擇“文件夾”，單擊“選擇”按鈕定位到需要處理的圖片所在“原始圖片”文件夾。“目標(biāo)”選項(xiàng)組用于設(shè)定裁剪后的文件保存位置。選擇“文件夾”，單擊“選擇”按鈕定位到前面創(chuàng)建的“裁剪后”文件夾。勾選“覆蓋動(dòng)作中的“存儲(chǔ)為”命令”復(fù)選項(xiàng)。其他不用設(shè)置。

（15）單擊確定后，程序即自動(dòng)從“原始圖片”文件夾中打開一張圖片進(jìn)行裁剪。我們唯一需要做的就是調(diào)整裁剪框的大小和位置。（注意：不要在屬性欄中修改裁剪尺寸！）調(diào)整好了后，回車，程序自動(dòng)保存并打開下一張圖片等待我們裁剪。如此循環(huán)，直到文件夾中所有圖片處理完畢。

（16）處理完畢，查看“裁剪后”文件夾，可以看到，所有圖片都裁剪好了，并且尺寸統(tǒng)一為140x140像素。

（17）把裁剪后的圖片復(fù)制到查詢系統(tǒng)圖片文件夾中待用。這里把它復(fù)制到了桌面的“圖片”文件夾中。

OK，圖片的批量裁剪就完成了。關(guān)閉Photoshop，下面進(jìn)入Excel操作。

第二步：制作數(shù)據(jù)源表并根據(jù)姓名批量插入圖片

數(shù)據(jù)源部分的基礎(chǔ)數(shù)據(jù)可以錄入，也可以直接引用其他表，操作簡(jiǎn)單，不贅述。這里只說(shuō)難點(diǎn)：根據(jù)姓名或者產(chǎn)品名稱批量插入圖片。

如圖，表格里已經(jīng)列好了姓名和相關(guān)信息，在桌面照片文件夾已經(jīng)配置好圖片，圖片的名稱跟姓名一一對(duì)應(yīng)。

現(xiàn)在要在照片這列根據(jù)姓名插入照片，如果手動(dòng)一張張插入是非常麻煩的，那有什么方法可以快速完成呢?操作步驟如下：

（1）在G2輸入：

然后快速填充整個(gè)G列。

此公式的目的就是獲取A列的姓名，生成對(duì)應(yīng)照片的鏈接地址，并與寬高屬性一起形成完整的表格中照片的代碼。

解析：

這里的公式實(shí)際是一句網(wǎng)頁(yè)代碼。Excel支持部分網(wǎng)頁(yè)代碼。

“table”是表格標(biāo)簽;“img”是圖片（image）標(biāo)簽，其后的“src”屬性用于指定圖片的位置。

“”是存放照片的文件夾路徑。實(shí)際操作中根據(jù)照片的實(shí)際路徑修改。

“A2”是姓名單元格，也就是照片名稱。

“width”和 “height”，圖片的寬高屬性，用于指定圖片在EXCEL中顯示的寬度和高度，具體操作大家可以根據(jù)實(shí)際情況進(jìn)行調(diào)整。

（2）把G列的公式復(fù)制粘貼到記事本，然后清空G列的公式。

（3）復(fù)制記事本中的所有內(nèi)容，然后在G2單元格選擇性粘貼為Unicode文本。

（4）點(diǎn)擊確定按鈕，照片就批量導(dǎo)入到表格里了。

注意：如果姓名有變動(dòng)的話，照片不能隨之更新。

第三步：完成動(dòng)態(tài)查詢系統(tǒng)

本文配套的練習(xí)課件請(qǐng)加入QQ群：264539405下載。

需要PS安裝協(xié)助的請(qǐng)加QQ群：728057972。

做Excel高手，快速提升工作效率，部落窩教育《一周Excel直通車》視頻和《Excel極速貫通班》直播課全心為你！

掃下方二維碼關(guān)注公眾號(hào)，可隨時(shí)隨地學(xué)習(xí)Excel：

相關(guān)推薦：

《PS+Excel，做一套圖片不變形的動(dòng)態(tài)查詢系統(tǒng)(下）》

《 008號(hào)是誰(shuí)？電話多少？你需要一張員工信息動(dòng)態(tài)查詢表！》

《學(xué)會(huì)這2個(gè)公式，整理考勤數(shù)據(jù)只要一分鐘》

《EXCEL自動(dòng)《固定資產(chǎn)折舊明細(xì)表》設(shè)計(jì)詳解》