#pstutorial

[kvtnisseverdeen]

bringing back old editing styles: picspams (no textures needed!)

hi everyone!

so i previously posted this picspam tutorial which was more ~texture~ heavy but if you’re looking to make a picspam that really just focuses on the colors and is simple, then keep reading! :)

example:

first screencap tutorial: changing the screencap to a color you want that is different from the original lighting

step 1: put a base coloring on your screencap

in this case i added a brightness layer and also a photo filter layer set to the cooling filter so that the screencap has no yellow lighting and more cool lighting

step 2: color the background in using the brush tool 

in this case i also changed the color of her eyes) + set it to soft light (you can adjust opacity as needed but i usually leave it at 100%)

step 3: add another layer and use the brush tool to make a light leak + set it to screen

the brush layer should look like this, you can save this if you want and change the hue to whatever color you need!!

the results should look like this:

step 4: adjust the layer with brightness, vibrance, etc to your liking

pro-tip: use gradient map and have it be black to the color of your choice. so for me, i made it black to purple + set it to screen and adjusted the opacity 

final product:

now this looks different from the picspam above bc i forgot to save my psd (stupid of me, i know lol) but i hope this helped! also i use topaz labs for sharpening and that's it!

alright next..coloring a picspam that already has the color you want!

step 1: add a base coloring + selective color

add your basics like brightness, vibrance, curves etc. AND selective coloring! for the selective coloring, increase the yellows to +100 and for this, i increased the cyan of the reds but you should just play around with the selective coloring to your liking

step 2: add brush layers

using the bush tool, i used light orange and dark burgundy and set the light orange one to soft light, and the dark one to screen

final product:

just add some more contrast or vibrance if needed and you’re done :D

overall, i recommend using the brush tool and setting it to soft light + screen along with using selective color to make the colors really pop out!

hope this helps and as always, my ask box is open to all and any questions <3

best,

~farah 

[favoriteliar-archive]

Your gifset with the boarders and circles is gorgeous 😍 Can you do a tutorial on it?

thank you! and of course, i’ll explain how you get this gif under the cut. this is probably gonna be very picture heavy because that’s how i learn things and i think it just helps to see each step.

so once you choose your gif(s), place them on the same canvas [540x575] and situate them where you want them.

then, create a layer mask on the top gif and use the soft brush tool to blend the two gifs together. it should look something like this.

this is when i would color the gifs personally (though this “layer” of gifs is going to be covered with a gradient map, i think it’s beneficial to color now so you know what you’re working with, rather than having to change the gradient later.)

create a gradient map adjustment layer. change the color to whatever you want it to be, in this case, i chose one of the preset ones (purple 06). change the blending style to color.

and personally, i want to change the purple a little, make it a little warmer. so i create a selective color adjustment layer and mess with the magentas. now it should look something like this.

looking good, right? well, i want to make more changes because i think it looks too bright/white. i want this to be a good background, so i want it to be more dark and solid. so, above the coloring but below the gradient map, i create a solid layer of black and change the blending mode to soft light.

okay! onto the middle gif. i use the ellipse tool and create a 200x200 circle and use the alignment tools to make sure it’s in the middle of the canvas. next, i copy the circle layer, putting it underneath the first circle, and use the transformation tool to make it bigger. it happens to be 213.5x213.5 now, but it’s just personal taste for how big of a gap you want. change the properties so that it has a stroke of 4px and no fill. and then change the stroke option to be the dotted line instead of solid and mess with the gaps until it lines up the way you want it to. mine is set to be 5.59.

next, i add a drop shadow to that dotted stroke circle. these are my settings for them.

now that we set that up, copy that layer (not the original circle), and use the transformation tool again to make it bigger. mine is 238.7x238.7, and i changed the stroke to now be 5px. this messes with the dots, but all you do is mess around with the gap number again. now, it’s set to 5.57.

the way i decide how big the gap should be is by seeing when the next dot begins and doing the one before that. by using the arrow keys to go down by decimal points, you can see the exact shift in the circles. so for example, for the first one, having the gap set to 5.58, you can see the top dot start to deform. that’s the next dot coming out behind it. you want it to look like it’s perfectly spaced, so you set the gap to 5.59.

now, you can add the gif you want in the middle to the canvas. i just copied the same coloring i used before and added any adjustments i needed to make sure the gif looked good and then shift-clicked all those (the colorings and gif) and converted them to a smart object. then it’s just right clicking the gif layer and making it into a clipping mask so that it “fits” into the middle circle.

before i move on, i realized that i wanted the background to be darker again, so i create another layer after the gradient map but before the circles where i create a vignette like effect of just using the soft round brush on the corners, and setting the blending style to soft light at 50% opacity.

rectangle time! first, i always create a rectangle that’s the same size as the canvas and set it in the middle and then transform it to be smaller so that the proportions are always the same. this one happens to be 472.69x503.33. you get weird numbers most of the time since you’re just eyeballing where you want it to be. similar to the other dot strokes, set the size to 5px and then mess with the gap sizing until you’re happy with it. mine comes out to 3.15.

add a gradient overlay style to this one. again, i chose a preset gradient (purple 12) and set the opacity of the gradient to 85%.

for the other layer, copy that last layer and clear the layer styles. this should set it back to just before the gradient color. place the layer underneath the colored rectangle layer and change the fill to 0%. it’ll look like it’s not there, but it’ll be back, don’t worry.

add a stroke to this layer, set to 1px and 100% opacity. and now you should have the outline of the dots! i moved the layer using the arrow keys 1 to the left and 1 up to give it the offset look.

time for the text. choose whatever text you want, this is really all up to you! i have cherry and kisses for my top font and big noodle titling for the bottom font.

for the top layer, i wanted some color so i duplicated the layer (moving it underneath the original layer) and added a gradient overlay and drop shadow. then i shifted it over a few spots again to have it be visible.

for the bottom layer, i just added a drop shadow.

now, i just create a layer mask on the dotted rectangle layers and use the hard round brush to “erase” the dots that are behind the text on both layers.

and that’s it! if you have any questions, whether i missed something or something doesn’t make sense, just shoot me an ask/dm :)

happy giffing!

[literaredits]

HEADER TORN PAPER — TUTORIAL

desde a minha primeira header assim, venho recebendo pedidos para fazer um tutorial ensinando como fazer pois esse dia chegou! preparei o tutorial com muito carinho e espero que ajude vocês, caso tenham dúvidas é só me mandar mensagem <3

primeiro de tudo, você deve escolher a foto que deseja pra sua header e abrir um novo arquivo (ctrl+n) com o tamanho 1000x500. 

feito isso, você posiciona a foto que escolheu, no meu caso eu escolhi uma obra de claude monet e apliquei o psd peek a boo da peach coloring junto do future friends da soleiledits e ficou assim:

pra adicionar a textura de torn paper existem dois modos, eu vou ensinar com a ferramenta de pincel. pra isso você precisa ter brushs com ponta torn paper (aqui você encontra uma pack com eles) e cria uma nova camada. com a camada que você criou selecionada você carimba a parte de baixo da sua header deixando ela assim:

primeira parte completa, é só salvar em png e se você quiser pode usar assim mesmo. no meu caso, eu quis que ficassem caindo uns brilhinhos. nessa pack você consegue baixar as overlays de gifs que eu usei, eu usei a 028. você precisa abrir a linha do tempo. em janela > linha do tempo

depois disso, você abre a overlay que você deseja e posiciona em cima da sua header pronta. assim:

vai ficar preto mas nessa configuração você consegue arrumar isso, escolhendo divisão:

pronto, desse jeito o que ficará visível no seu gif será apenas as bolinhas. você também precisa ficar atente nessa configuração da linha do tempo com as camadas, se não, o tempo do gif ficará errado então tenha os dois do mesmo tamanho assim:

feito isso, você salva o seu gif mas não como salvaria um arquivo normal. você precisa salvar para web para que ele possa se movimentar, alt+shift+ctrl+s

vai abrir essa tela quando o gif carregar e são com essas configurações que eu salvo. 

E PRONTO!! depois de salvar, o seu gif fica assim e você pode usar ele como sua header no seu perfil do tumblr <3333 espero que tenham entendido, qualquer dúvida é só me falar que eu prometo tentar ajudar!

[phrynefisherdaily]

Tutorial 2

This one’s for Anon, who wanted to know how to make edits like this one and this one. 

First of all, I’d suggest to check out the first tutorial which explains how to get the size of the screencap you want to work with and the  width you should use to create your set.

Once you’ve picked the screencap or picture, you’re gonna open it and select the Pen Tool. I suggest you zoom in a little to get a clear view of the outline of the person or object you want to cut out. Always try to pick a screencap in which the object has, if possible, clearly visible edges/contour so that it’s easier to cut. Once you click on the Pen Tool, you’re gonna start clicking the outline of the object. I suggest not to leave a lot of space in between the “dots” so that the cropping is smoother. Whenever you reach an area that has curves, you can click and drag the selection so that the line from one dot to the other has the curve you want:

After you finish the outline you want, the last dot will have to be places on the first do you made. that is, the selection will have to come “full circle” so that it’s “closed”. You’ll get a line contouring the object. After that, you will right click inside the object and click “make selection”:

Once the object’s been selected you’ll click on “edit - Copy” and then “Edit - Paste” to get your cut out. You can see the object as a new layer in the layer panel on the right:

Now you can click on “new Layer” (bottom right) and paint it the colour you want. In this case i painted it white so that you can clearly see the cutout. i sugest you pick a colour that combines with the image you cropped (this part, of course depends on you and what you want to make):

Now comes the fun part. Unleash your creativity! change all the settings you want, add more layers, textures, colour gradients, add texts, play with the fonts, etc. In this case I changed the size of the object (you can do so by selecting the “Move Tool” which is the first icon on the left bar, and drag on of the corners towards the centre of the object while pressing shift so that you keep the original proportions of the object), sharpened it (Filter - Smart Sharpen), added some paper textures, changed the colours a bit and added some text. To get a better sense of what to do and which effects to use, here you can download the psd of this edit (and the ones from the previous tutorial!). The result was this:

Don’t worry if it takes you a long time, that’s the thing! You have to try each setting for yourself and discover rather intuitively what works for you and what doesn’t. Be patient with yourself and trust your choices ♥

You can leave the edit just like that and click on “File - Save as...” and save it as a .png. However, if you want to add some motion effects, you can look for “gif overlays” on google and pick the one you like most. In this case I used this one:

You’re gonna open the gif on photoshop and select all the layers on the right and all the layers from the bottom panel as well. Once you have, you’re gonna click on “Convert to frame animation” (near the bottom right). After that, you’ll click on “Filter - Convert to Smart Files”:

Now you’re ready to drag the gif layer to the edit. Usually, you have to set the layer on “Lighter Colour” so that the white parts of the gif are visible. On the animation panel at the bottom, you’ll see green horizontal bars that indicate the length of the layers on the file, in this case, this gif (layer 6) is long so I reduced the duration of the gif by dragging the small blue bar which sets the seconds it lasts:

Always bear in mind that, if the gif is shorter, you’ll have to drag the blue bar so that it covers the length of the gif. Otherwise, the overlay gif will “dissappear” during the animation because the file lasts longer than the gif layer. Here’s an example of a shorter gif layer and how to set the duration bar:

Finally, to save it as a gif, click “File - Save for Web & Devices...” and check that the settings are like the ones in this picture (especially the looping option so that the gif “never stops”):

Click “Save” and there you have it!! ♥♥ Hope I’ve been clear enough and that you find this tutorial helpful! Sorry if my language is technically incorrect or if I’ve made any mistakes :) There are probably easier ways lol, but this is the one I use.

[lornashores]

hey I was wondering how do you make the solid color backgrounds in gifs like in this post of yours? /post/175078168046/the-100-season-five-episode-seven-acceptable I always want to do it but don't know how. I know it's a lot to go through and answer/give a tutorial on it but it'd be sooo helpful!!!

hello! no problem at all i’ll try and walk you through it! this is my first ever tutorial so i’m gonna try my best and i hope it will help! (i hope this is helpful!!)

you will need basic knowledge of how to make gifs, other wise it’s quite simple!

[original gifset]

1. Open up the footage you want to use. I’d highly recommend to use footage with little movement and with a solid colour around the person, something like this.

2. Crop it to your liking, i use the dimensions 268x170 and i cropped the gif like this to get the solid colour in focus;

3. Add the psd or the colouring of your choice, i simply put one of my psds (with heavier levels to keep the black) over it so it looks like this (the right part of the frame is transparent for now);

4. Now add a new layer (the highlighter button)

5. Now go to brushes and i have these settings

6. Now simply I just brush over the new layer where I want the solid colour (which in this case is black) so it covers all frames equally, something like this;

7.  And then you just save the gif! Here’s the difference;

And the final result

[dreamstate-portfolio]

Gradient Map Tip

You can use layers with darken/screen and b+w paint to create non-destructive dodge and burn effects that allow you to customize the placement of your gradient map when it’s not sitting in certain areas quite right. Do this after you make your other adjustments, near the end since curves/levels etc will effect the GM heavily.

[dreamstate-portfolio]

Debanding Tutorial

Start with a flattened image in Photoshop

Duplicate the layer

Click on the new copy

Go to Filter -> Blur -> Surface blur

Set the threshold to around 20

On the radius, start at 0 and move up in small increments until the original bands disappear

Click OK when you’re happy

Go to Filer -> Noise -> Add noise

Switch the settings to Gaussian with Monochromatic checked

Add enough noise to match the previous level included in the image. Usually 1-3% is sufficient

Click OK when you’re happy

Click back on the original background layer and choose select -> subject

Click on the new blurred and noised-up layer and hit the new mask icon

Press command (or control on windows)+I (for iglo) to invert the new mask

Grab a black brush and at 100% flow and opacity, with a soft edge, remove any parts of the image that are in the midground or foreground. You can dust around the subject at 30% if needed

Banding gone! NSFW content in preview below

Surface Blur radius: 30 threshold: 10

cut out char for layer mask

after layer mask

[willterryart]

More textures from my texture painting class @SVSLearn - svslearn.com #digitalpainting #pstutorial