Game Development Center
Would you like to react to this message? Create an account in a few clicks or log in to continue.



 
HomeLatest imagesSearchRegisterLog in

 

 [Photoshop] Creating Custom Patterns

Go down 
AuthorMessage
takedahasaki
Admin
Admin
takedahasaki


Posts : 104
Points : 23929
Reputation : 1
Join date : 2012-01-03
Age : 28
Location : Ho Chi Minh City

[Photoshop] Creating Custom Patterns Empty
PostSubject: [Photoshop] Creating Custom Patterns   [Photoshop] Creating Custom Patterns EmptySun Mar 11, 2012 8:22 am

1. Create a pattern image


Fire up a new canvas. It should be small (in terms of height x
width). Image you are creating here will duplicate itself to form your
pattern in the later stage. For this example, I’ll be using 8×8 pixel
canvas, zoomed them up and create a small pattern like this.
[Photoshop] Creating Custom Patterns New-pattern-canvas
Pattern at 100% view
[Photoshop] Creating Custom Patterns Pattern100
Pattern at 1600% view
[Photoshop] Creating Custom Patterns Pattern1600
2. Define as pattern


Let’s define it as pattern so it can be used at anytime. Select Edit ->Define Pattern.
[Photoshop] Creating Custom Patterns Define-pattern
Rename it to something you can remember (especially useful when you have a lot of custom patterns in future). I’ll call it Stripe5x because it will give me a stripe effect and 5px is how thick each stripes are. Click OK and you’ve just have your custom pattern defined.
[Photoshop] Creating Custom Patterns Rename-pattern
3. Using custom pattern


Create a new canvas to try out the custom pattern. With your new canvas selected, Select Edit -> Fill.
[Photoshop] Creating Custom Patterns Click-fill
In the Fill dialog box, select Pattern from the dropdown, find the pattern you’ve just created in Custom Pattern and click OK.
[Photoshop] Creating Custom Patterns Selectpattern
The canvas will now be filled with pattern you’ve just created. Tweak the colors and it should look fine.
[Photoshop] Creating Custom Patterns Custom-pattern-final
Misc: Alternative way to call custom pattern


Another way to call up the custom pattern. (Right Click) layer name -> Blending Options
[Photoshop] Creating Custom Patterns Alt-pattern-loader
Check Pattern Overlay, select your pattern
[Photoshop] Creating Custom Patterns Alt2-pattern-loader
Misc – Delete custom pattern


Anywhere in the pattern selection box, (Right Click), choose Delete.
Back to top Go down
https://gamedevcenter.forumotion.com
 
[Photoshop] Creating Custom Patterns
Back to top 
Page 1 of 1
 Similar topics
-
» [Photoshop] Creating a userbar
» [3DSMax] Some Custom Weapons
» [RMVX] Spriting Using Photoshop
» [Photoshop] Effective Logo Design
» [Photoshop] Title/Gameover Screen Design

Permissions in this forum:You cannot reply to topics in this forum
Game Development Center :: Misc Corner :: Misc Tutorials-
Jump to: