Category Archives: 2D

Ramblings, Tips and Tricks around 2D drawing apps such as Photoshop, Manga Studio, SketchBook and the likes.

How to create a drape effect in Photoshop

It’s easy to create an effect of draped cloth in Photoshop, like in the image above. We can do this with the Gradient Tool. It’s the icon with an actual gradient on it, sometimes hiding behind the Paint Bucket or 3D Material Drop tool (if you don’t see it, left-click and hold for about one second for the multiple icons to appear, or press the keyboard shortcut G repeatedly).

Once selected, choose Difference as the mixing mode at the top left of the screen, and make sure that the colours are set to back and white (other colours can give “very creative” effects shall we say).

Now start moving your cursor in short strokes from left to right, then right to left. Every time you change direction, the image is inverted. Add a diagonal stroke in every so often. You’ll create magnificent drape effects in no time!





How to export 4k video with Premiere Pro CS 5.5

I’ve finally worked out how to export 4k and 2.7k footage with my 6 year old version of Premiere Pro. That’s exciting news and gives the software a new lease on life!

With the standard export presets, tweaked to a resolution higher than 1920×1080, I’ve always encountered the following error message:

Invalid framesize/framerate for this Level. Please lower the Frame Dimensions, Frame Rate or increase the Profile and Level and try again.

Turns out Premiere has actually given me the answer to my problem right there in that error message, I just never really read beyond “lower the frame dimensions”.

Let me show you how to overcome this 1080p limitation in Premiere Pro CS 5.5 and export hi-res video without a hitch.

Continue reading How to export 4k video with Premiere Pro CS 5.5





How to combine an Image Sequence into a video file with Blender

Did you know that Blender has a built-in video editor? We can use that to turn an image sequence into a movie file. I’ve described how to do this Photoshop here, but I thought it would be fun to try the same thing in Blender.

Here’s how to do it: Continue reading How to combine an Image Sequence into a video file with Blender





How to combine a 3D render with a background image in Photoshop

In this video I’ll show you how to render an image in DAZ Studio and compose it onto a background image in Photoshop.

We’ll use the Shader Mixer and a Shadow Catcher in DAZ Studio to make the figure cast a shadow but be otherwise transparent. In Photoshop we’ll add artificial depth of field to an arbitrary background picture using Smart Objects, and I’ll introduce some techniques to blend both images together for extra realism (all non-destructively).

The final picture is going to look like this (featuring the 3D Universe Toon Crab and a new lifeguard tower in my neighbourhood). composite

The whole video is nearly 40mins long, so grab a cup of tea and enjoy.





How to render an image sequence as video in Photoshop

Up until now I had always used Premiere Pro to assemble image sequences of a rendered animation.

I’m still using Premiere Pro CS 5.5 and I’m not currently subscribing to the whole Creative Cloud package. As such, my version of Premiere is stuck somewhere in the past, when 4K was barely an idea, and 1080p was the highest result you would ever need.

The trouble is, I was working on an animation whose resolution was larger than 1920×1080. While Premiere Pro CS 5.5 can handle this and higher resolutions for editing, there doesn’t seem a way to export it at anything above 1920×1080.

My editing needs were moderate at best: assemble 250 frames, repeat those several times, and add a fade to black either end. Which application would be capable of doing this swiftly and efficiently, I wondered?

Photoshop CC can do it! Would you believe it? Here’s how.

Continue reading How to render an image sequence as video in Photoshop





How to create a brush from an image in Manga Studio

screen-shot-2016-10-09-at-15-00-57Manga Studio (or Clip Studio Paint as it’s now called) has a very versatile brush engine. We can customise our own brushes too, so that we can “paint” with our own images – just like the ones above, all of which come with the app.

The process is less than intuitive, but once you’ve done it a couple of times it grows on you. I tend to forget how these things work pretty much instantly, so here are some notes on how to create a brush from a seamless tiled image in Manga Studio.

Continue reading How to create a brush from an image in Manga Studio





How to use the Seletion Brush in Photoshop

screen-shot-2016-10-09-at-14-31-03Manga Studio has a really nice feature that I have been looking for in Photoshop for some time: a Selection Brush.

In addition to the usual lasso, marquee and Magic Wand tools, there is a way to simply paint over a part of your image, which then becomes part of (or reduces) the current selection.

Turns out this feature (and then some) is part of Photoshop too – it’s just not called a Selection Brush. Although from what I understand, there is such a feature in Photoshop Elements (a different product entirely).

In Photoshop, this tool is called the Quick Mask feature. It’s dead simple and extremely versatile. What’s not to like? Here’s how to use it:

  • either, head over to Select – Edit in Quick Mask Mode
  • or simply hit the keyboard shortcut Q to toggle the feature on or off

Continue reading How to use the Seletion Brush in Photoshop





How to get rid of that scary blue line in Photoshop

screen-shot-2016-10-06-at-11-08-37I was doodling away in Photoshop, one hand on the keyboard and the other using my Wacom pen, when out of a sudden this crazy cyan blue line appeared right across my canvas. Super annoying!

My Intuos tablet has a mind of its own sometimes, selecting things that I don’t want, and perhaps this was one of those occasions. Or perhaps I had accidentally hit one of the gazillion keyboard shortcuts that does something I didn’t even know Photoshop could do. Who knows.

Either way, I had an ultra annoying line across my document, and there didn’t seem to be a way to get rid of it. Here’s what it looked like:screen-shot-2016-10-06-at-10-50-08

 

Moving the document also moves the line, so it had to be something that could be turned off. But how?

Continue reading How to get rid of that scary blue line in Photoshop





How to open multiple images as layers in Photoshop

Photoshop CC splashDid you know there is a way to open several images in the same document as layers in Photoshop?

It’s a real timesaver if you have several renders that all need to be composited onto the same background for postwork.

It’s really easy to do:

  • open Photoshop (duh!)
  • head over to Scripts – Add Files to Stack
  • browse for several images, or choose a whole folder, or choose any open images you have
  • hit OK and let Photoshop go to work

When it’s done you’ll have all images open in the same document, stacked on top of each other in a new layer. Thanks to Julianne Kost for this valuable tip!