Graphicxtras.com

Photoshop Custom shapes + tutorials

13,000 Custom shapes for Photoshop CC 2019 2018 - CS5 etc etc all in a single collection (as well as for Adobe Elements 15 - 1 and also all the stand alone versions of PS) + 2000 bonus gradients

 

Intro to custom shapes

Shapes to buy

How to warp Photoshop custom shapes

How to add textures to custom shapes

How to add fill and strokes

How to use in color modes

32 bit mode

Libraries and shapes

Create frames

Create displacements

Options and settings

Export vectors

Add glows

Use with channels

Save CSH files

Convert to selection

Add glow style

Use with masks

3D extrusions

Add multiple strokes

Blending modes

Clear and behind blending modes

How to blur them

Combine shapes

How to draw them

Create irregular

Change fill color

Fragments

How to install and load

Create patterns

Record tool actions

Rotate shapes

Shape blur filter

Subtract

Create arrows

Create star shapes

Triangle creation

Create flames from paths

Convert to smart objects

How to transform and warp them

How to use with video timeline

Free custom shapes

 

 

Intro. They are all in CSH format. The presets are all for use on the PC and mac. You can use them to create anything you wish. The custom shapes are all vector designs for any size of work so they can be used with huge documents as well as super small documents. Includes : The Photoshop custom shapes collection set includes stars, polygons, abstract and tribal themed artworks, blots, spotted artworks, scratchy artwork, embellished and swirl designs, crosses and religious works, numbers, heart artworks, frames, warped designs and many more (the other sets include many other different designs but they are more themed). The presets are great as cookie cutters and frames and masks and edge effects and brush strokes and much more and it is super easy to them by applying the designs to the layer masks. The custom shapes are for all versions of Photoshop & Elements since 10 years ago (I doubt if earlier versions are still running). You cannot use them in other applications but that doesn't mean you cannot convert or export them for use in other tools such as Affinity Photo and CorelDRAW. CSH is only for PS and PS Elements as well as a few other applications but if you have one or other of the applications then you can create vector artworks and then export them either via the export menu (to save them as vector AI documents) or via the file save command as PDF Vector etc) as well as file save as PNG or TIFF to use the artwork in Painter, PSP and many others. You can also drag the items to the CC library and then use them in applications such as Illustrator. Use in Affinity Photo etc : You can also copy them via the pasteboard to tools such as Affinity Photo. You can use the Photoshop custom shapes in commercial as well as personal work, use to create items that can be used in turn to create new items for sale. Use to create ever more complex artworks that can also be sold. No time limits are imposed, no restrictions, world wide use, no credit is required. You can also use them to create logos, books, adverts, packaging, ceramics, posters, items for sale on Zazzle, items for sale on Cafepress and much more. If you have any questions about the possible uses, please let us know. All the presets on this site were created by me (Andrew Buckle) of graphicxtras.com. They were created in a mix of Illustrator and other Vector graphics and then imported into PS and then saved via the right side menu of the presets panel 'save' command. The shapes can be used as cookie cutters as well as standard vector tools in Photoshop Elements. Sadly, there is no equivalent tool in PS. The cookie cutter tool resides in the elements toolbar and once selected you will see all the presets in the presets picker, You can select one of the designs and then apply it and cut the image using the current design. You can use the vector presets as a source for 1000s and 1000s of brushes and patterns. Create the art and then use the edit menu define brush command as well as the edit menu define pattern command. You can also use them as an excellent source for displacement maps, bump maps, 3D effects and more. You can use them to create super large distortions and texture effects.

Top of page

CSH format, download

 

BUY Price :$6.49 US Dollars

13,000 Custom shapes for Photoshop CC 2019 2018 - CS6 CS5 etc and elements 13,000 Custom shapes for Photoshop and Elements

 

Other sets of interest

BUY 100 3D CSH (V50) gallery

BUY 240 Arches (V74) gallery

BUY 100 Arrows (V174) gallery

BUY 100 Chevrons V133 gallery

BUY 100 Contours V171 gallery

BUY120 Flames (V39) gallery

BUY 100 Artworks CSH (V7) gallery

Top of page

Warp. How to warp custom shapes in Photoshop ? Select the CSH tool and then select the shape option and then select the preset from the presets panel. Apply the selected design to the artboard. Edit menu and transform and warp. You can modify the warp points using the mesh or go to the presets and select a preset such as arc, arc lower, shell upper, fisheye etc. Another option is to go to the edit menu and puppet warp (if available) and then add pins to the artwork and click the second and third pins and move them to distort and warp the currently selected preset. Another option is to go to the layer menu and smart object and convert the artwork into a smart object and then use the edit menu and perspective warp. Create the layout first and move the pins to define your grid and then click the warp (top bar of the application) command and manipulate the generated grid in warp mode. You can then distort the vector design in countless ways. Another option is to go to the filter menu and select the liquify tool and use that with the smart object selected.

 

 

Top of page

Add texture. How to add textures to custom shapes in Photoshop. There is a gradient feature and solid color and patterns to the fill but there is no texture (as in many applications such as PSP) but you can add texture by using the shape layer as a smart object. Create the CSH preset (select one from the presets panel) and use the pick mode 'shape' and then apply the design. Once you have the artwork, go to the filter and filter gallery and convert to smart object. Once it is a smart object, go to the texture section and select the texturizer. Now you can use the supplied four textures if you wish to add texture to your design but you can also go to the right side menu and load texture and then select a PSD displacement file, you can find 1000s on this site but you can use any PSD file as a source (and you can quickly create your own even with something as basic as some noise or a seamless design). You can then set the scaling and relief and light direction. You can add multiple textures as well either by adding another filter gallery effect within the filter itself (click the little icon at the bottom of the panel) or by just adding an additional filter gallery effect to the artwork (you can add multiple to the smart object). You can then save the result to the CC library. Another way to add a texture to a shape is to go to the layer menu and layer styles and bevel and emboss and don't set any of the bevel settings (leave them all at 0 such as depth and size and soften). Check the texture entry and set the scale and depth as well as the texture (pattern) that you want to use as your texture. As you can convert the design into a smart object via the layer menu, you can then add additional designs to the artwork via the bevel command over and over (even though there is no '+' option available). If you apply the design a layer as a pixel fill, you can add all kinds of effects to add texture to the custom shape (such as filters in the filter gallery).

Top of page

Add strokes / fills. How to add strokes and fills to the custom shapes ? If you use the artwork as a pixel fill (set via the top bar of the application when you first create the design on the artboard) and add the design to the background, you can add fills and strokes by simply applying other designs on top of the existing design such as perhaps multiple squares etc to create all kinds of colorful designs with the artwork. However, adding strokes and fills probably works best when you use the artwork as a layer (either directly as a layer or as a fill pixel design added to the layer) - set the pick option 'pixel' etc via the top bar. If you add it as a fill to a new layer, you can always then add additional fills and strokes to the artwork via the layer menu and layer styles. You can do the same with the artwork added as a vector via the same layer menu and layer styles command. You can add a gradient as well as color overlay as well as a single pattern overlay. If you add the artwork as a layer and use a pattern fill, you can add an additional pattern on top of that using the pattern overlay (only one is available unlike the gradients). You can add gradient overlays to the fill as well as color overlays (multiple entries by clicking the little '+' next to the overlay. You can then 'see' all those additional fills by using the blend modes such as 'difference' with all the subsequent overlays. If you want to add strokes as well, you can add a stroke to via the top bar when you create the initial design as a layer and you can set the color and stroke weight and dash options via the top bar for the stroke. You can also add additional strokes via the layer menu and layer styles by choosing the stroke entry (there is a '+' option so multiple strokes can be added and they can be in different colors as well as gradients and patterns). Go to the fill type for the stroke to set to pattern etc. Use the position of outside (or inside etc). Multipe entries can be added for the strokes but to see the subsequent entries either use the blend mode (difference etc) or change the opacity to see lower entries or just increase the size of the stroke size (if the size is the same for each entry they will all be layered on top of each other and only seen via the blends). So set the first stroke size to 40px and outside, set the next to 80px and outside and so on and you can change the color for each of the strokes (to a different gradient or solid color etc)

Top of page

Image modes. How to use with color modes / image modes ? The custom shapes can be used in all kinds of different color modes. Each have their uses with the powerful vector designs. The color modes available to the artwork are duotone, grayscale, bitmap, lab and CMYK and, of course, the default RGB. Duotone image mode can be used with the vector though it does require an additional step more than just a straight conversion for use with the designs. For example, go to the Image menu and Mode and Grayscale and then go to the same menu and select duotone. Set type to duotone. Set inks such as blue and pink (give them names). Set duotone curve. OK. Simply select the CSH tool in the toolbar. Select pixel option and Set color and then draw the design and you will see the design displayed in duotone. You can also modify the color of the artwork using tools such as adjustments but many are not available. The bitmap mode is perhaps one of the most useful but probably totally ignored of the image modes for use with vectors as well as any other images. It is useful for creating interesting halftone etc effects with the custom shapes. Firstly, go to the grayscale image mode and then go to the bitmap via the image menu. You can then select the resolution as well as the method such as halftone screen or pattern dither etc. Set the frequency, angle etc. Have to say it does not work well with a single artwork. I would suggest adding multiple designs and adding blurs and other effects and then using the bitmap. As you can see, all kinds of super sharp vector designs can be turned into unique dot and rough distressed designs in seconds by using this approach. You can also then quickly revert the design back to RGB etc via the image menu. A really great way to roughen up the cold clinical vector designs. You can add the Photoshop custom shapes / vector layers and pixels to CMYK as well. Again, just go to the image modes menu command and then select the CMYK option. You can apply the art to the entire design but you can also select the individual channels of cyan and magenta etc and add the artworks to those as well as below where the baubles are added in different locations on the artboard. Any number of vectors can be added to the artwork and the color of the vector can be the same or different in the individual channels. You can do the same in 8bit CMYK as well as 16bit CMYK. LAB mode is also useful especially combined with the vector designs and blurring of those artwork. You can find the LAB command in the image menu color modes.

Top of page

32bit. How to use the vectors in different higher color bit art such as 32 bit ? For even more amazing color effects, you can add the Photoshop custom shapes to the artwork in RGB and 16bit and 32bit. You can add them as a layer as well as a pixel in 32bit (though not layers in the individual channels). Not sure that there is that much advantage to the 16bit and 32bit if you are just using the artworks with solid colors but if you use the designs with gradient fills then all kinds of beautiful colors can be created (as well as using layer styles and gradient overlays for example). You can also use a selection of effects to combine with the shapes such as the color lookup adjustment. When you convert back from 32bit etc to standard RGB 8bit then HDR toning panel appears and then you can tweak the color conversion of the colorful custom shapes in numerous ways and create some very subtle color works as well as some truly extreme ones as well as blurry and smooth changes. For example, select the 32 bits / channel option. Select the CSH tool in the toolbar and then select a preset from the presets panel and then set to layer option and set the content for the fill to a gradient and then select a gradient from the gradient dropdown. Layer menu and flatten and then go to 8bits / channel and then modify the color of the artwork by using the HDR toning dialog for many different color effects.

Top of page

Libraries. The Photoshop custom shapes can also be stored away in the new creative cloud libraries by using the following steps. Goto the window menu and Libraries and then select CSH tool in toolbar and select the layer option and preset you want to use and color via fill / stroke and drag the vector design from document to current library in creative cloud libraries pane. The new storage feature / creative clouds is a great way of storing the artworks for future use. You can use them to store other presets as well. Not only that it means that the artwork you create such as vector designs combined and united and intersected and tweaked etc can be quickly saved to the store and recalled in seconds. You can also know that they are all secure and won't be lost if your machine decides to give up the ghost. You can use it to store the artwork with effects attached as well as layer effects such as drop shadows and bevels and gradient overlays etc. When you drag the work into the CC library it is stored as a shape (it will even indicate that by the given category). You can also select multiple layers (say a vector cube) and drag that to the CC library and that will be stored as well. You can restore the work from the CC library panel - you can either get the linked artwork where the changes are reflected in the panel or you can get a disconnected artwork where any changes are not reflected in the panel. Right click the vector design in the CC libraries and you will see a number of options such as place linked (linked smart object) as well as place layers (not linked) or hold down the alt / option key. If you want it as a smart object, simply select the artwork in the CC libraries panel and drag to the document - it is still linked to the panel so any changes will be reflected there. If you want to edit the path, double click on the smart object icon in the layer menu and you can then edit the layer using the direct selection tool and save the opened PSD file for the smart object. Note that when you drag the design back to the artboard that is not instantly added to your custom shapes presets - whether you add it as place linked or not linked, it does not matter. You will not find it in the presets panel. It is still a vector though and so you can select the anchor points and then go to the edit menu and redefine the artwork as a preset. If you just drag the art onto the document then to define it, you will have to click on the smart object thumbnail for that layer in the layer's panel and you will then be able to edit the PSB file associated with that design and you can then use the direct selection tool to select all the point and use the define command. If you hold down the alt key when you drag the artwork from the library then you will be able to select the points without the need to go to the smart object source.

 

 

Top of page

Frames. You can use the custom shapes to create all kinds of frames - a few basic steps for example, open image for the frame, Select CSH tool found in the tools panel and then select a preset from the presets dropdown. You can then set the color for the artwork such as black or white. You can then apply the the artwork multiple times around the edge of any image to create a frame design. How to create an irregular white frame edge using the presets. Open an image and then select the CSH tool then Select the pixel mode. Set the color to white. Goto to the History panel and create a New snapshot. Apply the presets around the edge of the document. Change the size and location of the vector designs added to the work. I would also go to the history panel and then go to the new snapshot command to save a snapshot as if you add 100s of graphics to the edge, you may change your mind and the snapshot means you can quickly revert back to the original. You can add as many or as few presets as required to the image. You can add the presets small or large. You can leave some areas untouched and perhaps add more to other parts. To make it easier to remove the frame is to add all the presets to a new layer either by using the shape layer option and add / unite or by just using the pixel option for the custom shapes and add them to a newly created layer. As it is a layer, you can go to the layers panel and disable the layer as well as delete it (via the layers panel). You can also add effects to the frame (such as standard filter effects as well as layer effects such as shadows and gradients) as well as add masks which can display more or less of the design. You can also duplicate the layer and add transformations to create more interesting combinations of the artworks. You can add them roughly with little consideration to proportionality of the graphics. You can add regular spaced vector designs around edge of any image. The key thing is probably not too drift off too far from the edge though it never hurts to have some randomness and the odd design out on its own. You can also use the designs as a layer via the layer option along the top bar (instead of pixel or path). You can then add the artworks all the way down the edge and then along another edge and so on. You can then select all the designs along one edge and then use the align tools found in the top bar as well as the distribution tools to spread the art evenly and inline. The same alignment can be done via the layer menu and align commands. For example, go to the view menu and then the New guide layout and set to 10 x 10 (say) and click OK. Go and select CSH tool and select a preset from the presets panel and set a color for the designs via the fill color picker in the top bar (something like white as in the example on the right). Apply in the cells around the edge of the image. To use the preset custom shapes as masks, select the artwork to add in the presets preset and then select the pixels option. Set the color to black (this will be the color used by the preset). Click the quick mask button found at the bottom of the toolbar. Select the rectangle tool or ellipse and add a large square or circle to the center of the image. Now go and select the CSH tool and then apply any of the designs to the mask such as around the edge of the rectangle or circle (you can invert the color to cut into the mask). Exit quick mask via the toolbar and you will now see the frame as a selection. Now can you fill the selection with white or black or any other colors (such as gradients) to create an amazing colorful frame. You can then use the selection menu and inverse and then use the edit menu and stroke to add a white or black or colored edge to the design. You can use the custom shapes as a great resource for selections (for creating frames) as well from the vector designs. Set the artwork to the path option via the top bar. Add the artwork via the CSH tool over the image as a path. Go to the paths panel (window menu) and then right click that work path and select the make selection command. Set the feather radius as required. Click OK. Go to the select menu and invert the selection. Fill that selection by using the edit menu / fill command or brush strokes etc with black or white or perhaps effects or brush strokes etc You can add styles into the artwork / frame as well. Use the selection features such focus area to select the border design. Edit menu and copy the artwork generated as a new layer and then go to the styles panel and add new styles or layer effects and modify the size of the layer style via the layer menu and layer style and layer scaling.

 

 

Top of page

Displacements. How to create displacement maps / distortions using Photoshop custom shapes tutorial in CC 2019 2018 2017 2015 2014 CS6 etc ? Any of the vector artworks can be used as a great source for all kinds of displacements. You can start from an open document (as long as none of the imagery is over the edge or seams of the document) or you can create a new document. The document does not need to be super large as the tiles can be repeat over and over. Select CSH tool and select a preset and apply the artwork using the pixel option (set via the top bar) and set color to gray / black etc (as the maps are generally grayscale). You can create complex as well as simple (single item) map designs. Apply multiple presets (avoid the seams of the document) and then go to the filter menu and offset filter. Set offset such as -1000 and 500px and set the wrap option and click OK. Add more presets to the designs in different locations. Use offset filter again. Save the document as a PSD. You can, of course, continue to manipulate the tile and then save even more PSD files to your folders. You can also add effects to the artwork but if you do, perhaps use localized effects so the effect does not distort the seams of the image or use a selection to avoid any effect extending towards the edge. You can use any number of vector presets and you can find them on the web as well as many on this site (such as the ones in the collection set). The great thing about the vector presets is that they can be any size so you can create a super large files with the tool as well as very small files. You can use the artwork as a layer and then combine that with layer effects and more. If you add layer effects or any effects then you may wish to flatten the design before you continue as I have often found unusual seams generated with the vectors if you use that with offset filter. The key thing to remember is that the displacement maps are grayscale designs. You can create basic files using the vectors without the offset filter but the offset filter does allow for more complex seamless tiles. You can use the artwork multiple times and then use the filter menu and others and offset command and wraparound to shift the pixels around the image and then free up more space for additional graphics (the same otherwise to be added). Set the horizontal to -50 / 50% but the values don't need to be that as -10 / 90% is just as valid. You can also create the displacement maps using the pixel option but then you can only use solid colors and no gradients or styles etc to the artwork. You can quickly change the blending mode as well as the opacity of the graphic added to the image. Again, you can use the offset filter as well as other effects (use selections and feathering to control the range). The key thing is that you save the artwork to a PSD file for use with the texturizer / displace / glass etc filters. Other applications also have their own distortion files and they often use other file types or all file types as well as a native format. In the case of Affinity Photo, you will have to quickly convert the files from PSD to PNG. You can also then use the resource created to manipulate designs with the custom shapes. Say if you want to roughen up a precise and clean vector design, you can use displacement maps to quickly do that. Create new document and then select the CSH tool and apply the pixel design using black or grayscale colors and then use the filter menu and others and offset and create a complex design which is then saved via the file menu to PSD. You can now use the resource with the displace command. Create a new document and create a vector artwork using the CSH tool. Go to the filter menu and distort and displace and select the scale / repeat edge pixels / stretch to fit and then select the preset generated PSD and the design will be distorted and distressed. If you pre-convert the vector design into a smart object (via the layer menu), the custom shape's distress effect can be disabled and removed and modified at any point.

 

 

Top of page

Size. How to control the size of the Photoshop custom shapes when you generate the artwork ? You have a variety of options / settings to apply the custom shapes to keep it to the original size, unconstrained etc (99% I use the latter but each of the settings have their uses). For example, select the custom shape tool (or rectangle tool, ellipse etc). Go to the top bar of Photoshop for the options panel. Go to the options (little gear) settings. Select fixed size (say) and set width and height to 10cm / 10cm or 200px / 400px or 10 inches / 20 inches etc (you can set it to a variety of sizes and different measurements). Apply the current preset with a fixed size (and not unconstrained as default) to the current artboard (once you have created the design at this size you can always select it and resize it again). It should be noted that line and polygon tool does not have th path options (which is pretty odd but as with most things, there is a workaround simply by creating the design using the tools and then using the edit menu and define custom shapes command and then using the artwork there). The available options are unconstrained, defined proportions, defined size, fixed size and an additional feature of generate the path from center. Also available being the control on the thickness and color of the drawn design (this is not reflected in the final image). Defined proportions option - Applies the artwork as defined the proportions set by the artwork as it was saved / defined via the edit menu. Great for keeping the presets in proportion to one another. If you use this feature with a layer such as rectangle or ellipse layer or a CSH preset then the result can be very much like a nozzle / tube effect as in Painter or PSP. So if you have a preset with a size of 10px by 10px, you can then set it as 100px and 100px or 200px and 200px or 2px and 2px etc and they will all be in that proportion (weirdly the preset panel does not show the dimensions of the art) If the preset was created with a size of 100px (horizontal) and 200px (Vertical) then any created preset using the defined proportions will be 10px / 20px or 30px / 60px or 40 inch by 40 inch etc. Defined size option - This just uses the artwork as was originally set which may be of little use if the created size was quite small (and this is set by the person creating the CSH file in the first place). So if you want your artwork to use the defined size then it is probably a good idea to create a document with guides for particular sizes to use as definition for the stored preset (via the edit menu). Many of my sets were created with documents sized about 500 x 500px which means that the defined size sets them to around that value (there is no feature of the preset to overwrite the original defined size). You can, of course, just select the artwork layer and re-size and then go to the edit menu and use the define command and save the new preset and it will then have that new defined size. Still, it is useful for adding the art with the defined size that you may have defined for a particular project such as for building size or architectural item or an engineering or technical drawing etc You can then set the art to 1000px and 500px and then the defined size will always generate them at that size. The fixed size panel option is useful for a nozzles like / brush apply of the artwork. You can set the fixed size to 100px by 100px etc and all the artworks will then be applied (whether in proportion or not) the same size over and over by a click of the document. You can also drag the artwork into position as required whether off the page or into the center or the top left etc of the document (though this only works if you are using the layer and not the pixel). Unconstrained is the default and possibly the easiest to use to apply the art as you want and in any position or proportion. Apply the art and stretch and distort left and right and top to bottom The unconstrained is my favorite but it does not make it easy to match sizes etc but it is great for a more random approach to the art. You can, of course, use the unconstrained option with features such as smart guides and rulers etc and you can then limit the size and dimensions via those guides as well as guide layouts via the view menu. You can also You can also hold down the shift key to keep the horizontal and vertical dimensions the same. The from center option is probably the oddest one to work with as it just creates the artwork from the center (click) outwards. The center is useful if you want to place your artworks center at a certain point and then change the size of the design based on that within the application. You can use them with all the tools such as rectangles, CSH, ellipse but you cannot use them with the star and polygon and line (for some reason).

 

 

Top of page

Export. How to export Photoshop custom shapes / vectors. For example, select the CSH tool for export. Set to layer or or path option and select a preset from the preset folder. Draw a vector design using the CSH tool on the current artboard. Go to the direct selection tool in the toolbar. Select all the points. Edit menu and copy. Paste into Illustrator (if you are using Creative Cloud). There are many ways of doing the export such as libraries, path approach, export, save etc. You can save your work to another part of creative cloud such as to Illustrator or After Effects (or any application that can use AI files). The key thing here is to use the file menu and export and then go to the Paths to Illustrator command. The artwork is saved as an AI file. You can then use the resulting file in many other applications such as Illustrator and Affinity Designer etc. You will find the saved path file will have no stroke or fill so you have to add those in the Illustrator etc application. A quick way to save the CSH presets to Adobe Illustrator and other apps is to use the recently added CC libraries (found via the window menu). Select the CSH tool. Select the layer option. Apply graphic to the current artboard. Select the layer and drag the artwork to the CC library. You can then go to Illustrator and drag the artwork to the artboard and select the first option (convert layers to objects) to keep the artwork editable. You will have to release the clipping mask etc and remove any bounding boxes (nothing is ever made easy) and then you can edit the artwork such as moving anchor points etc. You can also generate the preset / artwork as a SVG file which is great for web pages etc. Select the CSH tool or rectangle tool etc. Select the layer option. Apply graphic to the current artboard. File menu and export and use the 'as' option and select SVG format. The SVG format can then be imported into AI as well as Dreamweaver (as used throughout this site with many a path displayed in SVG). Probably the best all purpose formatĀ for the export / save of the presets is PSD, the native Photoshop format. You can save raster and vector data with that format. Just use the save as command. Create a graphic using CSH tool or rectangle tool or ellipse tool etc (using the layer option). Create some other layers. File menu. Save as and the set the Layers ON

Top of page

Glow. How to add a glow to a custom shape in Photoshop CC2017 2015 CS6 CS5 etc ? Go to the gradient tool in toolbar. Click the gradient dropdown / presets picker. Set a stop in white on the far left. Set a stop in pink or red to the far right. Set gradient style to radial. Create a gradient extended beyond the image. Select CSH tool. Select vector preset from presets picker. Apply design. Additional approach would be to add the shape in white or a lighter color than the background and then apply a gaussian blur filter to the artwork before re-applying the design. That gives you a glow that follows the applied preset. Camera raw filter can be used to create a quick glow to any vector design as well as other layer. For example, apply a red vector layer on pink background (or any other combination of course). Go to the background layer and then to the Filter menu and select the Camera raw filter. Go to the radial filter (in camera raw filter). Set color to the white. Set exposure of the radial filter to the max (or as required). Feather set to 100%. Go for feather inside. Draw out a radial filter from the center to the edge. Click OK to apply the effect. Layer menu. Flatten

Top of page

Channels. How to use Photoshop custom shapes with the powerful channels (red and green and blue) to create amazing color effects in CC 2019 2018 2017 2015 CS6 CS5 etc. For example, select the CSH tool and then select color "channels" panel (from the window menu if not visible). Select fill pixels (for shape) - top bar. Select one of the channels (say red). Apply current selected artwork. Select green channel entry in the panel and apply current selected artwork (you don't have to use the same artwork or with the same size or same angle or same color even) with perhaps an offset from the red design (or smaller or apply effect as well). Click RGB on channel panel to return to standard RGB view. You can see the result for the all the channels in the RGB entry. You can apply custom shapes to the red or the green or the blue entry in the channels panel. You can also use effects to each of the generated image channels so you can add a blur to the red channel artwork and add a poster edge to the green channel artwork and so on (note that not all effects can be added to individual channels). You can apply the vector design once or multiple times. You can also add brush strokes to the artwork. You can also modify the colors of the designs by using adjustments with the individual red, green and blue. Not all adjustments are available so HDR is only available for the entire RGB but invert etc is available as is curves etc. The vector artworks can be added just as easily to the Lightness and A and B of LAB Image mode as well as the cyan and magenta etc of the CMYK image mode and you can then use the color channels to create amazing colorful designs in seconds. You can use the Lightness only and ignore the AB ones if you wish. This is not a tutorial about the LAB mode so the benefits of each mode is best left to another tutorial. You can use the LAB mode for all kind of vibrant color effects to your graphics. You can also use the channels in 32bit mode with the custom shapes. Go to the image menu and RGB and set 32bit. Go to the panel and select the red and then apply the vector as a pixel design. Repeat with the green and blue. Once you have added your designs, you can then convert back to standard RGB 8bit via the image menu 8bit command. The HDR toning panel will appear and that gives a large number of opportunities to re-color the artwork in countless ways. Once you have your design, the artwork can then be modified further by adjustments and effects. If you can't use the effects or adjustments in a particular channel then there is a workaround by using the split channel feature found on the right side of the panel. The split will generate a red and green and blue file and then you can add your artworks to those and add effects and then restore them all via the same panel and the right side menu command of merge.

 

 

Top of page

Save. How to save custom shapes sets in Photoshop ? How to save CSH format files in CC 2019 2018 2017 2015 CS6 CS5 etc. Select the CSH tool in toolbar. Go to the preset picker / dropdown where you will see all your current designs. You can add many different presets to this preset picker (not sure if there is a limit on the number of presets). Load multiple CSH files into the set (if required) via the preset picker right side menu load command. Delete any presets that you don't want from the preset picker (the panel containing all the shapes) by using the alt / option key (in earlier versions as this now appears not work with CC 2019 2018 etc) or right click the vector preset and select the delete command or just go to the right side menu with the preset selected and select the delete command there. Goto the right side of the shapes panel and select the save shapes command. Browse for a folder and give the CSH file a name and click OK and there you have your own saved CSH designs file which can then be loaded back into the application (or Elements) at any point. Another way to save the presets is to go to the edit menu and then preset manager (if using an earlier version of the applications ) or edit menu and presets and preset manager and then you will see the preset manager panel appear. Select the "custom shapes" in the dropdown at the top of the panel (it is not the default) and then select the presets you want to export to a CSH file by just selecting them in the panel. You can select one or more (which makes it a superior panel to the basic presets picker panel). Once you have finished, go to the save set command (on the right side of the panel) to export them to a new CSH. If you save a small number of CSH designs then the file size will be quite tiny. You can select all the available designs or perhaps delete some of the designs and then save all of them, it really depends on what you want to do with the file. When you save the presets, the CSH format file will be in the current version format and may not be accessible in earlier versions of PS or PS elements. There is no feature to say export PS 6 CSH or PS CS6 format. Hopefully at some point there will be an import and export feature as with the strokes. You can add / load all your favorite designs in a single panel and then export the lot in one single go though that will result in a very large CSH file and may be slow to load. That is a great way to save all your custom shapes in Photoshop and then have a super set to work with in future projects. That is the case with the 'all' set that is available by default with PS. The only hassle I find with that approach is that searching through 13,000 vector designs with fairly small thumbnails is pretty tricky. It would be great if the application included a 'most recently used' or perhaps re-ordered the vectors as you use them to place the latest selected at the top of the set, sadly at the moment you just have to search through the designs manually.

 

 

Top of page

Paths to selections. How to convert a Photoshop custom shape / path to a selection ? You can find zillions of custom shapes on the web as well as many 1000s available on this site and they are all generated as paths etc. Sadly there is no fourth option for the creation of the design as an instant selection based on the preset but it is fairly easy to get round that missing fourth button. Selections are also great for all kinds of things such as areas to apply brush stroke to or add effects to a region. Selections also have a wider range of commands available such as smooth and feather and expand and contract etc. Basic steps are create a path using a custom shape or pen tool with 'path' mode and you can create all kinds of amazing paths with the presets as well as combining the paths to create a more complex design that also can be converted into a selection (such as using combine / unite etc). Once you have generated your path, go to the Window menu and paths. Select work path and then go to the right side menu of the paths panel and select 'make selection'. Set the feather radius to 0 and anti-aliased to ON. Set as new operation (most likely that is the only option available). Click OK to render the selection. Go to the paths panel and select the required design and right side menu and then use the make selection. A dialog pops up. You can also set the feather to greater than 0 and set it to 40px etc and then fill the design with a gradient etc to create a subtle gradient feather design from any generated vector artwork. On the paths panel there is a button (bottom of the panel) and instead of make, it says load. Click the load button to get an instant creation of those 'marching ants'. No feather option appears. Select the vector path (before any conversion) and then go to the top bar and you will see a make button close to the top left in CC 2019 2018 etc. Click that and the dialog will appear and again you can add the feather as well as operation. Once you have your selection, you can always go to the select menu and use tools such as transform selection and modify commands to expand the selection. You can also shift the selection by using the rectangular marquee tool. You can also use the select menu and the save selection command to save the current selection (give it a name) and you will see the entry appear in the channels panel. Once you have a number of selections saved, you can always then use the load selection command to 'add' and subtract from the current selection to create ever more complex selections from the paths.

 

 

Top of page

Glow styles. Learn how to use the glow style (outer) with shapes in Photoshop CC 2019 2018 2017 2015 etc. Basic steps to add a glow to any of the designs in your sets is edit menu (for the background) and fill color and set background (pink etc). Select the CSH tool in the toolbar. Select a preset via the preset picker. Apply the design to the artwork as a layer (needs to be a layer for the glow style to work). Goto to the Layer menu and select Layer style and Outer glow. Set color option to white. Set spread to 0 and increase noise slightly from 0. Set size to large. Change the contour to create many variation. OK. You can create all kinds of design using subtle changes of technique + spread + size + contour + range + opacity etc. The design can then be saved to the CC library for future use

 

 

Top of page

Mask. How to mask shapes in Photoshop CC 2019 2018 2017 2015 CS6 CS5 etc ? Select CSH tool (or ellipse etc) and set to shape layer option for masks. Select shape and color and apply. Goto the layer menu and select Layer mask and 'reveal all'. Goto layer menu and select the layer mask thumbnail (right side thumbnail). Set option to fill / pixel mode and color to black and apply to document. To return to 'normal', just click the layer thumbnail instead of the mask. The mask can also be modified at any point. You can also simply restore it back to the default layer mask by filling it with white (or just delete it via the right click menu). You can apply a vector layer (ellipse, rectangle etc) and the entire vector layer is used. You can by using the above approach just use half of it or a faded version of it. You can 'cut' out a whole chunk of the image or perhaps the edges only. The original layer is still there but not just so visible. The key thing is the layer menu and the reveal all command and then the thumbnail in the layers panel. Click that and use the tools to modify that. Only add and remove from the thumbnail on the right. You don't have to use just black for the mask of the custom shapes as you can use gradients etc to make much more interesting modifications to the artwork. You can use numerous other sources to modify the artwork such as using the vector itself (as a pixel fill) or using other presets or brush strokes or patterns etc. You can also add effects etc to modify the result and then changing the appearance of the design. You need something to work with so if you only have a white background for the mask then there will be no change. Fill it with something such as a gradient and then use effects such as the twirl filter as well as other distort effects as well as combining the results with gradients and adjustments and more. You can also right click the mask thumbnail and disable it as well as delete. You can also combine it with selections via those commands.

 

 

Top of page

3D Extrusions. How to make / add / create 3D extrusions from custom shapes in CC 2019 2018 2017 2015 CS6 CS5 etc tutorial. Select the CSH tool in tool bar. Select a design from the presets panel and create a shape layer . Go to the 3D menu. New 3D extrusion from selected layer. Modify the 3D extrusion by using the transformation tools as well as via the properties panel (window menu). Create a vector design (set the color etc as required via the shape option) and all the presets can be used to create the models (and you can always load more CSH vectors into the presets panel). Go to the 3D menu and the 3D extrusion from selected layer or the selected path (or use repousse for the Photoshop 3D extrusion if you are using an earlier version of the application - personally I always found that feature super easy to use). It should be noted that some of this functionality may not be available if you are using an older machine as the tools may just be disabled. The key panels are the properties and the Photoshop 3D panel and layers panel and also the various transformation controls to rotate the object, roll the object, scale the object etc or orbit the camera, roll the camera, pan the camera if you are using an earlier version of PS. You can use the properties panel (notice that if you are using an earlier version of Photoshop then this is the Repousse panel but it is much the same thing) to modify the generated extrude such as using one of the presets or modifying the depth and twist and scale settings as well as bevel and deformations for the artwork layer. You can also modify the environment, scene, current view, lighting for the Photoshop 3D extrusion as well but these have to be selected in the 3D panel before those properties become available. The lighting panel is great for casting different lights and shadows depending on the cast settings of the model. Select the shape in the panel, not the scene or environment etc. You will then see the depth setting for the Photoshop 3D extrusion (it seems to always be a very large value and rarely the value I actually want to change the depth via the slider or the edit field. Once on the field you can also use the up and down keys. You will see the model change as you change the depth. You can also go to the deform section of the properties panel and change the depth as well as add a twist and taper as well as bend and shear and angle for the model. You can also change the axis which can also make quite a dramatic change to the model. You can also go to the cap channel and change the bevel width and angle as well as contour and also inflate angle and strength and that can make quite a difference to the end result of the added 3D extrusion. You can also use the interactive controls that hover over the model. The contour is also a useful way of changing the model in seconds. You can also use the scene section for interesting preview renders with the added 3D Photoshop extrusion such as adding sketch styles, cartoon styles to the model which can then be used in your final image if you prefer those to the more clinical default style. All kinds of wonderful models can be generated this way (though they are never going to replace a dedicated modeling application). These settings are all live while the layer is selected so they can be modified again and again via the properties panel. You will notice that it is a single model so how can you extend the design to include a little more to the artwork and potential usefulness of this features ? Go to the transformation tools along the top and select and apply. Should be noted that is for the camera so you can roll the camera as well as pan and slide and zoom etc. You can then make it seem that the model has been rotated as well moved closer to the camera. The camera can also be modified by selecting the camera / current view and then using the properties panel to change the FOV and depth of field etc. You can use the menu to duplicate the existing object. You can then independently modify the art with the transformational tools as well as the deform settings to add and inflate the bevel etc. For example, go to the panel and then select the shape 1 and then right click and then select the duplicate objects or instance objects. Duplicate means a disconnected object based on the selected item. The instance means any changes to the master will be reflected in the instances. Drag both models together in the panel and select both and right click and select the group objects command and the two (or multiple models) will then be added to a single group. You can then modify the lights and camera to modify the two or multiple models at the same time to create amazing Photoshop 3D extrusions. Once you have created your model / 3D extrusion, you can now export the 3D layer and save it to a number of formats for use in other applications such as Smith Micro Poser or Daz Studio or Lightwave. You can save it in OBJ format as well as DAE format, Flash and many others. Of course, you do not need to use the extrusions in other applications, you can also use them as normal layer in Photoshop. You can rasterize the layer via the layer menu and rasterize. You can then add effects, adjustments, layer effects etc to the rasterized model. You can also render the layer (I must admit I rarely have the patience for the rendering when I generally will modify the end result but that is just me). As the artwork is a normal layer, you can just use the result as an interesting depth map.

 

 

Top of page

Add strokes. How to add multiple / double / triple strokes to the designs to give an edge to your layer designs in CC 2019 2018 2017 2015 etc. Select shape tool for the multiple strokes in Photoshop. Create a shape using the layer option. Go to the layer menu. Layer style. Stroke. Set color and size etc for stroke. Click '+' to add another stroke to shape and repeat multiple times. Set color and size etc for stroke and OK. There are a number of ways to approach this - the new '+' approach is probably best via the styles dialog. You can create a vector layer via the CSH tool or by using the rectangle or ellipse etc. You can also add the multiple strokes / edges to the artwork. The key thing is that it is a layer and the layer can have layer effects applied and key to that is the stroke feature. With the latest release of CC, you can now add more strokes to vector layers in most cases via the new '+' feature found in the layer styles panel (weirdly the bevel and patterns do not have the + option) Still, this does require some setup. Say select a circle and then go to the layer menu and then layer styles. Depends on the order of the added style and also the position which can be outside or inside or center. For simplicity, set the first is in red to outside at 16px. Click the '+' next to the field and this will create another and to see the result, simply set the value to a little more than the 16px otherwise you just won't see it. So set the second entry to 24px say and a different color such as black and you will now see two edges to the artwork - this can be repeated with the outside options so you can click '+' and then added another say with a value of 50px. Again, the result can end up fairly coarse in PS. The key thing is the order as well as the size for addition of the the multiple strokes. You have to get the order right or you just won't see the result of the additional entries in the layer styles. Now, go to the layer menu and smart objects and convert the artwork to smart object. You can now go back to the layer menu and layer effects and add an additional / multiple strokes to the Photoshop shape new object. This process can now be repeated, simply by converting the path again into a smart object (though clearly there are limits as you will see PS get slower and slower processing all these additional smart objects). The only problem with this is the coarseness of the applied vector once you add too many or too large a size. The image adjacent shows a vector circle and there is a slight coarseness already to the artwork - this is definitely multiplied if you have a more complex artwork. For some objects such as circles, there is an easier option to add multiple strokes - simply duplicate the original path and then re-size and re-size (reducing the size and changing the layer style for each of the layers or perhaps add the setting via the properties for the vector). You can then just use the group option in the layer menu to group the objects together. Perhaps not such as elegant solution and definitely does not work well for all paths. You can also use Illustrator and create the design with the edges in that application and then select the artwork and copy that back to PS. The results are generally much better than any of the PS work. You can also fake the whole thing by using the layer menu and layer styles. Set a large size and position and fill type to gradient and the style to "shapeburst". You can create gradients with many color stops such as white stop, black stop, white stop, black stop, white stop etc.

 

 

Top of page

Blending. How to use custom shapes with the Photoshop blending modes such as darken, difference, lighten etc in CC 2019 2018 - CS5 etc. Select the custom shapes tool from the Photoshop toolbar. Select shape layer option. Select a preset from the presets picker. Apply the selected design. Apply another. Set color via the top bar fill. Go to the layers panel. Set the blending mode to darken. Select the CSH tool and set the option to 'layer' and then add the layer with the current design (or select another). You can then go to the layer panel and select the blending modes 'darken' / difference / lighten etc for the shape as well as the opacity - set them to your required setting. The change reflects how to the layer interacts with underlying layers. You can modify this at any point as well as change the color and the stroke of the vector. You can repeat this with new vectors to create all kinds of images. Some modes work better than others with the presets as layer and it can also depend on the color (so if you try to use the blending modes with Photoshop shapes and the color is black or white or if the color of the background is black then the result may not be very impressive). Using some modes you will see zero change as the current color of one layer is already greater or less than the underlying color and there that will be seen and not the underlying or a mix of the two. The good thing about using layers is that the darken etc can be changed to difference in seconds via the layers panel. Pixels - Set the mode as well as the opacity for the artwork before you apply it when using the pixel option. Once you have applied it, you cannot change the result other than undoing the application of the design or using the fade command. For example, select CSH tool from the toolbar and then select a preset from presets dropdown / picker. Set color via foreground color. Set the mode found along the top bar to darken. You can also use the artworks with the edit menu and fade command. Apply the designs as a pixel design and then go to the edit menu and fade command. You can set the applied shape to merge with the artwork in difference or darken or lighten etc via the dropdown in the fade panel. You can also set the opacity for the merge such as 50%. You can use the blending modes with the Photoshop shapes and fade to create all kinds of designs and as the preview is by default ON, you can see the result of the design without having to second guess the result of a particular blending mode and how with will interact with tools such as Photoshop shapes as well as brushes and other presets - the fade feature is a super useful feature. It is a pity that is not possible to fade the fade but in that case, you can simply undo or use the history panel to go back to an earlier state and then re-apply the vector artwork. There are many different modes available for the vector designs. Each have their uses. Opposite, you can see the result of a single color vector rectangle added on top of a two color artwork. Two colors then becomes four colors in the design. The modes are Normal / Dissolve / Darken / Multiply / Color burn / Linear burn / Darker color / Lighten / Screen / Color dodge / Linear dodge (add) / Lighter color / Overlay / Soft light / Hard light / Vivid light / Linear light / Pin light / Hard mix / Difference / Exclusion / Subtract / Divide / Hue / Saturation / Color / Luminosity. Two interesting modes are behind and clear and they only work with layers. Behind adds to the transparency (areas where there is no paint in the layer) and clear works to remove the areas of paint and leaves only transparency. Great for creating quick cookie cutter frames.

 

 

Top of page

Clear / behind. The clear and behind blending modes with the Photoshop custom shapes are slightly different as they only appear when you use the pixel option and only when you apply it on a layer. How to use the blending modes with Photoshop shapes and clear / behind is the same as all the other modes though. Add something on the layer and then set to behind and then apply again and the artwork will only be added to the 'empty' areas on the layer (it is as if you had added that to the layer first and is 'behind' the current pixels - the original will be untouched. Set to clear and it is like an erase and clears the pixels (and leaves the empty area untouched). You can also alter the blending mode for custom shapes via the layer style panel if you are using the artworks as layers. You can also set the opacity. Goto the layer styles command and then go to the blending options tab at the top of the dialog. You can also change the BM to work in red and green and blue channels via the same panel - if you decide to only use the red channel then de-select the green and blue.

Top of page

Blur. How to blur vector shapes in Photoshop CC 2019 2018 2017 2015 CS6 CS5 etc tutorial. Create vector shape via custom shape tool / shape layer. Layer menu and Smart objects. Convert to smart object (the vector shape). Filter and Blur menu. Gaussian blur. Set as required and then OK. You can also apply multiple blur effects to the Photoshop vector shapes. Select the artwork layer and convert to a smart object via the layer menu. Goto the filter menu and apply a gaussian and then iris effect. As the iris effect (found in the blur gallery) can be used to mask where the effect is applied you can soften parts of the design and not others (or perhaps not so extremely). As the layer now has smart filters, you can enable or disable or change the properties and the mask at any time. Some filters (not iris) allow for blending between themselves so you can add the effect using a blending mode of difference or darken. The underlying artwork is still untouched and can be changed at any point by using tools such as the direct selection tool. There are a number of useful blur effects that can be used with Photoshop vector shapes and found such as Box / Gaussian / Motion / Radial / Zoom / Shape / Iris / Field / Tilt / Spin / Path. You can combine those effects in multiple ways and using them as smart filters they can be deleted and disabled as well as settings changed in seconds. You can also fade the result of the applied effect via the edit menu and fade command. If you use smart filters you can also filter the effect - so you can blur vector shapes in Photoshop and modify that effect and where is applied to that design. So if you want to soften only part of the design then you can go to the smart filter entry in the layers panel and select that and then go to the document and add pixel information to that filter mask such as brush strokes or gradients etc. You can then have more or less softening added to the artwork. Without using effects etc, you can use the properties panel for the layer to blur vector shapes in Photoshop. Select a shape and then go to the feather option and set to greater than 0% in the properties panel.

 

 

Top of page

Combine. How to combine / unite / merge custom shapes layers using path operations tutorial CC 2019 2018 2017 2015 CS6 CS5 etc Create a shape using the rectangle or ellipse or CSH etc tools in toolbar. Keep the tool selected. Goto to the top bar and click the add to shape area button (or combine with CC 2019 2018 etc). Add a new design using the CSH or rectangle tool etc and that will be added to the current selected shape layer. Once you have this option (or any of the others in the list) selected then you can repeat the addition of paths until it is set back to the new layer option (or you change tools). All the paths such as the stars and rectangles etc added are still all live and can be independently moved by using the path selection tool. If you change your mind and would like to set the path to subtract from then you can. Select it using the direct selection tool and then set the dropdown to subtract. If you don't use the merge, you can use the path selection tool to move the individual paths around until you finally do apply the merge command. You can find the path selection tool in the toolbar (depending on the customization of the toolbar). If you decide to change a path from combine to subtract etc via the same menu then you can once you have selected that individual path with the path selection tool. If you want it to become a single vector then you have to go to the same dropdown as the 'add to' etc and select the merge command and then you can define the new artwork as a new preset via the edit menu define command. Once you have applied the merge, you cannot then move the individual paths - they are fixed. You should be careful when using the add to etc commands. Sometimes it goes back to new layer at odd times. If it does, simply go back to the menu and re-set it. You can also use the menu commands. Select two or more layers in the layers panel and then go to the layers menu and down to combine and then select the unite command (or subtract etc). The paths are still live and can be edited. You can then go to the merge components command as before to finalize the artwork.

 

 

Top of page

Draw. How to draw a custom shape in Photoshop CC 2019 2018 2017 2105 CS6 etc. Open a document. Goto to the CSH tool (below the rectangle tool). Select the shape type (layer, path, fill). Select the custom shape to draw in the presets picker. Set the color via the foreground or use the properties at the top bar or the properties panel. Click document and drag to the required size to draw the design. Release mouse. Select the CSH tool and then go to the top bar of PS and select the option - layer, path or fill. Set the color via the foreground color in the toolbar. Set the opacity for the artwork via the top bar, same with the blending mode. You can also set the color via the top bar if you set the artwork to layer (and set it a solid color or gradient or pattern). You can also set the stroke and dash style. One key thing would be the actual drawing constraints and that depends on what you want to achieve with your artwork. If you are using the tool to create items for architectural purposes then the fixed option maybe the best option. If you are using it purely for illustration with little consideration of the size etc then unconstrained is perfect. You can set the path option to be unconstrained (my favorite) or defined size or fixed etc. Click the artboard for top left of the object, Apply the artwork and release at the bottom right for the right size of the object in your image / document or layer. You can repeat this multiple times. If you want to generate a sketching / drawing etc then the best approach would be to use the layer option for the design and set the fill to nil and set the stroke to a solid color and perhaps width / weight 10px and then re-apply that over and over to create a very sketchy scratchy artwork with the select graphic. You can also use the 3D menu. Select the artwork you want to use as a layer and add to the document. Go to the 3D menu and then create new mesh from layer and select the postcard command. Goto the 3D panel and then select the scene and then go to the properties panel and select the surface and style of sketch. Would not say it is the most wonderful sketch but you tweak it further (don't use the transformation tools). You can add a background sketch as well by selecting the environment in the 3D panel and then go to the properties panel and the background and load texture (just select a file). Modify the color / intensity setting to control how much you then see of the artwork mixed with the background.

 

 

Top of page

Irregular. How to create / draw / make an irregular / abstract shape in Photoshop CC CS6 CS5 CS4 etc. Select pen tool in the Photoshop toolbar for the irregular / abstract custom shape design. Set to shape option. Set the fill and stroke. Click the current document. Repeat in different location. To close, click the initial point. Select the convert point tool to round the curves of the irregular custom shape in Photoshop. The application can be used to create numerous unusual designs - there are a number of ways of approaching it. This tutorial is for unusual designs but the same approach can be used for the creation of all kinds of basic as well as complex vector artworks in PS. For example, use the pen tool which can be found in the toolbox. Select the pen tool and then click the document in different locations and that will add a variety of points to the document. Select the shape layer option otherwise a path will be created. You can hold down the mouse at certain numbers of those points and move the direction points away from the anchor point to generate a curve with the path. To complete or close the path then just click the start point and there you have your new oddball vector design. You can also continue to add new points to the generated irregular path just by clicking on the path away from any existing points. You can also use the same tool to click on existing points to remove the points. Go to the direct selection tool in the toolbar to select the individual points on the generated shape and move them and distort them as required). You can then, if you wish, make the design more permanent as you can select the entire artwork using the direct selection tool and then go to the edit menu and use the define custom shape command and give it a name, the irregular design will then appear in the presets panel. Instead of using the pen tool, use the next tool in the toolbox: free form pen tool. Just select and then draw as you would with a normal pen. Personally it is easier to use an artpad / pen instead of a mouse. Again, finish the creation of the path by meeting the start point. Go to the path panel and fill with a color or use the define command. You can draw truly weird and wonderful vectors with the free form tool. It is not the most elegant of tools but the results can be pretty unique. Another option to use to turn the design into a native artwork is just to click the 'shape' button along the top option bar (this is with the most recent versions). Very similar to the above approach but you can also set the magnetic option on for the free form pen tool and it does create a very quick and easy way of creating very abstract designs as the magnetic tool has a tendency to randomly jump back and forth and on completion. You can find the magnetic enable option along the top bar when you select the free form tool. The design is probably far more random than you could ever create just by sketching. The CSH tool / ellipse / stars / rectangles etc can be used as a great source for unusual designs. To do this, select the rectangle or ellipse tool and create a single rectangle or ellipse. Go to the path operations (pathfinder in Adobe AI) along the top option bar and set the option to 'combine' (or any of the others if you wish to subtract from the initial design) and then apply another rectangle / ellipse and so on. Repeat the creation of the rectangle or circle or star etc multiple times and each path is then added to the original design. Apply the artworks on top of the earlier designs or apply different scatterings to the artworks. They will all be added in the same current color. On completion, go to the edit menu and use the define command to save the new work to the presets panel. You can make the artwork as weird and abstract as you wish. Not strictly involving any drawing but by using the edit menu in PS and transform and warp command with a selected path (even a rectangle) then you can create a quick unusual designs from all kinds of regular ones. You might not achieve the best graphic with one pass of the warp tool as the warp grid is only 3 x 3 but you can always it multiple times or use individual points. Select the individual points / nodes of the warp grid by using the direct selection tool and warp the path in many different ways. Repeat and repeat with the transform and warp and path manipulation until you are happy with the distortion and the abstract artwork. You can also use a brush tool as well as other tools and convert that into a vector. Create a new layer and then apply brush strokes to that layer. Probably works best when the brush is set to hardness of 100% and paint all kinds of scribbles and tangled designs. Go to the select menu and load selection and use layer 1 transparency (or 2 or 3 depending on the layer) and go to the paths panel and make it a work path via the right side menu. Set tolerance as required and click OK and then again, define this via the edit menu. With CC 2019 2018, a new feature was added - the curvature tool and that can be used to create some really odd distorted vectors in seconds.

 

 

Top of page

Fill color. How to change the fill color of Photoshop custom shapes in CC / CS6 CS5 etc (such as gradient etc). Select the vector design. Select the CSH tool. Goto the fill along top bar. Change to gradient or pattern or color and select a new fill color for the shape in Photoshop. With CC 2019 2018 2017 2015 CS6, you can easily change the content via the settings along the top bar of Adobe ® Photoshop ® such as stroke, width and the picker etc. You can also fill them with gradients as well as patterns and also apply a variety of different stroke settings to the art (though sadly not including the beautiful strokes from Illustrator - perhaps for another version ?). They are all accessed via the CSH tool and the preset's panel. You can also fill them with images via the patterns as you can define any large image as a pattern and then select that from the dropdown panel. You can change the content easily via the top bar if the rectangle etc tool has been selected. You can also set the content to "No color" and I know that sounds a little boring but actually it is very useful as you can then just use the stroke (both stroke and fill can be no fill and that can have their uses such as layers with a shadow and other effects). The "no fill" means you can create all kinds of artworks only with strokes and the stroke can have all kinds of different settings such as dashes. You can set the content to a solid (red, green etc) for the artwork layer. Just select the solid option when you are applying the custom shape as a shape layer. You can use any of the presets from the swatches displayed as well as add any swatches sets available. You can, of course, also set the stroke independently which can be also be set to a gradient or pattern or no stroke. You can set the shapes fill color to a gradient and then select any of the items included in the displayed panel. You can load 1000s of additional presets such as our gradients collection but there are many additional ones available on the web. You can load them via the right side menu such as replace and load. You can set the angle and mode etc though you are limited in the things you can change via the panel (you can use the next technique to alter the origin etc). If you have a single vector artwork (this does not appear with more than one selected) then you can also alter the gradient via the layer menu and layer content options so you can change the gradient to a radial or diamond as well as change the origin as well as scale and more. You can set the artwork to a pattern. You can use any of the pre-defined patterns included in the panel as well as any of the items available via the right side menu. You can also define your own or use ones ready made available on the web (such as on this site). You can also use any super large image and then define that as a pattern and use that via that option (if it is much larger than the shape then it doesn't matter if the artwork is seamless or not). You can also set the scale for the artwork. If you have only one piece of artwork selected then you can modify the pattern such as origin and scale etc via the layer menu layer content options. You cannot change the artwork via the dropdown if you select the pixel option. You can set the art to red or green etc before you add it. Of course you can use adjustments etc but they will (unless you use selections) affect the entire image. Quick workaround for this is to add the vector to a layer and then use the various adjustment functions to change the content at a later date. You can also the magic wand to select the area of the custom shape in Adobe ® Photoshop ® and this can then be suffused with gradients, images (using paste into command) as well as patterns via the layer content). You can change the gradient etc via the layers panel. Double click the layer entry and you will see the picker or content panel. You can then change the setting such as changing from red to green or a gradient style from linear to radial etc. With a layer selected, you can go to the layer menu and layer content options and then change red to blue or green etc as well as change the gradient or gradient type or the pattern scaling etc. You cannot change a gradient into a pattern. You can turn the artwork into a smart object (via the layer menu and smart objects) and then use smart adjustments (image menu) to change the artwork from red and green etc to blue or turn the layer into a black and white design using the full range of adjustments. They can be modified at any time via the layers panel. You can also filters such as camera raw as well as other plugins tools (such as the ones from graphicxtras). If it is a smart object, you can always alter the result of the smart filter at any time to change blue to red etc

 

 

Top of page

Fragments. How to create fragments of Photoshop shape paths from vectors etc in CC 2019 2018 2017 2015 2014 CS6 etc tutorial. Select custom shape tool to create shape fragment. Set to layer or path (top bar). Go to the middle of the top bar (custom shapes options). Select either 'add to shape area' (or as it is now known as combine) or subtract from area option (depending on the design). Select the subtract option to remove existing area from the shape (use a circle, square etc to remove) creating a much reduced fragment of a vector design. Using fragments of paths can be a great source for new PS graphics. It can also be saved as a preset via the edit menu define command. You can use the combine / add etc feature with vector layers as well as subtract to create all kinds of unique 'parts' from any design. The key thing is that you use a vector layer or path. Another approach to the above is to select two vector layers and then use the layer menu and combine shapes command and subtract command. Select multiple layers in the layers panel. You can then go to the layer menu and use the combine category and select the subtract command and all the latest selected artworks will be removed from the first design selected. You can also use the "delete anchor point tool" to remove a point from a vector graphic, reducing the art to a small sliver of vector art. You can delete multiple points simply by using the tool and clicking the anchor points. If you delete from a live ellipse etc you will see a message pop up. You can repeat the delete multiple times. The artwork on the left was created by using the direct selection tool to select some parts of the earlier design and then delete key was pressed removing part of the design. The end result will be an open path though (there is no close path feature in PS). This was repeated with other points in the path. You can then define the resulting chunk of a path via the edit menu. You can create all kinds of fragments / parts by using the curvature tool or pen tool. Click the document with the layer option set and click a couple of times to create the design and then go to the start point to close the art. You can repeat that multiple times to create lots and lots of little parts of vector artwork which can then be combined. They are all small fragments that can be scattered throughout your work.

 

 

Top of page

Install. How to install the CSH custom shapes in Photoshop and how to load them in the presets panel for CC 2019 2018 2017 2015 CS6 CS5 CS4 etc. Select the CSH files in the explorer / finder and copy via the edit menu and copy command. Go to the applications folder (mac) and program files (for the PC). Go to the adobe Photoshop cc folder (mac) and adobe / Photoshop cc etc (PC). Go to the presets folder and then "custom shapes" for the install folder. Paste CSH files into that folder. Start application and go to the CSH tool in toolbar. Go to the presets picker panel dropdown. Right side menu and select the file by name to load all the designs into the application. The above adds the presets to the admin section so this may require the entry of your admin password. You can also add the CSH files into an user account (requires no admin privileges if it is your account). Select the CSH files and then copy them and paste them into the locations below. ~ / Library / Application Support / Adobe / Adobe Photoshop CC / Presets / ... (on the mac) and also C: \ Users \ <place your account name> \ AppData \ Roaming \ Adobe \ Adobe Photoshop CC \ Presets \... (if you are on a PC). Once you have added the CSH files to the correct presets folder then when you go to the presets panel (either for the tool or via the presets manager command) then you can select the files by name from the right side menu list. If you have added the sets to the user account then you will see the items added to the list below the items added by the application itself. A line divides the sets. The All option only includes all the items in the sets supplied by PS and not every set it can find on your machine. In most cases, the CSH file will be associated with PS or PSE and you can just double click the CSH file to add the set to the tool. Of course, the file association may be incorrect and it may be linked to a custom shell script or something and that is not so useful. You can always re-associate the CSH back to the current version of PS. If you double click the CSH (or right click and select the open command or open with) then all the vector artworks are loaded into the preset panel along with all the currently existing artworks in the panel. However the artworks are only added to the panel and any remove or replacement of the CSH will remove the designs. The key thing about the CSH double click approach is that the vector graphics can be located in any folder (that is the case with my system as I generally have all my CSH files in one massive resources folder section on my user account). Note that this sometimes work but depends on the OS and version. Select five or six CSH sets at a time and use the right click mouse option to select the open with option. All the selected CSH presets will then be opened in PS or PS Elements and loaded into the presets panel in seconds. This is a quick way to add countless designs to your favorite application and use them via the toolbar. In some cases you can select the CSH files and drag them into the application. Simply select the CSH files you want and then drag into the open PS application and the presets will then be loaded into the current presets panel - this does not work with all versions. Another approach if you wish to add your files from a single source would be to use the presets picker right side menu and the load / replace commands. The load / replace commands are also available via the edit menu and presets manager.

 

 

Top of page

Patterns. How to use Photoshop custom shapes to create amazing patterns / seamless tiles tutorial in C 2018 2017 2015 CS6 CS5 CS4 etc. New document with transparent background. Select CSH tool. Select shape and set color via fill properties. Apply shape to document. Edit menu. Define pattern command. Filter menu. Others menu. Offset and set wrap around and horizontal and vertical shift. Add more custom shapes (avoid the seams of the pattern tile). Edit menu and go to the Define pattern. You can use the above approach with the vector designs to create a near infinite number of tiles for use in the application via the presets panel. You can use the same vectors over and over or change the vectors each and every application. The key thing is to avoid the seams of the tile (unless you want a disjointed tile). You can create tiles without the need for the offset filter but the tool makes it a lot easier to create far more complex designs. Best to work with the artworks in pixel mode. Apply the design in the center of the document and then go to the filter menu and others and then select the offset filter and set the horizontal and vertical to a certain percentage (can be 50% but -20% is fine as well) and wrap around. Apply the filter and then go back to the tool and apply more designs to the image and then go back to the offset filter and repeat perhaps with different settings. You can always use the define command in the edit menu to test out the tile. You can use the same vector but change the color and as the vectors can be filled with solid colors as well as gradients and strokes and also tiles then literally millions of designs can be generated by combining the same artwork with different content. Change the fill color by selecting one of the rectangle / ellipse etc tool and then go to the top bar and fill / stroke. Once you have changed the content to say gradients, you can also just double click the layer entry for that vector design and change the color. You can use the the vectors in different sizes. If you use the vector graphics as layers then you can also rotate and transform the graphic (though a way around this is to just re-define the custom shape at different angles and use it as a fill pixel). You can also interweave the designs with filters but some filters may destroy the seams and you will end up with odd breaks in your tile. I would suggest perhaps using selections and feathering the selection and then applying the effects to the graphics. As CSH designs they can have a fill and outline. Instead of using a fill just set the fill to blank or nil and use only the stroke setting to create and define the pattern. You can create some truly weird and wonderful patterns using outline designs especially if you overlap the artworks as you apply them. With earlier versions of PS, you can only add the stroke via the layer style menu and stroke setting (if used as a layer).

 

 

Top of page

Record actions. How to record custom shapes actions in Photoshop / tool recording in CC 2019 2018 2017 2015 CS6 etc. Display the actions panel. Go to the right side menu. Select the 'allow tool recording' (for the shapes as well as brushes and other tools). Now use the custom shape tool and create (you can also usebrushes etc and other tools in toolbar). Select the CSH tool and layer option. Select the required vector in the presets dropdown (the name is stored during the process). Click the new action button in actions panel. Apply effects and the layers etc and then click the stop button. The key thing is the actions panel in Photoshop and set the 'allow tool recording' to ON for the custom shapes. The position of the artworks, the type, the color etc is stored. Once this is done, the tool's actions are stored. To generate this item for your set, simply go to the actions panel and click the record button. Give it a name, give it a function key (if you want), what set you want to add it to and a color. Do the various steps that you want to be used and then click the stop button found at the bottom of the panel You will note that if you are using vector designs and layers then the layer's name is stored and playback will always use that reference. It does not store anything about the actual vector so if you want to use a different vector with the same script then you can. The workaround is to go to make a note of the name of the preset used and then rename that preset and select another preset and rename that to the item listed in the script (you can expand the entries and see the name used such as curve 1 in the image on the right). The playback will now use that preset and not the earlier renamed one. One issue with using the vector designs is that if you use a thin design then any applied playback will generate a thin design. If the artwork is a huge design in the horizontal, the playback will generate the same. There is no particular workaround that other than capturing artworks in a set of different playbacks such as 'square' 'thin' 'wide' etc and then using those with the artwork. The image on the left shows the vector layers of a vector design that was originally proportional 1:1 and now is more 3:1 as it has been added in the same proportions as the original vector used in the script. You can also use the playbacks in the PS batch processes to apply the same work to 100s of files in a folder (batch process can be found in the file menu in the automate category) and you can then add a frame or circular graphic to each and every file or perhaps add a quick watermark to 1000s of files in a folder and much more. It should be noted that the artwork's size does not match the document. If you created the artwork in a document that is 100 x 100 and stored those steps. Running the batch process with a 1000 x 1000 size document doesn't suddenly make the small vector design match the relative size of the document and the vector will still be 100 x 100 and stuck in the top left of the document. Likewise if the document is smaller than the original, the artwork will be cut off. The tool steps can be re-played over and over again to create all kinds of designs such as the grids. You can change the name of any preset in the preset's panel as well as remove the previous stored named preset - best not to have both presets to confuse the playback. Play via the panel. You can then go to the layers panel and select all the generated vector designs and then go to the edit menu and transform and scale the design and then define that as a new preset. This can then be used again via the playback as long as you use the same name as before. This can be repeated over and over to create infinitely more complex designs from a basic set of paths.

 

 

Top of page

Rotate. How to rotate objects ? this can be done in many ways in CC 2019 2018 2017 2015 2014 etc. Select a preset layer. Edit menu and Transform and Rotate. Enter angle. Press return - basically that is it but as with all things Photoshop and shapes, there are a number of different ways to approach the rotation. If the graphic is applied as a fill pixel (and the key thing here is that the layer is unlocked so if you want to rotate the background layer then you will have to go to the layers panel and unlock that before any other action) and it is applied to a layer then you can quickly pivot the layer by selecting the layer (in the layer panel) and then go to the edit menu and transform and rotate command. You can then either enter a value in the top bar options for the angle or you can just use the art bounds controls to manually whirl the layer (show transform controls must be ON). To finish, press enter or click the tick button. You can do the same with the shape layer option (the same for the path option). You can rotate shapes in Photoshop using that option in seconds and personally it is a much better option than the fill pixels especially as it can be repeated and modified at any time (though the original angle / matrix is not stored). The fill pixel approach is not ideal as the result of any transforms will reduce the quality, so it is best to use the artwork as a vector and the result is then non destructive. You can use the same bounding box, the same transforms on the vector design. You can also change the reference point for the layer via the top left corner. Instead of turning the path by the center, you can turn the path about the top left corner etc. You can see the reference point in the image on the left. You can also just select the little dot / target and then move it to a new position and then turn the layer about that. You can move it to the center point or the bottom left or the middle bottom or top right etc via that small button). You can use the actual center point to move it to a custom position as well. You can also use the edit menu transform command to rotate the Photoshop shapes (it does much the same as the previous as it displays the edit field for the angle and bounding box). There is a 90 degrees etc option but sadly no ways to edit the settings. There is a transform again command in the edit menu and if you have turned the layer by 30 degrees then the repeat will add another 30 degrees and so on. Free transform adds little to the turning of the layer. If you add the fill to the background layer you can still rotate, it just requires an additional step. To turn that you will have to go to the layers panel and click the lock to unlock the layer. You can then use the transform / bounding box to turn the layer but you will end up with a transparency in the area leftover. The quality will probably not be great either. You can create a quick action as long as you have the allow tool recording ON in the actions panel (right side menu). You can then set the record to ON and then select a path and turn it 45 degrees and then stop recording. You can then apply the recorded action to any selected vector. You can then set up a whole load of actions to turn the artwork such as 10 degree action or 5 degree action etc. You can save the designs created with as a new preset via the edit menu (if still a vector) by selecting all the points of the artwork. You can also save the layer / vector / raster by dragging it to the CC library panel and the artwork can then be used in other applications in the creative cloud such as Adobe Indesign, Adobe After Effects, Premiere etc.

 

 

Top of page

Shape blur. How to use the shape blur filter (CC 2019 2018 2017 2015 CS6 CS5 etc). Filter menu (to access the shape blur filter to use with the CSH designs) and Blurs category and then Shape blur filter. Set radius. Select the design to use via the panel. OK. The tool can use the vector designs (CSH presets) as source for all kinds of amazing effects in seconds. Use the presets to create radically different artworks with the radii setting - choose from thin line designs, circular artwork, thin designs, frames, tangled artwork, sketched, stars and many more - the sources are infinite. You can create smudged, horizontal effects, vertical effects, shimmered effects and much more using the tool. You don't need to use the high settings - set the value to something like 16 or 10 and then re-apply over and over - not only that, by using a low value and then combining that with other effects and perhaps using different presets with each apply, an unique effect can be created in seconds - especially if you record the effect and add it to the actions for use in future projects. If you want a totally zapped image where there is little of the original image left then use the a High setting - blast the entire image using high settings. Goto the tool and select a preset and it really doesn't matter which one you choose if you set the radius to 500 etc as the image will be totally gone (unless you are using it with something really huge). The result is much the same and is not dependent on the vector. Actually, mid range settings can result in all kinds of gradients as well as just a totally smudged image. You can use the effect with the entire image but you don't need to, you can add a selection such as perhaps focus on the person in the image and then add the effect to the rest of the image or perhaps the person. You can use any number of tools to select the area. For example, go to the select menu and then use the color range and then set the fuzziness to 200 and sampler colors and then apply the SBF via the filter menu - set the radius for the effect and set the source to one of the presets (it can be any of them but many unique effects can be created by using a straight line or rounded or tangled presets) and click OK and then go to the select menu and de-select. The result will show more or less of the original design. Apply the effect to a layer and you can use layer masks. You can also use the tool with layer masks to control how much or how little is shown of the layer as well as then the effect (though anything visible will still have the same settings applied). The layer mask can be filled with gradients, brushes as well as the effect itself applied to those. Make certain that you apply the tool to the image layer (though it can also be used on the mask as well). You can use the filter on video time lines by using the video as a smart object and adding the SBF to all the frames. You don't have to use the effect on the same color channels. You can select the red channel and add the effect with one path and one radius and then use the effect again on the green channel with the same or different settings and so on. For example, go to the Window menu and then select the channels to display the channels panel. Select the red channel and then go to the effect and apply a radius and a preset. Goto to the green channel and then apply the effect again but change the radius and set it to a different preset and then repeat with the blue channel. Go to the panel and change back to RGB. You can select any image and convert it into a smart object via the layer menu convert command. You can then add one or more of the effects as well as combine the effect with tools such as oil paint and camera raw etc as well as image adjustments added to only that image. You can use the effect with a layer and then convert the layer into a smart object. Apply the tool again with any preset. Goto to the layer menu / entry and then to the filter mask. It is the white box on the line of the smart filters. Select that thumbnail and now add a gradient or black / grayscale brush strokes to the image. Go back to the layer entry. You will then see parts of the effect applied and parts of the layer not touched by the effect. All the above can be added to type in PS. Create some text and then add the effect to the text either using it as a smart object or as just a pure image. The results on type can be very variable and it is quite easy to totally wipe out the small letters in any page etc of text.

 

 

Top of page

Subtract. How to subtract shapes in Photoshop tutorial, Create the first shape using shape tools in Photoshop as a layer. Goto to the top bar. Click the "subtract from shape area" button. Draw another shape to be subtracted from the previous art. Repeat subtract shape using another design. Return to normal by clicking the new shape layer button. You can now see that you have removed from the original artwork. You can repeat the subtraction multiple times. You can also see the result of the operation in the layers panel thumbnail. You can now apply all kinds of changes etc to the new design. Now it has been renamed to 'subtract front shape' with CC 2019 2018 etc. Create a new layer and then go to the top bar and then de-select that layer (if you have it selected and then go to the command the layer will invert). Once you have de-selected it, go to the command you want in the list (third one in the list) and then go back to the layer you want to use and select and now add the new vector design to the layer and you will see the design cut from the original path. You can then repeat this until you go back to the new layer option. You can also do much the same via the properties panel. Create a new layer and then go to the properties panel. Keep selected and go to the top bar and select the combine. Create new design and that will be combined or united with the previous art on the same layer. Now go to the properties panel and click the 2nd button in the path operations and you will see the art cut from the original design. Add a new path and repeat same click as before and that will be removed from the design. Create more than one layer with the ellipse / rectangle etc tool. Create another as a new layer and so on. Go to the layers panel and select them all. Layers menu and combine shapes and 2nd menu to remove the designs from the first layer. You can also do the same as above via the right click on the layers in the artboard and select the subtract front command. You can then also define it as a new preset via the top command in the menu

 

 

Top of page

Arrows. A quick guide to creating a basic arrow shape in Photoshop CC 2019 2018 2017 2015 etc. Set shape option to layer for arrow. Set color for the arrow shape in Photoshop via fill color. Rectangle tool and draw a long rectangular line. Go to the polygon tool and set options via top bar to not a star and only 3 sides. Create a triangle at one end of the shaft. Combine them for your arrow shape. Select all the shape using the direct selection tool. Edit menu and define shape. There are infinite designs possible and infinite ways of creating them - you could as easily have added multiple lines to the design and a single path at the head. The head does not need to be a triangle either. Or you could add a sharper head and so on. This design is a vector but it can be distorted, combined, transformed, parts removed etc Once you have you combined vector path, you can use the direct selection tool to select the individual points and perhaps drag them to different positions. Go to the edit menu and transform and then use the distort and you can distort and apply perspective etc to modify the artwork in countless ways. You can also add additional points by using the add points tool to the path and then manipulate them individually as well. You could also use the curvature tool found in the PS toolbar and manipulate points on the design using that (a far more flexible tool for all kinds of artwork and you can find tutorials on that tool via this site or via our Video tutorials on youtube). Smart guides are useful for the creation of the design but as it is a fairly basic design (and one that is odd that Adobe have never included in the toolbar - Affinity Photo has the design along with many other basic vectors for projects and all interactive). The smart guides can help lining up the feathers as well as adding other elements to the design. With the above, you could just finish but you can always add more such as some lovely thin feathers at the end but you could as easily add circles or rectangles or other artworks to the other end of the graphic. The feathers (on the right) are just very thin rectangles added to the end at 45 degrees and even there you can vary things such as adding them as 30 degrees etc or varied angles or perhaps more embellished lines could be used or perhaps even scans of actual feathers Create the feathers by going to the rectangle tool in the toolbar (again, use it as a layer). Create a thin rectangle. Rotate 45 degrees. You can use the alt / opt to duplicate a thin rectangle and place them at the end of the graphic (relative to the head) - maybe duplicate them three or four times depending how many 'feathers; you want to add. You can select all those thin rectangles via the layers panel and use the alt / option to duplicate the feathers and transform / move them to the bottom of the graphic. Use the edit menu and transform command and flip horizontal command (mirroring the top feathers). You can then select all the layers via the layers panel. Go to the layer menu and combine and unite the entire work and save the artwork as a CSH vector via the edit menu define command. Again, the smart guides should prove useful for the alignment of the feathers as you move them as the smart guides will show the vertical and horizontal alignment of the lines as well as the groupings of the lines in the layers. I often find it easier to work with designs by locking them and that can be done via the layers menu and lock layers command (where you can lock the transparency, position etc). OK, Now you have your very basic graphic, you can also use it as a brush stroke and as a pattern source as well as a displacement file by saving the artwork to a PSD file. You can also convert it into a smart object and add effects and adjustments to re-color the work as well as layer styles to add a metallic effect to the art or a gel and the entire graphic can then be saved to the CC library for future projects.

 

 

Top of page

Star creation. How to create star shapes in Photoshop CC 2019 2018 2017 2015 2014 CS6 etc . Open document for the star shape. Goto to the rectangle tool (and select the polygon tool - a sub tool of the rectangle). Set the option such as shape layer as well as color for the star. Goto to the polygon options. Set the star option ON and set the sides (12 etc). Create star by dragging from center of document. The above creates only a single artwork. You can create multiple objects as well. Keep the polygon tool selected. Apply the design in different locations as well as different sizes. Change color of the artwork (make certain that you create it as a layer). Make size different by length of drag and release. You can also change any of the generated artworks by using the curvature tool or the pen tool etc. You can also use features such as combine command in the layers menu to add additional paths to the points or perhaps subtract from the center of the artwork to create a hollow design. You can add circles to the design to create a mottled artwork or frame the design as well to create a sheriff badge. You can duplicate the layer by using the layer menu and duplicate command and then use the edit menu and transform command to scale the path (perhaps set the width and height to 140% of the original layer). Select both of the artwork layers and then go to the layer menu and combine command and use the subtract shapes at overlap and you will create a quick hollow design. You can create multiple layers and do the same to create a contour design from the artwork. You can also create all kinds of stroke themed designs by creating the artwork and then using the properties panel and setting the fill to nothing and the stroke to 10px. You can also add a dash style for the stroke to create a dotted design in seconds or create thin lines or spots and much more. You can set the fill for the created star's fill to colors as well as gradients or patterns. There are also settings for the vector design so if you want, you can change : sides - create more points for the design + indent sides to create more intense or rounded designs + smooth indents (curved) + smooth corners (for more flower like designs). You can create all kinds of intense designs by using a very high indent setting. Go to the options and set the indent sides by to 80% or more. In the image on the right, the number of sides has been set to 37 to create an intense design. You can create a more smooth rounded star design by selecting the smooth indents and smooth corners option and setting the indent to 20 or so - more like a rippled design / wavy design as well. You can also create a design using the pen tool. You can use the pen to create a more random design. Suggest using the view menu and show and show grid and then click on the grid to create the artwork. Or use guides via the same menu such as new guide layout and 20 x 20. Click close to the center and then click out near the edge of the document and go back to close to the start position and click again and then go out from that inner part of the design to the outer part and click close to the edge or beyond the edge of the document. Repeat the same steps until you go back to the start point.

 

 

Top of page

Create triangles. How to make / create / draw a triangle shape in Photoshop CC 2019 2018 2017 2015 CS6 CS5 etc ? Select polygon tool and the sides set to 3 (found along the top bar. You can set the color to solid color (or gradient and patterns) via the fill panel as well as a stroke / stroke weight. Go to the settings dropdown and set the star option to NO (the panel is also on the top bar displayed with a little gear design). Set the pick tool mode to shape / layer and then go to the artboard and draw the design. If you are using an older version of PS you may have no access to the gradient or pattern but you can get around this by adding the design as a pixel to a layer and the select the design using the load selection command and fill with a gradient or pattern. The advantage of the fill and stroke dropdown is that you can change your mind at any point and turn the solid color into a gradient or pattern as well as change the preset as well as type such as linear as well as the scaling of the pattern. You can also simply add a color overlay or gradient overlay or pattern via layer styles in the layer menu. You can duplicate the triangle by using the alt / option key (or go to the layer menu and use the duplicate layer command) and shifting the art to different positions in the artboard. You can create a quick shadow design by duplicating the triangle layer and then shift the top most triangle, following this with selecting the lower triangle (via the layers panel) and setting the color to black. You can repeat the duplication of the triangle across and downwards to make multiple numbers of artworks in a row or perhaps a grid of the designs or fill the document with random sized art. The easiest way to approach creating the grid is to use the smart guides (view menu and show and smart guides) or select a row of triangles and align vertical and distribute horizontal centers (top bar) and then layer menu and combine and unite. You can then duplicate the triangles and repeat but this time with align horizontal and distribute vertical centers. Another option, if you want to create no fill and solid stroke triangle, is to select the polygon tool and set the pick mode to shape. Set the fill color to none and set the stroke color to black and set the stroke width to 10px etc. Draw the triangle. You can then add different dot and dash presets to the stroke to create some truly unique three sided designs via the stroke options dropdown. With the artwork selected, go to the stroke options and either select a preset or set the align and cap and corners and click the more options to display the dash settings. Set the dashed line to ON if you want to add dashes and dots for the edge of the artwork. You can make a shape using pen tool. Go to the view menu. Show grid (makes it easier to create the design) or use guides. Select pen tool in toolbar. Set to shape layer option. Set fill to black. Set to stroke to no color. Click pen tool in top left corner. Click pen tool in middle bottom. Click pen tool in top right corner. Click back to the first point. Resize bounding box. Set color of the the vector artwork as required as well add a stroke. All kinds of different shapes can be made by using the pen tool. You can also select the artwork and select an anchor point with the direct selection tool and then shift the individual points so a less uniform triangle can be created based on the generated vector artwork. You can repeat this with the other points to create many different unique designs. Once you have your vector three sided artwork you can use tools such as the transform and apply perspective and distort as well as shear to create all kinds of graphics from the same basic artwork. The artwork can be transformed using warps as well. You can also drag the artwork into the CC libraries and save it for future use or use the edit menu and define command to define it as a new preset for future use. If you are using an older version of PS, you will have no library feature in that case you can just save it to a PSD file or use the define approach. You can also add styles to the artwork to make all kinds of metallic etc designs via the layer styles panel. As there are infinite numbers of styles available then all kinds of amazing designs can be added to the vector artwork

Top of page

Add flames. How to add flames to the custom shapes in Photoshop ? Set the pick tool mode (top bar) to path and then select a preset from the presets panel for the CSH tool. Apply the vector artwork as a path. Set the background to black as the flames work best with a black background (via the edit menu and fill). Go to the filter menu and render and flame. Select type (candle etc) and set the turbulent setting (low) along with jag and set the width (low) etc and click OK. You can then re-apply the flame again and again perhaps using different settings as well as tweaking the vector design to vary the end result. Once you have generated the flame, you can delete the path as well as add effects such as oil paint to the generated fiery artwork.

Top of page

Smart objects. How to turn the Photoshop custom shapes into smart objects ? Select the CSH tool and then select the pick tool mode of shape and then select a preset from the preset panel. Draw the design a required and set the fill and stroke for the design. Go to the layer menu and smart objects and select the convert command. Select the layer in the layers panel. Go to the filter menu and select a filter such as gaussian blur and set the value as required and click OK. Go to the image menu and select adjustments and hue / saturation to modify the color of the smart object. The underlying vector artwork is unchanged but all these filters and adjustments can be seen via the layers panel beneath the selected vector layer. You can delete and change those settings at any time by double clicking the effect. If you wish to edit the contents of the smart object and perhaps change the vector, you can go to the layer menu and smart objects and edit. You will then be taken to a PSB file holding the contents. You can manipulate the existing design but you can also flatten the artwork and then fill the design with a new background and add a different vector preset and close the document and you will see the smart object change to reflect the new update. You can repeat this at any point. The smart object can also be stored into the CC library for future use as well as used in other parts of the creative cloud.

Top of page

Transform. How to transform the custom shapes in Photoshop ? There are a number of available commands to the artwork (applied as a layer) and they can be found in the edit menu and transform commands and include scale, rotate, skew, perspective, warp, rotate 180 etc. The warp comes with a variety of different presets such as arc, arch, bulge, flag, wave, fish, fish-eye etc and while you are applying the warp, you can also manipulate the individual warp points to change the artwork shape. There is also a free transform command which does most of the same scaling and rotation etc in one command. To apply the perspective transform, create a layer using the CSH tool with a selected preset and then goto the edit menu and transform path and select perspective and then move the bounding box points to distort the current selected artwork. You can also enter values into the edit fields for horizontal skew, angle and scale etc. This transform can be repeated multiple times to totally distort the vector art. If you want to use the other 'transform' commands, you will find that the puppet warp and perspective warp are occasionally available especially if you are using the vector designs as converted smart objects.

Top of page

Timeline. How to use the custom shapes in Photoshop timeline. The key thing here is to display the timeline and that is done via the window menu and timeline. Once you have the panel, click the create video timeline button. Select the CSH tool and select pick mode (top bar) to shape and set the fill color to black and then select a preset from the presets dropdown. Apply layer on the artboard. You will now see an entry appear in the timeline for the shape. Expand that entry and you will see position, opacity. style, vector mask position and vector mask enable. In this quick tutorial I will be using the style but you can use the vector mask position etc as well. Go to the layer menu and layer style and set a gradient overlay and select a gradient preset for the design and set the type etc and click OK. Click the little timer icon on the left of the side of the 'style' entry to enable key frame animation. You will see a little key frame marker appear. Move the video playhead to a different position (the slider along the top of the timeline (say to 01.00f) and then go back to the layer style panel and go to the gradient overlay and change the position of the gradient or change the scaling etc. Repeat the move of the playhead and then repeat the overlay changes etc. If you now go back to the video playhead and move it along the timeline you will see the gradient overlay change with time. You can now export this design as a video via the file menu and export and render video (as well as save as a GIF)

Top of page

Freebies. Selection of free custom shapes for use in Photoshop and elements, all in CSH format, load them via the load / replace commands in the presets panel. Commercial use, all royalty free Animals / Arches / Arcs / Arrows / Art nouveau / Borders / Buttons / Contours / Checkerboards / Chevrons / Cubes / Curved frames / Designs 1/Designs 2 / Designs 3 / Diamonds/Dogs / Dots / Eyes / Frames / Hearts / Hearts 1 / Hexagons / Kid shapes download / Lattices / Letters / Ornaments / Panda bears / ringlets / Snowflakes 1 / Snowflakes 2 / Spirals / Stars/Symmetry/ThreeD/Tribals / Trims / Vintage type / wave custom shapes / Xmas designs / Circular themed / triangle shapes / mirrored designs

Top of page