
![]() A-A+ 全屏店招顯得高大上,現(xiàn)在大部分店鋪都在使用,今天給大家制作一個(gè)詳細(xì)的教程,每一步都有配圖,希望大家能夠用上。 使用軟件:Photoshop cc(簡稱ps)、Dreamweaver cc(簡稱dw) 一、 用ps打開制作好的店招和導(dǎo)航(尺寸是1920px寬,150高) (為了沒有廣告嫌疑,打了馬賽克,哈哈?。?/p> ![]() 二、 文件菜單?導(dǎo)出?存儲為web所用格式 ![]() 三、 選擇jpg格式,質(zhì)量設(shè)置80以上,點(diǎn)擊存儲 ![]() 四、 選擇保存的文件夾,命名店招背景 ![]() 六、 新建兩條參考線: 1、視圖菜單?新建參考線,設(shè)置垂直485px 2、視圖菜單?新建參考線,設(shè)置垂直1435px (解釋:店招的默認(rèn)尺寸是寬950px,總長度是1920px,通過參考線可以得到中間的店招的部分) ![]() ![]() 七、 確定中間部分后,使用裁剪工具,框選中間部分,右上角打勾 ![]() ![]() 八、 同“店招背景”的存儲方法存儲店招加導(dǎo)航部分 ![]() ![]() ![]() 九、 把輸出的兩張圖片上傳到淘寶圖片空間(打開淘寶網(wǎng)?登陸?賣家中心?打開圖片空間?上傳) ![]() ![]() ![]() ![]() 十、 打開DW_Dreamweaver軟件(可以百度搜Dreamweaver綠色版下載軟件),文件菜單?新建?html文件 ![]() ![]() 十一、 文件菜單?插入?圖像,選擇“店招加導(dǎo)航”圖片導(dǎo)入到dw, ![]() ![]() ![]()
|
|