手把手教你做超酷的條碼效果

來源:互聯網
上載者:User

聲明

  1. 這篇文章教你在web頁面上實現條碼效果,體現的是利用網頁製作技術綜合解決問題的思路。旨在使對HTML, JavaScript,PhotoShop具有入門級水平的人鞏固入門級水平。
  2. 若有問題不能及時回複,麻煩請擔待,不勝感激。
  3. 高手免進。

製作條碼總共分幾步?

第一步,把冰箱門兒開啟——使用PhotoShop繪製小圖片

我們需要製作出一個含有16個元素的條碼圖片。

首先開啟Photoshop,本篇教程中使用的是CS 簡體中文 版本,僅就本教程所涉及的方面來看,操作都大同小異,只要認真閱讀,應該不會遇到問題。

開啟以後首先按Ctrl + N,建一個 8像素 X 8像素的圖片,背景選擇透明,如圖所示:

為了看清楚,可以把圖片縮放到最大 1600%。

按一下D,再按一下X,確保前景色彩為白色背景色為黑色。

使用Ctrl+Delele,填充背景色,黑色。

使用鉛筆筆工具,參數做如下設定:

刻畫線條,隔一列畫一個。畫成下面這種效果:

將圖層1拖動到下面的建立按鈕上複製一下:

選擇 圖層1 副本,將左邊第一道白色用鉛筆工具塗成黑色(可以按 X 將前景色彩變成黑色)。如下圖所示:



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。