::A/S Shop:: Tutorials/PSD/Textures Here - DT Note Pg 86

First Previous

Page

Next Last

Frequent Posters

ranveerdeblina

@ranveerdeblina

Explorer

Posted: 8 years ago

#571

hey guys one question can someone make for my a nice siggy turtorial with a texture i dont know how to use a texture on a siggy

Quote

haminasto

@haminasto

Alumni

+ 6

Posted: 8 years ago

#572

Timeline GIF Making Tutorial(2.0)
By opening the video as a file rather than importing as frames.
(Part two is 2.1)

~~~~~

Why bother: This can come handy when your PS acts up and declines to import video layers as frames. Also it can work in opening MOV, MKV, MPEG-4 files as well(that is, if your PS feels generous) and making more than one gif simultaneously.

STEP 1: Go to File<Open, select the video you want to gif.

STEP2: Your video now opens in PS like the image below. Use the Drag Button or Play Button to reach the point of beginning for your gif.

STEP3: Once you reach that point, click the inverted triangle on the animation bar and from the drop down menu, choose Trim Layer Start To Current Time.

STEP4: You'll see that dark green bar before the drag button turns dull. This means everything before the required video is deleted.

STEP5:Now use the play button or the drag button to reach the end point of your gif.
Once you reach that, stop and again from the inverted triangle drop down menu, choose Trim Layer End To Current Time.

STEP6: You'll be left with the trimmed video, with everything before and after that gone completely.
https://i.imgur.com/x0K0HJT.jpg

STEP7: Now again click the inverted triangle and select Flatten Frames Into Layers.

STEP8: The Layers will be visible in the Layer Panel. Now click the small convert to frame animation button on the animation bar(Far bottom right).

And click Continue.

STEP9: Now you'll have 2 frames and all layers.

Delete one of the frames and after that from the inverted triangle menu, choose Make Frames From Layers.

STEP10: You'll now have all frames. At this moment you'll see that there will be:
First 2 frames and first 2 layers that will be unimportant, as well as last frame and last layer. Delete those to get an uninterrupted gif.
https://i.imgur.com/qv7KQ02.jpg
https://i.imgur.com/pTYD4s8.jpg

STEP11: Now resize, trim, crop, colour and add action and textures to your gif and save as web device.

Trimming, flattening into layers and frames are the 3 extra steps, but can come in play in difficult times as we push our PS towards Herculean tasks.

(Part 2 after the animation siggy tutorial.)

Edited by 18shabbo - 8 years ago

Quote

Looks like you are new here. Register for free, learn and contribute.

haminasto

@haminasto

Alumni

+ 6

Posted: 8 years ago

#573

Animated Signature Tutorial

NOTE: I'm no authority regarding how everyone goes about the whole process. But I own this one so I can be of help when you walk my crooked path.

Holy Trinity: The no. of frames in each gif should be same.
The gifs if possible, should be from the same scene.
The lesser the no. of frames, the better chances of PS not crashing before you complete the siggy.

With 2 gifs.

STEP1: Open the video from where you'll make the gifs and trim out the required clips.

STEP2: Open a new document of 520*300(or whatever you desire) and fill it with black. Also click the Unify Layer Visibility button.

STEP3: Copy the frames of the first clip(gif) and paste them into the new document. You can resize this clip and position it as you want.

Paste:

Paste settings:

STEP4: Repeat the same for the second clip(the one that will be on top). Now you will have both the clips in the new document.

STEP5: Resize the top clip as well, position it.
Change the blend mode of the top clip to Lighten.
This is done when the background colour of both the gifs or that of the gif below is black(or any other dense shade). Also in the example, the Harry gif doesn't have a black BG but I'm placing Dumbledore above Harry's hair, which is nearly black, so I set the Dumbledore gif to lighten.

Basically, if whatever below the top gif is as dark as black, you select lighten.

Also apply layer mask to both.

STEP6: Now start rubbing off the parts that you don't want. You can also erase the gif below, so that the above gif is more visible. I rub off Harry's hair which are directly under Dumbledore.

To erase, use a soft brush, hardness zero, size around 100-350(or whatever you desire).

And once when you are satisfied with everything, apply the PSDs, textures and text + any other ritual.

When the gifs are from the same scene, same lighting, then applying the PSD is much easier, as just one colouring works with the whole thing. With different types of scene in one animated siggy, PSDs will have to be chosen accordingly.
https://i.imgur.com/fO9dThp.jpg

Final Result.

When the background colour(or whatever is below the top or overlapping gif) of the gifs is not black or as dark as sin but something very light, then rather than Lighten, apply the blend mode Darken.
Example with darken: The BG here was light blue.

*~*~*

With more than 2 gifs:

When you work with more than two gifs, the animated siggy should be treated like a non animated one. So basically you want a flow and a symmetry in the siggy and that comes with:
-picture placement(here gif)
-the different sizes of pics(gifs)
-the proper blending.

My pic placement in a siggy goes in a set in stone ritual. The important or the pics I like are big, the supporting cast is small, smaller and smallest, depending on the quality, look and need. Also leave a bit of space in the center or where ever you please for the text.

STEP1: Do not go overboard with the no. of gifs. And remember to have minimal no. of frames.

STEP2: Like last time, open all your clips. Im using the date scene from The Theory Of Everything. The no. of frames is 15 in each of the 6 clips.

STEP3: Open a new document. I'm using a 520*351, black BG. Copy paste 2 important clips and resize them, position them, also apply layer mask. Then one by one, copy paste the rest. All the gifs are set to blend mode Lighten.

I erased the whole arm of Stephen so that Jane's turning head can become more visible(left side, both gifs).

Once you are done with the resizing and positioning and rubbing off the unwanted parts, crop the whole thing, apply PSD, textures and text and crop again.
Cropping is done so that all the extra parts get removed and thus the end product is not of a very huge size(like going into double digit MB)

Final result:

With blend mode Darken:

*~*~*

-Premeditating the look of the end result helps alot.

-Lighten or darken is used mostly to breach the edges of two gifs. There basic function is to blend or give a sense of continuation. The major work is done by layer mask(the rubbing off).

*~*~*

Everything in PS comes with practice. So go slow and steady.

If the tutorials seem complicated or rushed, it's because it's a picture tutorial so I won't be able to explain you each step, like how to exactly use layer mask, resizing or positing.

NOTE: All the gifs in the tutorials are for the sole purpose of examples. So do not use them anywhere because I may or may not have put my copyright(also they are no beauty), except the Elijah and Hayley one.

Edited by 18shabbo - 8 years ago

Quote

haminasto

@haminasto

Alumni

+ 6

Posted: 8 years ago

#574

Timeline GIF Making Tutorial For
Simultaneously Making More Than One Gif.(2.1)

*~*~*

Why bother ever: Time saving. If you are making gifs from the same video, it's easier to get everything done in one go rather than importing video again and again.

Rule to live by: Premeditate the look of your gifs and the amount of video you'll gif. Helps in extracting/trimming the video faster.

NOTE: Read this tutorial with 2.0, as some steps will be same and I may not attach a pic for them in both the places.

*~*~*

STEP1: Open the video. I'm using Thor: Ragnarok trailer. Drag the 'Drag Button' to the point where you want your GIF ONE to end.

STEP2: Click the inverted triangle and from the drop down, select Split Layer.

STEP3: Now you'll have 2 sets of layer in the animation tab and the layer tab.

STEP4: Select layer 1(gif one) in the animation tab and drag the drag button back to the point where your GIF ONE will begin.
Mine begins with Hela holding the hammer.

When you reach that point, from the inverted triangle DDM, select Trim Layer Start To Current Time.

STEP5: When you drag the button to the end point of GIF ONE(Hela starts to smirk), you'll see that the video after it is already gone.

That's because you had split the video and the rest is in the second layer. You can select Trim Layer End to Current Time from the DDM just as a cautionary step.

STEP6: Now select layer one copy(second layer/gif two) in the animation tab and drag the button to the beginning/starting point of GIF TWO.
Mine begins when Hela starts to turn.

And select Trim Layer Start To Current Time.

STEP7: Then drag the button to the end point of GIF TWO( Hela turns completely) and select from the DDM, Trim Layer End to Current Time.

STEP8: Now you have 2 sets of trimmed gifs.

STEP9: Select Flatten Frames Into Layers from the inverted triangle DDM.
https://i.imgur.com/iUIyCOW.jpg

This is how everything looks after the layers are made:

STEP10: Now click the convert to frame animation button(far right corner)
https://i.imgur.com/u1MXszx.jpg

Press continue.

STEP11: You'll now have 3 frames in the animation tab. Delete two of them.
https://i.imgur.com/JpF6VUT.jpg

And from the inverted triangle DDM, select Make frames from Layers.

STEP12: Now you have all the layers and frames.

Delete the first 3 frames and layers and the last frame and layer.
https://i.imgur.com/q0pAeFM.jpg
https://i.imgur.com/itfbRUa.jpg

STEp13: Go through the frames and find the centre. There you'll have an empty frame. Same in the layer tab, you have an empty layer, in the middle.

That's the point of division between your 2 gifs. Whatever is before it, is your GIF ONE and whatever is after it, is GIF TWO.

STEP14: Duplicate the document, by going to Image<Duplicate.

From the original document, delete the frames and layers after the point of division.
From the duplicated document delete everything before the point of division.
And thus you'll have 2 GIFS.

DDM: Drop down menu.

Now resize, colour and beautify, then save to use.

Result:

*~*~*

Hope the tutorials help you and to understand the gibber I wrote, keep practicing.

Rule about the gifs apply. Don't use them as they are for explanation purpose and without my copyright.

Edited by 18shabbo - 8 years ago

Quote

annihilation

@annihilation

Stunner

+ 3

Posted: 8 years ago

#575

Reserved for a comment for her highness, Nabila's tutorials.

Quote

Madhura

@Madhura..

Stunner

+ 4

Posted: 8 years ago

#576

A HUGE Thank You, and details later for Nabila!!

Quote

EkNoKiNashedi

@Phir_Mohabbat

Trailblazer

+ 13

Posted: 8 years ago

#577

Maar dala...if I survive will unres

Quote

Swathi

@swathi17

Voyager

Posted: 8 years ago

#578

Sorry, I don't know where to ask this...
How do you make textures or texture packs? I really want to learn to make PSDs and textures...

Quote

Aiswarya

@Arteclectic

Stunner

+ 3

Posted: 8 years ago

#579

Hello Everyone

Feels good to be back

Made a PSD

Download

Credits always appreciated not mandatory

Regards

Arteclectic

Quote

EkNoKiNashedi

@Phir_Mohabbat

Trailblazer

+ 13

Posted: 8 years ago

#580

Tutorial# PataNahi 🤡

Blending more than two gifs like normal siggies

So Ankita Mata (Hue.Splash formerly known as vampire-queen) after seeing my upar wala Olicity siggie was like "Bata kaise kiya" so here am I, giving a tut.😊 A bit long, so if you don't have time baad mein aao.

Step-1 DON'T PANIC.

Yes, this is many gifs in one. Yes, this is going to be more time consuming than normal pic wala siggie. Apart from this, there is nothing difficult about animated

siggie. Treat each gifs like a picture and you will have an idea as to where to place them, text, color, texture, etc etc. What you need to keep in mind is-

- gifs from same scene or different?

Just like non-animated signature, if you are picking gifs from many different scenes chances are it won't look nicely merged. Gifs move, pics don't,

so another problem. Same scene wala gifs will have same background, same color, also more feels.

- How many frames?

Keep in under 30, even 30 is more but eh... I generally don't go above 20. You need to keep in mind the final size and PS hanging too, especially if it's an

ancient PC. 🤓

- How many gifs?

Depends upon you. For beginners two is good, for advanced 4/5/6. Don't make it look too crowded, also keep space for text too so that it don't overlap the gifs.

TYPE OF ANIMATED SIGNATURES

Two ways you can make animated siggies- one is by using Template. You can do a google of Gif template and see different shapes of them. I recently tried some.

Another is merged gif signature. This Tut is about the second one, obvio.😛

Step-2 make the gifs

Anki asked me for Olicity wala but for this I am using Beyhadh ka one scene. The procedure is totally same. Start first by making gifs (file-import-blah blah).

For this one I made 4, then erased frames so that they are all of same number of frames (15).

** open in new doc for bigger size

Step-3 Open new doc

Ctrl+O, new document and then duplicate the frame until they are of same numbers of your gif. Now Paste them one by one, place them accordingly.

Use a soft brush and erase the edges and copyrights. God's sake, erase the copyrights, they are hella irritating! If you can't erase them cover them with texture or do some jugaad but erase copyright. You can see in mera wala the bottom CR is still there, don't worry it won't be in the end.

Now it looks like this.

Step-4 Color!

This scene is laal ishq, literally, so not doing much. Removed all yellow and increased black, the adjustments are below. Texture, some jugaad to hide the CR.

Then text, since I am rubbish with text a very basic one for this scene.