
本文目錄
ps如何給海報(bào)加logo
大家在給產(chǎn)品加水印的時(shí)候有沒有發(fā)現(xiàn),如果只是把logo放在產(chǎn)品上面,即使是修改了圖層混合模式,制作出來(lái)的效果還是不是和貼切,很多產(chǎn)品紋理沒有制作出來(lái)。
如果想快速把logo印在產(chǎn)品里面,在PS里面又該如何制作呢?
大家在給產(chǎn)品加水印的時(shí)候有沒有發(fā)現(xiàn),如果只是把logo放在產(chǎn)品上面,即使是修改了圖層混合模式,制作出來(lái)的效果還是不是和貼切,很多產(chǎn)品紋理沒有制作出來(lái)。
如果想快速把logo印在產(chǎn)品里面,在PS里面又該如何制作呢?
如果想快速把logo印在產(chǎn)品里面,在PS里面又該如何制作呢?
下面我們就來(lái)了解一下,利用PS里面的置換功能,快速把logo印在產(chǎn)品里面。
首先要了解一下PS置換原理。置換就是選擇另一幅圖片,讓其在當(dāng)前的圖片上產(chǎn)生凹凸效果。比如要在一塊布料下面印上logo,就使用置換濾鏡選擇logo的圖片,調(diào)整參數(shù)后logo就印在布料上面了。“置換”濾鏡使用置換圖中的顏色值改變選區(qū)。0是最大的負(fù)向改變值,255是最大的正向改變值,灰度值128不產(chǎn)生置換。
*回答來(lái)源鏈接:
以上就是《ps如何給海報(bào)加logo》的全部?jī)?nèi)容,感謝閱讀,希望對(duì)你有幫助!
以上就是《ps如何給海報(bào)加logo》的全部?jī)?nèi)容,感謝閱讀,希望對(duì)你有幫助!
1、水印就相當(dāng)于打在圖像上的一種烙印,以此來(lái)作為圖像的一種標(biāo)識(shí),它可以是幾個(gè)字母、可以是幾個(gè)漢字、可以是一個(gè)圖案、也可以是一個(gè)網(wǎng)址等等。
2、水印圖像制作好后,可以保存為PNG格式以備以后使用。
1、圖像處理:Photoshop的專長(zhǎng)在于圖像處理,而不是圖形創(chuàng)作。圖像處理是對(duì)已有的位圖圖像進(jìn)行編輯加工處理以及運(yùn)用一些特殊效果,其重點(diǎn)在于對(duì)圖像的處理加工;圖形創(chuàng)作軟件是按照自己的構(gòu)思創(chuàng)意,使用矢量圖形等來(lái)設(shè)計(jì)圖形。
2、平面設(shè)計(jì):平面設(shè)計(jì)是Photoshop應(yīng)用最為廣泛的領(lǐng)域,無(wú)論是圖書封面,還是招帖、海報(bào),這些平面印刷品通常都需要Photoshop軟件對(duì)圖像進(jìn)行處理。
3、廣告攝影:廣告攝影作為一種對(duì)視覺要求非常嚴(yán)格的工作,其最終成品往往要經(jīng)過Photoshop的修改才能得到滿意的效果。
AutoCAD(AutodeskComputerAidedDesign)是Autodesk(歐特克)公司首次于1982年開發(fā)的自動(dòng)計(jì)算機(jī)輔助設(shè)計(jì)軟件,用于二維繪圖、詳細(xì)繪制、設(shè)計(jì)文檔和基本三維設(shè)計(jì),現(xiàn)已經(jīng)成為國(guó)際上廣為流行的繪圖工具。
AutoCAD具有良好的用戶界面,通過交互菜單或命令行方式便可以進(jìn)行各種操作。它的多文檔設(shè)計(jì)環(huán)境,讓非計(jì)算機(jī)專業(yè)人員也能很快地學(xué)會(huì)使用。
在不斷實(shí)踐的過程中更好地掌握它的各種應(yīng)用和開發(fā)技巧,從而不斷提高工作效率。AutoCAD具有廣泛的適應(yīng)性,它可以在各種操作系統(tǒng)支持的微型計(jì)算機(jī)和工作站上運(yùn)行。
AdobePhotoshop,簡(jiǎn)稱“PS”,是由Adobe_ystems開發(fā)和發(fā)行的圖像處理軟件。
Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具,可以有效地進(jìn)行圖片編輯工作。ps有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及。
2003年,AdobePhotoshop8被更名為AdobePhotoshopCS。2013年7月,Adobe公司推出了新版本的PhotoshopCC,自此,PhotoshopCS6作為AdobeCS系列的最后一個(gè)版本被新的CC系列取代。
3DStudioMax,常簡(jiǎn)稱為3dMax或3dsMAX,是Discreet公司開發(fā)的(后被Autodesk公司合并)基于PC系統(tǒng)的三維動(dòng)畫渲染和制作軟件。其前身是基于DOS操作系統(tǒng)的3DStudio系列軟件。在WindowsNT出現(xiàn)以前,工業(yè)級(jí)的CG制作被SGI圖形工作站所壟斷。
3DStudioMax+WindowsNT組合的出現(xiàn)一下子降低了CG制作的門檻,首先開始運(yùn)用在電腦游戲中的動(dòng)畫制作,后更進(jìn)一步開始參與影視片的特效制作,例如X戰(zhàn)警II,最后的武士等。
Adobeillustrator,常被稱為“AI”,是一種應(yīng)用于出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件。
作為一款非常好的矢量圖形處理工具,該軟件主要應(yīng)用于印刷出版、海報(bào)書籍排版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁(yè)面的制作等,也可以為線稿提供較高的精度和控制,適合生產(chǎn)任何小型設(shè)計(jì)到大型的復(fù)雜項(xiàng)目。
CorelDRAWGraphicsSuite是加拿大Corel公司的平面設(shè)計(jì)軟件;該軟件是Corel公司出品的矢量圖形制作工具軟件,這個(gè)圖形工具給設(shè)計(jì)師提供了矢量動(dòng)畫、頁(yè)面設(shè)計(jì)、網(wǎng)站制作、位圖編輯和網(wǎng)頁(yè)動(dòng)畫等多種功能。
該圖像軟件是一套屢獲殊榮的圖形、圖像編輯軟件,它包含兩個(gè)繪圖應(yīng)用程序:一個(gè)用于矢量圖及頁(yè)面設(shè)計(jì),一個(gè)用于圖像編輯。
這套繪圖軟件組合帶給用戶強(qiáng)大的交互式工具,使用戶可創(chuàng)作出多種富于動(dòng)感的特殊效果及點(diǎn)陣圖像即時(shí)效果在簡(jiǎn)單的操作中就可得到實(shí)現(xiàn)——而不會(huì)丟失當(dāng)前的工作。通過Coreldraw的全方位的設(shè)計(jì)及網(wǎng)頁(yè)功能可以融合到用戶現(xiàn)有的設(shè)計(jì)方案中,靈活性十足。
如何制作軟件圖標(biāo)
問題一:軟件里面那些圖標(biāo)是怎么做的第一步,準(zhǔn)備一個(gè)圖標(biāo)制作軟件。
問題一:軟件里面那些圖標(biāo)是怎么做的第一步,準(zhǔn)備一個(gè)圖標(biāo)制作軟件。
首先您必須了解所謂的圖標(biāo)(Icon)是一種特殊的圖形文件格式,它是以.ico作為擴(kuò)展名。普通的圖像設(shè)計(jì)軟件無(wú)法使用這種格式,所以您需要到下載一個(gè)ico圖標(biāo)工具,本站常用軟件既有,推薦強(qiáng)大的Microangelo,可以方便的制作ico圖標(biāo).
第二步,確定“收藏夾”圖標(biāo)的規(guī)格。
在收藏夾里出現(xiàn)的是16*16;所使用的顏色最好成績(jī)不要超過16色。(為了清晰),如果你不清楚可以在C盤查找*.ico格式的圖標(biāo),應(yīng)該能在IE緩存里找到那些網(wǎng)站的圖標(biāo),你可以打開這些圖標(biāo)就可以知道該用什么格式的了,跟人家的一樣就行。
第三步浮設(shè)計(jì)一個(gè)屬于您自己的圖標(biāo)。
你可以將您的網(wǎng)站的LOGO做成一個(gè)縮圖或者另外設(shè)計(jì)一個(gè)別具特色的圖案來(lái)作為“收藏夾”圖標(biāo)。總之,它一定要是屬于您自己的,并且能很好的代表您的網(wǎng)站的風(fēng)格和個(gè)性。然后將這個(gè)圖標(biāo)文件命名為:。可以制作的醒目些,比如我做的是一個(gè)白底藍(lán)字的\Adu\,自我感覺良好呵~~~~
最后,只需要將這個(gè)圖標(biāo)文件()上傳到您的網(wǎng)站所在的服務(wù)器的根目錄下。(也就是你的主頁(yè)index所在的那個(gè)文件夾)您不需要對(duì)您的網(wǎng)頁(yè)文件作任何的修改,IE5會(huì)自動(dòng)的不停的搜索您的網(wǎng)站的根目錄,只要它一發(fā)現(xiàn)了這個(gè)文件,就會(huì)將該圖標(biāo)顯示在訪問者的地址欄和收藏夾列表中了。
如果您希望為不同的頁(yè)面設(shè)置不同的“收藏夾”圖標(biāo),那么您就需要在該網(wǎng)頁(yè)文件的HEAD部分加入下面的內(nèi)容:
問題二:怎么制作APP應(yīng)用圖標(biāo)?現(xiàn)在有很多可以在線制作的平臺(tái),你可以去了解了解。
問題三:怎么制作圖標(biāo)用什么工具推薦你個(gè)小軟件:IconLover是一個(gè)強(qiáng)大易用的圖標(biāo)工具。能夠查找、提取、創(chuàng)建和編輯圖標(biāo)、指針以及管理圖標(biāo)庫(kù)和圖像列表。使用IconLover,你可以:*管理圖標(biāo)、靜態(tài)指針和動(dòng)態(tài)指針以及圖標(biāo)庫(kù)、指針***和圖像列表;*創(chuàng)建并編輯適用于WindowsXP的平滑半透明圖標(biāo)、靜態(tài)指針和動(dòng)態(tài)指針;*使用標(biāo)準(zhǔn)大小和自定義大小創(chuàng)建并編輯圖標(biāo),并且色深可以達(dá)到32位真彩色;*使用漸變和棋格填充來(lái)繪制圖像;*創(chuàng)建多圖層圖像;*使用陰影、不透明度、平滑、底片、灰度、彩色化、旋轉(zhuǎn)、卷動(dòng)以及鏡像等效果來(lái)修改圖像;*導(dǎo)入和導(dǎo)出ICO,BMP,JPEG,ANI,CUR,GIF,PNG,PCX,TGA,TIFF,WMF,WBMP,XPM,XBM以及AdobePhotoshopPSD圖像格式;*從ICNS和RSRC文件中導(dǎo)入Mac圖標(biāo);*從ZIP和RAR壓縮檔案中提取圖標(biāo);*壓縮圖標(biāo)到ZIP文件中;*從Internet上下載圖標(biāo);*使用平滑模式重新取樣圖像;*管理圖標(biāo)庫(kù),從而獲取更好及更多的圖像存儲(chǔ)效率;*從Windows可執(zhí)行文件、庫(kù)文件和動(dòng)畫指針文件中提取圖標(biāo);*從DCR和RES文件中提取圖標(biāo)和指針;*直接修改可執(zhí)行文件內(nèi)的圖標(biāo);*搜索文件夾中的圖標(biāo);*一次即可轉(zhuǎn)換或應(yīng)用效果到多個(gè)圖標(biāo)上;
問題四:寫了個(gè)程序,怎樣制作圖標(biāo)有關(guān)什么的程序呢?可以定位好主題,然后網(wǎng)上找找靈感。
問題五:怎么能自己制作桌面圖標(biāo)了首先你下載的jpg圖片分辨率要高,否則制作出的ico格式圖標(biāo)會(huì)很難看。在軟件中打開jpg圖標(biāo),調(diào)整圖片分辨率到適合作圖標(biāo)的分辨率,如180*180或256*256.最后要將調(diào)整后的圖片另存為ico格式后才能被WINDOWS操作系統(tǒng)使用,也可以設(shè)置成png格式,不過必須在蘋果系統(tǒng)下或是WINDOWS系統(tǒng)下用模擬蘋果的停靠欄工具軟件才能使用,效果當(dāng)然要比icol圖標(biāo)強(qiáng)得多。
問題六:如何制作APP圖標(biāo)現(xiàn)在很多朋友都在做手機(jī)APP應(yīng)用,有的APP應(yīng)用圖標(biāo)看起來(lái)很好看,很吸引人,下載的人也多;而有的APP應(yīng)用圖標(biāo)非常模糊,不好看,下載的人也少,那么我們?cè)撊绾沃谱饕粡埦赖氖謾C(jī)APP應(yīng)用圖標(biāo)
在制作手機(jī)APP應(yīng)用圖標(biāo)之前,我們需要對(duì)APP應(yīng)用圖標(biāo)的尺寸有個(gè)詳細(xì)的了解。一般需要制作的尺寸大小為:36*36,48*48,72*72,512*512,這4種基本的尺寸需要做好
那么36*36,48*48,72*72這3種尺寸是為了適應(yīng)不同的手機(jī)屏幕大小而用的。512*512這個(gè)尺寸是你的應(yīng)用上傳到手機(jī)APP應(yīng)用市場(chǎng)的時(shí)候,用來(lái)提交的ICON,所以都是必須要先做好的
知道了哪些尺寸,我們就開始找我們需要的圖標(biāo)圖片了,去圖片網(wǎng)站找一張你喜歡的圖片,感覺很好的圖片,然后把它保存下來(lái)在你的電腦上
然后打開PHOTOSHOPCS6這個(gè)圖片編輯軟件。打開軟件后,點(diǎn)擊軟件左上角的“文件”按鈕,找到里面的“打開”,點(diǎn)擊“打開”然后選擇你電腦里面的圖片打開
圖片在軟件里面打開后,我們?cè)谲浖筮呎业絋這個(gè)標(biāo)示,點(diǎn)擊T,然后鼠標(biāo)放在你的圖片上進(jìn)行文字的輸入和編輯,當(dāng)文字輸入和編輯好了。鼠標(biāo)再點(diǎn)擊軟件左邊最頂上那個(gè)箭頭按鈕
然后我們找到軟件最上面頂部的“圖像”按鈕,點(diǎn)擊進(jìn)去,找到“圖像大小”這個(gè)標(biāo)識(shí),然后點(diǎn)擊它,打開“圖像大小”窗口
然后我們只需要改變下像素大小的寬度和高度,也就是前面說的不同的尺寸,填寫進(jìn)去就好。(注意下面:“約束比例”那個(gè)前面的勾一定要去掉)不然修改不了。修改后,點(diǎn)擊右上角的“確定”按鈕
這時(shí)候圖標(biāo)的打開我們弄好了,接下來(lái)就是把制作好的APP應(yīng)用圖標(biāo)保存到我們的電腦上,同樣打開軟件左上角的“文件”按鈕,點(diǎn)擊后,找到“儲(chǔ)存為”標(biāo)示,然后點(diǎn)擊,然后格式那里,選擇PNG格式,記住一定要PNG格式。然后自己取個(gè)文件名保存到自己的電腦里面就好
這樣一張手機(jī)APP應(yīng)用圖標(biāo)的制作流程就全部完成了。你也可以輕松的制作你的手機(jī)APP應(yīng)用圖標(biāo)了。
問題七:icon圖標(biāo)文件可以用什么軟件制作出來(lái)?圖標(biāo)制作軟件很多,比如IconWorkshop或者IconCoolEditor等等,這些軟件都有漢化綠色版本。
問題八:設(shè)計(jì)圖標(biāo)用什么軟件illustrator與CORELDRW都是做標(biāo)志的軟件,但標(biāo)志在公司也是要手繪的在用電腦做了,
我公司做標(biāo)志就是手繪構(gòu)思了,因?yàn)槭掷L構(gòu)思快,電腦永遠(yuǎn)比不了手繪構(gòu)思快了
雖然他方便,但構(gòu)思比不了,構(gòu)思是大腦,想到就畫,電腦就要想步驟拉~~~
photoshop是處理照片比較好,標(biāo)志也可以做但做完圖片太大了而且是象素的,公司要標(biāo)志都是要矢量的,illustrator與CORELDRW都是做矢量的但illustrator做出來(lái)的圖片也是大他是有圖層的,但現(xiàn)在他是主流了,公司一般都用他.CORELDRW做出來(lái)的圖片小,illustrator與CORELDRW圖片可以互相打開的,illustrator與CORELDRW你隨便用了~~~~
這里都是想我們這樣的創(chuàng)意人在上邊給公司做標(biāo)志了你可以看看別人怎么做,還有上面那個(gè)公司看上你做的標(biāo)志會(huì)給錢的哦~!~~~
一般把在網(wǎng)上給別人做圖的人叫威客了
問題九:如何設(shè)計(jì)APP軟件圖標(biāo)每一個(gè)iOS應(yīng)用都會(huì)以一枚APP啟動(dòng)圖標(biāo)的形式展現(xiàn)給使用者,它能傳達(dá)應(yīng)用程序的基礎(chǔ)信息,并能夠給用戶帶來(lái)第一印象感受。它能直接引導(dǎo)用戶下載并使用應(yīng)用程序。UI設(shè)計(jì)人員有時(shí)設(shè)計(jì)出來(lái)的圖標(biāo)看起來(lái)很炫,但是投入市場(chǎng)后卻得不到用戶的認(rèn)可,點(diǎn)擊率很低,這其中的原因很多,單從視覺設(shè)計(jì)的層面講,如何提升APP軟件圖標(biāo)的視覺效果從而提升點(diǎn)擊率已經(jīng)成為每一個(gè)UI設(shè)計(jì)人員都應(yīng)該考慮的問題。一、APP軟件圖標(biāo)的視覺設(shè)計(jì)1.視覺設(shè)計(jì)要符合平臺(tái)開發(fā)的設(shè)計(jì)規(guī)范性DD不同的應(yīng)用平臺(tái)往往會(huì)產(chǎn)生截然不同設(shè)計(jì)結(jié)果。了解學(xué)習(xí)平臺(tái)開發(fā)規(guī)范,磨刀不誤砍柴工。例如蘋果移動(dòng)平臺(tái)和Windows_Phone_7移動(dòng)平臺(tái)的視覺規(guī)范就有很大不同。2.視覺設(shè)計(jì)要找到共性,抓住個(gè)性DD分析了解同類的APP軟件及各自圖標(biāo)設(shè)計(jì)的定位,找到設(shè)計(jì)方向的共性及其自身軟件的獨(dú)特個(gè)性。在itunes里搜索軟件關(guān)鍵字會(huì)發(fā)現(xiàn)有很多相似的圖標(biāo)。從搜索結(jié)果中不難發(fā)現(xiàn),那些APP軟件圖標(biāo)會(huì)吸引用戶的關(guān)注。3.視覺設(shè)計(jì)要力求設(shè)計(jì)表現(xiàn)的完整性DD明確任務(wù),大膽設(shè)計(jì);簡(jiǎn)化設(shè)計(jì)元素(主圖形、輔助圖形),突出設(shè)計(jì)主題;層次分明,不刻意追求質(zhì)感。4.視覺設(shè)計(jì)要遵循橫向、縱向比較的統(tǒng)一性DD設(shè)計(jì)好圖標(biāo)后,放在同類別APP圖標(biāo)中,去審視自己設(shè)計(jì)的圖標(biāo)是否能夠抓住用戶的眼球;有時(shí)不同平臺(tái)會(huì)產(chǎn)生不同的視覺效果,某些系列化的APP軟件產(chǎn)品更需要通過比較來(lái)分析產(chǎn)品的統(tǒng)一性。比較之后可以有針對(duì)性的微調(diào)、預(yù)調(diào),但不要隨便更改設(shè)計(jì)意圖及表現(xiàn)形式。5.視覺設(shè)計(jì)要保持設(shè)計(jì)過程的連續(xù)性DD隨著軟件版本的升級(jí),APP軟件圖標(biāo)也應(yīng)該在產(chǎn)品升級(jí)的大背景下有所體現(xiàn)。比較好的做法是有計(jì)劃有組織的視覺遞進(jìn)式改進(jìn)。二、APP軟件圖標(biāo)的設(shè)計(jì)方法2.重視APP圖標(biāo)視覺設(shè)計(jì)的層次感,質(zhì)感表現(xiàn)恰到好處。3.在APP圖標(biāo)的視覺設(shè)計(jì)過程中不要浪費(fèi)一個(gè)知名品牌的現(xiàn)有的元素。4.在設(shè)計(jì)過程中運(yùn)用直接了當(dāng)?shù)奈淖謨?nèi)容表現(xiàn)隱喻的設(shè)計(jì)主題。5.在設(shè)計(jì)過程中運(yùn)用行業(yè)標(biāo)準(zhǔn)圖形或主題圖像概括主要內(nèi)容。6.在設(shè)計(jì)過程中最大限度的激發(fā)用戶的好奇心。三、設(shè)計(jì)APP軟件圖標(biāo)時(shí)容易出現(xiàn)的問題1.陶醉于無(wú)意義的視覺質(zhì)感,主題重點(diǎn)本末倒置。2.APP軟件啟動(dòng)圖標(biāo)主題元素與軟件內(nèi)容脫節(jié),缺少關(guān)聯(lián)。3.在設(shè)計(jì)過程中胡亂使用文字表達(dá)主題。4.設(shè)計(jì)方案里的圖像元素在不同平臺(tái)、不同尺寸下的視覺呈現(xiàn)存在明顯差異,看不清所要表達(dá)的主題。5.APP軟件圖標(biāo)給用戶的視覺感受“粉”“灰”“模糊”。
問題十:如何自己制作win7桌面圖標(biāo)簡(jiǎn),隨便用任一款制圖軟件設(shè)計(jì)好,格式不限,然后用格式工廠將格式轉(zhuǎn)換為ico。也就是說,有了格式工廠,你幾乎可以將任一圖片作為圖標(biāo)
可以使用在線logo設(shè)計(jì)網(wǎng)站,例如:
CorelDRAW是一款專業(yè)的矢量繪圖軟件,該軟件是Corel公司推出的矢量圖形制作工具,經(jīng)歷二十多年的發(fā)展與蛻變,CorelDRAWGraphicsSuite系列又有了新的突破。
其完善的內(nèi)容環(huán)境和強(qiáng)大的平面設(shè)計(jì)功能為設(shè)計(jì)師提供充分的施展舞臺(tái),是矢量繪圖、版面設(shè)計(jì)、LOGO設(shè)計(jì)和位圖編輯等方面的神奇利器。
AdobePhotoshop,簡(jiǎn)稱“PS”,是一個(gè)由AdobeSystems開發(fā)和發(fā)行的圖像處理軟件。作為一款位圖設(shè)計(jì)軟件,在平面設(shè)計(jì)領(lǐng)域是絕對(duì)的老大。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具,可以更有效地進(jìn)行圖片編輯工作。部分設(shè)計(jì)師喜歡用它做LOGO設(shè)計(jì)。
AdobeIllustratorCC是目前最優(yōu)秀的矢量圖設(shè)計(jì)軟件之一,是眾多設(shè)計(jì)師必不可少的設(shè)計(jì)工具。該軟件始于1987年,illustrator是矢量藝術(shù)和插圖程序,非常適合從頭開始創(chuàng)建LOGO設(shè)計(jì),或者您可以通過將掃描的設(shè)計(jì)放在畫板上并使用圖像跟蹤面板來(lái)處理這些設(shè)計(jì)。
LogoFree是一個(gè)簡(jiǎn)單易用的免費(fèi)LOGO在線制作平臺(tái),只需兩分鐘,就可以設(shè)計(jì)精美的LOGO,一站式的LOGO設(shè)計(jì)在線生成就這么簡(jiǎn)單,而且免費(fèi)下載。
碩思Logo設(shè)計(jì)師是一款操作靈活簡(jiǎn)單,且功能強(qiáng)大的logo制作軟件。它可以通過簡(jiǎn)單的點(diǎn)擊就可以為網(wǎng)站、博客、論壇和郵件創(chuàng)建專業(yè)的logo、條幅、按鈕、標(biāo)題、圖標(biāo)和簽名等。
該軟件提供了很多精心設(shè)計(jì)的模板和豐富的資源,為更好地創(chuàng)建logo藝術(shù)作品,用戶可以導(dǎo)入圖片并將SWF電影反編譯到應(yīng)用。
有哪些的圖標(biāo)網(wǎng)站值得推薦?
圖標(biāo)網(wǎng)站:
1、Iconfont-阿里巴巴矢量圖標(biāo)庫(kù)
阿里巴巴旗下的免費(fèi)矢量圖庫(kù),提供了矢量圖標(biāo)下載、在線存儲(chǔ)、格式轉(zhuǎn)換等,可以中文搜索,直接在搜索框里輸入需要的內(nèi)容,就可以出現(xiàn)對(duì)應(yīng)的素材。點(diǎn)擊下載圖標(biāo)就可以了,網(wǎng)站還支持在線修改顏色,真的是很絕一網(wǎng)站。
一個(gè)基于平面設(shè)計(jì)師而創(chuàng)辦的icon圖標(biāo)分享平臺(tái),提供高質(zhì)量、可辨識(shí)性強(qiáng)的圖標(biāo),使用者在網(wǎng)站上可以通過右上角的圖標(biāo)找到分類,篩選出你想尋找或使用的標(biāo)志圖示,分類包括動(dòng)物、食物與飲料、生活保健、人物、安全與警示、科學(xué)、運(yùn)動(dòng)與娛樂、交通運(yùn)輸、旅游、天氣與自然等等分類。
IconNinja是一個(gè)高質(zhì)量的免費(fèi)圖標(biāo)素材搜索下載平臺(tái),支持近100萬(wàn)個(gè)免費(fèi)圖標(biāo),按照文件格式、圖片寬度、高度、文件大小等信息,用戶可以根據(jù)自己的需求進(jìn)行選擇,特別適合前端工程師或者PPT設(shè)計(jì)師使用。
icons8是高質(zhì)量的免費(fèi)圖標(biāo)資源網(wǎng)站,支持在線改色、添加文字或背景裝飾等。用戶在下載素材時(shí),可以選擇SVG、EPS、PNG和PDF四種下載格式,方便用戶后續(xù)在不同場(chǎng)景中的使用需求。
IconPark是字節(jié)出品的一個(gè)開源圖標(biāo)庫(kù),可以將一個(gè)單一的SVG源文件變幻出多種主題,網(wǎng)站分類詳細(xì)、為用戶提供更輕量的代碼和更靈活的使用場(chǎng)景;致力于構(gòu)建高質(zhì)量、統(tǒng)一化、可定義的圖標(biāo)資源,讓大多數(shù)人都能夠選擇適合自己的風(fēng)格圖標(biāo)。
新建ctrt+N,新建高寬為256像素大小的圖像,(本人親測(cè),當(dāng)高寬任一大于256像素的話,保存時(shí)都不能為ico格式),控制高寬像素小于256,然后拖進(jìn)自己的圖像,另存為ctrt+shift+s——選擇保存ico格式.即可,出現(xiàn)對(duì)話框,就選擇第二個(gè)選項(xiàng)。即可
方法二,打開ps,打開自己的圖片,ctrt+alt+i調(diào)整圖像大小,控制高寬小于256像素,這個(gè)也實(shí)驗(yàn)過了,當(dāng)大于256像素時(shí)如圖:
當(dāng)小于或等于256像素時(shí),如圖,那么可以保存了,保存時(shí)就有ico格式可以選擇,此時(shí)文件差不多小于150K
選擇保存路徑后,點(diǎn)擊保存,然后選擇第二個(gè)選項(xiàng):png(vista).....。點(diǎn)擊OK即可。(如果選擇第一個(gè),那么文件基本是失敗。)
從設(shè)計(jì)單獨(dú)的圖標(biāo)開始,到把它們轉(zhuǎn)化成@font-face格式以備嵌入,乃至授權(quán)給他人使用,整個(gè)過程中我們將僅使用免費(fèi)軟件和在線服務(wù)。感覺怎么樣呢?你不必依托于任何深?yuàn)W的知識(shí)就可以制作出一套成功的英文字體(包括字母和數(shù)字),而只需要眼睛來(lái)設(shè)計(jì)——你面對(duì)的可能是非常非常小的東西。
最終,你將會(huì)收獲一個(gè)制作設(shè)計(jì)元素的過程(方法),它的意義遠(yuǎn)遠(yuǎn)在制作出簡(jiǎn)單的圖標(biāo)之上。
在我們繼續(xù)之前,首先應(yīng)該談?wù)?究竟希望通過在設(shè)計(jì)中使用圖標(biāo)達(dá)到什么目的,又是什么使得一個(gè)圖標(biāo)比下一個(gè)更成功。先講理論再講應(yīng)用。為了完成這個(gè)任務(wù),我們必須思考圖標(biāo)作為符號(hào)學(xué)的一部分,所扮演的角色。
符號(hào)學(xué),從廣義上來(lái)說就是研究符號(hào)系統(tǒng),我們?nèi)绾螌?duì)它們的形成和維護(hù)做出貢獻(xiàn),它們亦因我們對(duì)世界的理解而受到影響。
不論何時(shí),當(dāng)你從“它象征著什么”——它向你的觀眾傳達(dá)了什么信息,或者它喚起了他們什么概念——思考你的某一部分設(shè)計(jì)工作時(shí),你就是以符號(hào)學(xué)家的角度來(lái)審視你的設(shè)計(jì)。符號(hào)學(xué)像其它語(yǔ)言學(xué)一樣,的確可以覆蓋一種語(yǔ)言,在一個(gè)網(wǎng)站上面,有很多東西不是通過文字表達(dá)出來(lái)的,例如顏色、字體、形狀(圖標(biāo))。每個(gè)人都應(yīng)該注意的是,這些東西所表達(dá)的都含有一種很強(qiáng)的文化因素。在中國(guó),紅色可以表示好運(yùn)氣,而在很多西方國(guó)家,它卻意味著危險(xiǎn)。
術(shù)語(yǔ)“icon”在符號(hào)學(xué)中有一個(gè)特殊的意思。icon是一個(gè)神器,通過相似表達(dá)某事物。例如,一個(gè)標(biāo)記地圖位置的icon。它擁有一個(gè)類似真實(shí)的
地圖標(biāo)記的形狀,因此它可以表示一個(gè)位置,反過來(lái),真正的地圖位置標(biāo)記使人們想起各種有意義的概念。其中這些有抽象的概念,比如地點(diǎn);也有不太抽象的概
念,比如這個(gè)位置可能在什么地方。
一些所謂的圖標(biāo)并不具有真正意義的代表性。無(wú)處不在的RSS圖標(biāo),一個(gè)點(diǎn)和兩個(gè)同心圓弧段,沒有什么比它更像ReallySimple
Syndication了。構(gòu)成RSS圖標(biāo)的形狀通過單獨(dú)約定具有象征意義,對(duì)此我們已經(jīng)達(dá)成了共識(shí)。不過,一個(gè)RSS圖標(biāo)更適合被稱為RSS標(biāo)志。
現(xiàn)在,我希望我們已經(jīng)確定了下面兩項(xiàng)成功的網(wǎng)站icon需要遵循的準(zhǔn)則:
要有與真實(shí)事物的相似點(diǎn),例如,一個(gè)類似真實(shí)打印機(jī)的打印圖標(biāo)。
你的圖標(biāo)在符號(hào)系統(tǒng)中應(yīng)該是一個(gè)熟悉的,可識(shí)別的標(biāo)志。
Icon字體,由于其提供了一種圖標(biāo)速記方式,長(zhǎng)期以來(lái)被認(rèn)為是一種加強(qiáng)型UI設(shè)計(jì),它協(xié)助人們理解文本信息。Icon圖像以毒品傳播的速度在整個(gè)web設(shè)計(jì)社區(qū)流傳,使用它可以使你的設(shè)計(jì)更加亮麗、吸引更多用戶點(diǎn)擊。
與圖片相比,使用icon式字體是一個(gè)相對(duì)新的主意。然而,與圖片(背景圖片方式)相比,它具備很多固有的優(yōu)勢(shì),因此它的吸引力正在逐漸增長(zhǎng)。早在9月初,我在微博上寫了它的一些好處,ChrisCoyier顯然也有類似的想法,幾周之后也向更多觀眾介紹了它。基于以上兩篇文章和其它內(nèi)容,我編寫了這個(gè)較為完整的特征列表:
它們的尺寸能夠輕松調(diào)整,并且不會(huì)損壞圖像質(zhì)量(作為矢量圖);
給icon定義顏色和文本一樣簡(jiǎn)單。例如,對(duì)于一個(gè)rss圖標(biāo),color:orange;
可以把許多icons排列在一個(gè)組中,也就是一個(gè)文件中,這樣只需要一次http請(qǐng)求就可以了;
正如Chris所指出的,它們?cè)贗E6中也可以借著透明性顯示出形狀(這一點(diǎn)與PNG圖片不同);
對(duì)于那些應(yīng)該出現(xiàn)在文字附近的圖標(biāo),對(duì)齊方式和包裝都不是問題(因?yàn)樗鼈兪俏谋?;
你可以應(yīng)用CSS3的text-shadow和background-clip:text效果,以便凸顯字型的形狀;
不像SVG,icon字體很容易實(shí)現(xiàn)跨瀏覽器兼容;
Chris說過,使用icon字體是一個(gè)不錯(cuò)的主意,我要告訴你。
盡管如此,icon字體的使用現(xiàn)狀并不理想。首先,一些優(yōu)質(zhì)的可用字體,如Pictos,Fico,Klepto,Cheetos,Ponyo和SailorMoon都是收費(fèi)的。實(shí)際上意味著真有兩個(gè)問題:
無(wú)論你是否需要花錢,你將會(huì)被迫接受其他一些人的糟糕設(shè)計(jì)。
除了自動(dòng)抓取程序,我假定主要是網(wǎng)頁(yè)設(shè)計(jì)師將會(huì)閱讀這篇文章。我是一個(gè)設(shè)計(jì)師,我不認(rèn)為只有我一個(gè)討厭依靠別人的作品,使自己的設(shè)計(jì)思路大打折扣這
種事兒。當(dāng)然,我更不喜歡那種有支付權(quán)限的想法。我知道自己要使用什么圖標(biāo),并且我知道如何才能使其適合我的整體設(shè)計(jì)。我想要那種控制力。
經(jīng)過一些搜索,我想介紹一下Inkscape的svg字體編輯器。通過使用Inkscape和一款在線轉(zhuǎn)換器(SVG字體到TTF),我制作出了字體“Heyding”,這個(gè)字體在Simurai’slist(由Coyier的文章鏈接到)中有介紹。我不打算將自己的字體賣給你(它是免費(fèi)的),但是我想它會(huì)帶給你一個(gè)非常好的概念。
我們先從下載和安裝Inkscape開始。你也應(yīng)該使用我的icon字體啟動(dòng)器模板,它們被放在這個(gè)GitHub倉(cāng)庫(kù)的資源文件夾里(以后這個(gè)項(xiàng)目中還會(huì)有更多)。一旦你在Inkscape中打開了這個(gè)文件,你應(yīng)該通過在主菜單中打開以下窗口來(lái)設(shè)置好你的工作空間:
在SVG字體編輯面板中,點(diǎn)擊“Font”下的“Font1”。現(xiàn)在,你的工作空間看起來(lái)應(yīng)該有點(diǎn)兒像這個(gè)截圖:
值得指出的是,baseline不是在畫布的下邊界之下:如果你希望與相鄰的字體共享同一條基線,你的圖標(biāo)應(yīng)該很輕微地懸在畫布的底部。我已經(jīng)用Georgia,Arial和一些網(wǎng)頁(yè)字體進(jìn)行了測(cè)試。
為定義字型,點(diǎn)擊SVG字體編輯面板中的“Glyphs”選項(xiàng)卡,然后點(diǎn)擊面板下方的“Add
Glyh”按鈕。一開始你可能不太清楚,但如果你在你的字形(“字型1”)上點(diǎn)擊,一個(gè)字段將會(huì)顯示出來(lái),它要求你輸入你需要的圖標(biāo)對(duì)應(yīng)的字符。我們首先
要做一個(gè)簡(jiǎn)單的星形,所以我建議你輸入的字符“s”,“S”或“*”:
現(xiàn)在我們已經(jīng)定義了字型對(duì)應(yīng)的字符,我們需要制作字型本身。由于這次我們僅僅要制作一個(gè)星星,我們應(yīng)該從Inkscape左邊的工具欄中選擇有用的
,然后,在畫布上繪制一個(gè)星星。你會(huì)發(fā)現(xiàn),這個(gè)工具自帶的選項(xiàng)允許您更改星星的外觀。在我的例子中,選擇了角數(shù)為5,spoke
ratio為0.5,roundedvalue為0.1。
使用AlignandDistributepanel(可能在SVGFontEditor下面隱藏著)使星星橫向居中,然后鄉(xiāng)下拖動(dòng)形狀使觸及基線。關(guān)閉網(wǎng)格顯示之后,畫布看起來(lái)應(yīng)該像這樣子:
在我們的icon字體中,字型只是形狀,沒有顏色、層級(jí)或者漸變的形狀。因此,為了使我們的星星成為一個(gè)合格的字體候選者,我們必須將它由一個(gè)對(duì)象
轉(zhuǎn)化成基于路徑的圖形。你可以通過在主按鈕上選擇星星,然后是PATH→OBJECTTO
PATH來(lái)完成這一任務(wù)。現(xiàn)在,選擇了星星之后,我們可以在SVGFontEditor中,高亮顯示可用的“s”字型,然后點(diǎn)擊Get
當(dāng)你在SampleText區(qū)域輸入“s”時(shí),你的星星應(yīng)該被預(yù)覽出來(lái),如下所示:
你已經(jīng)制作出了第一個(gè)可擴(kuò)展的SVG字體字型。通過使用Filland
Stroke面板上的選項(xiàng):編輯路徑節(jié)點(diǎn),以及合并對(duì)象和筆畫,能夠使你做出更加不凡的icon設(shè)計(jì)。由于我們還有很多要講,我不想深入完成一個(gè)完整的
Inkscape教程,但是遵循下面的簡(jiǎn)單規(guī)則會(huì)給你帶來(lái)好處:
堅(jiān)持使用黑色筆畫和填充,只是為了提醒你:那些icon僅僅是形狀,而非復(fù)雜的矢量圖。為icon上色這件工作,我們會(huì)在最終產(chǎn)品中使用CSS來(lái)完成。
所有對(duì)象和筆畫(線條)必須被轉(zhuǎn)化成路徑(不管使用PATH→OBJECTTOPATH或者PATH→STROKETOPATH)
當(dāng)有多個(gè)對(duì)象和/或筆畫被用來(lái)完成一個(gè)icon字型時(shí),它們應(yīng)該被合并起來(lái)(使用PATH→COMBINE或者,在某些情況下,使用PATH→UNION)
為了在已有的形狀上剪切出想要的形狀,將形狀放置在主形狀上面,選擇兩個(gè)形狀,然后選擇PATH→DIFFERENCE。點(diǎn)擊Getcurvesfromselection,黑色塊上面的白色區(qū)域剔除之后就是你要的形狀。
假如你已經(jīng)重復(fù)了很多次我剛才所描述的方法,創(chuàng)建了一些有用的圖標(biāo),并且,字體文件被保存為。現(xiàn)在,你將要準(zhǔn)備好把這個(gè)圖標(biāo)庫(kù)用于網(wǎng)頁(yè)中。
你應(yīng)該采取的第一項(xiàng)措施是,將SVG字體格式轉(zhuǎn)換成一個(gè)更熟悉、更通用的格式。TTF是一種用于本地安裝的卓越格式。同時(shí),它還為再轉(zhuǎn)化成@font-face提供了一個(gè)良好的基礎(chǔ)。可以進(jìn)行字體轉(zhuǎn)換的在線服務(wù)包括:
,因?yàn)槲也粫?huì)排隊(duì),也從來(lái)沒看到它產(chǎn)生什么故障。
我想,不需要向你介紹如何使用這個(gè)資源也足以顯示我的誠(chéng)意了。醒目的文件上傳字段,select元素和巨大的轉(zhuǎn)換按鈕會(huì)讓你迅速抓住重點(diǎn),真的。
既然你已經(jīng)獲得了一個(gè)TTF,我推薦你現(xiàn)在編輯產(chǎn)生的元數(shù)據(jù)。對(duì)字體進(jìn)行重命名、添加屬性和描述,使它準(zhǔn)備好被安裝、嵌入和分發(fā)。這也是一種聲明字體為你所創(chuàng)造的途徑。運(yùn)行Windows的讀者可以選擇使用貌似很霸氣的MicrosoftFontPropertiesEditor或者允許免費(fèi)使用X天的Typograf。對(duì)于蘋果和Linux用戶,我希望得到你們更好的意見。
重要提示:雖然MicrosoftFontProperties
Editor允許您添加作者,描述和許可信息,它似乎并沒有讓你編輯字體名稱、附言名稱等基本數(shù)據(jù)。這些字段是被禁用的。如果你想使用這些特殊的功能,你
需要在SVG轉(zhuǎn)換為TTF之前,在SVG代碼中編輯禁止的值。在你喜歡的文本編輯器(我用Notepad++)中打開原始的SVG,并編輯以下內(nèi)容:
FontName:標(biāo)簽中可以尋找到,font-family屬性
PostscriptName:標(biāo)簽中可以尋找到,id屬性
Description:你應(yīng)該在這個(gè)標(biāo)簽中添加一個(gè)描述(作者、許可等)。請(qǐng)注意這與TTF描述文字是不同的,轉(zhuǎn)換過程中將不會(huì)被保留;你還需要為TTF添加單獨(dú)的描述信息。
一旦你在本地系統(tǒng)中安裝了TTF,并且已經(jīng)預(yù)覽過,確定沒有出現(xiàn)意外狀況,你就可以在FontSquirrel的@font-facegenerator中運(yùn)行它了。為了使輸出代碼的效率和效果盡量好,這里有幾個(gè)專家模式中的選項(xiàng)值得一提:
Subsetting:該選項(xiàng)允許您只運(yùn)行需要的字符集(包括字符編碼、類型、語(yǔ)言等選項(xiàng)),減少文件大小。
Removekerning:您的圖標(biāo)將幾乎總是單獨(dú)出現(xiàn),所以字距是沒有必要的。據(jù)稱,這也將減小文件大小。
WebOnly:如果你希望您的字體僅僅用于web中,而非桌面-你可以選擇此選項(xiàng)。它也可以更好地滿足您的授權(quán)計(jì)劃。現(xiàn)在我將介紹許可證。
如果你有興趣發(fā)布你的字體,給它添加許可是一個(gè)比較好的做法。否則許多字體網(wǎng)站將不會(huì)帶它玩兒。由于我們制作圖標(biāo)時(shí)使用的是免費(fèi)、開源的軟件,發(fā)布時(shí)也不妨這樣做。
目前,有很多可用的授權(quán)選項(xiàng),而逐一調(diào)查研究它們有時(shí)是令人費(fèi)解的一件事。GNUGeneralPublicLicense是完全可以接受的,但你可能要考慮SILOpenFontLicense。使用這種許可證的主要優(yōu)點(diǎn)是,reservedfontname:即允許其他設(shè)計(jì)師修改字體,但他們需要用不同的名字。在實(shí)踐中,這意味著,對(duì)圖標(biāo)設(shè)計(jì)的一些不良行為不能以“你的名字”來(lái)進(jìn)行。
有了這兩種許可,你還應(yīng)該在一個(gè)文本文件中保存版本信息,同時(shí)在字體的元信息中插入版權(quán)聲明和完整許可的URL鏈接。如果需要更具體的說明,請(qǐng)?jiān)L問各自的許可證頁(yè)面(上面的鏈接)。
為什么要停下使用SVG字體做通用圖標(biāo)的腳步?有了做圖標(biāo)的能力,也就有了能力去設(shè)計(jì)出站點(diǎn)獨(dú)有的形狀、品牌元素和裝飾。這一點(diǎn)像CSS
sprities,所有這些視覺元素都可以保存在一個(gè)文件中,減少了服務(wù)器調(diào)用http請(qǐng)求的次數(shù);不過,icon字體的元素都可以調(diào)整大小,而不必依賴
于位置坐標(biāo)(背景位置值)才能正確顯示。這使它們更適合于responsivedesign。
讓我們假裝要選擇使用一個(gè)SVG字體去代替一些我的steampunk般的blog里基本的設(shè)計(jì)元素。組件設(shè)計(jì)的一個(gè)簡(jiǎn)單的HTML表格呈現(xiàn)會(huì)是這個(gè)樣子:
關(guān)于這種方式,最好的事情就是通用性。舉例來(lái)說,從左邊的第二個(gè)齒輪形狀既可作為一個(gè)微小的圓點(diǎn)設(shè)計(jì),又可以是一個(gè)巨大而抽象的背景裝飾。著色很簡(jiǎn)
單:color:maroon,但沒有必要堅(jiān)持扁平的顏色;多種CSS3效果疊加起來(lái)可以為它添加紋理和觸感。為了讓你一開始有所啟發(fā),查看thisexcellentgalleryofCSS3-enhancedwebfonts。
以這種方式使用字體來(lái)顯示視覺元素的一個(gè)問題是,在屏幕閱讀器上輸出時(shí)會(huì)受到影響。直觀上的網(wǎng)站訪問者會(huì)看到齒輪,箭頭之類的圖標(biāo),但是屏幕閱讀器將堅(jiān)持讀出指定這些設(shè)計(jì)的字符。對(duì)于使用裝飾性的SVG字體元素,我建議聽取Coyier的建議:為Unicode的SupplementaryPrivateUseArea分配向量。這樣的符號(hào)不應(yīng)該由讀者來(lái)讀出。
作為我的JavaScript導(dǎo)師,Rupert,有一天向我指出,使用SVG字體來(lái)創(chuàng)建圖標(biāo)集為合作提供了一個(gè)有趣的機(jī)會(huì)。你看,SVG的代碼-XML的一種形式-是高度標(biāo)準(zhǔn)化而且輕松可讀的。正是源碼的順序讓我覺得,icon字體的開發(fā)很適合選擇像GitHub這樣的協(xié)作編碼服務(wù)。
這個(gè)想法契合了我想要的符號(hào)含義:如果一個(gè)圖標(biāo)是由很多人協(xié)商之后一致確定的,那么它的形成過程中也存在一定的“共識(shí)”。通過我們的圖標(biāo)標(biāo)識(shí)系統(tǒng)設(shè)計(jì)出來(lái)的,一定是最典型的圖標(biāo)。我們應(yīng)該創(chuàng)建一種屬于社區(qū)的icon詞匯,并且它對(duì)于需要的人來(lái)說是有意義的。
為了發(fā)展這個(gè)想法,我創(chuàng)建了一個(gè)公開的GitHub倉(cāng)庫(kù)CommunityIconFont,這個(gè)倉(cāng)庫(kù)的文件結(jié)構(gòu)并不復(fù)雜:仔細(xì)閱讀上面的Inkscape教程和項(xiàng)目主頁(yè)的內(nèi)容應(yīng)該可以為你解答所有的疑惑。如果你是GitHub的新成員,嘗試閱讀它們的幫助頁(yè)面,或者問問你附近的技術(shù)人員(我正是這樣做的)。