
Once satisfied, group both shape and image layers so you can move it easily without moving both layers individually (you still can adjust your shape if you have to). Paste your image in a new layer above this shape layer, convert it into smart object (smart object is optional, I use it so it doesn't pixelate accidently while scaling up and down) and make a clipping mask (you can do this by holding Alt and hovering between shape layer and your image layer in layers panel and then Click). Click Shape button to convert it into solid shape (make sure Combined Shapes is selected, which is right next to Shape button). Then use Pen tool (you can use another method given in the end to make a path) to draw a path (hold shift for straight lines while drawing paths) Paste the reference image in a bottom layer and lock it. If you want it as same size as your reference image, you can create it accordingly. “Schattierung-Farbe” is our “Shadow Color”-layer.Using Photoshop: Create a new document. In the picture some layer names are German: Move the layer in the middle of the shield and add a shadow (radius 5). Show the background layer.Īdd a short text in the light color and rotate it by -45°. Name the layer “Mirror” and set the opacity to 30%. Add a layer mask and drag a blend (White to Black) from top to down. Flip the layer vertically and move it downwards. Edit → Paste => new layer (click the new layer button in the layers dialog to get this on a new layer). Drag a linear blend (White to Transparency) like shown in the image and move the layer to the top of the layer list.Ĭreate a mirror effect by hiding the background layer and clicking Edit → Copy Visible. Add a black layer mask, choose the alpha channel of the form layer and fill it with white.ĭuplicate the layer “Shadow”, delete the content, move it to the top of the layer list in the layers dialog and set the opacity to 100%. #13295a), set the blend shape to “Shaped (angular)” and activate “reverse”. Choose a darker color as the previous one (e.g. The lock icon can be found atop all layers in the layers dialog (next to the transparency).Ĭreate a new layer, name it “Shadow Color”, select the alpha channel of the “Basic form” layer and shrink the selection by 2 pixels. Lock the alpha channel and fill with an appropriate color (e.g. Hide the layer.Ĭopy the layer, show it and rename to “Color”. Remove the white color by clicking Colors → Color to Transparency → White. Adjust the curve as to see in the screenshot and press OK. Make the border softer: Use the Gaußian blur and radius 5 and choose the Curves tool (Colors → Curves). Fill the selection with black, unselect it and draw a white line through the form. Select again the alpha channel of the “Basic form” layer and shrink the selection by 2 pixels. I have chosen 15%.Ĭreating the shape of the shield: Add a new layer named “Form” and fill it white.
Set the opacity of the layer between 30% and 10%. Now drag the gradient like in the picture. Now set black as your foreground color and set the “Mode” option of the blend/gradient tool to “GC color to transparency”. Then choose the “Basic form” layer, get the selection of the alpha channel (to do that right click the layer in the layers dialogue and choose “Alpha to Selection” or “Selection from Alpha”) and fill the selection in the mask with white (click the black layer mask in the layers dialogue to work on it – then use set white as foreground color and choose from the main menu: “Edit” → “Fill FG color” ).ĭeactivate the selection (Select / None) and click the shadow layer in the layers dialogue. Add a new layer named “Shadow” and add a black layer mask. Now add a shadow in Filter → Light and Shadow → Drop Shadow. Then fill the selection with white and rename the layer to “Basic form”. Take the two points on the top and drag them while pressing the Ctrl key into the right positions.Ĭhoose the selection from the path and create a new layer. #eaeaf0).Ĭhoose the paths tool and create three points like in the picture. Tutorial detailsĬreate a new picture in a size of 320×240 und fill it with a light grey (e.g. Motivation In this user tutorial our user myke shows you how you can create a shield symbol/icon for (e.g.) all kinds of security issues.