先上效果圖看一下：
這個圖是牛仔褲專題的一個右側(cè)模塊，對于一些專題的設(shè)計，也就是相對于某一個單獨的類別來講，應(yīng)該更簡單一些，因為目的明確，所以更有利于我們?nèi)ケ磉_(dá)視覺上的亮點，有力的去抓住一個點，這時候你知道自己想要的是什么，什么樣的表現(xiàn)更適合，才會更有力的展示。本來在這個位置要舉一個很合適的例子來說明一下，不過小女子不才，記憶能力不咋地，把重要的人物給忘了，所以在這里也就不好說了，跳過吧。
接下來我們就不要做語言的矮子了，那要做什么？答對了，做行動的巨人。
Go！Go！Go！加油 加油
下面我們還是要從最基礎(chǔ)的開始講，因為可能有淘友沒有接觸過photoshop這個軟件，所以大家不要著急，慢慢來。在這里要跟大家說一下，我用的是photoshop CS2版本的，如果你沒有這個軟件可以去百度搜索一下，輸入photoshopCS2 下載，百度一下，就可以看到網(wǎng)頁里面的搜索列表了，下載后安裝會出現(xiàn)這樣的一個圖標(biāo)
進(jìn)入界面以后，界面里面除了左側(cè)工具箱和右側(cè)的面板以外，整個的底色都是灰色的，那接下來我們開始新建一個文件，首先我們要了解一下右側(cè)模板的尺寸，那在淘寶首頁的右側(cè)模板這個寬度的尺寸是固定的，也是750像素，高度呢是不限的，所以接下來我們新建一個文件，一般情況下我做這個模塊的時候，都會知道自己想要多大的版面去設(shè)計和表現(xiàn)，所以建立以后基本上都不會做更改，但是你不要害怕，即便是你設(shè)計到最后了才發(fā)現(xiàn)文件小了，不夠大，沒關(guān)系，我們還可以加長的，知道嗎？那在這里，這個文件的尺寸寬是750像素，高是1147像素的，我們可以直接新建一個這樣大小的文件。接下來跟著我的步驟操作，打開photoshop軟件，進(jìn)到界面以后，將鼠標(biāo)移向界面的左上角，也就是軟件的菜單項，單擊‘文件’這個菜單，彈出下拉列表框，點擊‘新建’這個選項如圖：
點擊后出現(xiàn)新建對話框：
在名稱一欄里面我們輸入我們存儲這個文件時的名字，寬度和高度的后面，我們先看下圖的藍(lán)色顯示的欄，這一欄呢是單位，因為我們應(yīng)用于網(wǎng)絡(luò)上，也就是只是在顯示屏上來看的，那我們選擇像素這個單位，然后在寬度和高度后面直接輸入我們要的尺寸，寬度750，高度為1147就好了
輸入尺寸以后我們看下圖，藍(lán)色數(shù)字的位置前面標(biāo)有分辨率，這個我們用72就可以了，顏色模式的位置也是應(yīng)用RGB這個三原色的模式就好，其他為默認(rèn)就好，然后單擊確定按鈕。
按確定以后就會在界面里出現(xiàn)一個窗口如圖：
下面我們開始設(shè)計，在接觸設(shè)計的時候大家都有聽過‘素材’這個詞吧，嗯，很重要的，一種是修飾，一種是主題。我們在開始做設(shè)計之前，首先要先去了解商品，然后呢抓住一個點去表達(dá)，也就是你要表達(dá)形式，心里面大概的會有一個構(gòu)思，然后搜集一些對應(yīng)的素材，對于這個，因為是牛仔褲，所以就有想到牛仔布，但是結(jié)果還是很不理想，因為對方?jīng)]有給我文字，只有圖片，所以其他的都要靠自己去發(fā)揮。接下來就是去看那些商品圖片，當(dāng)你不斷的去了解的時候，事實上靈感就會在某個瞬間一觸即發(fā)了，就像我一樣的，看到下面這張圖片，靈感就閃現(xiàn)了
我們把這個圖片在PS（photoshop簡稱PS）里面打開，如何打開知道嗎？不知道的話看圖：
鼠標(biāo)點擊軟件左上角‘文件’菜單，然后在下拉列表中選擇‘打開’選項即可
此時界面如圖：
下面我們把這張圖片拖到新建文件里面去，選擇工具箱上面的，工具箱就是界面左側(cè)這個條形框，里面都是我們用來做圖的工具，
選擇那個箭頭，然后將鼠標(biāo)移到圖片上，按住鼠標(biāo)左鍵不放拖到新建的文件里面去，如下圖，拖過去以后，我們把打開的圖片關(guān)閉就可以了
因為相機(jī)照出來的圖片的像素高，所以尺寸會大，這時候我們看到新建文件里面的圖片只顯示了一部分，那接下來我們就縮放一下這個圖片，先在新建文件的標(biāo)題欄（也就是藍(lán)色顯示的位置）雙擊鼠標(biāo)，將文件窗口放大，如下圖
這時候我們按ctrl+T組合鍵將圖片縮一下，當(dāng)按下組合鍵的時候，會出現(xiàn)如下圖的控制框，如果你的看不到，按Ctrl+減號鍵將窗口縮小，注意這個時候并不是縮放的圖片，只是窗口而已，縮小以后你就可以看到控制框了如下圖
此時，將鼠標(biāo)移向右上角的控制點位置，當(dāng)鼠標(biāo)出現(xiàn)雙向箭頭時，左手按下ctrl+Alt鍵，這個是等比例縮放，不會使圖片變形，同時按住鼠標(biāo)左鍵不放，向里拖動，直到你覺得合適為止，如圖這樣
到此時為止，我們并不能確定將這個圖片縮放到多大合適，因為后面要根據(jù)我們的排版再進(jìn)行縮放，那此時圖片我們確定了，怎么去表現(xiàn)呢，我想要的是一種簡潔、大氣而且又不失為一種品牌化的視覺感受，那說到這里大家肯定有看到過一些雜志啊，電視啊，或者網(wǎng)絡(luò)上做的一些品牌類的視覺印象，所以呢我選擇的這一張圖片，腰帶和口袋上都有一些亮片，這個很符合年輕人，時尚而且潮，很吸引眼球，那我們通過排版設(shè)計讓它更加突出。
做到這里呢，我在網(wǎng)上查了一些關(guān)于牛仔褲的資料，去了解一下關(guān)于牛仔褲的信息，至少應(yīng)該找到一句合適的廣告語，最后確定這句‘牛仔褲 一年四季不凋零的明星 百搭服裝之首’，我覺得這個很合適，因為我自己很喜歡穿牛仔褲，所以搭上衣的時候即使特別隨意了也不會讓自己太丑，嘿嘿
接下來我們開始排版，首先我們先要建立一個長方形，如同下圖這樣，
我們先建立一個圖層，我們調(diào)出圖層面板，如下圖右側(cè)的這個就是圖層面板，如果你的沒有顯示，請按下鍵盤上的F7鍵就調(diào)出來了，
那我們看一下這個面板最下面的一排按鈕，點擊右邊數(shù)第二個新建按鈕，新建一個圖層出來，
下面開始建立一個黑色的背景塊，建立方法是到左側(cè)的工具箱里面找第一個工具就是選框工具，點擊它以后，你的鼠標(biāo)會呈現(xiàn)十字光標(biāo)形式，然后按住左健不放拖動，會有螞蟻線出現(xiàn)
然后我們按下D字鍵，將顏色轉(zhuǎn)換為黑白色，像下面圖片里，工具箱上顯示的黑白塊兒一樣，黑色為前景色，白色為背景色，然后按住Alt+回格鍵給選區(qū)里面填充黑色，
還是要看我們先前選擇的這張圖片，建立黑色塊以后，圖片就被擋住了，這時候我們在圖層面板里，選中圖片的那個圖層按住鼠標(biāo)左鍵不放向上拖，拖到新建的那個圖層上面，就可以顯示了，此時你的圖層如下
現(xiàn)在我們把圖片置入到黑色矩形框里面，我們不對圖片裁切，這樣方便我們下一步操作，接下來，按住你左手邊的Alt鍵，將鼠標(biāo)移向圖片和黑色矩形框中間位置，如下圖紅色框線的位置，鼠標(biāo)會出現(xiàn)一個帶箭頭和兩個疊加的圓的圖標(biāo)，
將鼠標(biāo)按下，如下圖所示
此時的圖片文件只會顯示和矩形框一樣的大小，那是因為我們把圖片的其他部分都隱藏了，接下來我們將圖片做一下調(diào)整，也就是調(diào)整它的大小和位置，還記得如何調(diào)整圖片大小嗎？對了，按住ctrl+T鍵，出現(xiàn)控制框以后按住shift的鍵是等比例縮放，同進(jìn)按住shift+Alt鍵就是等比例向中間位置縮放，然后同時調(diào)整圖片的位置，隨時松開鼠標(biāo)移動圖片的位置，OK以后，雙擊就可以了。此時效果如圖
下面的工作就是去除牛仔褲的背景顏色，因為這個圖片的背景還是比較單一的，而且背景與褲子的顏色差值也比較大，所以，我們就選用魔棒工具選中背景的那個顏色，魔棒工具在工具箱右側(cè)那排第二個，此工具的選項我們看一下紫色顯示的位置
然后選擇圖片上的背景單擊，同時選擇多塊的時候，按住shift鍵就OK了，此時會出現(xiàn)螞蟻線（要確定你當(dāng)前的圖層在圖片圖層哦），如下圖
此時按下刪除鍵將此顏色刪除掉，OK，你們很棒哎，如下圖
到這里呢，如果你的圖片效果不是很理想，可以通過一些命令或者工具去調(diào)整一下，那下面就是向圖片上面添加文字如下面的效果圖，右上角的位置可以放上自己店鋪的名稱和標(biāo)志，在這里因為不方便放店鋪名稱，所以找了這幾個字來代替一下，
在工具箱中選擇以‘T’字母顯示的工具，然后在頁面上單擊輸入文字，然后選擇‘窗口’菜單點擊‘字符’選項，將字符面板調(diào)出來，如圖
單擊字符面板出現(xiàn)下圖：
我們通過面板上的選項對文字進(jìn)行設(shè)置，文字下面還有一層白色字，只把你的文字復(fù)制一個層，或者直接按ctrl+J鍵就可以復(fù)制了，然后把下面一層文字改成白色，移動一下位置就好了，風(fēng)字可以單獨的打一個字，然后通過字符面板進(jìn)行調(diào)整，下面的文字直接輸入進(jìn)去，然后調(diào)整文字大小，和運(yùn)用不同的字體，大字我們就要用粗一些的字體，小字就要用細(xì)一些的，因為我們要做的品牌化一些，所以要用一些正規(guī)的給人以安全、沉穩(wěn)、嚴(yán)肅的感覺，如圖
此時我們再看一下整體的效果，
這個時候我感覺還是缺少點兒什么，所以呢，我們就再加一些字母，打上‘FASHION’然后填充白色，按下鍵盤上的數(shù)字鍵可以調(diào)節(jié)一下文字的透明度，調(diào)整大小和位置，如下圖
現(xiàn)在有沒有感覺和上面不一樣，那當(dāng)然，要的可是這種效果哦
現(xiàn)在是不是有些累了，站起來活動一下好了，經(jīng)常坐著對身體不好，去運(yùn)動運(yùn)動吧。
5分鐘時間到，OK，我們現(xiàn)在繼續(xù)，接著我們在圖片下方在用選框工具建立一個矩形，同建立這個大的黑色矩形一樣的方法，我相信你依然還記得的，你很棒哦，然后又要用到文字工具了，選擇文字工具以后呢，我們在屏幕上輸入小于號‘<’，這個鍵在你的鍵盤上，M字母的右邊，在英文狀態(tài)下按著shift鍵的同時間輸入就OK了，一直按下去，直到像我們通常的那樣，然后通過字符面板工具調(diào)整一下大小，就像下圖這樣的，
我們成品圖上是兩行對吧，而且方向正好是相反的，好下面我告訴你怎么做另一行，而且調(diào)整方向，按下ctrl+J鍵復(fù)制一個層，用移動工具向下移動這個圖層，然后按下ctrl+T鍵，單擊鼠標(biāo)右鍵，彈出來下圖的選項
點擊藍(lán)色顯示的選項，水平翻轉(zhuǎn)，雙擊完成，調(diào)整一下位置，OK，然后我們就開始下面的這塊比較有創(chuàng)意的部分，（有些自戀啊，不過這個地方是我最喜歡的啦）上下的圖片雖然斷開了，但是視覺上還會有連接的感覺，
首先我們先來建立一個矩形，寬度是和你建立的這個文件寬度一樣的，高度隨意，方法和上面一樣，然后填充白色，雙擊這個白色塊的圖層，彈出下圖圖層樣式對話框，點擊最下邊藍(lán)色顯示的選項，然后我們進(jìn)行設(shè)置，各選項參數(shù)如下圖所示就好，
然后我們在這個矩形框的頂端再建立一個選區(qū)如下圖那個虛線顯示框，
現(xiàn)在不要填充顏色，選擇牛仔褲的圖片，怎么選擇呢，在牛仔褲圖層上單擊鼠標(biāo)右鍵，選擇第一個圖層就是了，然后按上ctrl+J鍵復(fù)制這個圖層中的一部分，然后按住ctrl+shift+}（大括號）鍵將這個圖層放到上頂層，此時你就會看到奇跡出現(xiàn)了，對吧
此時效果如圖
此時我們看到圖片的右邊短了一些，沒關(guān)系，用選區(qū)工具在圖片的右邊畫一個矩形（在圖片的右邊，一定要只選中黑色的部分），然后呢，按住ctrl+T鍵，按住鼠標(biāo)左鍵不放向右拖放就好，OK啦往下看，我們看到圖片下面有斷斷續(xù)續(xù)的線對不對，對啦，還記得上面我們輸入的小括號嗎？對，把它復(fù)制一層下來，放到合適的位置，上一半和圖片重疊，另一部分自然顯示就好了，
做完這步以后，下面的文字我就不再說了，同樣是用上述的字符面板進(jìn)行調(diào)整就OK了，我們直接講下面放圖的這個版塊，
如果上面的這些操作你都明白的話，我想到這里的時候就一定不是問題了，因為這些方法我們都有用過，先用選區(qū)工具建四個黑色的矩形框，
這四個模塊是相同大小和間距的，當(dāng)然你可以根據(jù)你的需求進(jìn)行設(shè)計，
然后再在黑色矩形框上做四個白色框，要比這四個黑色框小一些
然后我們在白色框里面放入圖片就好了，那下圖里面的彩色條和文字我想我不用再多講了，上面我們都有講到過這些工具的應(yīng)用
最下面的這個模塊我想我也不用再過多的講了，只要大家會用了上面的工具，自己想一些創(chuàng)意就可以做的更好的，
到現(xiàn)在你做的怎么樣了，呵，我知道現(xiàn)在大家一定會看累了，因為這個貼子的確好長，事實上這是我從昨天凌晨1點多開始寫，寫到凌晨5點多實在堅持不住了，中午又開始寫寫到現(xiàn)在的，現(xiàn)在北京時間17:38，呵呵終于完成了，能和大家一起分享這些，感覺很開心，好好學(xué)習(xí)，天天向上哦，一會兒吃完飯要去經(jīng)驗居跟前輩們學(xué)習(xí)一會兒了，大家加油哦，你們很棒，如果你有更好的創(chuàng)意，要記得和大家一起分享哦。
