How to create a seamless pattern in Photoshop CC

Welcome the best and the biggest collection of website templates online.
In this Photoshop Tutorial, you will learn creating simple patterns in Adobe Photoshop . I am using Photoshop CC here, but you can use this with any version of Photoshop.

You will learn…
1. How to create pattern in Photoshop?.
2. How to save pattern in Photoshop?
3. How to use pattern in Photoshop?

Steps to create seamless pattern
1.Take new blank document by selecting File - New with dimension 100px by 100px. This document defines the size of pattern. Set the background to transparent. You can experiment with different sizes later on.

2.Create one circle or any shape .and place it at center of the document horizontally and vertically.
3.Duplicate this layer by selecting New - Layer via copy
4.For designing tiles to use as repeating patterns , Select Filter – Other – Offset.
5.We will enter 50px by 50px.
6.The Offset filter moves, the contents of a layer by given pixels horizontally and vertically, or both. You have to enter half the width of your document into the Horizontal input box and half the height of your document into the Vertical input box.
I am entering here,
7.Go to Select - ALL
8.Edit -- Define Pattern
9.Give pattern any name.
10.Select Edit – Fill
In the Fill dialogue box, select pattern from the drop down menu, Select the pattern you have just created.

-~-~~-~~~-~~-~-
Please watch: "How to Design Cool Website Header in Photoshop | Web Design Tutorials"
-~-~~-~~~-~~-~-

[ltpathy]

get this guy a how to vid on voice recording.

[julianhenderson]

Had to mute this one, but got what I needed out of the tutorial. Thanks for the tips!

[srtrombley]

The offset feature is helpful but this pattern isn't seamless. On the finished version in the 3rd column from the left you see a smooshed together paw.

[Sheefteh]

thank you for taking the time to make this video!

[sandrampillay]

Thank you for this excellent tutorial. Will be usingyour methods for my future projects.

[monetterecovery]

you are great! simple and exact to the point tutorial. thank you so much.

[ahamedkabeer]

Sir, everything is good and perfect. But, after creating a pattern as U have taught us, could U pls tell us how to change the pattern's colour if it is required.
Thank U Sir,
Ahamed Kabeer S
From Chennai

[shoppingjean]

Awesome! Thank you. You helped me create my first lens for instagram.

[dmitrikozak]

Your mic quality is great it reminds me of the bugha mic

[nune]

My eardrums blew out but that helped Thank you!

[rajathturbo]

Hello, the video is although helpful, when I set my pixels to 100×100, the picture I want as a pattern completely turns to bulky pixels, but yours doesn't. Please help me with this if possible, if there is no reply to this comment, I'll try setting it 1000×1000 and work on it.

[ddiver]

can only say thank you, hope you are more prosperous

[dsddhilshan]

Thanks man! It's really useful for me!

[Sepu]

Thanks! Your video helped me a lot to create some patterns I had to make :D

[MsInteresting]

You need to fix the mic but thanks for your help. I'll try it.

[edgaras]

i like the kelpy g in the background, very soothing

[jaideepshinde]

Thank you so much for this informative video!

[AstroDynamo]

good tutroial. thanks it was a big help

[ehsan_shardum]

video starts at 4:12
this video is more about designing that shape than to show how patterns are made, this video could have been 1 min -_-

[OCDTraci]

Good stuff man, thank you for sharing!