授人以魚不如授之以漁,教會大家一個案例,不如教會大家一種方法。
設計的思維模式絕對不能"僵化",在學習各種教程時,要留意他們使用的方法,并注意時間,這樣你的水平便能提高很快。

今天的教程是:用PS快速打造像素風圖案。
圖案能讓你的網頁背景更加漂亮。本教程將展示如何在5-10分鐘內快速打造像素風格圖案。廢話不多說,開始了!

相關推薦:
超贊!Pixelator圖片一鍵像素化神器
深度解析!如何與像素打交道

10分鐘快速教程:用PS打造像素風圖案
 

步驟一:

先來創建畫布,畫布大小可任意調整,但不能少于10x10 px,因為我們做出來的圖案大小不能小于10 x10 px,文中采用了100 x 100 px,這樣便能進行"放大"、"縮小"。

10分鐘快速教程:用PS打造像素風圖案

步驟二:

放大到最大

10分鐘快速教程:用PS打造像素風圖案

步驟3:

用"鉛筆工具"開始繪制

10分鐘快速教程:用PS打造像素風圖案

步驟4:

默認設置即可;大小1px,顏色使用#000000 不透明度100%

10分鐘快速教程:用PS打造像素風圖案

步驟5:

創建新圖層,該圖層將用來繪制形狀。

10分鐘快速教程:用PS打造像素風圖案

步驟6:

在圖層1中這么畫幾個點

10分鐘快速教程:用PS打造像素風圖案

步驟 7:

使用矩形選框工具選中它們。

10分鐘快速教程:用PS打造像素風圖案

步驟8:

圖像->裁剪

10分鐘快速教程:用PS打造像素風圖案

步驟9:

隱藏背景圖層

10分鐘快速教程:用PS打造像素風圖案

步驟10:

編輯->定義圖案

10分鐘快速教程:用PS打造像素風圖案
 

步驟11:

會彈出這樣的對話框

10分鐘快速教程:用PS打造像素風圖案

這不就有這款圖案了嗎

10分鐘快速教程:用PS打造像素風圖案

效果展示:

10分鐘快速教程:用PS打造像素風圖案

用克萊因藍(RGB 0.47,147)試一下!還不錯!

這張圖呢?

10分鐘快速教程:用PS打造像素風圖案
 
10分鐘快速教程:用PS打造像素風圖案
 10分鐘快速教程:用PS打造像素風圖案

10分鐘快速教程:用PS打造像素風圖案

10分鐘快速教程:用PS打造像素風圖案

結論

希望這個小教程對你有所幫助,舉一反三,打造自己的圖案吧!

原文地址:http://omahpsd.com/2013/06/quick-tips-create-pixel-pattern-photoshop/
優設網翻譯:@MartinRGB
轉摘請注明優設網譯文出處,謝謝各位小編。

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座:每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音(YY頻道:156982)分享實戰經驗。
設計微博:擁有粉絲量56萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

10分鐘快速教程:用PS打造像素風圖案
 

收藏 2
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。