Shadow of a Butterfly


Tube and Scrap:

Please do not use any of the licensed supplies without purchasing them first.

First off, unzip all supplies.

Open a new 800 x 800 pixel canvas. Be sure it is set to 72ppi resolution. You can always resize later.

Layer > New Layer…
You will now have TWO blank layers on your tag. The bottom layer should stay blank (transparent) for the entirety of the tag creation.

Edit > Fill… this layer with white. You can change this to whatever color you like to match the website you will display it on, though.

We aren’t going to use a mask on this particular tag. It can look just as good without one!

You can drag and drop items straight from your file browser into the canvas. This makes it faster to place items.

Instead of telling you exactly where to put what and what size to use, I am just going to show you a animated image of what I did. This way, you can create your own version of the tag without doing exactly what I have done.

When placing your elements, you can transform them again by going to Edit > Free Transform. Just be sure you hold the shift key to constrain the proportions.

As you can see, it is pretty random.  I just place the items where I think they might work.

Now, back to the frame element layer. You have a frame, right? If not, you can skip this part.  We need to add a fill layer to the picture frame.

Highlight the layer UNDER the frame in your layers panel.  Now drop the paper you would like to use onto the canvas.

Grab your selection wand from the tools panel.  If you can’t find it, check out the basics page for a better understanding of the tools layout.

The Selection Wand options should look like this at the top of your window:

Click on the center portion of the frame.
In the upper menu of Photoshop, click on Selection > Modify > Expand…
Expand your selection by 2px.
Now highlight your paper layer. 

Go to Layer > Layer Mask > Reveal Selection.

Now you have a fill to your frame. Easy Peasy!

We definitely want to add some shadows to our elements.  Without shadowing, the tag will just look flat. The secret to a good tag, is a good shadow effect.

Right click (or ctrl+click) a layer and choose “Blending Options.”
I add a drop shadow and an outer glow.  The glow enhances the effect a bit.

Now after you have hit OK, right click the layer again and choose “Copy Layer Style.”
Highlight all of your element layers (click the top one, then shift + click the bottom one) and right click again.  This time, choose “Paste Layer Style.”

It makes a HUGE difference to add shadows:

Now that we have all of that done, time to add the next details.  Tube and text.  Fun!

Choose where you want your main tube to be placed.

Now drag and drop your tube onto the canvas. Resize and adjust it to your liking. Always make sure you constrain your proportions while resizing.  Hold the Shift key while you drag the corners.

Add the same drop shadow you did before. 

If you would like to remove the excess shadows from around your tag, I have explained how to do that HERE. I do this to all of my tags, just to keep them clean. I recommend doing this so many times that it becomes second nature.

Resize before adding copyrights!

Highlight the top layer of the layers panel.

Grab your text tool and add the name you would like.  Position it just where you want it and add a layer style.  This is mine:

That leave us with the non-animated version of the tag!  If you wold like to keep the JPG version, you can save here.  Simply File > Save As…  and choose the jpg option from the drop down box at the bottom of the dialog.

Here’s where it starts getting complicated. We want to add animation!

Make sure your Animation Panel is open.  Window > Timeline (or Animation, if you are on earlier versios)

You will need to click the “Create Frame Animation” button. If you do not see this button, please refer to THIS page for more information about the timeline.

You will see that your first frame is already there. 

Find the layer that has the glowing stars on it (ScrapWDD_YurikoShirou-Package-28 (50))

***** If you have already done a tutorial using these steps, you can skip it and move on to the text part.

Open a new image. File > New 500×500 pixels should be good enough. (You can make this however big you like)

Fill the layer with gray. Some version of a middle gray, or you can go to
Edit > Fill… and choose 50% gray from the dropdown.

Change your foreground and background colors in the tool panel to black and white.

Filter > Render > Clouds

Filter > Render > Difference Clouds (twice)

Now we have our pattern, but let’s make it seamless.

Filter > Other > Offset

You will see that this made lines in your pattern. These are what we want to get rid of.

In your tools panel, grab your Spot Healing Tool.

Set the size to a small, yet decent size to cover the lines.

Now just paint over the lines to make sure they are all removed.

Offset again:

Now you can check if there were any of those lines left over and hidden in the border of our image. Use the Spot Healing tool to remove those as well. You can offset a few more times to make sure they are all gone so that our image is as seamless as it can get.

Edit > Define Pattern… Name it whatever you like.

You can now close the image without saving.

Back to the tag.

You are on your glowing stars layer, right? Great!

Add this layer style to the stars by right clicking it in the layers panel and choosing Blending Options.

Don’t forget to put your Fill Opacity to 0%. (first image)

Now we want to animate this “twinkle”.

In your Animation Panel, duplicate the frame by clicking on the [+] icon at the bottom of the panel (it’s a double paper sign in older versions).

Now that you have two frames, make sure you have the second frame highlighted.

Go back to your glowing stars layer.

Right click to bring up the Blending Options again.

Now, go back to the Pattern Overlay. If you hover over your tag, you will notice that the cursor turns into the Move tool. Give the tag a good 4 or 5 (or more) BIG swipes to move the pattern. It doesn’t matter which direction you move it to.

Click ok and go to your Animation Panel. Highlight the first frame again. Up in the top right corner of the panel, click on those horizontal lines to open the fly-out menu.

Choose Tween…

You can add as many frames as you like, but I like to keep it short and sweet.

If you add 3 frames as I have, you will end up with 5 frames total in your animation.

Oh, right!  Don’t forget to set your frame delay.

Highlight all of your frames in the animation panel. Highlight the first frame and then hold shift. Click on the last frame. Now all frames are highlighted.

Click on the little arrow beside the time of the last frame. This will bring up a popup for more “delay” options.

Click play to see your masterpiece!

If you don’t like the look of the animation, you can delete all of the frames EXCEPT the first one. Duplicate the frame and move the animation again in a different direction, for more or less swipes than before. Then repeat the Tween. You will get a different result each time.

Now you will need to save your animation as a gif file.

In your animation dialog, use these settings:

flyinghearts My “Forever List” can find their tags in their Fotki Folders. flyinghearts