聲明:
- 這篇文章教你在web頁面上實現(xiàn)條形碼效果,體現(xiàn)的是利用網(wǎng)頁制作技術(shù)綜合解決問題的思路。旨在使對HTML, JavaScript,PhotoShop具有入門級水平的人鞏固入門級水平。
- 若有問題不能及時回復(fù),麻煩請擔(dān)待,不勝感激。
- 高手免進。
制作條形碼總共分幾步?
第一步,把冰箱門兒打開——使用PhotoShop繪制小圖片
我們需要制作出一個含有16個元素的條形碼圖片。
首先打開Photoshop,本篇教程中使用的是CS 簡體中文 版本,僅就本教程所涉及的方面來看,操作都大同小異,只要認真閱讀,應(yīng)該不會遇到問題。
打開以后首先按Ctrl + N,建一個 8像素 X 8像素的圖片,背景選擇透明,如圖所示:
為了看清楚,可以把圖片縮放到最大 1600%。
按一下D,再按一下X,確保前景色為白色背景色為黑色。
使用Ctrl+Delele,填充背景色,黑色。
使用鉛筆筆工具,參數(shù)做如下設(shè)置:
刻畫線條,隔一列畫一個。畫成下面這種效果:
將圖層1拖動到下面的新建按鈕上復(fù)制一下:
選擇 圖層1 副本,將左邊第一道白色用鉛筆工具涂成黑色(可以按 X 將前景色變成黑色)。如下圖所示:
出處:藍色理想
責(zé)任編輯:moby
上一頁 下一頁 手把手教你做超酷的條形碼效果 [2]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|