Suns' Tutorials

My repository for helpful Adobe CC Suite Tutorials. My main blog is for the 100 TV show: the-suns-also-rise

[aesxe-deactivated20240403]

Carla Bruni, Claudia Schiffer, Naomi Campbell, Cindy Crawford and Helena Christensen at Versace, Spring/Summer 2018

[bartonclinton]

hello! your latest iron man set is absolutely stunning! you're so talented! I was wondering which font you used and if you could explain how you merged the text and the gif together? thanks so much!

hey anon! thank you so so much <33 that seriously means so much :’) The font I used was this one (I believe lol). It took me a while to figure out how to pull that text effect off correctly, haha. Not sure if this is the only way to do it but this was the method that came to my mind! 

1. The first thing you want to do is create 2 different gifs the way the way you normally would, and color & crop both of them as usual. For the one you want to be the main gif, add the text you want to that gif. For example, for mine, I wanted the yellow/orange Tony gif to be the main gif, so I added the “IRON” text to that gif. It looks like this:

2. Next, I opened Blending Options on that “IRON” text layer. Under Advanced Blending, change Knockout to “Shallow” and change Fill Opacity to 0%. Click okay and then pin it & lock the text effect for all frames.

It should look like this, with the text now transparent:

3. The next part is the same as if you were doing a blended gif, if that’s something you’ve done before. Make sure both of your 2 gifs have the same # of frames, select all the frames in your main gif, click the top right bars symbol at the corner of the timeline, and click “copy frames”.

4. Now go to your other gif. In my case, this was the gif of Tony at the ending of im1. First, I usually select all the layers and group them using ctrl + g to keep it more organized. Then, I select all the frames on that gif and then click the top right bars symbol at the corner again and click “paste frames” this time to paste my main yellow/orange Tony gif on top. When I paste, I choose the following settings:

5. I right click the layers and choose “select linked layers” and then I group those frames using ctrl + g. Now I have 2 groups, each containing the layers for both of my gifs.

6. Using the cursor arrow, I can move Group 1 (which is the Tony im1 gif) and position it exactly how I want it so that the parts of the gif that I want to be showing through can be seen within the text. Now we have the final gif, which looks like this :)

[allresources]

Multiple Gifs on One Canvas Tutorial by Allresources

This tutorial was requested by anonymous and will explain how to put multiple gifs onto one canvas (as it’s often use in gifsets that contain more than ten gifs). However, this tutorial will not explain how to make gifs !

Software: Photoshop Difficulty: Easy

Keep reading

[madeline-kahn]

WHEN SHALL WE THREE MEET AGAIN? IN THUNDER, LIGHTNING OR IN RAIN?

Macbeth (1948) dir. Orson Welles The Witches of Eastwick (1987) dir. George Miller Stardust (2007) dir. Matthew Vaughn The Chilling Adventures of Sabrina (2018 - 2020) The Pale Horse (2020) dir. Leonora Lonsdale Hercules (1997) dir. John Musker, Ron Clements Sleeping Beauty (1959) dir. Clyde Geronimi The Black Cauldron (1985) dir. Richard Rich, Ted Berman Sabrina the Teenage Witch (1996 - 2003) Halloweentown (1998) dir. Duwayne Dunham A Wrinkle in Time (2018) dir. Ava DuVernay The Craft (1996) dir. Andrew Fleming Charmed (1998 - 2006) Hocus Pocus (1993) dir. Kenny Ortega

[sarah-snook]

gif tutorial: how to blend images together using layer vector masks

@molinajules​​ asked how to blend images together using a torn paper effect. This tutorial will show you how to do this using layer masks. There are two different methods i use depending on the set i wanna make. i either use a brush or png images from mask packs i’ve found. since tumblr has a thing about links in posts, links for the resources i use will be provided in a reblog right after this tutorial. 

this tutorial is made assuming you already know how to make gifs and will be done using photoshop on a mac. i’ll be showing you how to make these two edits: the first one will be done using a png:

the second one will be done using a brush:

note: these gifs were ones i made for @dailytvwomen​ i did not steal them to use in this tutorial. they are mine! i was too lazy to make new ones :’)

Keep reading

[bumkeyzarchive]

maybe a fun question but i'm genuinely curious as to what your favorite font pairings are !

it  is  fun  !  here’s  a  few  i  like  as  well  as  some  bsides  from  the  play  album 

shrikhand  + silkscreen

red  velvet  + times  new  roman

prestige  signature  + roboto  condensed  (  in  bold  italic  )

finches  + sinkin  sans

sunday  morning  + montserrat  (  in  light  )

[lornashores]

Requested tutorial: How to make a pale gif of Chidi Anagonye without whitewashing [click for example]

Note: If you have any questions don’t hesitate to ask me. If you have questions of another tutorial, just ask and I’ll see what I can do. And if you want me to make a .psd pack (in this case, a The Good Place .psd pack) just let me know!

Keep reading

[agoras]

Hey guys! I’ve been seeing a lot of whitewashed pale edits on my dash recently and a lot of half-assed excuses when it comes to fixing them. I am a pale creator myself so I understand how it can seem difficult to color POC, but I see a lot of creators either coloring POC badly or not coloring them at all for fear of whitewashing. 

This tutorial will teach you some tips and tricks about coloring POC and restoring skin tones while retaining the pale aesthetic. We’re gonna go from this:

to this:

and I’ll teach you another method that I personally don’t prefer to use, but you can do if you want to!

Tutorial under the cut:

Keep reading

[montygreen]

Hi! I love your gifs and was wondering if I could ask you what some of the texts you use are. I really like the ones who in /post/623543520519749632/ladies-of-anne-with-an-e-greek-goddesses and /post/623455076851302400/anonymous-asked-peraltiago-favourite-quotes. I was also wondering if you maybe explain how you do the gradient coloring on the text?

Hi, Megan!!

The fonts used on those sets are Avenir (which is all the caps one), Kaoly (which is the block font), the Red Velvet (which is the script font)

As for gradients on text, when you go to blending options of a text layer, you just check off the box “gradient overlay” and then you can create or pick out one of the preset gradients.

This is what using that setting looks like on one of my WIPS!! I tend to do a 0 or 360 angle, since that means the gradient will flow from left to right, but photoshop often presets to 90, which means it initially will look like it’s flowing from top to bottom.

Hope this helps!

[octomoosey]

Another gif tutorial...

Which has 55 frames.

For this tutorial I’ll be using CS5, but it should work as well in other versions too… Topics include;

Sharpening Resizing Using a layer mask to cut out unnecessary animation Why black and white is useful Transitioning between the start and end of your gif Saving your gif for Tumblr (and getting it under the 1MB limit)

Credit to notliketheothers for their sharpening script and tutorial.

Keep reading

[nobodys-archive-deactivated2023]

not really a tutorial, but just a little tip for people like me who are really particular about their gif style and get annoyed when you convert your timeline in photoshop and it changes the speed of your gif: DO NOT SAVE YOUR GIF AND THEN REOPEN IT TO CHANGE THE SPEED. each time you do this you are losing quality. your gif is already being compressed the first time you export it, and the more you do it the more lossy it will be. it might not be noticeable in all gifs, but if you pay attention especially to high contrast areas, you’ll start to notice some unnecessary grain and fragmenting.

instead, when you are completely done with your gif (coloring, sharpening etc.) select all your layers and convert them into a smart object. don’t forget this step or else it won’t work! then go to your timeline settings > convert frames > flatten frames into clips (see). switch your timeline back to frame animation mode and then click on “make frames from layers”. that will extrapolate your layers back into frames. by default it will be 0 seconds, but you can change the speed without saving and reopening.

(if you’re struggling to notice the difference, pay close attention to the edges of her hair, especially near the bangs)

[tast3of1nk]

How to add GIF overlays to your edits (Photoshop)

this is a remake of the tutorial I posted around this time last year at an anon request. since then my editing skills have definitely improved so I hope you find this useful! this is a fairly beginner’s explanation of how to use Photoshop to put gif overlays on your edits.  

** please remember that you don’t need to pay for a program like Photoshop to create edits and there are many alternatives! If you have any questions about this tutorial let me know, I will do my best to answer. I’m far from an experienced Photoshop user and there are plenty of ways to putting gif overlays on still images, this is just my personal method! When writing this tutorial, I mostly had the writeblr community in mind, but it should work for fan edits and so on.

tutorial below ↴

Keep reading

[sunsgiftutorials]

[sunsgiftutorials]

[the-suns-also-rise]

Original vs. Edited / Gif Process Tag Game

Thanks to @she-who-the-river-could-not-hold for tagging me!

I save all my psds, so this was a fun game for me to participate in. On the left, the gifs are original except for frame selection and speed change (my go to for everything is .07s). The Octavia gif is lightly cropped as well. The gifs on the right have been colored, sharpened, and blurred.

I’ve only been giffing and using Photoshop since last April, so I’m still experimenting, troubleshooting, and finding my style. A lot of the scenes in the 100 are extremely dark. For the top three (and most of the other gifsets on my blog) I’m mostly trying to brighten and enhance the existing colors so the scene no longer looks like it was filmed in my grandmother’s basement. 

I spend a lot of time reading/watching tutorials and trying to figure out what all the buttons in Photoshop actually do. The Echo and Octavia gifs were experiments in changing the mood entirely by messing around with the camera raw filter. The Echo gif went from Praimfaya to a crisp winter hunting scene, and Octavia’s gif went from Luna’s shipping container to being part of my “Bronze Goddess” series.

I’m tagging some other talented gifmakers from the 100 fandom.  We’ve all giffed the same scenes at this point, but it’s truly amazing to see how everyone brings a their own perspective with every new set.

@hvitstark @charmainediyoza @lesbellamy @iishallbelieve @katersann @shialablunt

[sunsgiftutorials]

GIF MAKING: Selective Frame Editing

I’m working on an edit for Alien. The top gif is as shown in the film. While the brightest strobe lights provides the necessary ambient horror and panic as she’s going down the corridor, it’s just way too bright and seizure-inducing for a gif.

So I thought I’d go through and pick out all the frames with strobes in them to make the second gif. I was surprised to find that her movements are still smooth and there are still plenty of other flashing lights to provide that sense of near-hysteria. Even better, the gif size went from 7.5 mb (I had to hard-optimize it for tumblr) to a little over 3.

This isn’t the final coloring, but I think I’m going to go back and remove the strobes from the rest of the gifs as well.

[devonsarchive]

Hi love! your latest Octavia edit is stunning, and all of your edits are so beautiful! You are very talented. Sorry for silly question... but are those effects achieved with a gradient fill layer in Photoshop? would you know where one could find a tutorial or helpful how to guide? completely understand if you do not wish to share xoxox

I am SO touched, thank you!! 

I went ahead and made my very first tutorial just for you

What you need for this tutorial: Photoshop and basic Gif-Making Skills (though this tutorial applies to still graphics and photos as well!)

Go from this:

To this: 

Step 1: Open your image/import your layers in photoshop. Resize and sharpen as needed. 

Step 2: Use the New Layer button to add a new layer on top of the others.

Step 3: Use the rectangle tool to draw a box on the new layer where you want the gradient to be the most saturated.

Step 4: At the top, click “ Layer -> New Fill Layer -> Solid Color to put in your chosen color. 

Step 5: Create another new layer on top of the others. 

Step 6: Use the rectangle tool to draw a box on this new layer beginning at the end of your most saturated spot and cover the entire frame.

Step 7: At the top, click “ Layer -> New Fill Layer -> Gradient to put in your chosen gradient. 

Step 8: Notice your angle will be set to 90 degrees. This is a vertical gradient with the saturation at the bottom. To turn the gradient sideways, change the angle to 0 for the “bottom” to now be on the left or 180 for it to be on the right.

Step 9: Now, select your eraser tool while in the gradient layer. My settings are shown at the top left corner. 

Step 10: If you get this popup when you try to erase, select “ok”, then erase some of the gradient layer if you wish.

Step 11: Color your gif! If you want to maintain the exact color you put down, make sure these new layers go BENEATH both of your gradient layers. 

Export your gif and you’re done!

Hope this helped!! If it did, please tag me in or send me a link to your work, I’d love to see and reblog it