You are viewing our Forum Archives. To view or take place in current topics click here.

Was this tutorial helpful.

Yes, Very.
80.00% (4 votes)
Could be improved/
0.00% (0 votes)
No.
20.00% (1 vote)

Total Votes: 5

Animated Avatar Tutorial || Light Stripe.
Posted:

Animated Avatar Tutorial || Light Stripe.Posted:

DopeCulture
  • Prospect
Status: Offline
Joined: Mar 31, 201311Year Member
Posts: 618
Reputation Power: 38
Status: Offline
Joined: Mar 31, 201311Year Member
Posts: 618
Reputation Power: 38
What's up guy's, I'm going to be making a quick tutorial on how to add an animated light strip (That's what I call it) To your avatar.

There maybe quicker or easier way's to do this but this is the way I'm going to do it.


1.
First make your new layer, This will be what you want the light stripe to go threw.
[ Register or Signin to view external links. ]


2.
Create another layer, Then create a Rectangle shape, Make it around the same size of the page, Sometime's you need it bigger, Just mess around with it until you get it perfect.
[ Register or Signin to view external links. ]


3.
Once you have made the rectangle, Rotate it 30 degree's clockwise.
[ Register or Signin to view external links. ]


4.
After you have done that, Move it so it isn't over the text, Like so.
[ Register or Signin to view external links. ]


5.
After you have done that, Change the opacity of the shape to anyway between 50-75%.
[ Register or Signin to view external links. ]


6.
Once you have done this, Hover between the text layer and shape layer, Hold your ALT key and you will see a symbol that is a box with a downwards arrow, Click the left mouse button, Then this will happen.
[ Register or Signin to view external links. ]


7.
Hold the shift key and move left and right, You should see your shape inside your text, If so just move it back to where it was, If you can see it you done it right.
[ Register or Signin to view external links. ]


8.
Now you can edit your text by adding some layer style's to it. Make sure when you have done you right click on the text layer and click, 'Rasterize Layer Style'
[ Register or Signin to view external links. ]


9.
After that you should see the shape appear back in the text.
[ Register or Signin to view external links. ]


10.
After that, You can move the shape layer all the way to the left so it is out of sight.
[ Register or Signin to view external links. ]


11.
Now it's time to add a background, Add a new layer and insert a picture to it, Make sure it's the bottom layer.
[ Register or Signin to view external links. ]


12.
Once that is done, Click the 'Duplicate's Selected Frame' button, If you don't have this showing at the bottom, Click window and then Timeline on the top of the page.
[ Register or Signin to view external links. ]


13.
Now select the shape layer, Hold shift key and drag the shape all the way to end of the text on the right so it isn't showing.
[ Register or Signin to view external links. ]


14.
Now click 'Tween Animation Frames' button.
[ Register or Signin to view external links. ]


15.
This box should appear, Just click ok.
[ Register or Signin to view external links. ]


16.
You should now have 12 layer's in your timeline. If so you have now made a light stripe animation.
[ Register or Signin to view external links. ]


17.
Now save the project file in your desired location, Then go back to file and click 'Save for web' This box should then appear, Copy my render setting's.
[ Register or Signin to view external links. ]


18.
Congratulation's you have now finished, Now equip you new avatar and I'll see you around.
[ Register or Signin to view external links. ]


-DopeCulture

The following 3 users thanked DopeCulture for this useful post:

Daniel (08-09-2015), itch (08-09-2015), Rodent (08-09-2015)
#2. Posted:
Rodent
  • Winter 2021
Status: Offline
Joined: Jan 21, 201212Year Member
Posts: 10,045
Reputation Power: 12121
Status: Offline
Joined: Jan 21, 201212Year Member
Posts: 10,045
Reputation Power: 12121
Nice work keep it up and thanks for the tutorial
#3. Posted:
DopeCulture
  • Prospect
Status: Offline
Joined: Mar 31, 201311Year Member
Posts: 618
Reputation Power: 38
Status: Offline
Joined: Mar 31, 201311Year Member
Posts: 618
Reputation Power: 38
Thanks bro, HMU if you need anything doing bro.

-DopeCulture
#4. Posted:
itch
  • Wise One
Status: Offline
Joined: Oct 16, 20149Year Member
Posts: 524
Reputation Power: 42
Status: Offline
Joined: Oct 16, 20149Year Member
Posts: 524
Reputation Power: 42
Hey, nice tutorial, keep up the good work!
#5. Posted:
Decy
  • TTG Undisputed
Status: Offline
Joined: May 27, 20159Year Member
Posts: 5,923
Reputation Power: 1081
Status: Offline
Joined: May 27, 20159Year Member
Posts: 5,923
Reputation Power: 1081
Nice of you taking the time to make this i'm sure the learners will be intrested in this.
#6. Posted:
Daniel
  • 1000 Thanks
Status: Offline
Joined: Apr 24, 20159Year Member
Posts: 11,179
Reputation Power: 3366
Status: Offline
Joined: Apr 24, 20159Year Member
Posts: 11,179
Reputation Power: 3366
Ive been showed this a load of times but when ive done it it goes behind the text and it dont work so ill use this tut, Thanks DopeCulture.
#7. Posted:
DopeCulture
  • Prospect
Status: Offline
Joined: Mar 31, 201311Year Member
Posts: 618
Reputation Power: 38
Status: Offline
Joined: Mar 31, 201311Year Member
Posts: 618
Reputation Power: 38
Whom wrote Ive been showed this a load of times but when ive done it it goes behind the text and it dont work so ill use this tut, Thanks DopeCulture.


It's fine bro, And the reason for that is because your not Rasterizing the layer style. That's the only reason I can think of.

-DopeCulture
#8. Posted:
FutureJexo
  • Junior Member
Status: Offline
Joined: May 15, 201014Year Member
Posts: 86
Reputation Power: 3
Status: Offline
Joined: May 15, 201014Year Member
Posts: 86
Reputation Power: 3
nice tutorial man looks great!
#9. Posted:
Perverse
  • V5 Launch
Status: Offline
Joined: Feb 01, 201113Year Member
Posts: 5,617
Reputation Power: 278
Status: Offline
Joined: Feb 01, 201113Year Member
Posts: 5,617
Reputation Power: 278
Got lazy after the fourth spoiler click . anyways thanks for sharing your tutorial c:
#10. Posted:
Dslyxia
  • Christmas!
Status: Offline
Joined: Jul 30, 20158Year Member
Posts: 702
Reputation Power: 39
Status: Offline
Joined: Jul 30, 20158Year Member
Posts: 702
Reputation Power: 39
Nice work bro
U do avatars for free?
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.