PS Things

[kylos]

Let’s say you worked on a gif in PS and would like to save it as a psd to use its coloring in a future gifset. Saving it as is will result in a huge file size because all the frames are still in the project! You can make this psd file a LOT smaller in just a few seconds by converting the smart object layer (the gif’s frames) into one image before saving it as a .psd! This is called rasterizing and I’ll explain how to do it in this tutorial (it literally takes like two seconds). A tutorial for this trick might not be necessary because I don’t know how well known it is but maybe it can help out a few people!

NOTE: This is for saving the coloring of a gif made via the video timeline method in Photoshop. Also, if you want to save a gif project as a psd and you need all of its frames in tact for the purpose of working on it later, don’t use the method in this tutorial because this essentially ‘freezes’ a gif in place with just one frame. I recommend instead saving it as a .psb instead (aka ‘Large Document Format’) of a .psd. A .psb is Adobe’s file format for saving MUCH larger files that can exceed 2gb in size.

Keep reading

[dailyemeraudetoubia]

how to avoid whitewashing a poc tutorial

hi guys! so lately at dailyemeraudetoubia we’ve been seeing a lot of whitewashing emeraude and poc in general on our dash so we’d thought we’d make everyone aware by making a tutorial on how to make a nice coloring WITHOUT WHITEWASHING

THIS IS NOT OKAY

YESSS!! A NICE GIF OF A WOC

Keep reading

[gaal-dornick]

hi, i love your old guard character trait gifs!! how do you get the coloured writing to be see through?

thank you! the process is a bit uhhh not complicated, but definitely a little annoying. this is just how i figured it out, if anyone else has a better (easier) way, please let me know!

we’ll start with our text, in the font, size, and placement you wish it to be. the color doesn’t matter since we’ll only be using the shape. i use photoshop cs5, and it looks like this:

now, in adjustments, i create a gradient map with the colors i want the final text to be. it must have a mask, and your gif will look like this:

going back to the text layer, use the magic wand to select the outside. on the gradient map layer, delete the selected area from the mask, like this (+ my magic wand settings):

the same way, delete the empty spaces inside the letters, the Es and the O in this case, always going back to the text layer, using the magic wand and deleting from the gradient map’s mask, so it looks like this:

to finish it up, either delete or hide the text layer, leaving only the gradient map and you’re finished! the end result is this:

hope it helps, and any other questions feel free to ask!

[concepts]

Rotating text animation - an easy peasy tutorial

hi! Robin @madeline-kahn​ mentioned she’d like to know how i made the rotating animations for this edit i made for @jatpsource​​

and i was bored so here we are haha! the process is super simple and it makes a cute edit so like win-win situation here :D

what do you need: 

Photoshop CS6 or higher (i was sad to find out this particular kind of animation didn’t work on my beloved CS5) It has to have the timeline option, otherwise this won’t work for you.

okay let’s do this! i’ll put it under a cut bc it has lots of screnshots and it makes the post too long

Keep reading

[dicennio]

Oh wait I just thought of something, could you go more in depth with eye coloring? Like how to clean them when they're drawn completely black, which colors to use, brushes, how you color them, etc. Also I use ps for my manga coloring edits and use "screen" to apply the colors, it's convenient but I'll definitely try your method next time!

it took me ten years but here’s a mini tutorial on how color (manga) eyes 

[click to see it in full size]

I hope it isn’t too late and I hope it helps you a little!

[kiyomie]

hiii hello i just wanted to say i love love love your graphics so much and i kinda want to get started on making some of my own and you inspire me a lot i was wondering if you could maybe post osme tips on how you edit/links to some posts you find helpful or maybe drop a tutorial on how to make something similar t this? /post/619882849433223168/well-be-free-snk-ep-59-the-other-side-of-the only if its comfortable 4 u! thank u sm hehe have a good day <3

ahh you’re so sweet anon, thank you ❤️ and hmm that’s a pretty old edit tbh i actually just went with my gut on that one no tutorial or anything :( but in general if you want to start making edits, i suggest you familiarize yourself with photoshop first, i’m kinda self taught but lemme try to explain how i made the edit, i was pretty new to photoshop too when i made this, it’s not as intricate as the ones i make now so i’ll try to explain, pls bear w me:

for manga coloring (middle right and bottom left panels), 

what i did is that i duplicated the layer, set the blend mode of the top to color burn and the bottom layer to multiply, opacity is 100% and 30% respectively, then i start coloring, i used multiple default brushes, my opacity is 15% and flow is 50% depends on your own preference ofc

so here’s how it would look like step by step:

for the top left panel, 

i used a texture from pinterest, i suggest you free to browse pinterest and behance for inspo and resources, also deviantart for better textures

for the top right, 

i sliced the images then i used the quick selection tool to separate them into different layers, i suggest you play around with the blending options’ drop shadow effect for depth (i didn’t know drop shadow existed that time so i shaded it myself) the shadows i mentioned give the floating effect

for the middle left, 

i used a screenshot, i separated eren from the bg w quick selection tool then played around with the blend modes

*for the colors i used a brush to make a full gradient background of blue to yellow, the same background i used for the top right is the same i used to color the rest of the panels, i played with the blend modes 

in general: keep familiarizing yourself with photoshop and feel free to play around with shapes, layer styles, blend modes, and brushes aside from that i didn’t do anything special feel free to dm me if u have other questions! i won’t bite i swear! i’m bad at explaining here so i might be able to help more if you do

here’s a post for resources if it’s helpful

[9p2222-deactivated20180510]

GIF Masterpost

A lot of people have shown an interest in adding gif effects to their edits but I know it’s hard to find nice effects just using google search (also I got a mean anon saying I was hoarding things so others wouldn’t use them- so eat crow anon). Here are a ton of links to my favorite gif overlays and a couple of other useful things.

Note: None of these are torrents. I’ve only tried some of the Windows ones so your mileage may vary. If you would like to have a link to my own personal copy of Photoshop CS6, please send me a private message.

Photoshop CC 2017 Windows

Photoshop CS6 Extended Portable Windows (tested by me)

Photoshop CS5 Extended Windows (tested by me) 

Photoshop CC 2017 Mac

Photoshop CS6 Mac

Photoshop CS5 Mac

Cute shapes pack #1  💖

Cute shapes pack #2  💖

Cute shapes pack #3  💖

Cute shapes  pack #4   💖

Texture pack (contains smoke, space, fire, star gifs)  💖

Sparkle pack w/ Tutorial

Futuristic gif pack  💖

Glitch gif pack

VHS/TV glitch gif pack

Ink drops gif pack  💖

Space gif pack

Particle/dust gif pack

Tech gifs

Circle gifs

Falling snow gif pack

Single Gifs Made By Me (tag me you use them? if you want??) HQ means they’re 1000px wide.

Flying flower petals  💖

Heart pop effect  HQ  💖

Pink float-up heart HQ 💖

Starburst HQ  💖

Block burst HQ

Squiggle line burst HQ  💖

Unfolding circle  HQ 💖

Line square HQ

Floating stars

Single Gifs From Around The Internets

Futuristic circle gif

Heart burst gif  💖

Fire spark gif #1

Fire spark gif #2

Fire spark gif #3

TV glitch gif

TV glitch gif #2

Floating hearts gif  💖

Floating/flying triangles gif  💖

Ink gif  💖

Vintage texture pack

Splatter textures

Halo brush set #1  💖

Halo brush set #2  💖

Doodle pack  💖

Tutorial for doodle gifs  by @bratsims   💖

My tutorials (mostly videos)  💖

Another tutorial for gif overlays  💖

Alternate way of overlaying gifs onto images

Glitch effect tutorial  💖

Glitch effect w/ focus on text

Moving background pattern tutorial

[dicennio]

Here are few tips to color manga panels. This is not a tutorial bc I’m a loser but I hope it helps someone in someway~

Keep reading

[firstsensibility]

A compilation of resources needed to make gifs in Photoshop

Vapoursynth --> a program to make cleaner gifs + resize more efficiently. I have linked the tutorial gif book. The steps may look daunting at first, but it is actually super easy to use, and makes the gif making process so much easier. You will also notice a huge difference in the quality of your gifs. The denoiser and sharpening plugins that come with it is one of the most powerful I’ve seen. 

Here is a tutorial that does a wonderful job at explaining the process 

PSDs/coloring: @kcolourings have some wonderful PSDs that you can use for coloring if you are struggling or are a beginning gif maker. Other places you can look at are @itsphotoshop  @chaoticresources  @completeresources  @quirkyresources 

On another note, it’s always best to come up with your own psd so that you’ll have more consistency and develop your own unique style. However, that takes practice and a lot of trial and error. 

Sharpening: photoshop has it’s own powerful built in sharpener, but if you do use vapoursynth, you will not need to take this additional step. Here’s a tutorial on how to shapen on Photoshop. The above resource blogs I have mentioned also has additional tutorials and actions that will help you with sharpening.

Where to download HQ videos (asian drama’s,donghua, anime) 

pianku: a t***ent**ng site –> korean, japanese, thai, chinese, taiwanese drama’s. You can also download anime and donghua here (please use a vpn if you choose to t***e*t from any site. The one i use is Nordvpn) 

dramaday: exclusively korean drama’s. This site is provides HQ download links to the latest korean drama, and also provides subs you can download separately. 

viki: download korean, japanese, taiwanese drama’s + movies. You will need to use an external resource such as downloadhelper  or this site to download the video. For the second link I have provided, please use a vpn and ensure that you have protection/adblock on your computer. 

youtube: using 4K video downloader, you can download several chinese and thai drama’s. This downloader is completely free and safe to use. 

mkvdrama: download korean, chinese, thai, japanese, taiwanese drama’s in high quality 

anime: both this  and this  site has an extensive list of anime’s you can download in HQ quality. Some files come in dual audio + subtitles (the subtiles are not embedded, so it will not affect your gif making process) 

[kiyomie]

hello ! i admire ur gfx on the aot cards. can u teach me how u made them? especially with the different colors u made? i also wanna know how u made the cards. im so sorry if this troubles u but pls only answer in ur own time when ur not pressured. thank u so much ! keep doing ur work u amaze me

hey anon! thank you you’re literally an angel, it means a lot <33 hm its kind of a weird process bc i use 2 softwares for it! procreate and photoshop, i’ll try my best to explain but forgive me in advance bc i’m not the best at explaining 😔 

TUTORIAL:

before I start I usually make my own color palette first! its okay not to follow it from time to time especially if the colors aren’t available in your palette, here’s what I used (i based it off retro palettes and tarot card ones):

i. okie first off i start by creating separate layers for the key elements of the panel: for this one its ymirs hair, skin, dress, the hallucigenia (worm thing), and the bubbles, after which i fill those elements with color and exclude the details like the mouth or eyes. (its kind of like manga coloring only there’s no black outline or details)

ii. after that i then add gradient shading, here you dont need to worry about detail just make sure the shading are in the correct positions :3, also aside from shading i also added a little detail to give more “life” (??) to the design like ymir’s hair and headband.  

*It’s also worth adding that I added a noise effect to gradient shading bc i wanted to mimic the color blur effect which is adding grain to gradient to add texture 

iii. next step is to add the highlights (my fav part) i use the add layer style on procreate but on photoshop it’s called linear dodge

iv. next step is to export the file to a photoshop file (psd) and continue it there! I’m continuing it here because I’m gonna add a drop shadow effect on some parts, export the finished design/panel, then import it to another psd where I layout all the panels

so after this, I layout it in another psd file where I add my coloring adjustments, text, etc.! 

then that’s it! also also when you export the psd from procreate to photoshop (if you will be using procreate) the highlight effect of the add layer style is toned down and doesn’t look as bright :<

i hope this helped! and dont be afraid to dm me if u need help! 🥰

[momentofmemory]

hi, how do u do text like in this post? /post/642784485283364864/ i mean the ones that say miracle, seeing etc.

Hello! :) I’m sure there are many ways to get roughly the same look, but this is the process I used.

STEP 1. Set Up

Arrange your text & set the font colour to white. Then change the layer blending mode for the text to overlay, so it looks like so:

STEP 2. Layer Styles

Open the Layer Styles menu for the word you want to change (in this case “miracle”) by double clicking on the layer (you can also right click on the layer and select “Blending Options”). Go to Gradient Overlay and select the gradient you want, set the blend mode to Overlay, and adjust Opacity to 85% (or whatever looks best). Then add a Drop Shadow at 100% Opacity, blend mode Multiply, and Distance 2, Spread 7, Size 3. It should look like this:

STEP 3. Outline

Duplicate the layer you’ve just adjusted and clear all layer styles. Open Layer Styles for that layer and click on Stroke. Add one with size 1, position outside, and fill colour white. Then click on Blending Options and pull Fill down to 0%, and set Opacity to 50%.

STEP 4. Adjustments

Using the arrow keys, move the new layer to the left 2 pixels and up 2 pixels (or wherever looks best), to give it a “floating” effect. You can now play with opacity/blending styles to make sure you have the look you want, and repeat the process with any other text that needs it. Otherwise, you’re done!

[anya-chalotra]

Hi. Long time lover lover, first time asker of photoshop related questions. I was wondering, if you explain the double text/thin white over line text from post/632522772600471552/we-get-to-see-this-man-who-weve-been-told-from that post? I didn't see it asked, but brain is dumb so I may have missed it. Thank you photoshop goddess, I burn a candle for your guidance and honor.

First of all, thank you for what has to be the funniest and most flattering way I have been asked for Photoshop help, down to the candle.

Adding a white outline is one of my favorite things to do with text and also super simple. I like to pair it with gradient + difference text, but I think it works with plain color text just fine—though I will add that you want to work with “thicker” fonts, as opposed to really fine ones like a lot of script fonts. (Basically: you want a font that allows an actual outline, and also one that will still be legible after adding said outline.)

Right click on your text layer where the text (“T”) symbol is, then choose Select Pixels. This should make a selection around your text so that it looks something like this:

Create a new layer and then right click anywhere on your canvas. You should see an option called Stroke, which brings up this window:

If your settings don’t already match the ones in the screenshot, quickly match them up before clicking OK. All that’s left is to move the white outline a few pixels away from the text (I pretty much always stick to 3px, first to the right or left, then up or down) and you should be all set!

[ehanyeol]

gradient gif tutorial

since i’ve gotten a couple asks about how to make a gradient gif like I made in these:

(x)

and the text from this:

(x)

I made a tutorial the way I do it, under the cut.

Keep reading

[celiabowens]

brief, hopefully not (too) messy, tutorial

got an ask some time ago, regarding making a tutorial for this mob psycho 100 edit. I’m not really sure how well this will go, but uh, I hope this is clear. This edit is fairly simple as far as I’m concerned but you should be familiar with PS’ basics for the tutorial to make sense. I’m really sorry but I have no time to record myself while editing and remake this so I can’t go through it all step by step. If there’s any specific part you want me to explain clearly from the basics please feel free to ask!

Keep reading

[ngee-deactivated20210516]

rotating text effect on ps. @ anon here’s your tutorial, i hope it’s helpful. the font i used was mono rgo.

Keep reading

[celiabowens]

hi! i was just wondering how you get the lineart of a certain picture like the one you used on your bakugou edit? if you don't want to answer, it's okay! anyway your edits are so pretty and creative!

I don’t really have any secrets to hide lol no worries!

usually it goes like this (this works in PS, I don’t know which software you plan to use): take the image you want the lineart of > duplicate layer > set the blending mode of the copy to divide and the original to multiply > select the copy > filters > blur > gaussian blur and play with the settings until you’re satisfied with the result. after that you should simply apply a color fill layer if you want the lineart to have a specific color other than black! hope this is clear.

sometimes it doesn’t really work out well and then you have to clean the art by yourself unfortunately (also well, if you’re working with a manga panel and you want a white lineart just go to adjusments > invert > set the blending of the original to screen). 

hope this helps anon :)

[25th]

tutorial: animating eyes in after effects

requested by anon, based on this graphic

under the cut because it’s quite long :’)

Keep reading