美工知識(shí),淘寶美工必須學(xué)會(huì)的技能

來源:站酷 作者:淘寶美工教程 學(xué)習(xí):64352人次

講解淘寶美工需要學(xué)會(huì)的一些基礎(chǔ)技能,讓新手大概了解美工的相關(guān)知識(shí)。

淘寶美工的定義是什么?

 

其實(shí),“淘寶美工”是淘寶網(wǎng)店頁面編輯美化工作者的統(tǒng)稱。日常工作包括網(wǎng)店設(shè)計(jì)、圖片處理、頁面設(shè)計(jì)、美化處理、促銷海報(bào)設(shè)計(jì)、商品描述詳情設(shè)計(jì)、專題頁設(shè)計(jì)、店鋪裝修以及商品上下線更換等工作內(nèi)容。不難看出,他和傳統(tǒng)的平面美工、網(wǎng)頁美工等有很大的區(qū)別。

 

美工設(shè)計(jì)從業(yè)人員,是對(duì)整個(gè)店鋪視覺營銷設(shè)計(jì)與裝修最終的執(zhí)行者,整個(gè)工作流程中顯得尤為重要。必須掌握相應(yīng)的專業(yè)技能,才能勝任此工作。

 

一個(gè)網(wǎng)店設(shè)計(jì)的美觀與否,是至關(guān)重要的,它直接影響到店鋪的銷量。在線下實(shí)體店鋪,以及大型商場(chǎng)內(nèi)的商鋪,外部需要有門頭,櫥窗,活動(dòng)海報(bào)等;內(nèi)容部有展柜,出售的商品,模特,導(dǎo)購等等,網(wǎng)店需要展示這些內(nèi)容,全靠美工設(shè)計(jì)人員在店鋪裝修上體現(xiàn)出來。店鋪和人是一樣的,“鳳姐”和“范爺”一眼就能看出不同的檔次。

 

分辨率、像素和尺寸

 

分辨率

分辨率有兩種,屏幕分辨率和圖像分辨率。

屏幕分辨率指顯示器所能顯示的像素有多少,顯示的像素越多,畫面就越精細(xì),信息也越多。例如,將你的電腦顯示器的分辨率設(shè)置成1280x1024,說明你的屏幕

 

像素

圖像由一個(gè)個(gè)點(diǎn)組成,這個(gè)點(diǎn)叫做像素。像素是圖像中最小的單位。每個(gè)像素是一個(gè)小點(diǎn),不同顏色的點(diǎn)(像素)聚集起來就變成一幅動(dòng)人的照片。

我們可以拿一張照片,在photoshop軟件中放大300倍,就可以發(fā)現(xiàn),他是有很多小方格色塊排列組成的,這就是一個(gè)像素。

 

尺寸

圖像尺寸的長度和寬度經(jīng)常以毫米或厘米為單位,也通常以像素為單位。

在做印刷設(shè)計(jì)的時(shí)候,photoshop軟件中新建文件,可以選擇毫米或厘米為尺寸單位;美工設(shè)計(jì)中,長度和寬度尺寸經(jīng)常以像素為單位。

 

位圖和矢量圖

 

位圖又叫點(diǎn)陣圖或像素圖。是由屏幕上的發(fā)光點(diǎn)(即像素)構(gòu)成的,點(diǎn)或像素是最小單位,這些多個(gè)像素的色彩組合就形成了一張圖像稱之為位圖。位圖圖像和分辨率像素有關(guān)。在圖像放大時(shí),可以很清楚的看到每個(gè)像素的組成內(nèi)容。

 

矢量圖使用直線和曲線來描述圖形,這些圖形的元素是一些點(diǎn)、線、矩形、多邊形、圓和弧線等。它的特點(diǎn)是放大后圖像不會(huì)失真,和分辨率無關(guān),適用于圖形設(shè)計(jì)、文字設(shè)計(jì)和一些標(biāo)志設(shè)計(jì)、版式設(shè)計(jì)等。

 

常用的圖片文件格式

圖片格式是計(jì)算機(jī)存儲(chǔ)圖片的格式,常見的存儲(chǔ)的格式有JPG,PNG,JIF,PSD,AI等等。

每一款工具軟件都會(huì)支持輸出不同的圖片格式選項(xiàng),滿足用戶的工作需求。在photoshop軟件中,文件菜單-存儲(chǔ)為,在彈出來的選項(xiàng)面板,保存類型選項(xiàng)提供二十多種圖片格式。

 

 

色彩的基本知識(shí)

三原色

色彩的分類

色彩三要素

色彩模式

色彩的性格

 

必備軟件技能要求

工欲善其事,必先利其器,不管我們做什么工作,都離不開工具。一個(gè)合格的美工人員,也需要掌握幾款常用的工具軟件,猶如書法家創(chuàng)作要有筆墨紙硯;工人上崗要有相應(yīng)的操作機(jī)器技能。

 

美工設(shè)計(jì)最長用的工具就是Photoshop軟件,簡稱“PS”,它是由美國Adobe公司開發(fā)和發(fā)行的圖像處理軟件,功能非常強(qiáng)大,主要應(yīng)用在處理像素構(gòu)成的數(shù)字圖像。 同時(shí)也是這本書重點(diǎn)講解的內(nèi)容。

 

截止目前,Adobe Photoshop CC是市場(chǎng)上最新的版本,支持Windows操作系統(tǒng)和Mac OS系統(tǒng)。Photoshop正版軟件的購買需要到Adobe中國官網(wǎng),在線付費(fèi)下載使用。

 

店鋪裝修常見圖片尺寸

 

淘寶店鋪不同不同位置的圖片尺寸要求也不同,當(dāng)圖片過大,會(huì)自動(dòng)被裁剪掉,而圖片過小,則會(huì)周圍留下空白,或者系統(tǒng)自動(dòng)平鋪,這樣的用戶體驗(yàn)是極其不好的。

所以,當(dāng)我們?cè)谘b修店鋪,設(shè)計(jì)過程中,制作不同區(qū)域的圖片要根據(jù)店鋪要求來確定尺寸、大小等信息。這是美工人員必在動(dòng)手設(shè)計(jì)之前必須要考慮到的,不然設(shè)計(jì)好的圖,因尺寸不合適,造成后期調(diào)整,是非常麻煩的。

 

美工設(shè)計(jì)制作流程

 

1. 素材規(guī)劃。店鋪裝修之前,設(shè)計(jì)人員必須考慮整個(gè)店鋪風(fēng)格,從拍攝照片就必須全面的規(guī)劃。每一個(gè)店鋪都是獨(dú)特富有生命活力的,如何完美的展現(xiàn)給顧客,這都是需要考慮到的。

2. 圖片設(shè)計(jì)制作。拍攝好的商品,模特展示等圖片,需要在Photoshop軟件后期進(jìn)行美化處理,然后配上文案內(nèi)容,進(jìn)行排版設(shè)計(jì)制作。這也是美工設(shè)計(jì)人員工作的重點(diǎn),同樣,也是本書所著重講解的內(nèi)容。

3. 切片處理。使用Photosho切片工具,把設(shè)計(jì)好的內(nèi)容進(jìn)行無縫切片和優(yōu)化處理。同樣,本書有單獨(dú)章節(jié)來講切片內(nèi)容的課程。

4. 上傳空間。把切片存儲(chǔ)好的圖片上傳到淘寶圖片空間或千牛云盤,然后,在Dreamweaver給圖片添加熱點(diǎn)鏈接等內(nèi)容轉(zhuǎn)化為代碼。

5. 預(yù)覽效果。把轉(zhuǎn)化好的代碼有效的安裝到店鋪當(dāng)中,及時(shí)預(yù)覽查看效果。值得注意的是,要及時(shí)檢查代碼鏈接的有效性,處理瑕疵,確定無誤后,方可發(fā)布。

6. 另外,當(dāng)日常工作中遇到其他營銷活動(dòng),需要配合運(yùn)營人員設(shè)計(jì)制作促銷廣告圖。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
怪人2017-03-26 06:31
廣告設(shè)計(jì)跟這個(gè)一樣嗎
怪人2017-03-26 06:03
廣告設(shè)計(jì)跟這個(gè)一樣嗎
2016-10-24 12:36
謝謝
2016-10-24 12:10
謝謝
czw90h2016-10-13 10:57
學(xué)了
czw90h2016-10-13 10:10
學(xué)了
奶油不加蜜2016-09-13 03:23
昨天半夜無聊,對(duì)著鏡子玩石頭剪刀布,沒想到最后還贏了幾局,真高興!
頹廢吐血年代2016-09-13 03:14
今天練路考,師父叫我看看油還有多少,我擰開油箱蓋看了半天也沒看清楚,光線太暗。我順手摸出打火機(jī)湊近油箱口,就在我準(zhǔn)備按下打火機(jī)的時(shí)候師父一腳把我踹飛了,尼瑪?shù)浆F(xiàn)在勞資還在醫(yī)院輸液。我決定明天就退款,這師傅脾氣太壞了。我要換駕校!。
升文20102016-09-13 01:11
醫(yī)院囧事 本人急診科護(hù)士。一次半夜一大叔背著手走進(jìn)大廳東張西望,我說怎么了看病嗎?大叔問晚上有大夫在不外面有人胳膊斷了,我說有啊你把病號(hào)叫進(jìn)來吧我去給你叫大夫,大叔說好然后就從背后抽出手來握著一根胳膊舉到我面前說這是他的胳膊你先拿著我先出去把他抬進(jìn)來。。我當(dāng)時(shí)竟然沒叫 某大哥背部多處刀砍傷,結(jié)果青龍紋身被砍成幾段,縫合時(shí)還得給他接龍… 在腦病科實(shí)習(xí),老師帶我去給一個(gè)七十多的老先生做尿道口護(hù)理。處理完畢后,老師說,清理后要把他這個(gè)龜頭再包到這個(gè)皮里吧啦吧啦。。。結(jié)果 怎么塞龜頭都露在外面。。。老師問家屬,他這個(gè)是不是平時(shí)都塞不進(jìn)去?家屬支吾半天答不上來 后來才那家屬是他女兒 我在泌尿外科實(shí)習(xí)的時(shí)候,老師帶一女實(shí)習(xí)生為我們示范割包皮。治療室門一關(guān),美女同學(xué)戴著口罩帽子跟20幾歲的患者陰莖消毒。女同學(xué)看著患者,患者也看著她。女同學(xué)動(dòng)作輕柔,然后,然后患者勃起了。。。同學(xué)臉紅得隔著口罩都能看到。。。然后治療室男男女女笑的抽筋。。。 本人肛腸科,夜間值班一般沒什么事,一次突然11點(diǎn)被叫過去,一看,一個(gè)年輕男紙站在辦公室外面跟我說屁股卡住了,我沒明白,結(jié)果做肛門檢查時(shí)才發(fā)現(xiàn)居然一個(gè)邊長約2m的三角形魚刺卡在肛門處!我小心的幫他取出來,等他輕松以后我實(shí)在忍不住狂笑問他…帥哥你是怎么咽下去的? 實(shí)習(xí)的時(shí)候,第一次觀摩泌尿外科手術(shù)。手術(shù)臺(tái)上,男病人出現(xiàn)生理反應(yīng),老師淡定地回頭對(duì)我們幾個(gè)女生說:“看,這就是勃起。 我輪轉(zhuǎn)的時(shí)候,一個(gè)嚴(yán)重酒精肝的患者,一邊打著點(diǎn)滴,一邊喝著二鍋頭。我勸他別喝了,他隨手給我了一袋花生米 實(shí)習(xí)上泌尿外科手術(shù),病人是個(gè)陰莖癌,癌組織潰爛的像菜花狀,主刀的江主任看了看問:像不像梅花?接著他開始唱:梅花一弄斷人腸..... 口腔科,老大夫感慨以前的醫(yī)患關(guān)系和諧,說叫病人去給牙照個(gè)像(X光片),兩個(gè)小時(shí)后病人舉著一聯(lián)一寸照片回來了,還說眥著牙照的,不知道能不能看清。還有叫病人去門口買個(gè)本寫病歷,病人跑到文具店買了一個(gè)硬皮筆記本回來,還要問大夫可不可以 實(shí)習(xí)輪的第一個(gè)科室外科,包皮環(huán)切和換藥都在住院部的小診療室,一男銀在術(shù)后第二天的換藥過程中JJ 突然直起,嚇得我用手中的鉗子順手敲過去…… 還是急診,病人車禍去世,家屬?zèng)]找到,肇事司機(jī)去派出所自首,老師去睡覺了,我一個(gè)人大半夜推著尸體送到太平間,好不容易到了,太平間大爺要求幫忙抬尸體放入冰柜,全部照做.回科室之后默默洗掉白大褂上的血漬<衰>我不是女漢子不行啊 2004實(shí)習(xí)第4天的事,跟著師傅做闌尾<嘻嘻>一個(gè)30女多的闌尾發(fā),手術(shù)室的人手不夠,叫我這個(gè)19歲的男孩備皮,由于是第一次,那個(gè)刮毛的手法呀,雞凍雞凍的<可愛>那個(gè)大姐的臉也是通紅通紅的<笑cry>師傅說出一句:還沒有見過噶<閉嘴>辛虧帶口罩看不出我的臉紅 在急診外科實(shí)習(xí)的時(shí)候,半夜進(jìn)來個(gè)殺馬特,身高大概剛到1米6,腰上別把砍刀,滿臉血(別人的血),進(jìn)來把刀往桌上一扔,撩起衣服指著腹部一個(gè)刀口,說:醫(yī)生,給我縫一下就好了。當(dāng)時(shí)哥就受驚了,原來在我們睡覺的時(shí)候,外面真的有江湖。 每個(gè)科室都有故事。。第一個(gè)科室在普外,是十多歲的小男孩做完包皮回來醫(yī)院換藥,穿了媽媽的裙子真空走來,媽媽詢問明天開學(xué)能不能上課 一個(gè)婆婆病人過來觀望,怎么搞的,開水都燙這樣了 急診實(shí)習(xí)、上夜、沖進(jìn)來一群混混,其中一個(gè)伙子把手伸來讓我給接斷指,定睛一看一只手兩手指被齊刷刷砍斷血淋淋的,我尖叫著問斷指在哪兒呢!他從容不迫的用另一手從褲兜里摸出斷指時(shí)我冷汗直冒,但還是知道趕緊給骨科打電話把他接去立即手術(shù),不知手術(shù)成功沒。 某組同學(xué)婦科實(shí)習(xí)的時(shí)候,婦檢時(shí),老師怕病人不讓男同學(xué)看,就說,你們先在一邊,等病人一脫了褲子你們就上。 在放射科值夜班,一個(gè)彪形大漢喝醉酒從橋上掉下去被人抬來檢查,醫(yī)生診斷:骨盆粉碎性骨折、右股骨干粉碎性骨折拍X片確診?因?yàn)樗┲W醒,我們?zhǔn)備去掉皮帶脫掉他褲子,這個(gè)男人死活拽住不讓脫還喊:流氓不要脫爺爺褲子…… 實(shí)習(xí)小轉(zhuǎn)過骨科一個(gè)多月,平時(shí)被拎上手術(shù)臺(tái)抱腿拉勾神馬的時(shí)候早有心理準(zhǔn)備所以沒什么,有次新來個(gè)病人,牽引,直接病房里就把電鉆上了,還是個(gè)大病室,此啦次啦的響啊,旁邊家屬看著直咋舌,那一瞬間覺得那個(gè)舉電鉆的主治帥死了! 同學(xué)實(shí)習(xí)急診科~說他夜班收了一小伙子~痛苦狀來診~問原因結(jié)果發(fā)現(xiàn)丁丁上套了個(gè)鐵環(huán)取不下來~老師當(dāng)場(chǎng)就急了~結(jié)果我同學(xué)在一旁一下沒忍住~笑的bt都飛出來了~<笑cry><笑cry><笑cry> 做實(shí)習(xí)醫(yī)生時(shí),下手術(shù)經(jīng)常沒飯吃!那時(shí)醫(yī)院附近沒超市、飯館。且囊中羞澀,買不起零食;調(diào)皮男生到病房治療室偷輸液用的葡萄糖液充饑。(公費(fèi)醫(yī)療,藥管理松)一次,同學(xué)喝了護(hù)士加了去甲腎上腺素的糖液,頭暈瞼紅心慌血壓高!<抓狂>!時(shí)間久了,示教室里攢了很多瓶子!最后老教授發(fā)現(xiàn),一頓狂罵! 第一次上臺(tái),充當(dāng)?shù)氖瞧餍底o(hù)士的角色,結(jié)果上刀片的時(shí)候把刀片掰斷了<囧>請(qǐng)叫我女漢子! 太多記憶了,在手術(shù)室實(shí)習(xí)時(shí),上晚班,一個(gè)車禍病人,臉部摔裂要縫合,雙氧水倒下去時(shí),那泡沫奔騰的場(chǎng)景,很像喪尸。接著做完兩個(gè)開顱手術(shù)后,淡定的吃著瓦罐湯,我就確信我適合這個(gè)工作了。 談?wù)剬W(xué)解剖的事,臨近考試每晚宿舍輪流去解剖室看標(biāo)本,護(hù)理班都女生(唉,廢話一宿舍能出現(xiàn)男人么),大家都是誠惶誠恐,但都沒說出口。每次看完標(biāo)本,都趕著走不愿意成為最后一熄燈鎖門的人,寢室一姑娘奮勇提出由她鎖門,結(jié)果熄燈關(guān)門白大褂被門夾著人走不了,接著聽到黑暗中慘烈的尖叫。。。 還是幾十年前當(dāng)學(xué)生時(shí)上婦產(chǎn)科課看順產(chǎn)的教學(xué)電影,全年級(jí)兩百多人在黑黑的放映室里,當(dāng)看到會(huì)陰側(cè)切時(shí),就聽到一陣驚呼有人昏倒了,老師開燈后看到一男生臉色蒼白大汗淋漓,后來被連扶帶拖拉出去了 實(shí)習(xí)時(shí)做心電圖,做出來波形一直有干擾,我以為導(dǎo)聯(lián)插的位置不對(duì),就在病人(女性)胸口找肋間隙,緊張的滿臉通紅,最后對(duì)病人說:對(duì)不起,我第一次做。病人回答:誰都有第一次啊,沒關(guān)系。我還記得她模樣,至今想起,心里都是濃濃暖意和感激。 大學(xué)時(shí)實(shí)習(xí),在脊柱外科,當(dāng)時(shí)接臺(tái)手術(shù),研究生去洗手了,沒有人導(dǎo)尿。主刀醫(yī)生指著我說,導(dǎo)過尿沒有?答,沒有。然后就有了人生第一次導(dǎo)尿。導(dǎo)尿前主刀醫(yī)生還說,女孩子就應(yīng)該主動(dòng)一點(diǎn)。。。過程有點(diǎn)小坎坷(男性患者),主刀在旁邊指導(dǎo),當(dāng)時(shí)臉紅的呀,對(duì)面一排的護(hù)士醫(yī)生站整齊一排看著我操作 我把針縫直了… 醫(yī)學(xué)生,之前在腎內(nèi)見習(xí)的時(shí)候有一個(gè)做尿檢病人,捧了滿滿一杯尿,然后在出病房門的時(shí)候一個(gè)趔趄。。。尿全撒了,潑了我一身。。。然后我淡定的轉(zhuǎn)身,又去問護(hù)士要了一個(gè)杯子。叫我女漢子。 也是農(nóng)藥中毒的病人,男性,入住監(jiān)護(hù)室,長托寧應(yīng)用中。一日患者忽然對(duì)與我一個(gè)班的護(hù)士妹妹喊:護(hù)士,我要小姐!妹妹只氣的蛾眉倒豎,杏眼圓睜,嬌叱一聲:流氓!我默默走到該患床前,把小便器遞給了他。病人又是感動(dòng)又是委屈,眼含熱淚道:人家就是要小解么...... 肛腸科實(shí)習(xí),病人已全麻,側(cè)臥位,和另一同學(xué)一起扒著屁股,某老師正專心手術(shù)中,突然患者毫無意識(shí)的情況下放了個(gè)屁,黏液飛濺,我倆躲過一劫,可老師就不幸中槍了。。。?
燒餅夾雞腿2016-09-12 11:26
路上看見一個(gè)臟兮兮的男孩,緊緊盯著前面小女孩手里的一袋牛奶。 小女孩喝完了就隨手把袋子扔到地上,他趕忙蹲下?lián)炱鸬厣系呐D檀,放進(jìn)嘴巴里,我鼻子一酸眼淚就滾了下來。 剛想拉起他就看見他把袋子吹的鼓鼓的放到地上猛地一腳下去。 “砰”。他媽的嚇我一跳!
芳菲de青春2016-09-12 08:01
大家說出一部電視劇或者電影名字,把名字里的任意一個(gè)字用“屌”字代替,我先來:亮屌
盟盟兒2016-09-12 07:52
老子今天在駕校被教練打了,麻辣個(gè)逼,老紙 今天去駕校學(xué)車,被教練踢了一腳,進(jìn)醫(yī)院了。已經(jīng)報(bào)警,怎么會(huì)有這樣的教練?醫(yī)院檢查說沒事,我也不訛人,但他必須給我道歉。原因是今天練路考,教練叫我看看油還有多少,我擰開油箱蓋看了半天也沒看清楚,光線太暗。我順手摸出打火機(jī)湊近油箱口,就在我準(zhǔn)備按下打火機(jī)的時(shí)候教練一腳把我踹飛了,尼瑪?shù)浆F(xiàn)在勞資還在醫(yī)院輸液。我決定明天就退款,這教練脾氣太壞了。我要換駕校!
六年一班2016-09-12 06:58
樓主:爸爸,爸爸,我到底哪來的? 爸爸:這個(gè),這個(gè)。。。你是網(wǎng)上下載來的。 樓主:可是我們家去年才有的網(wǎng)絡(luò),我今年都八歲了。 這時(shí)媽媽過來打圓場(chǎng):傻孩子,是蹭了隔壁王叔叔的WIFI、、、、、、
笑容最美2016-09-12 06:51
和女友啪啪完,把套套丟在床邊,被我家狗狗給吃了。第二天發(fā)現(xiàn)它便秘拉不出來,帶它去醫(yī)院,當(dāng)醫(yī)生從狗狗菊花里取出套套后說了句:居然插的這么深!你難道不考慮它的感受么?然后看我的眼神,我這輩子都忘不了。
驢孩紙F(tuán)orever2016-09-12 06:25
一個(gè)女孩在網(wǎng)上聊了個(gè)男朋友見面了,男的說你把眼睛閉上我給你個(gè)驚喜。于是女的閉上了眼睛,男的拉著女的走了半個(gè)小時(shí),走到一個(gè)小巷子里,男的對(duì)女的說可以睜開眼睛了。女的高興的睜開眼睛,看到男的遞給自己一部最新款蘋果手機(jī),感動(dòng)的接過來親了網(wǎng)友一口說謝謝親愛的。男的說,謝你媽個(gè)B啊,來來來,趕緊給你媽打電話拿錢來,你被綁架了!

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!