#then moved the thing around with touchpad thingy

[emuwarum]

first time I've made something on my laptop in a while!

[willczek-art]

[Edit] Added version of the sketch with pale digital base colours (thank you SAI, thank you touchpad, it’s 2am, ‘night guys xD]

Anyone else feels like I’ve been posting too much of ‘good art’ as of recently? Mee too, let’s go back to my roots and post some sh!t doodles, shall we? :v

Just kidding, I mean I am still posting just some sh!t doodles, but for a different reason, an idea saver, I guess? Because I just can’t get this sketch right, stupid arms man!, so... I guess I’ll just have to come back to it later, redraw the thing orr move on... Anyway! I was just wondering what would've happened if Connor 'connected' to Rhys's LED port-thingie (I have no idea how to call it, help? xD), I guess he would be able to see Jack then, right? There's a better answer to that: What if he accidentally gets Jack transferred to his consciousness? Would he be in the Zen garden fighting Amanda or just take control over Connor right then and there? I mean he did control Rhys's arm, so if Connor is a machine he could technically do that, right? Anyway, just some thoughts, I really do love this crossover, I wish I could find more art around, heh! xD

(if you wonder why the first sketch has weird lines in place where there should not be lines - it’s edited in SAI a bit, fixing anatomy/proportions/stuff to make it better, which for once didn’t help xD I’m actually thinking about trying to ‘finish’ it in digital, but...  Yeah, we will see xD)

[sectumsemphra]

character posters tutorial

Hii people! It’s me Ash. I’ve been getting questions about the character posters lately, and I remember I may have promised to write a tutorial about it once. So.... on this very early Monday morning, I think I want to give it a try. ‘Try’ being the keyword ‘cause I’m going to be honest that I’m rubbish on explaining things. Feel free to hit me up if you’re confused. Nonetheless, I hope this could help you in some way! 🌹🌹🌹 

WHAT YOU’LL NEED:

Pictures for the posters

Adobe Photoshop (I use CS5)

Basic knowledge of PS maybe

Patience

Check the end of the post to see the result.

HOW TO MAKE DOODLE CHARACTER POSTER(S):

1. Start your Adobe Photoshop and open the picture you want to use for the poster. For this occasion, I used this picture:

Original picture is the one on the left and I cropped it to 300px x 400px so it looks like the one on the right.

2. Prepare the brush. Use default brush, set it to 3px with hardness level 100%.

By the way, you can change the colour of the brush to match the picture’s colour scheme. Like, for example, dark yellow brush for black & white pictures, etc. But for my posters, I mostly use white.

3. Alright. Now I have the brush set and the picture is already opened on my workspace. The next thing is to draw the doodles. So I make another layer for it (shortcut: Shift+CTRL+N).

4. Basically you just draw the doodles on that layer. You can follow the shape of the subject’s clothes, hairline, or draw a whole new set of original doodles. I’m gonna make both type for this one. First, I trace the shape of the subject’s clothes in this pic. It looks like this:

For the precision, I zoom-in the picture. Then move the brush using the touchpad/mouse. After I’m done with the first doodle, I make another layer and start a new doodle on it, still following the clothes shape.

By the end of this step, I have two new layers; both are the doodles for the subject’s clothes.

5. Next step, let’s make it move!

Go to the Window tab on the top bar of your Adobe Photoshop and select Animation.

6. Your workspace will look like this:

See that Animation tab on the bottom of the screen? It is set in Frames view. If yours looks different (set in Timelines), all you need to do is click the tiny icon on the bottom right of Animation tab. It has three little boxes and if you hover your cursor to it, it will say ‘Convert to Frames Animation’ or something.

7. Okay. Now you have two layers of doodles. I don’t know how to explain this, but that means you also need two frames, so each doodle can have its own frame. Just click the frame, and click this icon to duplicate it.

By the end of this step, you have two frames under your Animation tab.

8. Next, click on the first frame. Look at the Layers tab and click the empty box beside Layer 1 (a.k.a 1st doodle) to make it visible. Then you click the second frame and do the same with the empty box of Layer 2 (a.k.a 2nd doodle).

Layer 1 has to be invisible on your second frame, or else it will look messed up when you start the animation.

Also note that any change you do on the first frame will affect the rest of the frames, but not the otherwise. It means, if you make Layer 1 visible on the first frame, it will also be visible on the 2nd, 3rd, 4th, etc. But if you make the Layer 2 visible on the second frame, it won’t be visible on the first frame.

TL;DR - after you click the second frame, untick the box beside Layer 1 to make it invisible in second frame.

9. Now, change the time delay because 10 seconds is just too goddamn long. Hold the shift button and click the unselected frame. Then click that black tiny arrow.

For this kind of doodle, I usually change it to 0.3 seconds.

Oh, also don’t forget to change the loop setting. Simply click the ‘Once’ thing you see there and change it to ‘Forever’.

10. By this step, your doodle gif will look like this:

11. But I feel it’s still too empty. Even if you put the text above the subject’s head, there’s still plenty of space to put something. How about we make another set of doodles? I feel like making this:

How to make it move?

12. Create new layer and draw four little lines on it. For this one, I want the animation where they appear one by one.

So I duplicate the layer (Layer 3) three times, hence there are four of them. (I renamed them to: Layer 3-1, Layer 3-2, Layer 3-3, and Layer 3-4).

On Layer 3-1, I erased three other lines.

On Layer 3-2, I erased two other lines.

On Layer 3-3-, I erased only one last line.

On Layer 3-4, the lines are complete.

Just like I said with the clothes doodle, if you have four layers, that means you need four frames.

(Note: I actually wanted to make it 5 frames, so the doodle lines thingy will disappear for a moment before reappearing again from the start. But there are only two clothes doodles and it just doesn’t flow nicely when one doodle has more frames than the other.)

(Note again: OR you can change it to only three lines and problem’s solved. Just think about this now, sorry.)

With some changes on the layers, now you need to recheck your frames.

Start from the first frame, make sure nothing else is visible other than the Layer 1 (first clothes doodle) and Layer 3-1 (first lines-doodle).

With the second frame, it’s only Layer 2 (second clothes doodle) and Layer 3-2 (second lines-doodle).

With the third frame, back to Layer 1 (first clothes doodle) and Layer 3-3 (third lines-doodle).

And so on.

(Note: For the four-lines doodles, you can also make them on separate layers. That means each layer only has one line. So the animation process will be like: First frame (first layer visible), second frame (first and second layer visible), third frame (first, second, and third layer visible), etc. That way you don’t have to bother making sure the the first layer of lines doodle isn’t visible on the following frames. Why I just think about this now ARGH. Okay, moving on.)

13. So far, the gif will look like this:

14. Next, to make the pic looks more ~aesthetic~, we need to do some adjustments.

For this one, I simply played around with Gradient Map and Selective Color (check the Adjustment tab on the right side of the screen). But if you want, you can put some PSD to the picture. @completeresources  @chaoticresources and @itsphotoshop have so many graphic PSDs you can try.

How to use them? Just open the PSD and drag the group (little folder icon) onto your picture. Make sure to position it above the pic’s layer and under the doodles layers.

15. Okay, one last thing to do: put the text on the picture. Click this thing and type anything you want.

Erm.

(Predictable.)

For my edit, I mostly use font Montserrat. With some customized settings and all that (Check the Character tab above the Adjustment tab).

16. Save it in GIF format:

17. Don’t forget that the Looping Options has to be set to ‘Forever’ or else your gif will freeze after the first loop.

Click ‘Save’ and it’s done! :)

THE RESULT:

Ok. The first pic’s done, then you just need to repeat the process for the others. That’s it! I hope it helps and good luck! x