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

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

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

10分鐘快速教程:用PS打造像素風(fēng)圖案
 

步驟一:

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

10分鐘快速教程:用PS打造像素風(fēng)圖案

步驟二:

放大到最大

10分鐘快速教程:用PS打造像素風(fēng)圖案

步驟3:

用"鉛筆工具"開始繪制

10分鐘快速教程:用PS打造像素風(fēng)圖案

步驟4:

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

10分鐘快速教程:用PS打造像素風(fēng)圖案

步驟5:

創(chuàng)建新圖層,該圖層將用來繪制形狀。

10分鐘快速教程:用PS打造像素風(fēng)圖案

步驟6:

在圖層1中這么畫幾個點

10分鐘快速教程:用PS打造像素風(fēng)圖案

步驟 7:

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

10分鐘快速教程:用PS打造像素風(fēng)圖案

步驟8:

圖像->裁剪

10分鐘快速教程:用PS打造像素風(fēng)圖案

步驟9:

隱藏背景圖層

10分鐘快速教程:用PS打造像素風(fēng)圖案

步驟10:

編輯->定義圖案

10分鐘快速教程:用PS打造像素風(fēng)圖案
 

步驟11:

會彈出這樣的對話框

10分鐘快速教程:用PS打造像素風(fēng)圖案

這不就有這款圖案了嗎

10分鐘快速教程:用PS打造像素風(fēng)圖案

效果展示:

10分鐘快速教程:用PS打造像素風(fēng)圖案

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

這張圖呢?

10分鐘快速教程:用PS打造像素風(fēng)圖案
 
10分鐘快速教程:用PS打造像素風(fēng)圖案
 10分鐘快速教程:用PS打造像素風(fēng)圖案

10分鐘快速教程:用PS打造像素風(fēng)圖案

10分鐘快速教程:用PS打造像素風(fēng)圖案

結(jié)論

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

原文地址:http://omahpsd.com/2013/06/quick-tips-create-pixel-pattern-photoshop/
優(yōu)設(shè)網(wǎng)翻譯:@MartinRGB
轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處,謝謝各位小編。

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

10分鐘快速教程:用PS打造像素風(fēng)圖案
 

收藏 2
點贊

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。