THEME BY MARAUDERSMAPS

Tutorials, textures, PSDs, actions, fonts, links, brushes and more. All reblogged straight from the maker. Fuckyeahresources is the original tumblr resources blog with over 16,000 followers. Want to get your resources noticed? Use the submit link to send in your resource links. The queue runs 24/7.


Please read the FAQ before you post in the ask box. Submit links to resources HERE

Important tags: tutorial, psd, textures, link, fonts


modded by wicked-fate & criticalxnature

glitterjustlikegold:

first of all i have never made a tutorial before and i don’t know if you will understand but if you have any questions feel free to ask

i use photoshop cs6 for this

you need basic editing skills. very low level

i’ll go step by step. this is the easiest way to do it. there are faster ways

  • choose your pictures 2 or more and edit/color them any way you want. and the make sure the are the same width and height and set the width to 500px or less.
  • save your pictures and close the files.
  • change mode to motion. on the top right 
  • in the bottom your timeline shows up. if it doesn’t show up go to window>timeline
  • now go to file>scripts>load files into stack
  • and add your pictures. make sure they are all the same height and width before you do this!!!
  • click ok
  • your pictures are all added as a layer like this
  • go to your timeline and go to make frames from layers
  • you can find that here
  • and the frames will show up in your timeline
  • i only use 3 now
  • select all frames. you can click all the frames while holding ctrl or go to the timeline menu and click select all frames
  • we need to delay it so you have to go to the triangle next to the sec and click it
  • click on other and change it to ,35 
  • you can change the delay how much you want but for these kind of gifs i like something between ,3 and ,4
  • now click on once and change it to forever
  • it says so right under the frames
  • and click play to preview
  • and thats the basic
  • make sure if you use it for tumblr that the width is 500px or smaller
  • you can change the image size image>image size. make sure you have constrain proportions on. 
  • go to file>save for web
  • you’ll get this screen
  • the settings on here are the once i use for the best quality. if you change it the quality can still be great but it will be less
  • to make sure your gif will work on tumblr it has to be under 1000kb.
  • you can check that here
  • if it is bigger, you can delete some frames or we can change some settings
  • be careful with changing the settings because it will change the quality
  • you can lower the ditter to about 85%. but i never go lower than that. usually lowering to 97% will give you about 50-70kb reduced
  • you can add lossy and i never add more than then 
  • you can find those at the top right
  • if your gif is just a little over 1000kb you can use another option
  • top menu and then optimize to file size
  • and you can change it to under 1000kb. i usually do 990 or 992
  • click save
  • and tada you have a gif

i hope this helps you

let me know if you have any questions and feedback is very welcome

90 notes on Jul 19, 2012Via / Source

pscs5:

TUTORIAL BY PSCS5; How to make colorful squared background and this .gif effect. 

Requested: rcmiley submitted: Can you please make a tutorial at how to do this? (the background colorful thing) http://24.media.tumblr.com/tumblr_m6ffg017cG1ql1i4ro3_250.png :)

and

kidrauhlkingdom submitted: do you know how to do this effect? http://static.tumblr.com/vnagifn/6BKm2xjpr/background3.jpg

For the Edit:

1. Cut your person out. If you don’t know how to, use this tutorial. That’s the way I do it. 

2. Make a new document. 

3. Select the Rectangle Tool shape.

4. Now just start making random squares on your background. Each time you make a new square, select a different color. 

5. Drag your person on to the background. 

6. To make the stroke effect: Duplicate your person, click on the fx button:

and select color overlay. Pick the color you want and press ok. Make sure you have the regular picture on top of the stroked one. With your arrow keys, start moving the stroke picture to the side. 

This is how everything should look like:

For the .GIF:

1. Make a new document. 

2. Open up three pictures and crop each one 75px • 199px. 

3. Save this picture and in your canvas duplicate it 2 times:

4. Now once you have you pictures cropped out and the ribbon set up on the background like this:

Drag one of your picture’s on to the background. Select the first ribbon and click ctrl. You should have lines moving around the the ribbon and the picture. Now go to Select → Inverse. Click on the image you put on top of the ribbon and press DELETE on your keyboard. It should look like this:

5. Repeat the process for the other two images. Then merge the images with the ribbon. Do this by right clicking on the image and click merge down. 

6. Now go to your animation frame and select all the ribbons, with your arrow keys drag them all the way up so that the only thing you see is your background:

7. Now make a new layer on your animation frame:

8. Now on that second frame start lowering the picture with your arrow keys on your keyboard. It should look like this:

9. Now make another layer, and start lowering the picture again. Your third frame should look like this:

10. Now repeat step 7 and on each new frame, lower the picture. You should have at least 6-8 frames of the transition. You don’t need more than 8. Let me show you what I mean:

The first frame which is just the background. I have 7 frames of the transition. Like I said you don’t need over 8 frames, that’s too much. 

11. Having your last frame layer selected, make a new frame. Now select the second picture on your layers palette. Your going to move that down like you did for the first one: 

The new layer:

The second picture should be selected in your layers palette:

12. You want your ribbons to have the same number of transition frames and you want them to look the same, so go to View → Rulers. 

13. Now your going to have rulers showing like this:

To get the blue line showing, which is what we want, click on the top ruler and drag the blue line down (the gray line is going to turn blue once you let go):

14. Select your second frame:

Having the Move Tool selected, drag the blue line down to the bottom of the ribbon like this:

15. Now on the new layer you made on step 11, this is how your going to get the thing to look the same, so drag the picture down to the blue line:

16. Now your going to go back to the third frame:

drag the blue line down:

17. Clicking the last frame (mine was 9):

Make a new layer

18. Now move the ribbon to the blue line:

19. Keep repeating these steps: select the fourth frame → drag the blue line down to where it touches the ends → make a new frame layer → move the picture to where it means the line. And just repeat until you have the entire ribbon showing. 

20. It should look something like this when your done:

See I have 7 transitions like I did for my first ribbon. 

21. Now your going to make a new frame layer and repeat all the steps above. But this is how your first frame of the third ribbon should look like:

Layer 15 is the last frame of the second ribbon and layer 16 is the frame you start to drag your image down. 

Now for the text effect, this is simple:

22. Once you have everything done. Select your last layer and make a frame layer. On that frame layer put your text and lower the opacity to about 15%. Your going to repeat this process: Make another frame layer and keep raising the opacity until your text layer is finally visible:

22 was the last frame of my third ribbon. 23 was the new layer that I made and placed the text and lowered the opacity to 15%. The rest of the frames are the new frame layers that were made and as you can see the opacity of the text layer is more visible. 

23. Now set the time to 1.0secs, save it and your done. :) 

1,138 notes on Jul 19, 2012Via / Source

agaarfields:

End Result:

Photoshop experience required: Medium

Read More

101 notes on Jul 17, 2012Via / Source

ddrivetothestars:

so in this tutorial we’ll be learning how to make edits like this.

Read More

188 notes on Jul 17, 2012Via / Source
pscs5:

TUTORIAL BY PSCS5; How to make a .psd

KIDRAUHLKINGDOM asked: i have another question..lol. do you have any tutorials on how to make a psd?

1. These are the settings you use to make a coloring:



and also:



2. Play around with the settings until you get something you like. You can use a few settings and have few layers and still get a beautiful coloring and vis versa. 



3. Practice makes perfect. I remember when I started making .psds I thought they were good, but now that I take a look at them I don’t know what the heck I was doing. My coloring’s have gotten a lot better because I’ve practiced. I learned what each settings do. 



4. What I like to do sometimes is that I try to have an image of what I want my coloring to look like. For example: If I want my coloring to have a lot of tints of pink, I play with the Selective Color: Red and Magenta. Also add gradient maps and solid colors. 



5. After I’m done with my coloring, I like to put my layers into a group. You can do this by clicking this button that looks like a file folder:



6. Now when you are all done with your coloring, these are the steps to make it into a .psd. 



You go to File → Save As:



Then name your .psd and press save. After that something will pop up, just press okay:



And that’s it! Your done. 

pscs5:

TUTORIAL BY PSCS5; How to make a .psd

KIDRAUHLKINGDOM asked: i have another question..lol. do you have any tutorials on how to make a psd?
1. These are the settings you use to make a coloring:
and also:
2. Play around with the settings until you get something you like. You can use a few settings and have few layers and still get a beautiful coloring and vis versa. 
3. Practice makes perfect. I remember when I started making .psds I thought they were good, but now that I take a look at them I don’t know what the heck I was doing. My coloring’s have gotten a lot better because I’ve practiced. I learned what each settings do. 
4. What I like to do sometimes is that I try to have an image of what I want my coloring to look like. For example: If I want my coloring to have a lot of tints of pink, I play with the Selective Color: Red and Magenta. Also add gradient maps and solid colors. 
5. After I’m done with my coloring, I like to put my layers into a group. You can do this by clicking this button that looks like a file folder:
6. Now when you are all done with your coloring, these are the steps to make it into a .psd. 
You go to File → Save As:
Then name your .psd and press save. After that something will pop up, just press okay:
And that’s it! Your done. 
177 notes on Jul 14, 2012Via / Source
pscs5:

TUTORIAL BY PSCS5; How to make this .gif effects

Requested: a-world-of-our-very-own submitted: How do you make this?  http://24.media.tumblr.com/tumblr_m3okdi1ZYE1qanzdko1_500.gif

When you make your .gifs, make sure that all of them have the same amount of frames. I have 16 frames in all my .gifs. And also try to make less frames so that the .gif will not pass the .gif limit here on tumblr.
1. Open up a new document of 500px • whatever you want the height to be, mine is 600px. 
2. Select the Text Tool and write out the first letter of the person’s name. I choose R for Rose. When you write your text make sure that your font is very bold. The font I used was Myriad Pro. Make your font big. 
3. Depending on your Letter and how big it is make sure you make enough .gifs so that they can fit in the Letter. In my case, I used 6 .gifs of 150px wide. I didn’t really care about the height so I chose none.
I always like to put my .gifs in a group, so that I can move them all at once and to be organized. I’d suggest you to do the same because it makes everything much easier, especially when you have more than one .gif in your edits. So click on the group button, the button that looks like a file folder at the bottom of your layers palette then select all your layers and drag them into the group. 
4. Now once you have all your .gifs done, select the .first .gif that you will be putting on to your letter canvas. Now select all your frames:

5. Now that you have selected all the frames, go back and click on Copy Frames. 
6. Go to your letter canvas and go to Paste Frames → Paste Frames OVER Selection. 
7. You will notice that the background and the letter aren’t showing. Your going to have to go on each frame and layer, make the background and letter visible. 
8. Move your .gif where ever on your letter, it doesn’t need to fit just place your .gif so that most of where you want on the .gif to show is showing. 
9. Now select your letter and with your mouse over the letter click the ctrl button. You will now notice lines moving around the letter. 
10. Now click your .gif group, click on the layer mask button 



11. Now the parts that were not on the letter, deleted. 
12. You will repeat the same steps above for the rest of the .gifs until you are done. 
NOTE: That before you paste your .gifs over the selection that all the frames on the animation frames palette are selected. 
Your .gifs should look something like this when you are all done:

pscs5:

TUTORIAL BY PSCS5; How to make this .gif effects

Requested: a-world-of-our-very-own submitted: How do you make this?  http://24.media.tumblr.com/tumblr_m3okdi1ZYE1qanzdko1_500.gif

When you make your .gifs, make sure that all of them have the same amount of frames. I have 16 frames in all my .gifs. And also try to make less frames so that the .gif will not pass the .gif limit here on tumblr.

1. Open up a new document of 500px • whatever you want the height to be, mine is 600px. 

2. Select the Text Tool and write out the first letter of the person’s name. I choose R for Rose. When you write your text make sure that your font is very bold. The font I used was Myriad Pro. Make your font big. 

3. Depending on your Letter and how big it is make sure you make enough .gifs so that they can fit in the Letter. In my case, I used 6 .gifs of 150px wide. I didn’t really care about the height so I chose none.

I always like to put my .gifs in a group, so that I can move them all at once and to be organized. I’d suggest you to do the same because it makes everything much easier, especially when you have more than one .gif in your edits. So click on the group button, the button that looks like a file folder at the bottom of your layers palette then select all your layers and drag them into the group. 

4. Now once you have all your .gifs done, select the .first .gif that you will be putting on to your letter canvas. Now select all your frames:

5. Now that you have selected all the frames, go back and click on Copy Frames. 

6. Go to your letter canvas and go to Paste Frames → Paste Frames OVER Selection. 

7. You will notice that the background and the letter aren’t showing. Your going to have to go on each frame and layer, make the background and letter visible. 

8. Move your .gif where ever on your letter, it doesn’t need to fit just place your .gif so that most of where you want on the .gif to show is showing. 

9. Now select your letter and with your mouse over the letter click the ctrl button. You will now notice lines moving around the letter. 

10. Now click your .gif group, click on the layer mask button 

11. Now the parts that were not on the letter, deleted. 

12. You will repeat the same steps above for the rest of the .gifs until you are done. 

NOTE: That before you paste your .gifs over the selection that all the frames on the animation frames palette are selected. 

Your .gifs should look something like this when you are all done:

559 notes on Jul 14, 2012Via / Source

pscs5:

TUTORIAL BY PSCS5; How to make these .gif effects

HAPPY FOURTH OF JULY!

For the 1st .GIF:

1. Make your .gif

2. Edit and put coloring 

3. After your done editing your .GIF, save it like you normally do in Save for Web and Devices

4. Reopen your .GIF

5. Go to View → Click on Rulers 

6. For the ruler at the top, click on the ruler and drag the down. For the ruler at the left, click on the ruler and drag to the right to get the blue lines.

7. Now select the first frame layer and make a small square using the blue guide lines. Like this (ignore the other line in the middle I forgot to screen cap this part so I have to use this):

8. To delete the square, select the Rectangular Marquee Tool and make the square in the middle like this:

9. Go to Select → Inverse. Your image should now look like this:

10. Select on the layer and press DELETE on your keyboard. Your image now looks like this:

11. Go to the second frame layer and drag four more blue lines and place them around the first square so that you can make the other one: 

12. You can get rid of the first four blue lines that you used to make your four squares so that you don’t get confused. I kept mine because it helped helped me give me the visual of my .gif.

13. Now select the Rectangular Marquee tool again and make a square around your second set of blue lines:

14. Select → Inverse. Should look like this:

15. Click DELETE. Your image should look like this:

16. Now follow those same steps until your entire .gif is now visible. 

For the 2nd and 3rd .GIF:

1. Make your .GIF, edit, add coloring, etc etc. 

2. Download this Texture Pack. Open up image 7. 

3. I resized the texture to a 245px background and made the texture longer so I didn’t run out of it, you can use my edited version of the texture if you want. Save the picture:

4. Put your texture at the top of your .GIF. I duplicate the texture 2 more times and put it in a group. You don’t have to do this, I just wanted the texture to be a little more visible. But I do suggest to put your texture in a Group. 

5. Select the move tool.

6. Select the second frame of your .GIF and select your texture or if you put the texture in a group select the group. 

7. Now start dragging the texture up with your upward arrow key on your keyboard. I moved my texture up four times. I’d suggest you to do the same because it’s not necessary to move it up so much. 

8. Okay now this part it not really confusing but it might be to you so pay very attention at the pictures. Make your texture invisible: x

9. Duplicate your texture and rename it by clicking it twice, rename it 3 so that you know that the texture belongs to frame 3: x

10. Click on your texture 2 and make it visible again: x

11. Now click on frame 3 and make texture 3 visible: x & x 

12. Now on texture 3 move it up 4 times. 

13. Your repeat the same process for each frame until you done with your .gif. So again, I make texture 3 invisible → I duplicate it → Rename it 4 → Make texture 3 visible again → Click on frame 4 → Make texture 4 visible → Move it up four times. 

14. I tried and see if I could find a way to make this easier but the methods I tried did not work. Once you get the hang of it, it will be easy. It took me 10 mins to get it done and I have like 30 frames on mine. So it isn’t hard. But if you happen to find an easier way, do it that way, you don’t need to follow these exact steps. :) 

15. On the .GIF 3 in my example with Adam and the baby, you see how the texture is going down, if you want that effect on your .gif, instead of pressing the upward arrown key on your keyboard, click on the downward arrow key it press down four times. And then you just repeat the same steps. 

For the last .GIF:

1. Make three .GIFS. Make sure that one of the .GIFS you use has enough frames to put the other two. And as for the other two .gif not many frames is required max of 9-12 is good. Edit your .gifs and save each one. When you open your .gifs put each one in a group!

2. Now take one of the small .gifs and Select all frames:

3. Now go back and click Copy Frames:

4. Select the frame that you want your first small .gif to start. I started mine on frame 5. 

5. Now select the number of frames on your big .gif that your small .gif contains. For example, my small .gif had 12 frames. Now I am going to select 12 frames from my big .gif so that when I place it those 12 frames go on the other 12 selected frames from my big .gif. So I started with 5 counted 12 frames and ended up with layer 16 so I selected those frames (hope this makes sense I don’t know how to properly explain it lol):

6. Now go to Paste Frames:

7. Click on Over Selection. 

8. You should have your .gifs placed now. 

9. Select the first frame of the small .gif and select the group, reduce the opacity. 

10. Now select the next frames and make the opacity more visible until you have the .gif fully visible and the last couple of frames, select the group and make it less visible until you no longer see the small .gif:

11. Now your going to repeat the same process for the other small .gif. I skipped two frames from my last layer of the small .gif which was layer 16 and then I placed the .gif:

YOUR DONE! I hope these made sense. I sorta rush through it so :3 

838 notes on Jul 11, 2012Via / Source