{"id":4398,"date":"2020-02-21T16:23:50","date_gmt":"2020-02-21T16:23:50","guid":{"rendered":"https:\/\/www.martinwatson.com\/NCCTEST\/?page_id=4398"},"modified":"2020-06-08T11:46:39","modified_gmt":"2020-06-08T11:46:39","slug":"create-drop-shadow","status":"publish","type":"page","link":"https:\/\/www.martinwatson.com\/NCCTEST\/create-drop-shadow\/","title":{"rendered":"Downloads – Create Drop Shadow"},"content":{"rendered":"\n

Create a drop shadow within your borders.<\/em><\/strong><\/h4>\n\n\n\n

In this workshop, we will take, adding borders onto a further stage, by creating a drop shadow, to give the border some depth.<\/em><\/strong><\/p>\n\n\n\n

Please note: It would be beneficial to read the complete workshop before you attempt to follow the procedure. If you would like a print out to read, please follow the links at the end of this workshop.<\/em><\/strong><\/p>\n\n\n\n

Before attempting this workshop, please read and follow my other workshop on, \u201cSingle coloured border around your image\u201d. This will help you to find, and understand the tools and palettes we are going to use in this workshop.<\/em><\/strong><\/p>\n\n\n\n

Note: The image I am working on in this workshop is 280mm wide by 180mm high. You may need to adjust the values to create the same effect, depending on the size of your image. <\/em><\/strong><\/p>\n\n\n\n

\n\n\n\n

Return to Workshop<\/a><\/p>\n\n\n\n

\n\n\n\n
\n\n\n\n

This is my start image. “Woodland Walk”<\/em><\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 1: Create the first border around the image by going to Image>Canvas Size. In the canvas size palette make sure the relative box is ticked, then input the values of 2mm width and 2mm height, set the colour to black. Click OK. This will give us a 1mm black border all around the image, in black.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 2: Create a second border by going to Image>Canvas Size. Enter the values 10mm width and 10mm height, set colour to white. Click OK. This will give us a 5mm border all around the image, in white.<\/p>\n\n\n\n

Step 3: Double click on the blue area of the \u201cbackground\u201d layer in the layers palette.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The new layer palette will appear. Accept the \u201clayer 0\u201d name by clicking OK. This has renamed the background layer into \u201clayer 0\u201d. It is now an independent layer and can be moved anywhere in the layer stack, (all will come clear later). <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 4: Create a new layer by clicking on the \u201ccreate a new layer\u201d icon at the base of the layers palette.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

This creates a new layer and makes it active. A layer is active when shown in blue.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 5: With the new layer (layer 1) active go to Image>Canvas Size, input the values 2mm width and 2mm height. Tick the relative box. Also you will notice the \u201ccanvas extension\u201d box is greyed out and we are unable to select a colour. This is not a problem, just click OK to select the new canvas size.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You will notice now that the image size is larger, but we have a transparent (chequered layer) showing around the image.<\/p>\n\n\n\n

Step 6: With \u201clayer 1\u201d active (shown in blue), move your cursor over the blue area of \u201clayer 1\u201d in the layers palette. The cursor will change into a \u201chand\u201d. Click and hold down the left mouse button and drag \u201clayer 1\u201d down, under \u201clayer 0\u201d. This has changed the layer order, \u201clayer 0\u201d is now on top of \u201clayer 1\u201d. If we had not renamed the \u201cbackground\u201d layer earlier in this workshop we would not have been able to do this. The background layer would have been stuck at the base of the layer stack.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 7: Click on the default foreground and background colours icon. This will set the foreground colour to black, and the background colour to white.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 8: Next click on the paint bucket tool located in the middle of the tool palette. If you are unable to see the paint bucket tool, it will be hidden under the gradient tool. To select the hidden paint bucket, click and hold down your left hand mouse button on the small black triangle in the bottom right hand corner of the gradient tool. This will show the flyout menu. Click on the paint bucket tool to select it.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 9: Now with \u201clayer 1\u201d active (shown in blue), click the paint bucket cursor in the image to fill the layer with black. Notice now you have a thin black border line around the very outer edge of the image.<\/p>\n\n\n\n

Step 10: Click on \u201clayer 0\u201d in the layers palette to make it active. It should now be shown in blue.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 11: Place your cursor over the thumbnail of the image in \u201clayer 0\u201d in the layers palette. Now by holding down the \u201cCtrl\u201d key on the keyboard and at the same time clicking your mouse button over the \u201clayer 0\u201d thumbnail image, you will select everything on that layer. This will be shown by the marching ants.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 12: With the marching ants showing around your image, click on \u201clayer 1\u201d in the layers palette, to make it active. With layer one active hit the \u201cdelete\u201d key on the keyboard.
\nThis has deleted most of the colour on \u201clayer 1\u201d, just leaving us with the thin black border line around the outer edge.
\nGo to Select>Deselect, or \u201cCtrl\u201d and \u201cD\u201d on the keyboard, to deselect the selection.<\/p>\n\n\n\n

Step13: Next we are going to duplicate \u201clayer 1\u201d. The quickest way to do this, is to click on \u201clayer 1\u201d to make it active, then click in the blue area and by holding down the left mouse button, drag the layer down and over the \u201ccreate new layer\u201d icon at the base of the layers palette. When you have the hand over the \u201ccreate new layer\u201d icon, let go of the mouse button and this will create a new copy of
\n\u201clayer 1\u201d, called \u201clayer 1 copy\u201d.<\/p>\n\n\n\n

\"\"<\/td>\"\"<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Step 14: Click on \u201clayer 0\u201d to make it active. Click in the blue area, and while holding down the mouse button, drag \u201clayer 0\u201d under \u201clayer 1\u201d. This changes the layer order. You should now see this.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 15: Click on \u201clayer 1 copy\u201d to select it. Go to Filter>Blur>Gaussian Blur. While adjusting the blur amount watch the outside of your image to get your desired blur effect. I used a value of 20. This gave me enough drop shadow without it bleeding into the white area around the image. Click OK to apply<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 15: Finally we need to flatten the image. Click on the small black arrow in the top right hand corner of the layers palette. In the flyout menu, click on, \u201cFlatten Image\u201d.<\/p>\n\n\n\n

This is the final effect. (Click on image to see larger view)<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

This was a bit of a marathon, just to create a drop shadow border, but it has also helped us understand a little on how the layers palette works.<\/p>\n\n\n\n

\n\n\n\n

To download a printable version of this workshop, click on the link below<\/p>\n\n\n\n

Adobe Acrobat Reader
(523kb)<\/a><\/p>\n\n\n\n

\n\n\n\n
\n
\n

Back to the Top<\/a><\/p>\n<\/div>\n\n\n\n

\n

Return to Workshops<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Create a drop shadow within your borders. In this workshop, we will take, adding borders onto a further stage, by creating a drop shadow, to give the border some depth.<\/p>\n

Continue reading <\/use> <\/svg>Downloads – Create Drop Shadow<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-4398","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages\/4398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/comments?post=4398"}],"version-history":[{"count":17,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages\/4398\/revisions"}],"predecessor-version":[{"id":10422,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages\/4398\/revisions\/10422"}],"wp:attachment":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/media?parent=4398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}