PNG and PAT, download. Price :$6.49 US Dollars
Symmetry. How to create tiles using symmetry and brushes. I would not say this is a perfect approach to creating tiles but using basic brushes and the symmetry feature along with the mandala with segment count of 4 or 8 or 2, you can generally create lovely pattern tiles that are seamless. Not all the brushes will work and some more complex strokes such as watercolor will create seams in the design but generally with the more basic brushes you can create all kinds of tiles in seconds. Create a document 1000 x 1000 or 2000 x 2000. Go to the brush tool and select a basic preset and set the size and then go to the symmetry (top of the app and middle) and select the mandala and then set it to 8. Don't transform it or move it from the center of the document. Apply the brush strokes such as changing colors as well as changing strokes / presets etc. Apply the strokes up to the edges and if things are fine then you will see the same design appear all around the document. You will have a nice tile design. Go to the edit menu and define pattern command for Photoshop. You can do the same with the segment count of 4 etc. You can apply multiple new strokes to the design and then go to the edit menu and define it. Make certain that you test the tile via the new layer and fill command to see if the design is seamless. If not, perhaps a little blurring around the edges will make it look even more convincing but the symmetry is a great way to create some very quick and convincing symmetrical tiles. You can also then export these designs via the file save or export command or via the library and add them into other applications. This is a feature that was added to the application with CC 2019. You can remove the symmetry path via the same symmetry commands by selecting the off command. You can also use the feature with the offset plugin found in the filter menu. You can offset the design over and over and continue to use the mandala to add more and more complexity to your design.
Type. How to use patterns with Photoshop type. Create a new document. Go to the type tool found in the toolbar. The designs are added as a layer. Go to the layer menu and then layer style and then pattern overlay. Set the opacity and blending mode and the scale and alignment of the overlay and select the tile preset you want to use (such as the 1000s of tiles available on this site). Click OK. You can change this design at any point via the layers panel and the layer entry and double click the overlay entry. You can also turn the type into a smart object via the layers menu and smart objects and convert to smart object. You can then add an overlay entry as before and you can also combine the tile with multiple tiles via multiple smart objects as well as combining it with smart adjustments and smart filters such as camera raw to re-color the type design. You can also use the horizontal or vertical mask type tool and using that, you will get a selection as soon as you click ok. You can then go to the edit menu and fill and selection a pattern and perhaps use the scripts to fill the design with brick fills or symmetry tiles and more. You can also go to the stamp tool found in the toolbar and paint on the current preset using the current blending mode and dab and opacity. You can also use the type selection as a great pattern fill layer via the layer menu and new fill layer. The tile will be just applied to the selection so the layer will not extend beyond that mask. You can then manipulate the scale as well as the preset. You can create multiple layers using different tiles using the same selection. If you go for the basic type tool instead of the mask one, you can change the type at any time and the preset pattern applied will reflect the applied tile overlay.
Masks. How to mask pattern layers in Photoshop ? Go to the layer menu and new fill layer and select the patterns command. You can set the scale (100% or 200% etc) for the tile. You can also align the layer. Click OK. A layer mask is added to the layer automatically. It is currently blank. Go to the rectangle shape and select the pixels option (pick tool mode) and then set the color of the shape to black via the toolbar. Select the mask thumbnail on the right of the tile entry in the layers panel. Apply the rectangle to one side of the current image and you will see the mask thumbnail updated with one side in black. The current layer will also be updated to show through to the background or underlying layer. The mask is live so you can update it at any time by selecting the thumbnail and you can also fill it with brush strokes as well as shapes and also gradients as well as use with effects and much more to create all kinds of masks as well as changing how the pattern layer interacts with other parts of the image. You can apply effects to the mask such as gaussian blur to add some feathering to the layer. You can also use other shapes as a starting point so the artwork does not need to be a rectangle, the mask can be a circle or ellipse or star or multiple stars or spots and dots and blots as well as more complex artwork. All kinds of amazing masks can be added. You can also use tools such as image menu and adjustments with the mask to quickly invert the mask by selecting the invert command. Not all the adjustment commands are available as there is no color involved in the mask (beyond grayscale)
Export. How to export a Photoshop pattern to another such as Affinity Photo, PaintShop Pro, Illustrator etc ? Display the presets panel panel via edit / fill command. Hover over required Photoshop pattern to find size for the export. Create new document with that file size. Fill with pattern. Save file as PNG or TIFF etc (export the tile) for use with Affinity Photo, PSP etc. You can find the size of the tile by hovering over the preset in the related preset panel. This is useful as then you can create a document with the exact size so there will not be any requirement for scaling or possible damage to the seams of the tile. You can, of course, create a document in multiples of that size so if you have a tile of 200 x 200 then you can create a document 1000 x 1000 and then use the fill content etc to fill it with more copies of the tiles (again, will still be seamless). You can then manipulate the core of the design with other tools by using selections or brush strokes applied to a very localized area of the artwork (again without touching the seams of the tile). You can then create a document and then fill that with the tile via the edit menu and the artwork will be seamless. The tile can then be manipulated with tools such as adjustments such as hue / saturation etc before converting the work for use in another application such as Illustrator and Affinity Photo etc. You can also use selections to make certain that the seams are untouched by effects (perhaps use feathering with the selection). The best format to use is probably TIFF or PNG or PSD for maximum support in other applications such as Affinity Photo etc. It should be noted that many of the sets on this site already include the designs in PNG but the export is really only an issue if you are using source PAT files. The presets can be used in Corel PaintShop Pro / PSP as PNG format files. You can always open the files and save them as PSP files if you wish but there is no need to convert the seamless tiles. Copy the PNG file to the patterns folder of Corel PaintShop Pro / PSP and then they will be accessible via the material's panel in the X9 X8 etc versions. You can set the location of the PSP file locations/ folders for various resources via the preferences. You can also use the same resources as many other presets in PSP such as textures etc. With Affinity Photo and Designer, you can access the tile PNG files via the gradient tool and bitmap option etc and within that, you can then rotate and re-size. Would love to see additional features such as color settings etc but you can always combine the fill layers with additional effects such as adjustment layers to re-color the artwork as well as live filter layers in Affinity Photo to add all kinds of variations to the copied designs. You can use PNG for exporting to Illustrator and then use the file place command to import the artwork. Once you have done that, the artwork can also be added to the swatches panel. You can also vectorize the design via the trace command though the results depends on the complexity of the artwork tile (such as if it is a single object at the center of the tile). If you want to use the PNG files in Painter, go to the file open command in Painter and then go to the patterns panel (window menu and media control panel) and then right side menu and capture command. Give it a name. You can now use the design with tools such as the effect and apply surface texture as well as express texture etc. (if you have a tile with transparency you have to first set the background to visible and flatten the tile).
Brushes. How to create new brushes from the patterns ?? Apply Photoshop pattern design (fill layer, styles, edit menu fill etc) for the brush stroke such as using the layer menu and new fill layer - select a seamless tile pattern. Flatten the design via the layer menu. Select area you want to define as brush stroke using the rectangular marquee tool. Edit menu and then Define brush command and give the new preset a brush name and click OK. Apply brush stroke via brush tool etc. If you have the PAT files then you can access the tiles a number of ways and my favorite is always the fill content as you scale it. If it is a PNG file then simply just open the PNG file and define that via the edit menu. You can also use fill menu and that has its uses as you can also use scripts to create some truly random designs for your strokes. You can also use the layer menu and fill content as well as styles - each have their uses and ways of creating stroke presets in your projects. If you prefer to create your stroke designs via the fill command then go to the edit menu and select the fill command and then set the dropdown to patterns and then click the scripts and select random fill script and select a tile to use (best works with tiles with transparency) and then run that scripts with color randomness etc. You can then define that result as a new stroke. You can apply the scripts multiple times to create ever complex spray designs. If you prefer to use the tile as a fill content, Go to the layer menu and new fill layer content and select the tile option. You will see the fill panel. You can select one of the tile presets. You can also load additional resources by going to the right side of the presets panel and using the load command / replace command. Select one of those presets and then set the scale via the scale slider. The scale option means the tile can be really small (you can go down to a very low value) as well as you can make a very big tile though if you push the scale beyond a certain limit you will find the image will become very poor. While the panel is still active, you can then go to the actual layer and interactively drag and shift the tiles up and down so you can align the design to the image as required. Once you are happy with the layer content then you can click OK and continue with the artwork as a layer in the layer panel. Using the fill content, it is a layer. As a layer, you can now go to the layer menu and layer masks and reveal all and you will have a little layer mask thumbnail appear next to the tile content layer. Select that thumbnail in the panel and then go to the strokes tool and apply to the main image in black (to hide) or gray (to only half hide or show) or white (to reveal). Note that it will not modify the content, you are only applying the stroke to the mask. You can also use other tools such as effects or pixel shapes or gradients to add to this mask for the fill content. You can apply multiple strokes and designs to modify the mask. The fill content is still as before but the displayed layer will now be different. If you want to create a very basic frame using your patterns then it is very easy as you can go to the rectangle tool and set the fill color for the rectangle to black and apply it as a pixel fill to the mask - instant frame. You can create all kinds of complex masks. Say you want to create a mottled edge around the edge of the content, you can use the mask and the ellipse tool to add multiple ellipses to the mask (in black) and you will see spots appear around the edge of your design. Once you are happy with the end result of all this editing, you can then go and use the edit menu and define command to save it as a new tile preset for your projects. You can also flatten the fill content and then use effects such as oil paint or poster edges etc and then modify the design in other ways before again saving it to the panel for future work via the edit menu define command. Once you have defined your brush stroke You can then go to the brush settings panel for that preset and modify the spacing and dual (super useful) as well as color dynamics and opacity and size etc and then define that as a new preset with all those settings for use with your required tool. You can use this approach to create 1000s and 1000s of unique tools for your projects from a simple set of tiles. You can use the preset in all of the toolbar tools such as clone, art history, etc.
Re-color. How to re-color the artworks. Patterns can be re-colored by many means such as adjustments (and equivalent layers) in Photoshop CC 2019 2018 2017 2015 CS6 etc. For example, Go to the layers panel and select the Photoshop pattern layer. Layer menu and then New adjustment layer. Select one from the menu such as hue / saturation or vibrance or color balance etc. Give the adjustment layer a name and select blending mode and opacity etc and click OK. Go to the properties panel (window / properties). Change settings via the properties. You can use the destructive approach (image menu) or non-destructive approach (layers). If you don't mind radically and permanently changing the tiles then you can use the adjustments in the image menu. If you are using a fill content layer then you cannot use the image menu color settings (such as hue / saturation etc) unless you flatten the work or change it into a smart object and that is done via the layer menu and smart object and convert command. Of course, you can always just undo the action or set a history state / snapshot via the history panel to go back to if you decide the color or change was wrong. Another approach to recoloring is the use of the fade command (edit menu) with the application of the color layer (whether hue and saturation or color balance etc) and add into blending modes such as difference etc as well as perhaps change the opacity to 50%. If you prefer a non-destructive approach to re-coloring the tile then use the layer menu and select one of the tools there such as color balance or hue / saturation and that creates a new layer and can be changed and deleted as well as added to in many ways. You can see the layer example - it is marked with a special icon instead of an image of an actual layer. You can also filter for those types of layers by clicking the filters along the top of the layers panel (see the line starting 'kind'). The half filled circle is the filter control. You can also use the layer menu and layer style and blending options to change how the adjustment color layer interacts with the underlying pattern layer depending on the blend if (this layer and underlying layer) such as with the image on the right and how that can change the color in radical ways as well. You can change the blending mode for the adjustment layer (applied to pattern) to darken or difference to radically change the color or perhaps set the opacity to 50% for the hue / saturation or gradient map etc. Another great thing about using the color non-destructive layers is that it is a layer and has a layer mask. To modify the tile, go to the properties panel and instead of the hue / saturation select the mask (at the top of the panel with the little frame icon). You can then use this mask to modify only part of the underlying tile. You can then go to the layers panel and add or subtract from the mask to see more or less of the changes to the color of the tile by using varying shades of gray (black / white etc). You can add effects as well as gradients and brush strokes to the mask to change the resulting color in 1000s of ways. You can also add a selection to the colorful tile beforehand and then use a selection to define a particular area of the pattern to be adjusted. The quickest way is to create the content layer or the tile added to a background and then go to the rectangular marquee tool and select part of the design. You can then go to the layer menu and create a hue / saturation or color balance etc. You can also create a quick selection via a custom shape (such as the one in the example) from the tribal shapes set. Apply it as a path and then go to the path panel and create a selection via the right side menu and once you have this you can go back to the layer menu and use the hue / saturation (and colorize option) to use the shape as a great way to re-color the tiles. You can also use the pen tool as a great way of creating an interesting shape for your adjustment color layer and how it relates to the underlying pattern. Firstly, select path mode for the pen tool and just add the anchor points and go to the path panel and create a selection from the right side menu and then invert and then apply the coloring layer (such as gradient map or hue / saturation or color balance) and you will see only that part of the image change and as it is a layer, you can then move the artwork around and re-size and also adjust the settings for the color as well as use different blending modes. You can use that approach to create all kinds of amazing colorful designs which can be altered in seconds if you change your mind.
Binary. How to create a matrix binary code / computer code 0 1 0 1 01 etc pattern in Photoshop CC CS6 etc. View menu to create structure for binary code / computer pattern. New guide layout . Set columns to 10. Set rows to 10 for the pattern. Fill the grid with 0 and 1 via the type tool. Define binary code matrix tile via edit menu and define command. You can create all kinds of grid structures to create the 0 and 1 matrix / computer code designs / binary code. The cells can be created by many means but the new guide layout is probably best. You don't really need to use a cell, you could just add the numbers by sight or perhaps use alignment tools or smart guides to add them and position them. The settings for the guides do not need to be 10 and 10 (they could easily be 15 x 20 or 50 x 45 etc for the creation of the binary code designs) but to create a fairly random grid, you really do need at least a 10 x 10 setup and the guides are useful for the alignment of the characters, 0 and 1. OK, once you have the guides then the next thing to do is to fill the cells with 0 and 1 etc. You can always add additional effects to the art such as glowing green matrix style etc (especially as they are layers). The next step is to go to one of the 'cells' and add a 0 in a font such as Futura or courier new or whatever you want and set the color and size of the character. You can always change it later. You can, of course, use different numbers to create your binary code design - as long as you have only two characters only. If you go for three numbers then it will become a ternary tile instead. Duplicate that character and move that to another cell and change the 0 to 1 or vica versa to create all kinds of binary code Photoshop patterns. Now go to the layer menu and smart objects and convert. Do the same for the 0 as well, both are now smart objects. Select the 0 or 1 and hold down the option / alt to duplicate the 0 or 1. Shift that to a random cell. Repeat that for the 0 or 1 over and over until you have filled all the cells with the 0 and 1 characters for the entire grid. The result will be probably OK but if you really want a slick professional and uniform look when you create your binary code design then you can go to all the rows and columns and use the align tools to align them so the numbers are not slightly up or down. If you do not flatten the work, you can always shift the combination of 0 and 1 cells around. Save the 0 and 1 layers as a PSD file to use as an endless source of 0 and 1 combinations. You can then store the tile safely as well as creating an endless supply of binary code Photoshop patterns. You can also save the artworks to the CC library if you are using the creative cloud as the artwork can be selected and moved over to the library and then all the designs can be used in After Effects and other applications. You can always group all the created binary code Photoshop patterns together. Re-size the document to make it a lot larger and create a new grid structure for it and then duplicate the 0 1 cell groups and fill those new cells with the groups. You can then re-number the individual cells as required and then save that cell to a new tile via the edit menu. Also, you can always create a 100 x 100 grid but that will probably take a little time to fill. All kinds of grid groups can be created. You can also add effects such as glows and green adjustments etc to create a binary code Photoshop pattern / matrix like glow to the numbers. You can use styles such as outer glow to add glows to the cells. You can create combinations of multiple copies of the cells and blurs as well as adjustments such as hue / saturation to create 1000s of different effect filled tiles for your projects. Now if you want it as a pattern (or you could save the above straight to the CC library and then use it as a layer on its own. Go to the edit menu and use the define command. The tile has now been stored as a preset and can be used in a variety of places throughout the application such as via the layer menu and new fill layer content and select the stored preset. You can now flatten the layer and add effects or perhaps turn the layer into a smart object and add smart filters to it via the filter menu. You could create the cell contents as 0 and 1 and just use them as layers. If you use the 0 and 1 as a smart object it means that you can change all the 0 and 1 characters in a single two edit change (such as changing the font or the size etc) - go to the layer menu and then smart objects and convert to smart object. Edit the contents of the smart object and all the related cells will be updated (that is why I suggested using smart objects earlier). If you don't use smart objects then you will have to go each and every cell and change them. Of course this is only an issue if you want uniformity with the characters. If not, you can just edit them as required (and not as smart objects) and change the font etc to different typefaces etc. To edit the smart object, double click the icon (any of the 0 or 1 cells). You can group the created binary code design all into a single smart object and then save the artwork to the CC library (found in the window menu) and the artwork will then be saved to the Adobe server. You can then quickly add the same designs to Adobe Illustrator and Indesign and After Effects etc. You can also simply save the artwork as a PSD file or export the designs as PNG or JPG and then use the same artwork in Affinity Photo and Affinity Designer etc. You can also import the artwork as a bitmap fill into Affinity Photo and use it as an amazing tile and combine it with live filter layers and adjustments etc).
Checkerboard. How to create a quick checkerboard pattern in Photoshop ? This can be any two colors but for the example, black and white are being used in CC 2019 2018 2017 2015 2014 etc. New document 2000 x 2000 white background for checkerboard pattern in Photoshop. View menu and snap ON and snap options for guides ON also. View menu and new guide vertical and 1000px and repeat but select horizontal. Rectangle tool in toolbar and fill pixels option. Set foreground color for the checkerboard pattern to black (or any color). Go to top left of document and draw rectangle to the middle where the guide will 'snap' the shape to the middle. Goto bottom right and draw rectangle to the middle and again snap to the middle and release. Edit menu. Define pattern command. Give it a name and click OK. The basic design can be that simple - two black and white squares to create a checkerboard pattern in Photoshop. A two x two grid and two cells filled with a dark color and the others filled with a lighter color. Once you have the design, you can then use it a number of ways within the application such as new layer content and fill. That is probably the easiest way to add it as the art is then a layer and can be scaled. As the grid is a fixed size, you may wish to create the basic design using a largest document possible (there is a max size for the tiles and this varies from version to version). You can create more complex checkerboards perhaps 4 x 4, 6 x 6 etc and so on. Perhaps vary the color of the tile to red and blue or fill the 'white' with a gradient etc. Or add black to the white and white to the black cells as on the right such as adding small square artworks or circular dots or stars etc. You can also do much the same thing in most applications. To define this as a tile in PS, go to the edit menu and define command - supply a name and click OK. You will be able to use this tile in features such as new layer fill content and fill command and also layer styles as well as stamp brush and scripts and more. If you wish to use them in another application then you can save the artwork to a PNG file and then load them via the gradient tool / bitmap file in Affinity Photo or add the art to a PSP folder etc and then use the resources via the materials panel in PSP (as well as use it as a texture - on added bonus in both PSP and Affinity Photo is that you can rotate the design as well as just scale it). You can create all kinds of variant checkerboard tile by varying the types of black and white in the design as well as adding effects such as warps to the artwork. Perhaps go for a different size of tile and grid and then fill two cells with white and then one cell with black and then two more cells with white and then black and so on. Next row you can then start with two blacks and then a white and so on. There are many possible ways to add the designs. Or adding effects such as liquify into the mix. You can use the generated design in 1000s of ways in PS but you can also save any generated layer to the CC library (found via the window menu) and then that can be used in Adobe Indesign and Adobe After Effects and Illustrator etc. You can also save the artwork as a PSD file or PNG file and then use the same artwork in applications such as Affinity Photo and Affinity Designer and PaintShop Pro etc
Color triangle. How to create a colorful triangle pattern in Photoshop CC 2019 2018 2017 2015 CS6 etc. Create guides in Photoshop for the color triangle pattern via the view menu and new guide layout (set to 10 x 10 say). Use pen tool to create a triangle from the edge (left side) to the center - select the shape option. Click from the two points on the edge to the center and back to the first point to close the path. Repeat on the right side of the tile and change the color of the fill - make certain the edge points match on the opposite side. The colors do not need to match. Repeat this all the way down the left side and match on the right side. Now go to the top and do the same creating two points along the top edge using the guide to the center and closing the path. Repeat again using the same points along the bottom and change the color via the fill dropdown. Once you have finished your colorful triangles. Edit menu and the Define pattern (for the color triangle tile). The initial setup for the color triangle is some guides. The guides are useful for making it easier to align points for the artwork tile. You can set up all kinds of guides to help you with the creation of the color triangle pattern in Photoshop. You don't have to create a 10 x 10 grid, you can set up a 20 x 20 etc grid. The key thing is that the opposite sides edges match so when you come to define this as a tile it is seamless and there are no weird breaks in the seams. The guides do not need to be uniform, you can always shift a guide by selecting it and moving the guide to a new position. You can also create a slightly more interesting guide setup via the new guides from shapes command. Another thing to avoid is making the path on the opposite side the same color. Select the pen tool (shape option) and then click on the document using the guides to create the shapes to be used for the tile. Click the center and then go to the edge and click one of the intersections. Go to another intersection on the same edge and go back to the center. Click off that layer. Repeat that with other shapes all the way around the edge of the document. Make certain that the intersections on one side matches the opposite side otherwise the design will look a little disjointed. You don't have to change the color until you have finished the entire document. Randomize the length of the sides if you wish or go for 1 or 2 cells around the entire edge. Select a shape tool such as an ellipse tool. Now go to each layer in the layers panel and then change the color for each slice in the document via the top bar (you can color it during the creation with the pen tool but I find it is easier to do it later). Goto the fill color and click and select swatches to change the color. Make certain the adjacent color is different so don't place two reds together or two blues (otherwise you just won't see the difference). Now go to the edit menu and define and create the color triangle pattern. You can flatten the artwork and then apply adjustments to re-color the artwork and then define it again to create multiple designs from the same set of shapes. You can then apply your design via the fill menu as well as the layer menu and new fill layer as well as the stamp tool and layer styles. The artwork can be re-colored in all kinds of ways by using adjustment layers so the artwork can be turned into a blue design or green design etc. You can use the color lookup or camera raw filter to re-color the artwork in countless ways for many different tile designs. With the layer fill, you can also set the scaling for the tile so you can set it to 100% (default) as well as 25% etc. You cannot rotate the artwork in PS but if you use the file save command in PS and save the design to a PNG file then you can use the tile in tools such as Affinity Photo or GIMP. You do not need to have the center of the tile directly in the center. You can un-flatten the artwork via the history panel (or simply define the tile via a different document) and then use the direct selection tool to select the center points and move that. You can then move the center to the left side of the document or to the top etc. You can then define that tile via the edit menu. You can flatten the design and then duplicate the artwork and rotate and transform the layer (as well as re-color it using adjustments such as hue and saturation) and then combine it with the original artwork using blending modes such as difference or darken. You can apply effects to central part of the artwork such as a twirl (use selections) and the image on the right has had the twirl added and it can be used to create a more wavy unusual artwork (you could also use tools such as Affinity Photo to modify the twirl or deform in many other ways or perhaps use the liquify but the key thing is to avoid modifying the seams / edges of the artwork). If you create the design as a layer then the artwork can be dragged into the CC library and saved for future projects. Saving it to the CC library also means the artwork can be used in other parts of the creative cloud such as Adobe Indesign and Adobe Premiere and After Effects etc. You can also save the artwork as a PSD file or a PNG file (or JPG) and then use the artwork in Affinity Photo, Affinity Designer, PaintShop Pro etc
Define. How to create / define amazing preset patterns in Adobe Photoshop CC 2019 2018 - CS5 etc. Open image or create a new design and then select an area for pattern using the rectangular marquee tool found in the toolbar. Edit menu in CC 2019 2018 2017 CS6 etc and then go to the define command (if the file is too big you may find the define command is not available). Give it a name and then click OK. If you want to have them as a seamless tile then you can use a single image (with nothing touching the edges of the document). If you want to create a more complex seamless tile then there are many tools to help in this. Whatever approach, you still have to use the same command to define tiles in Photoshop. You can always create very basic tile designs such as selecting a single image and then reducing it in size by less than 50% say and duplicate that tile across the document and randomize the placement of that layer. Perhaps vary the size for each layer. Key, however, is to avoid the edges of the document if you want a seamless tile design (if course, you can have broken and jarring tile designs as well). You do not have to use the entire document to define a tile in Photoshop. You can select part of an image and use that as a tile. Select an area using the rectangular marquee tool and the area selected can be a square selection as well as thin selection or a wide selection. No feathering should be added to the selection. You cannot use a circular or any other type of selection as you will see the define command is disabled. My favorite tool is Painter as that has a useful tile feature which enables paint to be applied and wrap around the image so all kinds of images can be created with the strokes (this is not carried through to the effects though). You can define the tile via the pattern panel in Painter and then any brush strokes applied will be wrapped around to the other side though it should be noted that this is not carried forward with filters and effects. You can also create the tiles using PSP, Krita, PaintStorm Studio (PaintStorm has a powerful tiling mode which makes it super easy to create tiles) but the apps above are specific for the creation of unique seamless tiles. In PS, probably the easiest way to create complex designs is to use the offset filter to wrap the design (set the offset to be horizontal -50% of the size of the document as well vertical 50% of the document and then set the wraparound to ON and the offset can be repeated multiple times as you add more and more to the artwork, as well as combine with colorful effects such as adjustments) and then continue to work the tile until you wish to save it as a preset to the presets panel for use with other tools such as fills and fill content and layer styles etc. You can use the offset with different settings, generally I use 50% of the size of the document but any percentage can be used effectively. How to create the tiles in the first place. You can use the various tools on your mobile to capture them - Adobe have their capture application on iOS and Android. You can use filters to create designs that can be used as a source for tiles. You can use brush strokes to create all kinds of unique tiles. You can use other tools such as dodge and smudge and blur to manipulate the generated artwork. You can use gradients (especially reflected and diamond) to create amazing tiles. You can use all kinds of images as a source for the tiles. Possible sources include walls + bricks + plants + gardens + sky + carpets + trees + textiles + fragments of objects and so on. All can be added as a resource for use with PS and PS Elements. Ok, so you have your design but it is probably best to save the work to a secure server so if you are on the creative cloud (assuming you are on CC) you can drag the design into the CC library panel and then the artwork is in the cloud and safe and secure. You can also then use the same artwork in other parts of the suite such as Adobe Premiere and Adobe After Effects etc. You can also save the artwork as a PSD file or PNG file and then use the same tile artwork in applications such as Krita, GIMP, PaintShop Pro and many others.
Pyramid. How to create a pyramid pattern in Photoshop tutorial in CC 2019 2018 2017 2015 CS6 CS5 etc. Create a document 600 x 600 etc for the tile. Set up some smart guides via the view menu and new guide layout for use with the pen tool to create the triangles to build the pyramid. Set to 2 and 2 guides. View menu and Snap to on and Set the snap to only guides Next step, using pen tool to create the vector pyramid pattern based on the guides. With the guides and the pen tool you can now continue. You need to create four triangles. They don't have to be equal triangles but it works best when the corner points at least match for seamless reasons. The center of the design can be in the center of the document (mine generally are) but you can also set the guides to have them slightly shifted from the center of the document. Of course, other combinations of guides can be set up as well to create other combinations of anchor points. View menu and make sure the snap is ON and snap to guides. Select the pen tool in the toolbar and set the pen tool to shape option and click the top left corner with the pen tool and then go to the bottom left corner and then click and then go to the center and then back to the start point to close. Go to the top right corner and then go to the top left and click and then go to the center and click and then to the start point for the second triangle. Do the same with the next triangle i.e. bottom left to center and then to bottom right and back to the start and so on. You now have created four shapes - all triangles. On finishing, you should have a complete filled square in a solid color. If you want to change the colors of the art (and I think a single color would not really work) you can now go to the layer's panel and you should see four triangle layers in the same color. Select the rectangle tool and then click each of the layers - 1, 2, 3 and 4. Select a shape tool. Set the color via the top fill color option or via the properties panel or double click the layer entries for each of the artworks in the layers panel. Go for blue, another blue, a darker blue and then a lighter blue (that is one option) or have random colors such as red, green, blue etc or perhaps use the window menu extensions and Adobe color themes to set up harmonious colors and so on. Flatten the result (you can always undo and come back and change the colors). How to store the created artwork as a tile for use throughout PS, go to edit menu and define command. The tile is then stored in the preset's panel. You can then use it via the edit menu fill as well as layer and new fill layer as well as use it via layer styles / textures and much more. If you save the artwork as a PNG file via the file menu save command then you can use the same art in tools such as Affinity Photo (access via the bitmap feature in the gradient tool) as well as PaintShop Pro and Krita and other apps. The artwork on the right was generated using the layer menu new fill layer content and pattern and the scaling set to 50%. You can set the scale to 25% etc and if it is not shifted then you can also use that as a source for a new seamless tile. As the artwork contains multiple additional triangles, you can select individual ones using the magic wand and then change the color or perhaps add additional shapes such as stars or spots to the work. If you want to create an interesting variant of the tile with some additional depth then you can also just duplicate the current layer (made of the generated seamless tile). Rotate by 90 degrees and scale (75% etc) the duplicated layer. Flatten. You can re-color the layers perhaps using adjustments by using adjustments such as hue and saturation via the image menu. You can then store the seamless tile as a new preset via the edit menu and define command and then use the new artwork in fill content as well as layer styles etc. Or perhaps combine more than one additional colorful layer so all kinds of super colorful artworks can be created using the same approach as on the right. All kinds of different colorful tiles can be created. You can also add effects to the 'inner' duplicated layers such as blurring them or oil effect etc
Color grid. How to create a random color grid in Photoshop CC 2019 2018 2017 2015 CS6 CS5 etc and can be filled with reds and greens and other colors and is made up of square tiles. View menu. New guide layout and set to 5 x 5 etc (for creation of random color grid). View menu and snap ON and snap to guides. Rectangle tool. Draw square in cells of the guide layout. Change color via properties to a random color. Repeat for each cell in the square grid. In this tutorial I am using a layout of multiple same sized cells in a square but the same approach could be used to make all kinds of different layouts such as thin slivers or rectangles etc filled with the colors. Likewise, the layout can be 4 x 4, 200 x 20 or 10 x 30 etc. The basic approach is the same. The key thing is guides and setting the snap to ON. Go to the view menu in Photoshop and New guide layout. Create a basic columns 4 x rows 4 (or 5 x 5 etc) with no gutter etc and you will end up with a nice 4 x 4 set of lines which can be filled. View menu. Set "snap" to ON. Snap to only "guides". Now you have your basic guides to work with and add the squares etc to the artwork. Use squares but it could as easily be rectangles. You could also fill it with stars or circles. Also, you don't have to fill each and every square. You can also fill the square and then add an additional stamp (image) or another path etc. Or fill some of the cells with colored squares and then fill alternate cells with images perhaps of a face and then perhaps to make the face more interesting add some rotation. You could also do the same with characters or perhaps different custom shape designs. For example, select the rectangle tool in the toolbar. Set to shape layer option. Go to the settings along the top option bar and set to square (instead of unconstrained) and view menu and use the new guide layout 6 x 6. View menu snap ON and snap to guides/ Draw square into one of the cells and then set the color for that square and then repeat but skip each cell in turn and add a new square to that cell and continue. Now go to an image and select and copy and paste into the document and convert the layer into a smart object and then re-size it to fit the cell and then copy it to all the other blank cells. You can then go to each and rotate by 90 degrees etc. The design can be added to and changed indefinitely. The key thing is to test it out and also just to check for any colors that just don't see right (such as the long blue line that stands out in my image). Just define it via the edit menu and use the new fill layer as you can then scale it to 25% or 50% to see any cells that just don't work. For example in the image on the right, the orange is repeated at the top and bottom and will probably stand out when you come to use it as a seamless tile. For example, Go to the view menu and set the new guide layout and set columns to 20 and rows to 20 and set the view and snap ON and View and snap to guides ON. Now go to the rectangle tool and select the shape layer option. Create a rectangle and stretch a number of cells down (keep it only one cell wide or one cell deep) Go to the properties panel (window / properties) and change the fill. Create another rectangle. Change the fill via properties. Repeat and fill the design by filling all the cells with colors. Changing the color of the artwork on mass is pretty easy as you can use an adjustment or adjustment layer and then tweak all the colors perhaps to make them all green or all blue or just different colors etc. However, changing them individually means you have to select the path and then go to the properties panel and changing the fill there or go to to the layers panel and double click the entry and change the fill. In Illustrator it would be a lot simpler and just select via the swatches - not possible here. Still, you can use the swatches panel by using it as a source for red and blues etc and then for those to be selected via the fill in the properties panel. It is not ideal but it can still be done fairly quickly. You can then set up a whole load of blues by selecting the blues from a swatch library and then adding them to the color picker and then selecting them via the fill. Now save the artwork for use as a seamless tile for all your projects. Go to the edit menu and define pattern command. Add the fill via the edit menu command or the layer menu new fill content or via the layer styles etc for example, go to the edit menu in Photoshop and use the define pattern with the current created artwork and then go to the layer menu and select the new fill layer option and set the tile to the generated artwork. You can then set the scale for that artwork to 50% etc as well as shift the content of the layer around as the dialog is visible. You can also go back to this layer at any time and double click it and then change the origin position as well as the scale. As it is a layer, you can also duplicate the artwork and then combine the layers using blending modes which works best if you shift the origins of the layers or perhaps use opacity setting at 50%. You can create all kinds of variant tile artworks. You can re-fill the artwork by using adjustments such as photo filter or hue and saturation etc and the results will still be pattern (sometimes perhaps better than the original). You can also use the Adobe color themes to help set up a nice set of swatches for your art. You can also add additional paths on top of the artwork. You can duplicate the artwork and then scale the layer by 50% and then use blending modes via the layer panel to combine them to create ever more interesting tiles for use in PS. You can also use the results of any of the experiments as a possible brush via the edit menu define brush command (though the result will be grayscale). Or save the result to a PSD file and then use the artwork as a source for displacement maps. Or you can just warp the resulting layer. For example, you can create the artwork as earlier and then go to the layer menu and create a new adjustment layer and select the Hue & Saturation and click OK and then go and change the adjustment in the properties panel. I have been mentioning tiles but the same artworks can be used in Affinity Designer etc just by saving the item as a PNG and loading that via the various pattern / bitmap features in those apps.
Random fill. A quick guide to creating random fills using the pattern script in fill command tutorial for CC 2019 2018 2017 2015 CS6 etc. Open file for the design. Image menu and image size. Set width to something like 200px (random fills work best with smaller tiles). Set height to something like 200px. OK. If the image is on a layer then you can add layer effects such as color overlay such as red overlay Remove background layer if you can by deleting it in the layers panel. Go to the edit menu and define pattern and edit menu and fill. Select the "custom pattern" option. Script option ON. Script 'random fill' and select preset. Click OK. Go to the panel and set size etc. Random fill scripts work best with transparency in the pattern tiles in Photoshop. Make certain there is some transparency to get the best results as if you use just an image as the pattern tile (say filled with a background of a solid color) then you will just end up with a document of colorful pattern stamps in a square shape and at different angles etc (which is fine if that is the requirement from the random fill tiles). As with all things in PS, the pattern script can be used once or multiple times. You can also combine the result with other effects such as blurs as well as adjustments. All kinds of wonderful designs can then be generated instead of a single basic apply of the tool. You can run tool and then go to the edit menu and fade command and then use the results with different blending modes such as difference and exclusion and darken etc. In the image on the right, the tool was applied and the entire document was occupied by spherical color balls. The tool was applied on top of a gradient. The fade command was used with multiply blending mode to make a lot darker image. You can use the feature on a layer as that makes it easier for combinations of the colorful designs. You can always just delete the layer if it doesn't work out and another feature of the layer is the transparency and how the random fill pattern only fills part of the layer and leaves the lower layers still visible and they can then be manipulated further using tools such as camera raw filter effect in Photoshop as well as adjustment layers and styles and you can always use opacity and blending modes to blend all the layers and artworks further. Using them as a layer, you can also convert them into smart objects and use them with effects that can be changed at any point. Of course, you can run the tool and just apply to the background layer and just add more applications of the tool to the background layer and that can also be interweaved with effects such as blurs to add interesting variations into the design (or re-colored between applies such as adding adjustments or brush strokes etc). Another good thing about layers is you can run the tool and the result can then be used via the select menu and load selection and transparency. The selection can then be combined with effects and layer effects etc. You can then also create a quick layer mask by going to the layers menu and layer mask and from reveal selection. For example. Create a new layer and apply the edit menu and apply the design again and then go to the select menu and then use the load selection command and select the transparency and copy and then add a shadow or bevel via the layer styles panel. Settings such as density, scale, rotate etc to create 1000s of different patterns. Once you finally get to the 'real' panel, you will see an option for adding presets (which may or may not be useful and if all your patterns etc are the same size then perhaps it is quite useful) and you also have a selection of settings to choose from such as Set the density + Minimum scale factor + Maximum scale factor + Max distance from path (probably disabled unless you have a path selected) + Rotate pattern - randomize between 0 and 360 + Color randomness. The color randomization is great for changing reds into blues and greens etc at the maxim or for subtle color shifts if set low. Brightness randomness. Brightness is great for adding some randomization of light and dark artwork into the design. The combination of brightness and color is very good but the result will depend on the quality of the pictures. You can increase the density etc and you will see more of the stamps or tiles in the preview. If the image size ratio to the pattern tile size is OK then the preview should match the actual result (as mentioned). Even if you ram the density up to 10 it may never actually entirely fill the entire preview or result with a single application so if you set it to 10 and want it to fill the entire image then run the tool a few times or just increase the size of the tiles by using the minimum and maximum scale factor settings. If you set though scale factor quite low, it will be quite hard for the density setting to totally occupy the entire document unless you add repeat applies. Selection on the left is high density, selection on the right is low density. You can re-size the tiles by setting a minimum and maximum (the tiles are then sized randomly in between those) so if you have a tile of 200 x 200 then the scale factor of 0.1or 10% will result in some fairly small tiles generated (or not depending on the randomization) but if you set the maximum to 3 then you will have a lot of larger tiles and perhaps the quality will not be so great - this is something for you to decide. Changing the scaling does not affect the randomization of the positions but changing the density does (nor does the color or brightness). Sadly, there is no 'randomization' button added to the panel which can be click to change the position etc of the tiles. To get them to be all equal sizes, set the maximum and minimum to the same value such as 1. Paths (via the custom shapes tool or pen tool etc) and using that to control the tile layout (as you can see in the preview on the left) OK, actually quite useful as you can run the routine with a path. Simply create a path using the pen tool and make certain the path is selected Via the path panel) and then run the routine via the edit menu. Instead of stuffing the entire document or selection, the tiles follows the line of the path. As the path can be any kind of design such as a spiral or zigzag artwork etc, you can create some really interesting artworks just by using the path feature. If there is no path, the path option in the panel will be disabled. May require a few re-runs of the tool to generate enough tiles from the effect. You don't have to occupy the entire document space with the images. You can create a selection such as a rectangular marquee tool selection or a selection using color range etc via the select menu or use the magic wand. In the image on the right, a selection has been created using the color range. The selection is then used with the routine and 100s of small dot tiles are added over the face. You can also combine the result of the tiles with effects such as blurs and oil paint etc. You can then re-apply the effect perhaps with a lower density or different sizes of tiles and then apply another effect on top of that such as poster edges etc. The image on the left combine a globe tile and the liquify filter applied a few times. You can record the setup for the tiles via the actions panel. You can also combine that with effects such as liquify as well as repeat applies of the tiles with varying sizes etc. The action records the name of the tile so if the tile is 'xyz' then to use a different tile in the action then just remove the previous tile or rename and then rename a different one to 'xyz' and then re-run the action.
Two triangles. How to create a two triangle pattern in Adobe Photoshop tutorial in CC 2019 2018 2017 2015 2014 etc. Select the rectangle tool. Go to the settings at the top of the page. Set the option to fixed - so it matches the dimensions of the document. So if your document is 600 x 600 then set the fixed size for the shape to 600 x 600 (options for the shapes). Set the option to layer. Set the color to whatever (red, green etc) for the first part of the 'two' triangle design. Now, you can use the rectangle tool to add the shape. Go to the options panel and set to 'fixed' and set the size to 400 x 400 or 600 x 600 etc as required. Use the layer shape option. Now apply on the artboard. You can use the little position indicator that appears as you move the vector layer and make certain it is set to 0,0 and release the design. You will now have the vector layer covering the entire document. Duplicate the existing layer and that is done via the layer and duplicate layer menu command or via the layer panel. Now you have two layers. Select the delete anchor point tool via the toolbox (beneath the pen tool depending on the customization of the Photoshop toolbar). Go to the bottom right corner of one of the top layer and remove the point (a dialog will pop saying that the shape will be turned into a regular shape, say OK). Now you will see a two paths but it still needs some additional work (you can of course make other variants of the above by using multiple layers and removing a single point from them and then using the direct selection tool to manipulate points to create perhaps a quadrant effect instead of just the two color model. Re-color the tile layer by going to the layer panel and selecting the shape and then selecting the rectangular tool to display the fill and stroke. Set the stroke to nil and set the fill to say a lighter blue (or lighter green or red etc it is up to you). Select the solid color option unless you want to fill the tile with gradients etc. Now you have a two colored tile spread over two layers so go to the layers menu and flatten them. You can also at this point add additional paths to the artwork such as perhaps text in one of the sides of the design or perhaps add multiple spots and dots or stars etc to create a number of variant designs. Or perhaps add images to the paths. Now you need to define the tile and that is done via the edit menu and define command. Once you have the tile saved to your presets panel, you can then select it and use it in layer fill content, stamps, layer styles, brush textures etc. Goto the layer menu and new fill layer command and select the pattern option and then select the generated design and set the scale, perhaps to 25%. You can also shift the origin of the layer. Of course, you can also re-color the tile (two combination) and define that as well. You can either approach it via a destructive image menu and adjustments and then use the hue and saturation and change the hue setting etc or you can use the layer menu and create a new adjustment layer and select the hue and saturation and adjust the settings for that via the properties. You can then re-color your artwork tile in many ways. Another option would be to use selections and select the color individually and re-color one side of the color independently
Styles. How to use them as pattern overlays with styles in Photoshop ? The first thing to do is to create a layer via the layer menu and new command. Fill the layer with color (or something otherwise it is an empty layer) via the edit menu and fill (such as black). Layer menu and layer style and pattern overlay. You now will see the current preset and all the settings such as blend mode and opacity and scale etc. Sadly there is only one overlay option for the tile (hopefully that will change with CC 2019 2020 2021 etc). You can mix the overlay with other settings as well such as color overlay so you can change the color of the tile. If you wish to see the overlay, you will then have to use the blending modes such as darken or multiply or lighten etc to see the underlying tile. You can also add multiple gradients as overlays as well to the tile and again show the tiles by using the best blending modes for each entry. You can add multiple layers with multiple tile overlays and then combine them using blending modes. You can also use smart objects to create a more complex tile design with the addition of adjustments as well as effects to create the most amazing unique designs. Goto the layer menu and smart objects and convert the current layer to a smart object. Now you can go back to the layer menu and add a new pattern overlay to the current object (if using the same design on the right, you can simply shift the start point for the overlay to see the new combined artwork). Once you are happy with the combined smart object, you can always convert that to another smart object and then add another tile and so on. You can also go to the filter menu and add effects such as blurs etc though that will be only added to the one part of the design - convert the entire design to a smart object and then use the smart filters to add effects (as well as adjustments via the image menu). The example on the left combines a blur and twirl along with a color adjustment and the original source tile overlays.
Free. Freebie items, all can be used in commercial and personal work, royalty free. A mix of formats for use in Photoshop, Affinity Photo etc. Antique tiles / Christmas / Color effects / Easter eggs / Polka dots / Stars / Steps / Star tiles / super tiles / additional tiles
Stars. How to create basic star tile designs in Photoshop ? Create a new document. You could simply select the polygon tool in PS toolbar and then set the color and add the design to fill most of the document and then go to the edit menu and define pattern command, and there you have your amazing tile star design. If you want to create something a little more complex than that for a star design. Fill the background with a solid color such as black or blue using the edit menu and fill command. Once you have that background, go to the polygon tool and use in fill / pixel mode. Set the color to something different than the background and then set the star mode to ON and set sides to 6 etc. Apply the designs across the artwork but avoid the seams. Set the color of the star to something different, perhaps another blue. Apply some more. Go to the filter menu and other category and offset and set to -50% of the horizontal and 50% of the vertical and wrap around. Click OK. Apply additional stars in different sizes and colors and repeat offset. Repeat with more stars and so on. Go to the edit menu and define pattern. You can then use the star tile via the layer menu and new fill layer as well as via layer styles.