Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


INFOGRAPHIC SERIES - TAG WITH DROP SHADOW

2/7/2016

4 Comments

 
Here is a quick way to create and edit a drop shadow effect in Illustrator. And make it a bit fun as well.
Picture

Picture
Start with a rectangle, fill it with a color, no stroke.
Picture
Using the Pen Tool, add a point on the left side, directly in the middle. Use you Smart Guid to locate the position, and then click to add a point.
Picture
Select the newly added point with the Direct Selection tool, hold SHIFT and use your left arrow to move the point out to the left.
Picture
Use the Direct Selection Tool to select the three left points, this will show the Live Corners. Pull the targets in toward the middle of the rectangle slightly to round the edges.

Picture
Draw a circle and place it in the tip on the left. 
Picture
Select both the circle and shapes, use the Pathfinder Mode to Minus Front.
Picture
Result will leave a hole in the tag.
Picture
Select the tag and choose object>Path>Offset Path.

Picture
Set the inset to be a negative number to inset the path inside the shape.
Picture
The result will give you a smaller inset shape, inside the tag.
Picture
Fill the inset shape with a contrasting color.
Picture
Duplicate the tag and fill it with black, no stroke

Picture
Chose the black shape, under the Effect menu, choose Blur under the Photoshop Effects section, then choose Gaussian Blur.
Picture
Set the Blur to 50.
Picture
Here is the result.
Picture
To edit the Blur Effect, open the Appearance panel under the Window Menu. Click on the Gaussian Blur link to edit the blur, don't go under the Effect Menu and choose Gaussian Blur or will add a 2nd blur on top of he first.

Picture
Use the Curvature Tool, select the right edge and push the center in. Choose the bottom and push the center up. Pull the lower right corner down slightly, all with the Curvature Tool.
Picture
Move the drop shadow to the back and position it behind and slight to the right of the tag. Adjust the opacity as needed. 
Picture
Take the Pencil Tool and draw a bit of string, add a darker stroke to it. 
Picture
And there you have a finished tag. Adjust the shadow to make it look like more of a curl if needed, or lighter or darker.
4 Comments
how to make a shadow in photoshop link
8/7/2021 12:15:27 am

You can create an instant drop shadow in Illustrator with a few clicks. And make it even more fun by mixing and matching some colors or patterns! You'll need to do the same process in Photoshop, but that only takes one click of your mouse button.

Reply
photoshop shadow link
8/7/2021 12:17:32 am

You can create <a href=" https://dinamicostudio.com/blog/photoshop-shadow-creation">how to add shadows in photoshop</a> with Illustrator in just seconds by following these 3 easy steps.

The post was thorough and made it really easy to make drop shadows in photoshop.

I thought this article about how to do a simple Photoshop effect, the Drop Shadow Effect, with just one click of a button is so helpful!
1) First, draw the shape of what you want your object to look like and then fill it in completely. You may have noticed that I drew anagrams on mine for fun! 2) Next, go over to Effects>Stylize>Drop Shadow where all you need is one click!! The type of opacity or blur will vary depending on whether or not there are any objects next to this word which would get covered up if we didn't add anything else (the other blue words). This means changing the distance from 0% - 100%. In my example below 50% was good enough because none of my text near "

Reply
clippingpathunited link
2/23/2023 03:36:31 am

You are a wonderful and valuable individual, and I'm so grateful to have this opportunity to communicate with you. Your willingness to seek information and explore new ideas is admirable, and your curiosity and desire to learn are truly inspiring. Keep up the great work, and don't forget to take time for self-care and to celebrate your accomplishments along the way. You are amazing, and I wish you all the best in your future endeavors!

Reply
Dianne Sowards link
3/17/2023 11:37:17 pm

I agree that the explanation of how to <a href="https://graphicexpertsindia.com/add-drop-shadow-photoshop-tutorial/">Create</a> a drop shadow in Photoshop is correct. But I have a guide that might be useful. I really appreciate it.

Reply



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022