#roxy resources

[roxelll213]

Hello! In spirit of the holiday season and the year drawing to a close I’ve decided to compile some of my favourite fonts I’ve used this year.

Please like or reblog if you download  ♥️

▸ Dream Catcher

▸ Caldas Life

▸ London

▸ Manifesto

▸ Amalfi Coast

▸ Queen

▸ Santana

▸ Signatrue

[roxelll213]

Hey guys. So @sitaarein​ asked me how to do the below effect. It’s quite complex but imma try my best here. 

1. So the first thing you’ll want to do is have your two words. I find it’s better to have them at more or less the same length and the same number of letters. It just makes it easier for the spacing. 

2. Rasterize your text so that you can edit and break it up into sections. 

3.  This is how I divided it up. You can use cntrl+R to bring up your ruler toolbar and then pull these guidelines into place to help you. 

4. I used the selection tool and cut + PASTE IN PLACE (shft+cntrl+v) into a new layer to make the different sections of the word. You’re gonna want each of them on a new layer. I’d make a group for each section for easy sorting. 

5. Once you have each section in a group of its own, make 2 copies of each. So you will have 3 layers per group. 

6. Move your second word into place. You’ll want to overlay it and get it in line. (You don’t have to change the opacity of the first word. This was just to make it easier to show you) 

7. Divide up the second word and put each of the sections in their own group. Make sure there are also 3 layers in each. 

8. Now you’re gonna switch off the visibility of your second word for now and go back to your first word. We’re gonna set different blur levels for each layer. Let’s start with the top of the GO section. Make sure the first copy of the layer is selected. 

Go to filter > motion blur 

9. Make sure the angle is on 0. And then set it to 10 pixels. 

10. Now make sure the second copy of the layer is selected. And repeat the steps but this time set it to 20 pixels. 

10.1 Do this for every section of the word. So each section/group will have 3 layers -  one @ 0% blur one @ 10 pixel blur one @ 20 pixle blur

11. Now bring up your timeline toolbar. This is how you’ll animate the text- frame by frame. 

12. In the first frame, make sure all the layers with 0% blur are switched on. 

13. The next few steps get tedious. So bare with me. 

Now you’re gonna start blurring your letters. This is gonna be a staggered process. You can start with any section and switch off the 0% blur layer and switch ON the 10pixel blur layer. 

14. In the next frame, switch it to the 20pixel blur layer. 

At the same time, you’re gonna start blurring a different section of letters. Here we switched on the 10pixel blur layer of GO section 

15. Now the word GODDESS is gonna start changing into the word MONSTER. 

In a new frame, You’re gonna switch off the SS section of word and switch on the ER section of the second word. Make sure it’s set on its 20pixel blur layer. 

At the same time, the GO section is now on the 20pixel blur layer. 

16. Now switch GO into MON in the next frame. Make sure it’s set on its 20 pixel blur. 

ER is now on its 10 pixel blur layer. 

17. As we progress to the next frame you’ll see the letters of MONSTER come into view. ER is now on 0% blur 

MO is on 10pixel blur. 

You’re gonna start blurring the rest of the GODDESS letters. 

18. Change the blur intensity on each group until you have the second word in view. 

19. At this point in the animation, you’ll want to create a pause on the second word so I’ve set the delay to 0.5 seconds. You can adjust it to whatever you like. 

20. Now we’re gonna reverse the process from the second word into the first word. Repeat the same steps for the blurring until you morph the word back into the first one. 

Make sure you create a pause at the end by changing the delay to something longer. 

Now run the whole animation and make sure the looping is set on forever and it should be done! 

You can export it as a GIF by going file > save for web. 

Hope this was helpful! 

[roxelll213]

Hey all! Seeing as today is my birthday I decided to make a lil header pack for you all since I got so many nice compliments about the one I currently have!  All made by yours truly, hope you like them! ♡

FIND THEM HERE 

▶ 8 headers ▶ 640x360 ▶ made for mobile & dashboard themes ▶ please reblog this post if using. credit is appreciated! (DO NOT STEAL!) 

[roxelll213]

Hey guys! So someone asked me how I did this effect in my recent celebration banner so here I am with my first tutorial ever??? I hope this makes sense and helps you guys :> I did this in photoshop using the timeline function. The rest is under the cut! 

1. So first you want to type out your text. I’ve found serif fonts work best- you dont really want to be using a script font here cause it might not work as well. (plus you need to separate each letter) I’ve used the font Abril FlatFace here. 

2. Then you want to make 2 more duplicates of this text. Right click on the layer and select ‘duplicate layer’ - you want them to be placed in the exact same position as your original text layer. Then you edit them to different letters. It doesn’t have to be anything that makes sense but just make sure you have the same amount of letters with the same spacing. 

3. Then you want to move each layer into a different group folder. We’re gonna end up with a lot of layers so this will help you with the organisation. 

4. Then you want to go and rasterize each of these layers. Right click on the layer and select ‘rasterize type’ - what this will do is convert your editable text layer into an image layer. (note: make sure you have the correct words and letters you want at this stage because you cant edit your text anymore beyond this point!!) 

5. The next step is a bit tedious, but I dont really think there’s a way around it? So basically we are doing to separate the letters in each text layer. (ie. have one layer for each letter) The easiest way I can think of is to select each letter and go edit > cut (cntrl+ x) and then edit>paste special > paste in place (shft + cntrl+ v)

 THE PASTE IN PLACE IS IMPORTANT! You don’t want your text moving off in some weird direction after you paste it. You will end up with this after you do this. (the renaming is optional if you want- I just did it for the sake of the tutorial) 

6. I forgot to mention that you want to change the opacity of this particular group layer. So you click on the group and change the opacity to something around 40-50% 

7. Then you want to separate the letters in the other two text layers. Using the same method. Make sure they stay in their respective groups. 

The opacity of these two don’t have to be changed. They can stay on 100% or whatever you want it to be. Just make sure it’s different from the previous group I showed. 

8. Now go back to the first group we worked on. Make sure to only have the first letter visible. (also make sure the visibility on the other two groups is switched off) 

9. Now we’re going to activate the timeline function. This is what you use to create gifs. Go to Window > Timeline and your timeline tab will pop up. 

9. Now we’re gonna start animating frame by frame. Each letter will get two frames before it changes over to the next letter. Click the little icon to make a new frame. 

Everytime you click the icon, it will make a new frame of exactly what is present on your canvas. In this case, it’s just the letter H.  Make two and then move onto the 3rd.  

10. Once you’ve made your 3rd and 4th frame. Make sure the visibility of the first group is switched off and that you switch ON the visibility for the first letter of the second group. In this case, it’s R. 

11. Then you make a 5th frame for the letters in the 3rd group (ie. group 4) 

Make sure the visibility is switched off for the other two groups! 

The letters in this group will only run for one frame. (note!! do not MOVE the placement of any of your letters as this will mess up the effect. They all need to be perfectly aligned) 

12. Make two more frames and make sure now the 2nd letter of the first group is visible. In this case it’s E. 

Note how we’ve kept the T visible. 

13. Progress forward and add another 2 frames for the 2nd letter of the second group while switching off the visibility of the E.

14. Now the ninth frame will be the second letter of your final word. Here it is the letter U. 

15. Repeat the process until you’ve gone through all the letters up until your final word is visible. 

16. Now we will set the timing of each frame. Press shift and make sure all the frames are selected. Then click on the seconds under each frame and press ‘other’. You can set it to whatever you want but I found 0.04 seconds is best suited for this effect. Make sure the once is changed to FOREVER. This will loop your animation when you play it. 

17. If you want, you can extend the frame at the very end to 0.5 seconds. This will create a ‘pause’ before the gif loops and plays again. 

et voilà! 

I hope this tutorial made sense and helped you! Please reblog and share it. Feel free to inbox/message me if you have any questions  ♡ 

[roxelll213]

50+ AESTHETIC ICONS,  by @rhoxana

like / reblog if using.

credit is not required (but appreciated).

find them here.

[roxelll213]

Quick GIF Tutorial

@segasister​ asked me how I did this GIF so here’s a quick tutorial on how to do it using the timeline function on PS. 

1. First you have to activate your timeline toolbar. Go Window > Timeline 

2. It will bring up this toolbar. Make sure the text on your first episode is white and that the rest is a grey. Note: You’re gonna want two SEPARATE layers for each episode description. One grey and one white. 

3. Click this button and it will make a new frame in your timeline. This is what you use to animate. You do it frame by frame. 

4. Be sure you are on the 2nd frame. I have each episode description in its own folder for easy sorting. Here I have one for episode 1 (it says 3 but should be 1)  and episode 2. 

Here I have the WHITE layer of the Episode 2 description visible. And the GREY description of episode 1 visible. 

so it should look like this. 

5. Make a new frame and repeat this step for episode 3 and so forth. 

6. Once you have hit episode 6, you need to move each episode over as you make a new frame. It’s easier if you have each episode in its own group and you just shift the whole thing over. Make the content of Episode 6 visible. Repeat these steps for the rest of the episodes. 

7. Use this button to adjust the timing of each frame. I have mine on 3 secs which is pretty long. It all depends on you. Once done export the GIF in 

File > Save for Web 

I hope this helped! 

[roxelll213]

Hi all! I’ve really been in the spirit of spooky season this year and I’ve been revisiting all my childhood faves. So I come bearing....

36 W.I.T.C.H ICONS,  by @rhoxana / @roxyhorrcr

like / reblog if using.

credit is not required (but appreciated).

find them here.

inspired by the most incredibly talented @floraswingrave <3 

[roxelll213]

hello!! could you share the gif textures you used in your will solace edit? they're so pretty and i love your edits !

Hi anon! I made the first and fifth panel gif into a gif overlay! 

 The fourth panel however I had to animate that specific to the text so I dunno how helpful it would be as a texture