Spent most of the day coloring icons and MOST of that time was on this one panel bc I’ve gone through at least five different variations of light source for it. These are only the last two because I’m like “maybe people would like to see that” but I didn’t save the others. My bad.
Can you give me some advices/tutorials on how to make gifs? I suck at it and hell, I've been trying to gif for two days and I still can't :(
Of course! Let me just say when you start off making gifs it can be very difficult and confusing (I know it was for me). So I’m going to try and give you lots of tips and things that I’ve learned so hopefully you can skip lots of the hard parts I had to learn on my own. Also don’t get discouraged if you feel like your gifs aren’t turning out amazing, you’ve just started and it’s taken me over the course of 3 years to start making ones I’m actually happy with, as always practice gives you experience! Anyways enough of my rambling lets get started.
I’ve been asked by several people how I get the affiliate and network icons so sharp in some of my groups, so I decided to write a tutorial. (This will also work for your tumblr dash icon.) I’m using Photoshop cc for mac, but I’m not using the mac shortcuts here, so it should work for PC users as well.
This is pretty basic stuff, but it’s a wordy tutorial so that anyone with less photoshop experience should be able to follow along.
Here are some Photoshop tips and tricks that I wish I’d known when I started digital painting. The shortcuts are for Photoshop CS6, but they should be similar across versions.
Flip your canvas while sketching. This will make anatomical flaws painfully obvious and may help you work out areas you’re having trouble with. You may literally recoil in horror when you flip it (I know I have), but after you fix the mistakes and flip it back your drawing will look much better. (Image > Image rotation > Flip canvas horizontal).
Liquify is your best friend for fixing your sketch. It allows you to push and pull sections of your drawing around so you can fix little things without having to redraw them a million times. However, it will slightly blur the areas you push around so don’t use it on your final images because you’ll loose some detail. (Filter > Liquify…).
Adjust the brush presets for smoother lines. Photoshop’s default brushes have spacing set to 25% for some bizarre reason; reducing the spacing to 1% will give you smoother lines. (Brush panel > Spacing > 1%).
Rename and rearrange your brush presets. Save brush settings you like, delete the ones you don’t use, and test/rename all the brushes you download to avoid cluttering up your presets and streamline your process. Everyone loves trying new brushes, but I always end up going back to the same 5. You can also rearrange your workspace under the Window menu.
Blend your colours while painting by selecting the intermediate colour. Okay, everyone and their mom has probably told you that blending with the intermediate colour is far superior to the Blur and Smudge Tools. What they usually fail to mention is that you can quickly select any colour on your canvas by holding the ALT key while using the Brush Tool. (I’ve programmed one of the hot keys on my tablet to be ALT so I can select colours quickly while painting without having to switch to Eyedropper Tool or Colour Picker).
Use Clipping Masks to restrict your painting to a specific area. Need 12 layers to get the right skin tone but tired of erasing the edges of each one so they line up perfectly? Use a clipping mask to prevent a layer from exceeding the boundaries of the layer below it. (Layers panel > new layer > RIGHT CLICK > Create clipping mask).
Test your colour and tone variety by taking them to the extreme. Using adjustment layers that max out the saturation of you painting will give you a clear idea of the colours you’ve used and the overall hue of your piece. Another adjustment layer minimizing saturation will make it obvious where you need to add more light or shadow to boost your contrast. (Layers panel > Create new fill or adjustment layer > Hue/saturation… > Saturation set to +100 or -100).
Make your painting more cohesive with Curves. Curves will adjust the overall hue and tone of your painting, which can quickly tie all of your elements together and add atmosphere. You can also adjust Levels and Brightness/Contrast in the same way. (Layers panel > Create new fill or adjustment layer > Curves…)
Hey. How u get that subtitle print on ya drawin. Spill da beans
i use the text tool/blending options in photoshop!!
so after you type in your text and change the colours (i think the standard is either white or yellow), rasterize your layer (in your layers panel, right click the text layer > rasterize layer)
[[EDIT: ive been told you don’t actually have to rasterize the layer to apply blending options!! which is pretty dang neat!!]]
after rasterizing, right click your layer again > blending options:
It’ll open up a ‘blending options: default’ window.. For your text, the option you want is ‘stroke’, at the bottom of the checklist on the left, so click that:
and it should bring you to a window where you can change the width and opacity of the stroke effect around your text! I usually bring it down to 4 or 5 px, but whatever you think looks best should work too (you can also change colour and opacity; i’ve just got it set to black at 100% opacity.)
Hi ♥ So I was the anon who asked you a few days ago about the dancing doodles on your pictures, and then asked about gimp? I found out how to do it, but it awkwardly skips between frames no matter what I do. I was going to send you an example but we aren't mutuals lol. But I was wondering if you'd be able to help me? -- Side Note ; thank you for blessing my dash with your children ;-;
hi lil buddy!!!! sorry for a late reply!! i wanted 2 help u so bad i was downloadin gimp and my internet was like turtle speed today and it took like 2 hr to DL omg.. but i made u a lil tutorial that if u follow u should be able to make a doodle gif thingy!!
Introduction words, introduction words, let’s get to the point.
1. The first step is to write a script. And, buddy, that’s a pretty rough start, because I never learned how to do that properly, and drawing comics without a script apparently gets you a special place in Comic Hell.
I think primarily in pictures and scenes. Words are… somewhere there, mostly as snippets of dialogue attached to their respective scenes. But actually describing a scene? “Fuck you”, says my brain “You can sketch this out in 5 minutes tops OR bang your head on the table for an hour, trying to come up with the right words.There is no in between.” And so, all my attempts at shitting out a proper script were met by utter failure. I couldn’t continue like this.
So I thought, fuck it, I’m just gonna write a rough timeline and see where it takes me.
2. Draw the thumbnail.
Doesn’t have to be pretty or detailed. Its role is to give you a general idea how to transform your concept so it makes sense on paper, and how to arrange the elements so the page doesn’t end up cluttered and stuff.
Personally I consider this step the most difficult, as navigating the connection between the How It Looks In My Head and How Do I Get It Out Of My Head is pretty tricky. Thankfully, sketching teeny tiny thumbnails doesn’t take much time, so you can sketch as many as you want, until you’re either a) satisfied with the result and ready to continue your work, b) tired of this miserable mortal existence, in which case you need a break and a nice warm cup of tea or a refreshing punch to the face; whichever makes you feel alive again.
3. Create a new file in your drawing program of choice.
Seems obvious, but hey, if I say step by step then it’s step by step.
4. DO RECTANGLES.
With the rectangle tool (of course). Like this. You can reuse this setup in the next pages (like I did here), as long as you don’t plan on experimenting with more dynamic compositions.
5. Set the opacity to 40%, make a new layer and start sketching.
Use the thumbnail as reference, but don’t feel obligated to stick to it if you think changing some things would present your idea better.
I don’t put too much detail in my sketches (unless it’s something I’ve never drawn in my life), so usually I end up with something like this.
6. Set the current layer’s opacity to 40%.
Doesn’t have to be exactly 40%, you just need the sketch to be visible but not so it makes linearting difficult.
7. LINEART TIME, MOTHERFUCKERS.
On a new layer, ofc.
I draw panel edges by hand because I like how they look and also because I hate myself.
8. Continue until satisfied.
I really like when things poke out of their panels a little. It makes a nice illusion of… uh… something. Whatever.
Anyway, now’s the time for details. Have at it.
Sketch and lineart comparison.
PRO TIP: Pour a bucket of cold water over your head for every hour you spend on procrastinating. It helps a lot. Mrozna approves.
So, that’s my take on the subject! I hope it was an interesting bit of info for you guys.
Hello! I saw your morgana gifset and I was wondering how you made that glitch effect on the first and last one gifs? Could you tell me? :)
Sure! I’ll do my best to explain it though I’m really bad at that so bear with me XD
MINI GLITCH TUTORIAL:
Just to clarify, when I say frame I’m talking about the images in my animation panel, and when I say layer, I’m talking about the images in my layer panel.
So first, I decided what frame it is I want to have the glitch. For example, I’ll use this frame:
In my animation panel, I duplicate this frame. The duplicated frame is the one we’re going to edit. Make sure you have that selected, and then duplicate the layer that corresponds to that frame in your layer panel. Sorry if that’s super confusing, hopefully a visual helps:
So now we take that duplicated layer on top, and double click the layer so this box shows up:
In the advanced blending section where it says channels, uncheck the “R” box and then press ok.
Now you shift the layer image into a new position, wherever you think looks best, and it should look something like this after you move it:
As you can see I’ve shifted the top layer slightly up and to the left, with the original layer showing underneath:
You can stop there if you want, but I did this process again in another new frame, this time moving it slightly down and to the right:
And that’s basically it! You can also shift shapes instead of the whole duplicated image if you want a more glitch like effect. what you would do is use the square selection tool to make different sized rectangle selections (hold down shift to make several at once, you can do as many or as few as you want). then you’d press ctrl+T to transform and shift over just those rectangular selections. Ex:
And all together it should hopefully turn out something like this:
Also, a quick note, in this circumstance I had to turn off my black & white filter on just the glitch frames so the blue and red disturbances would show through.
(EDIT: For those of you having trouble with that duplicated layer covering the rest of your frames, The solution is to go to your first frame in the animation panel and have that selected, and then in your layer panel, turn off the layer you had duplicated that’s showing on every frame. It should turn it off for all of them and show the frames normal again. Then select the frame you have the glitch on and turn the layer back on. It should show normally now for just that part.)
Sorry, the-sky-was-mistaken, I hope this isnt too confusing. Let me know if you have more questions! :)
THIS WILL TEACH YOU HOW TO MAKE A PSD FOR YOUR RP ICONS OR GRAPHICS. I will personally just be showing you how to do it for an image that isn’t cropped or bordered. you will need photoshop for this, but you don’t have to be a pro! ( you can prob. find a download link online but be careful! ) the tutorial is below the cut! Its super flexible and easy and is a great way to spice up your aesthetic and visual mood for your writing threads or blog posts!
fren chum buddy pal senpi I gots another question about ur beautiful art♡ As I probably already said, I recently got Clip studio paint, and I was wondering how to do that effect with your lineart where it's like black, but with a [insert color here] outline? idk, it's confusing to say 😂
Hello!! I’m not sure what you mean? Do you mean how to make black lineart colored?
Basically you just lock the lineart layer opacity and color in it! This way the color doesnt go out of the lines but it colors the lines instead. You lock opacity by using this option:
This is very easy. If you want something to have an outline(?) you would use the layer property options panel (above the ‘layers’ panel and below the navigator) and hit this button:
This gives whatever you draw an outline (like the arrow; I’m drawing with white and used a red outline color)
hope this helps!! I’ll try to do better if this isn’t what you wanted!!
Under the cut, I’ll be teaching you how to make fake photosets (photo posts that look like photosets but only contain one image) on Photoshop with the use of transparency. I’ll be using Photoshop CS6 for this tutorial.
can you please tell us what u used for the panels because once i made a comic and literally took a comic panel png off of google to use
This “tutorial” is only for the users of sai that are too lazy (like me) to use something else
Alright…It’s really unprofessional but here goes nothing!
You’ll have to use this:
the selection tool.
On your canvas, you choose approximately what you want for a panel
Then you color it black with the “bucket” tool
After you made this, you copy the layer (go to layer and choose copy) and you turn this new layer white. Then with the transform system you reduce it until you can see the edges of your first black panel
Like this! It does look a bit like a panel now, doesn’t it?
After this you keep the selection on the white panel but you select the layer of black panel and use this:
It will erase all the black within the white panel, just leaving the edges! Then you delete the white panel and here you go!
Congratulation you have a clean panel to draw in! You can then copy paste the panel and change it with the transform tool to have several other panels
This is a really treacherous method to use if you can only use paint tool sai! For good and really clean panels you can use Mediabang paint Pro
Hi! Sorry if this is a lot to ask, but Would you mind explaining how you got that water color effect on the Jasper you did? I really love how it looks! <3
yeah absolutely!! Its actually super easy.
Step 1: either flatten your image, or put all of your layers in a folder (Lineart, coloring, shading, etc). I usually put everything into a folder to preserve the layers in case I want to edit things later.
Step 2: Find a watercolor texture/image that you are allowed to use, and put it on TOP of the folder with all of your layers. Adjust the size if needed. For the original Jasper drawing I used a watercolor PAPER texture, but you can use virtually anything.
Step 3: Adjust the contrast, color, and brightness of the texture. I always desaturate it, and then up the contrast and lower the brightness to make the texture more apparent.
Step 4: Go to your layer types (or blending mode) in your layers panel. Right now it should say “normal.” Instead, change it to Soft Light or Overlay, and then adjust the Opacity of the layer. You should get something like this:
Step 5: To get rid of all that gunk and leftover texture on the outside of the drawing, Clip the texture layer to the folder.
Step 6: At this point, you can move the texture around a little and do some final adjustments to the contrast, brightness, and hue.
And you’re FINISHED!
I hope this is helpful; I’m not very good at explaining things haha;;
hello, could you please explain to me how to put your animation textures on another gif? i tried to google it and follow some tutorials but i didn't work out. thank you if you do x
Hi anon! So after you have your anime/series/cartoon/etc gif converted to a smart object, open any of my overlays in a new file. It’ll look like this:
Then go to the little menu thingy near the bottom right and click on that then click Covert to Video Timeline. After doing that, go to the Layers panel and make those a Smart Object
Add any of your color adjustments if needed and group the adjustment with the smart object overlay (this can be done later if you want). Now to get the overlay to your gif, go to Layer > Duplicate Layer > and select the Photoshop file you have your gif in.
The overlay should now be on your gif where you can resize it and position it with the transform tools accordingly. Remember, your gif should already be a smart object before you transport the overlay onto it, not a frame animation. Hope that helped!