Featured at The Photoshop Daily

My short tutorial on making Photoshop comic bubbles somehow got linked at a website called “The Photoshop Daily”

tutorial get featured

The page used for the tutorial was from a comic by Rick Pipito from Script Comics called “Soul 4 Supper: Ghostly Hauntings” . I decided to tweet about it yesterday and now it shows up on that site. The page actually got a lot of visits before (well not like a lot lot – frequent I might say).  I guess the tutorial is useful or  often searched

Maybe I should tweet my other tutorial ….:D

How to Layout Your Comic in the Social Media age

*this is mean to be a note for my self based on my observation*

Juxtaposed pictorial and other images in deliberate sequence, intended to convey information and/or to produce an aesthetic response in the viewer – Scott Mccloud


No doubt the most popular social media these days and a powerful marketing tool. Facebook also opens a wide opportunity to digitally publish your comics. Be it trough a ‘Fan Page’ or through your personal account, comics can be published and updated on our own pace.

There are several approach to publish on Facebook

  1. Traditional approach

What I meant is treating each photo upload as a single comic page in a traditional (paper sense). Which can be a full comic page such as ‘Zenit – Eclipse’ from Facebook/Zenitcomics

ZENIT 4 HAL 05-01.jpgA couple of setback for this kind of layout is it relays heavily of user seeing it through a computer screen, rather than trough a small screen of a smartphone. Where readibility would be a problem, even on the computer, Facebook has limitiation in zooming in (depends on if you allow users to download hi-res images which is a extra job for the reader – not good practice IMO unless you are Jim Lee or Frank Miller).

Zenit try to cope with ‘detail’ loss with crossposting from free blog platform such as WordPress (http://komikarpetbiru.wordpress.com) where an adequate size of comic page is put for reader who can enjoy more details.

phone screen statitics
From PhotoArena.com


Although there based on the trends phone screen size are increasing, still readability size is still an issue which bring me to the second approach.

2. The Album

Well, I don’t really know the name for this approach, but as you can probably guess the approach uses the Facebook Album as ‘the page’ . One photo uploaded is considered as one panel of the comic.

One example is Su’od facebook/ceritanyasuod by Ogie Urvil from Komik Karpet Biru.

suod contoh by Ogie Urvil - Copy

So basically is you create an album which serves as your comic book, each page practically is a ‘splash page’. Readers navigate through the comic by clicking next. ‘Juxtaposed’ in Scott McCloud’s term not there in a virtual environment represented by a click on the arrow.

suod contoh by Ogie Urvil 2 - Copy
Page 1 ‘The Cover’

and click nect (By clicking the right side of the picture where usually an arrow appears),  which brings you to page 2 and so on.

suod contoh by Ogie Urvil 3

A more ‘extreme’ approach is probably by  Alisnaik from facebook/komikalisnaik

alisnaik contoh

a one panel comic, which is technically not ‘Juxtaposed’ with anything else but if we half the page with a comic gutter it can be considered as comic (I’m being insisting ‘lol’)

Going back to readability, comic artist played with the orientation in order to make the comic readable such as ‘Kostum’ at Facebook/kostumkomik by Haryadi Gee


Haryadi divided the page into two horizontally in a landscape orientation. Comic artist basically have the utter freedom to use whatever orientation, style (manga, four comma, two panels, europe, american) to publish their comic digitally where as before this is more dictated by the printing/publisher. This digital medium also gives a lot freedom on how much they are going to publish and how often.

next i’m going to talk about other comic layout is other social media ….(to be continued)

All comics are published in Indonesian (apologize non Indonesian readers) but at least you might grab the concept.

All comics are © of their respective creators.



[Tutorial] Making a superimposed book cover


Level: Intermediate

Upon somebody’s request, I have made this step by step tutorial for Photoshop. Superimposing is a regular technique that can be applied on anything. You might have seen the crappy super imposing somebody’s face to a celebrity body or some random person.

To be able to do this you must have good understanding of layers and their behavior, know how to use layer mask etc. If not learn them first then come back :D. I’m going to super impose a book cover that sits on a reflective surface.

1. First I googled for free white book covers. I found this one on PSDgraphics.com Make sure you get a hi-res/good pixel picture. You can also take your own picture and prepare it for this.


2. Change the background layer to layer 0 by double clicking it proceed with cleaning the background and getting  rid of the shadows. Save the file as a PSD.


3. Choose the picture you want to super impose. In this example I’m using a book cover I’ve made for Mozaik Indie Publishing.


Of course I have to crop the picture since we only need the front cover.


We need also the reflection of the book so save another copy and then rotate it.  Edit -> Transform -> Flip Horizontal.

4. Copy the book cover and the flipped one into the empty book PSD file. You can do that by using place or copy layer or just click and drag the picture into main file.



5. Hide the flipped book cover and put the front book cover right on top of the white book cover. Click between the front cover layer and the white book layer to make the front cover a layer mask.


adjust the position of the front cover by moving it around. Use the  Edit->Transform->Distort to align the book cover to the white one.


Distort until you are happy  and repeat the steps with the reflection of the book. Remember put the reflection layer under the main/white book layer, make sure you make a copy of the white book layer to go with the cover reflection.


Use add layer mask, and gradient fill the reflection to give a fading effect.


and now you have your book on a reflective surface.


Or you can play around with the background


Enjoy playing around with it. 😀

[Tutorial] Making Speech Bubbles in Photoshop

In this short tutorial I’m trying to explain how to make dialog comic balloons in Photoshop. This is not a basic Photoshop tutorial, as you must be familiar with the pen tool and layers. Dialog balloons are usually already positioned when doing story board or your initial sketches.( It helps a lot from keeping your panel become overcrowded with balloons). If you are  sure about your balloon placements then you can ink them straight away. I think adding the balloons later on makes my comic look neater and I can always change the balloons afterwards.

I’m using a panel from a Work In Progres comic by Rick Pipito from Scrypt Comics.

Continue reading “[Tutorial] Making Speech Bubbles in Photoshop”