I just wrote a little Tutorial, and I hope you get my point. I’m sorry if you don’t, but you know English is my second language. So let´s start. This tutorial is about this signature
You can find the resources in this folder.
|The resources are named and also contain the source link, e.g. TEXTURE 3 _ www.starved-soul.deviantart.com.nhmpazni red = name of the resource around it in the tutorial to find again green = source link|
The tutorial is a bit tricky and elaborate just because it contains the animation. This is not rocket science in itself and simply made but the explanation is elaborate.
So I subdivide the whole a little bit.
On the other hand, I’ll make it easy for you, since there is only one texture.
Ok well. Let’s start.
I start with a new file (File -> New) in size 500x230px. The background does not matter, since I put directly BILD1 on it. If you use a different image for your graphics, you can use a shape to bring the white corners to the graphics.
Even with me it does not quite fit and therefore I add a white plane behind my picture, so that the corners are nice and clean.
I summarize all levels, ie the image and the background on one (layer -> Merge Visible) so that I have only one level. I duplicate this layer once.
I double-click in the layer preview on the right edge so that the layer style window opens.
There I will click the rake for the green channel.
I push this level a little bit to left .
I duplicate the basic image again and push it to the top. Then I double-click on the layer preview again so that the window for the layer style opens and this time click the red and blue channels.
This level I push a hint to right .
This creates a slight 3D effect.
I grab my second person on the graphic and set it free.
So now it gets a bit of fumbling I create a triangle with the polygon tool in my toolbar. If you can not find the tool but only have a square or a circle there, right-click on the tool and this list will open
If you select the tool, you can select the number of cantans at the top of the menu bar. Since you need a triangle, it’s just 3 logical. If you want to do something different someday, a hexagon or something, then just enter a 6 and you have one
But now I wanted a triangle so I enter a 3 in the number of pages. Then I create a triangle in the color #d1cfcf . The triangle will be isosceles and therefore very large, so I pull it together a bit in the width so that it is more high than wide.
I duplicate the triangle once and enlarge it (Edit -> Free Transform Path). I think it was like that on 110 or 120% just look, which looks good.
Then I do the same with the triangle as with the photo. I click on the layered style at the enlarged duplicate and first click away the red and blue channels. Because this triangle is bigger, I do not have to move it anymore.
Then I duplicate this now green triangle and go back to the layer style and turn red and blue again and click away the green channel. I push this triangle a bit to the right and down.
As you can see, not only the triangle gets such a nice pink and green effect but also the white triangles on the right and left edge.
Now I duplicate the first “normal” triangle. In order to change the settings of the triangle, I have to click on the left tool to get the menu bar.
I take away the filling of the triangle and give the triangle a contour in the color #000000 in a strength of 1.5px
I pull the triangle down a little bit.
I duplicate the triangle once and change the color of the contour to #d1cfcf. Then I push the triangle a little bit to the right.
And again, I duplicate this last triangle and push it very far up. So that the lines are always further apart.
I duplicate this triangle once and click the green channel in the layer style.
And once again duplicate and turn on the green channel and turn off red and blue.
Thus I have the beautiful pink and green even with this element.
Finally, I use TEXTUR1 for my artwork. I reduce the texture to 40% or less. Since you have to look what looks best in your graphics.
I multiply the layer property to screen and with a soft brush remove anything that disturbs the texture. The texture I duplicate once so that it is once left and once right of my triangle.
Now I’ll take TEXTUR1 and put it on my graphic. This time I do not reduce it. The texture has such nice edges left and right and I like that on my graphics.
So I set the texture back to screen and move it to the left so that I have the desired pattern. Then I remove the right side with the help of a layer mask.
Then I take the texture, duplicate it, mirror it once (Edit -> Transform > Flip Horizontal) and move it to the right edge.
Anything that bothers to erase away with a soft brush.
THAT is my base. I mark all and summarize them in a folder. I call that the base.
Yes, I will do the text once before the animation because it is finished
The main text I made in the font Delirium NCV in the color #d10bcf and in the font Abuse in the color #33cf26 . Both get from me a slight drop shadow and course.
Behind the word guilty I make a black bar with the mold otherwise you can read the color on the white bad.
Along the left and right of my forms, I am packing the subtext in the Font Orator Std . Also here in the two colors of the main text.
That was my text. I also pack this in a folder that I call text.
I create a third folder between background and text, which I call animation. That’s what I do with the folders, so I keep a little overview. Especially with the animation that comes now. Otherwise it gets really cluttered
Puuhhhhh, now the animation. For this I put my last person on my graphic. I put it behind the text, logical as well as my folder is behind the text
Without animation it looks like this.
I now click the folders for background and text. First, because it is easier then always to summarize the levels and secondly because I can keep the overview better, otherwise nothing distracts.
That looks like that for me.
Then I’ll start.
First of all, I keep my base for all the following steps. So I duplicate the source image only. So I always have the original with me.
In the end I have 7 levels in my animation. But I’ll just start now.
So I duplicate my wife 3 times. So that I have 4 times in the end. I’ll drop the bottom layer because it’s my base.
I once renamed the layers so that it is a little clearer for you.
Now I do the same here as with my first picture in the base.
I double click on layer 3D 1 and take the hook off the green channels in layer style.
I double click on layer 3D 2 and take the hook off the red and blue channels in layer style.
I move the layers slightly to the left and slightly to the right so that together with the background 3D a slight 3D effect is created.
I summarize this 3 level into one (layer -> Merge Visible). ATTENTION !!! Make sure that at the moment only these three levels are switched on.
Your animation folder will disappear, so you can paste it later
After that, your levels layout should look like this. I renamed the layer to 3D LAYER.
So now I have a plane that looks normal and one on which the picture is in 3D.
Now comes the next one. For this I duplicate my base again. I call this plane “WIND RIGHT”
I make a Smart Object out of this layer by right-clicking in the Layer Preview and selecting the menu item “Convert to Smart Object”.
Then I go to Filter -> Stylize -> Wind
The following window opens. I choose the setting “Stagger” and the direction “from the right”
The picture looks like this
Now I click twice in the layer and click in the layer style the green channels. Then it looks like this
This seems strange at first but in the end with the switched base it will look like that and then it works again
Now I’m duplicating my smart object and because it’s just a smartobject I can just click on the layer and change the settings.
A double-click and I can change the layer style and take away red and blue and I turn green.
Then I double click on the word “wind effect” (The English version of Photoshop is probably different.)
And it automatically opens the filter setting and I change the wind direction on the left.
That looks like this here
But with the basic picture at the end, it will look and be nice too that’s the way it has to be
As you can see, the wind effect on the left and right sides of the graphic has an ugly effect. I do not like that. So I’ll give both layers a layer mask and take the disturbing strokes away.
My animation level now looks like this
Next one NAAAAA still fun ????
So. Now I switch to the selection tool
Here I have to make sure that in the menu bar the setting “Add to the selection” is set.
Now I go to my base picture and make a lot of fine lines on my person.
The finer and more accurate you do it and the more irregular you are the nicer the effect at the end.
If you are finished, please click once with the right in one of these boxes and the menu item Select “layer by copy”
It will create a new layer, I pull this easily to the left. And rename it to STROKES.
That’s how it looks.
Two levels are missing before the animation starts: lol:
For this I duplicate my 3D LEVEL this time. !!!! Then I do not have to do the effect again: lol: so I just take the finished 3D layer: lol:
Then I go to Filter -> noise -> add noise
This window opens. I set the attitude
Strength 12% and Gaussian normal distribution
After that, the picture looks like this
My animation layers now look like this
Lastly, I’ll duplicate that noise layer and increase it to 115% in height and width
My final animation layer look this way
3D NOIS BIGGER
NOW, I’ll pack all of them into a folder makes more sense, right?
And now my preparatory work for the animation is done. Then I can go to get the animation to move.
|ATTENTION IMPORTANT !!! [/ b]
Now click your two folders background and text again !!!!And clicks all layers in the animation except the BASE [b] ATTENTION IMPORTANT !!!
For your animation, you need your animation or timeline at the bottom of Photoshop. If it is not already displayed you will find it
Window -> Animation
or from CS6 I think it says
Window -> Timeline
And it opens in the lower part of my work window, the timeline
There is a small drop-down box in the timeline that must be set to “Create frame animation”.
As soon as you click on it, you get the first frame with your graphic
The time of this frame I set directly to 2.5 seconds. To do this, click on the little arrow under the frame
There I can set the time. Either I choose a given time or as in my case, I click on “Other” and it opens this window and there I can then set the time I want.
Now I click on the icon for duplicating the frame in the edit bar of the animation. That is actually called “Duplicated selected frames” and looks like this
The first frame (since it is marked) is duplicated as it is. I change the time there directly to a time of 0.05 seconds.
Now, in addition to my BASIS layer in the animation, I also blend in the WIND RIGHT layer.
Then I duplicate Frame2, then I’ll select WIND RIGHT and WIND LEFT
Duplicate Frame3 and then click on WIND LEFT and click on 3D LAYER.
Duplicate Frame4 and then click on 3D LAYER and click on BARS.
Duplicate Frame5 and then click on STROKE and click on 3D NOIS BIG.
Duplicate Frame6 and then click on 3D NOISE BIG and click on 3D NOISE.
And that was it. : lol: Of course you can change the order if you want but I thought it was best. Here again as a list, it may be easier
Frame 1 = Background + Animation BASE + Text
Frame 2 = Background + Animation BASE + Animation WIND RIGHT + Text
Frame 3 = Background + Animation BASE + Animation WIND LEFT + Text
Frame 4 = Background + Animation BASE + Animation 3D LAYER + Text
Frame 5 = Background + Animation BASE + Animation STROKE + Text
Frame 6 = Background + Animation BASE + Animation 3D NOISE BIG + Text
Frame 7 = Background + Animation BASE + Animation 3D NOISE + Text
Now you still play in the edit bar on “Unlimited”
If you now click on start your graphic should look like this.
YAY the worst is done. Now only the color
|ATTENTION !!!! Stop animation !! Everything that comes now you have to do while you are on Frame 1 since. So please click Frame 1 at the beginning ATTENTION !!!!|
Now I put COLORING1 on my graphic. Here I simply click the 3 layer from the top. I do not want to have that
The graphics now look like this
It follows COLORING2 . With this I take away the 5 layer from above. I do not need that either. And the first layer is reduced to 21% opacity
Now my beloved dynamics layer (layer -> New Adjustment Layer > Vibrance) with the setting
and a Selective Color layer (Layer -> New Adjustment Layer > Selective Color) with the setting
[b] gray: -7 / -5 / -23 / -3 [/ b]
And the arbor is finished and the signature should FINALLY look like this
I hope a few of you have held through and had fun then.