Englisch – I feel guilty Signatur

user posted image
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. https://cdn.nickpic.host/images/IQqJsp.gif So let´s start. https://cdn.nickpic.host/images/IQqd7c.gifThis tutorial is about this signature
 
user posted image

You can find the resources in this folder.

QUOTE
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.

BASE

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.

user posted image

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.

user posted image

I push this level a little bit to left .

user posted image

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.

user posted image

This level I push a hint to right .

user posted image

This creates a slight 3D effect.

I grab my second person on the graphic and set it free.

user posted image

So now it gets a bit of fumbling https://cdn.nickpic.host/images/IQqyZW.gif 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

user posted image

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 https://cdn.nickpic.host/images/IQqyZW.gif logical. If you want to do something different someday, a hexagon or something, then just enter a 6 and you have one https://cdn.nickpic.host/images/IQucsd.gif

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.

user posted image

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.

user posted image

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.

user posted image

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

user posted image

I pull the triangle down a little bit.

user posted image

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.

user posted image

And again, I duplicate this last triangle and push it very far up. So that the lines are always further apart.

user posted image

I duplicate this triangle once and click the green channel in the layer style.

user posted image

And once again duplicate and turn on the green channel and turn off red and blue. https://cdn.nickpic.host/images/IQugUD.gif

user posted image

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.

user posted image

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.

user posted image

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.

user posted image

THAT is my base. https://cdn.nickpic.host/images/IQqfZX.gif I mark all and summarize them in a folder. I call that the base.

TEXT

Yes, I will do the text once before the animation because it is finished https://cdn.nickpic.host/images/IQqyZW.gif

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.

user posted image

That was my text. I also pack this in a folder that I call text.

PREPARATION ANIMATION

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 https://cdn.nickpic.host/images/IQqyZW.gif

user posted image

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 https://cdn.nickpic.host/images/IQqyZW.gif

Without animation it looks like this.

user posted image

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.

user posted image

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.

user posted image

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.

user posted image

I summarize this 3 level into one (layer -> Merge Visible). ATTENTION !!! Make sure that at the moment only these three levels are switched on.

user posted image

Your animation folder will disappear, so you can paste it later https://cdn.nickpic.host/images/IQqyZW.gif

After that, your levels layout should look like this. I renamed the layer to 3D LAYER.

user posted image

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”.

user posted image

Then I go to Filter -> Stylize -> Wind

user posted image

The following window opens. I choose the setting “Stagger” and the direction “from the right”

user posted image

The picture looks like this

user posted image

Now I click twice in the layer and click in the layer style the green channels. Then it looks like this

user posted image

This seems strange at first but in the end with the switched base it will look like that and then it works again https://cdn.nickpic.host/images/IQqyZW.gif

user posted image

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.)

user posted image

And it automatically opens the filter setting and I change the wind direction on the left. https://cdn.nickpic.host/images/IQugUD.gif

That looks like this here

user posted image

But with the basic picture at the end, it will look and be nice too https://cdn.nickpic.host/images/IQqyZW.gif that’s the way it has to be

user posted image

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

WIND RIGHT
WIND LEFT
3D LAYER
BASE

user posted image

Next one https://cdn.nickpic.host/images/IQqyZW.gif NAAAAA still fun ???? https://cdn.nickpic.host/images/IQqyZW.gif

So. Now I switch to the selection tool

user posted image

Here I have to make sure that in the menu bar the setting “Add to the selection” is set.

user posted image

Now I go to my base picture and make a lot of fine lines on my person.

user posted image

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.

user posted image

STROKES
WIND RIGHT
WIND LEFT
3D LAYER
BASE

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

user posted image

This window opens. I set the attitude

Strength 12% and Gaussian normal distribution

user posted image

After that, the picture looks like this

user posted image

My animation layers now look like this

3D NOIS
STROKES
WIND RIGHT
WIND LEFT
3D LAYER
BASE

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
3D NOIS
STROKES
WIND RIGHT
WIND LEFT
3D LAYER
BASE

user posted image

NOW, I’ll pack all of them into a folder https://cdn.nickpic.host/images/IQqyZW.gif makes more sense, right?

And now my preparatory work for the animation is done. Then I can go to get the animation to move.

THE ANIMATION

 

QUOTE
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

user posted image

There is a small drop-down box in the timeline that must be set to “Create frame animation”.

user posted image

As soon as you click on it, you get the first frame with your graphic

user posted image

The time of this frame I set directly to 2.5 seconds. To do this, click on the little arrow under the frame

user posted image

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.

user posted image

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

user posted image

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”

user posted image

If you now click on start your graphic should look like this.

user posted image

YAY the worst is done. Now only the color

COLORING

 

QUOTE
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 https://cdn.nickpic.host/images/IQqyZW.gif

user posted image

The graphics now look like this

user posted image

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

user posted image

 

user posted image

Now my beloved dynamics  layer (layer -> New Adjustment Layer > Vibrance) with the setting

 Dynamics: +73
Saturation: 0

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 https://cdn.nickpic.host/images/IQqyZW.gif

user posted image

I hope a few of you have held through and had fun then. https://cdn.nickpic.host/images/IQqyZW.gif


>> Back to Englisch