Thanks to visit codestin.com
Credit goes to www.scribd.com

0% found this document useful (0 votes)
92 views80 pages

Gemelli Typesetting Guide

Uploaded by

nei940807
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
92 views80 pages

Gemelli Typesetting Guide

Uploaded by

nei940807
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 80

Made by Gemelli TS teachers <3

Gelli’s extok
Typesetting (TS)

Join Gemelli:
discord.gg/KQjamQY
fluff

Preface
Thank you for clicking on this link. While this "textbook" was made for the trainees of our own
group, we hope this guide can provide some insight into general typesetting expectations.

Before you read:


Start with Anon Black's Typesetting Guides (Mangadex), then consider checking out RHS
Comprehensive Typesetting Guide is also helpful for learning the rules of typesetting manga!

Some more guides I'd recommend checking out include Typesetting Tips, Blambot Lettering
Tips, and Comicraft's Dos and Dont's.

This textbook is part of the Gemelli Textbook Series.


Our other textbooks include:

- Gemelli's CLRD Textbook


Table of Contents
❖ Introduction ❖ Intermission

❖ Unit 0 - Basics ❖ Unit 4 - SFX


➢ Beginning ➢ SFX Overview
➢ Character Panel ➢ SFX Font Choosing
➢ Paragraph Panel ➢ SFX Effects
➢ Point Text vs Paragraph Text ➢ Baseline Shift
➢ Following the Font Guide ➢ Warping
❖ Unit 1 - Shaping ➢ Blur / Motion Blur
➢ Lining ➢ Weird SFX Recreations in Photoshop
➢ Tackling the Hourglass/Pyramid ➢ Using CSP for SFX
➢ Hyphenating ❖ Unit 5 - Other
➢ Good/Bad Shaping Examples ➢ Layer Masking
➢ Other Tips ➢ The Crossbar “I”
❖ Unit 2 - Sizing ➢ Perspective Matching
➢ Goldilocks Sizing ❖ FAQ
➢ Good/Bad Sizing Examples
❖ Unit 3 - Centering
➢ Optical Centering
I recommend reading through the whole thing your first time. This page is
➢ Centering Methods only here for when you wanna skip to something specific later on!
➢ Other Tips
Womp

Introduction

So you want to learn how to typeset?


Here are some basics to get you started: What resources do I need?

What is a typesetter? The very first thing you need is a computer and
a mouse. It is very hard to typeset and edit on
A typesetter is a role in scanlation, any other devices. Second, you need to
their main job is to place the proofread text download photoshop. No need to buy or use
onto the cleaned version of the comic. your money, we have many links to free and
cracked photoshop.
Typesetting goes into much, much
more depth. Over these pages, you That’s about it for now, also you might need a
will get to know many terms that will lot of space on your computer for fonts and
definitely be used again in the future! downloads.
Womp

Introduction (cont.)
The duplicated layer
Start off with some basics: For people new to
scanlation or new to typesetting. The background layer

First the cleans. Most of the time, they’re in 2 *The eye tool, to hide
layers. It is put this way so that you, the or unhide a layer.
Typesetter, know where to put text
and other things. Viewing the raws is vital for *SFX Examples:
SFX and many other details. This works by
clicking the eye icon next to the highest layer.

*SFX is an abbreviation for sound effects.


Usually words such as “Whoosh, Thump, Bang”
and other onomatopoeias are SFX. These SFX
can be colorful or have special effects that the
original file (raw) has.
0. The Basics
(MUST READ)
Womp/fluff

Unit 0 - Character Panel


When typesetting, the one thing readers see is
your CHARACTERS (aka font, bold/not bold,
spaces between lines and letters).

Thus, one of the most important panels used in


typesetting is the character panel. Open it by
going to Windows > Character.

It is the default settings to the appearance of


your text. The picture on the side demonstrates
the character panel and its’ settings.

Looks like this ->

Make sure to always have it open!


fluff

Unit 0 - Character Panel


Now to learn some vocabulary!

Tracking
The space between characters.

Leading
The space between lines. Auto
Leading means photoshop handles
the leading based on a percentage.

Kerning
The overlapped space between
characters.

Anti-aliasing:
How the edges are dealt with.
womp

Unit 0 - Fi
What is Fi? Should you leave this button
on? Fi is the acronym for ligatures, and
its main uses are for double letters and
crossbars. (see sl. 76. fluff)

The crossbar will be be on when Fi is


selected. It is also a great tool for
automatically getting the correct
crossbars. However!! Fi does not work for all fonts, it is
exclusive to developed fonts and/or OpenType.
Double letters have a slight change in
difference when Fi is ON! Ligatures is
the combining of letters.

You should leave it on depending on if


the group would like crossbars or not.
Although it’s correct to leave them on,
Fi on Fi off
they can also mess with the variation of
double letters.
fluff

Unit 0 - Character Panel


Things to note (in Gemelli):
By d
chara efault, you - Use (Auto) Leading.
cter p r
a
look li nel should - Use Optical Kerning.
ke thi
s!
- Use Smooth Anti-aliasing (for the most
part)*
- Sharp Anti-aliasing looks better for
for realllly small font sizes)
- Use the basic values 0 or 100% for
everything else.

There’s an action in the drive that resets the


text to:
- Optical kerning, turn off all caps, turn off
fi, anti alias to smooth, tracking to 0, and
text width to 100%
fluff

Unit 0 - Point Text vs Paragraph Text


Now let us get into how to use the text tool <shortcut: t>. You'll be using this tool the most!
The text tool in Photoshop has two different ways to create/format text: paragraph and point text.
If you’re completely new to typesetting, please start out by using point text.

You'll soon find that it takes longer to typeset using point text, however, point text really teaches you
how to shape well (will be discussed in the next section). Only transition to using paragraph text
when you've gotten a good grasp on understanding shaping ^^

Paragraph Text: Click + Drag. Point Text: Click,


and start typing.
PARAGRAPH TEXT

POINT TEXT
fluff

Unit 0 - Point Text vs Paragraph Text


If you're using point text, remember
to DELETE EXTRA SPACES. What does
- make sure to 'backspace' (delete the space)
this mean?
before hitting enter. If you did it correctly, all
- When you copy the text from the the lines will be centered,, if not,,, yikes
script, and paste into photoshop,
you'll start with a line:
Good
BAD!! ^^
!!

- And then you have to use more


lines to fit it in the bubble, so you
will find a place to break the line.
fluff

Unit 0 - Paragraph Panel


Your paragraph panel looks like this ->

You don’t have to always have it open. You only need it


when you switch your align (red) or your Auto Leading.

If your Font Guide says `Auto Leading: 100%`,


then you’ll need to adjust it in Justification.

Go to justification here
And this panel should pop up:

By default (in Gemelli), if we don’t


mention a specific percentage for auto-
leading, then it’s 120%.
fluff

Unit 0 - Paragraph Panel


So what does auto-leading do anyways?
Well, first of all, auto leading is when leading
is (auto)matically determined by photoshop.
It makes the leading consistent no matter
your font size!!!

While 120% Auto Leading is


good for most fonts, sometimes
it doesn't work and that's why
we (at Gemelli) choose to mess
around with it ^^
Do not manually
Reminder that your typesetting adjust your leading for
looks bad for certain fonts if every single bubble...
do this instead~
you don't adjust this value.
fluff

Unit 0 - Following the Font Guide


Font Guide - A list of fonts and what they
are used for. This is to maintain consistency
Example of a Gemelli Font Guide
between chapters and between typesetters.

Make sure to follow the font guide exactly.

This means, no CCTimSaleW00 where it says


CCTimSale (W00 is not the same font). Here is
the Scan School Font Dump which contains a
lot of official CC and BB font files. Still can't find
the og font file? Ask, and we'll drop you a copy.

*** Always try to get fonts from the original file.


fonts with modified names always cause big
headaches for your QC if they didn't download
the same font file you did.
fluff

Unit 0 - Creating Your Own Font Guide


Creating your own font guide?
BAD!!
That usually needs some previous !!

experience in typesetting, however


you can start by matching what the auto-leading
raw font looks like NO GOs for your here needs to
bubble font: be fixed too

- no anime ace (looks bad)


- no manga temple (i will cry)
- no comic sans
- no normal fonts like arial

Sometimes the 'genre' and 'art style'


affect which fonts look better as well.
^ great font
suggestions
from QSS
I. Shaping
Womp/fluff

Unit 1 - Lining
Bad Shaping
Bad Shaping is one of the most recognizable mistakes if you
Example
do it wrong.

Shaping / Lining refers to the shape of your text in the


bubble.

Usually, the most common shape is the circle or oval, or


ellipses.
Good Shaping Example
Some basic rules for lining are:

1. The top and bottom line should not be larger than the
middle
2. The number of words between each line should be
similar
3. Hyphenate to improve shape, but don't hyphenate
names.
Womp/fluff

Unit 1 - Lining
Good shaping (lining) is usually round
(yes, even in a box).
Ehhh?
Generally you want to match the lining of the
text to the shape of the bubble/ narration box.

Take a look at this bubble ->

You can see in this one, the middle


line is way too long, when typesetting
you should experiment with your text
to make it look good.
Lili/fluff

Unit 1 - Hourglass / Pyramid


When we criticize the shaping
of a bubble, we often point out
hourglasses and pyramids. Hourglass?! (ew) Fixed Shaping issue :)

An Hourglass is when there’s:

A long line, then


a short line,
then a longer line.

Example 1:

Fix the Hourglass ->


Lili/fluff

Unit 1 - Hourglass / Pyramid


When we criticize the shaping
of a bubble, we often point out Bad Pyramid shaping (ew)
hourglasses and pyramids.

An Pyramid is when there’s:

A short line,
then a longer line,
Fixed Shaping issue :)
then the longest line.

(And could be upside down too.)

Example 2:

Fix the Pyramid ->


Lili

Unit 1 - Hyphenating
Has Hourglass (ew)
In order to avoid hourglass text you
can:
Fixed Shaping issue :)
- Make the text smaller
- Use hyphens*
- And just play around with the
lining
- we hyphenate by syllables*

*When using hyphens, check where you


hyphenate a word with a hyphenation
website like Hyphenation24.

*Also, MAX 1 hyphen per bubble (in


Manhwas and Manhuas). Mangas…
more hyphens are fine.
Womp/fluff

Unit 1 - Good/Bad Examples


Bad stuff (don’t do this)

Bad shaping (could be round)


Sis no

Good shaping but Wrongly Hyphenated...


fluff

Unit 1 - Good/Bad Examples


Good stuff MHMMMM

Good shaping :) Matching the bubble shape :)

Nicely Shaped :)
fluff

Unit 1 - Punctuation
if I see one more twitter BAD!!
!!
translators putting
punctuation on its own
line, I'm going to flip

(jkjk,, it's not that bad,,


just... doesn't read well)

Good
^^
fluff

Unit 1 - Other Tips


Other tips:

- When the shape only has 2 lines, generally keep the


first line shorter.
- When TSing Manga, you can sacrifice a line or two to
a smol hourglass to preserve readability.
- Change line horizontal width and tracking a little ^^
- You can reword bubbles to make your TS fit better,
though be sure to check with your translator for any
possible meaning changes!

How to improve shaping quickly:

- More practice. * Slaps my non-existent thighs *


- See #typeset-practice channel in the Scan School
discord :shy:
fluff

Unit 1 - Visual Summary


If you can get a round shape, go for the Which one looks better? 1, 2, or 3?
round shape. It looks best!
II. Sizing
fluff

Unit 2 - Goldilocks Sizing


Take into account the white space of the bubble.
Zoom out ("step back") when assessing sizing.

If the bubble looks empty, make your text a bit


bigger.

Example of text too small


You want to make the text size bigger especially
if it’s a shout, because shouts are LOUD.

If your text is practically touching the sides of


the bubble, make it smaller.

Example of text too big


fluff

Unit 2 - Good/Bad Examples


Here’s some examples to drill what bad sizing is:

Too Big
A Bit Small

Too Small
fluff

Unit 2 - Good/Bad Examples


Here’s some examples to drill what good sizing is:

Just Right
Just Right Just Right
fluff

Unit 2 - Connected Bubbles


Sometimes you have to take into Around the Same
consideration the size of surrounding
text when sizing.

i.e. with connected bubbles, try to keep Feeling Separated...


the text size around the same pt
UNLESS there's a big difference
present in the raws. Otherwise, the
change feels super jarring and
disrupts the flow of reading.

It's always good practice to zoom out


and scroll through your typeset like an
average reader would to notice any
jarring size changes.
III. Centering
Lili/fluff

Unit 3 - Optical Centering


Optical Center means location in the
bubble that seems “Center” to our eyes.
Unlike the absolute center, there’s no way to
just rely on the computer.

Some useful tricks are:

- holding ctrl while hovering over the


text (point text method)
- drag the box to both sides of the
bubble (horizontally) and eye ball
vertically (textbox method)

Disregard the values that pop up.


Trust your eyes ^^
fluff

Unit 3 - Optical Centering

A large part of centering comes


from understanding the padding:
the space between the text and
the edges of the bubble.
fluff

Unit 3 - Centering Techniques

Center using Photoshop's move


tool (v) -> top bar.

NOTE: This method only works for


point text.
fluff

Unit 3 - Centering Techniques


Photoshop Action:

Since Gemelli Academy


shut down, click here to
access our actions.

Make sure to read the '#


Instructions' document
first!!!
fluff

Unit 3 - Centering Techniques


Just eye it:

Point Text

Point Text: Hold CTRL w/ the move tool, and just


eye the spaces around the text. Nudge around
Paragraph Text (arrow keys) until it looks right!

Paragraph Text: Drag side handles to the side of


the bubble, and nudge up and down (up and
down arrows) until it looks right!
IV. SFX
(Sound Effects)
Womp/fluff

Unit 4 - SFX Overview


Referenced from Page 4*

SFX are sounds effects, usually put in


different fonts, effects, and many more.

Why are these effects important? When


typesetting you must follow the raw file. If
the raw file has that effect, your SFX must
have it too. (Fonts, Blur, Stroke, Different
colors, etc.)

In these next few panels, you will learn the


effects and how to make them. As well as
some other key important details.
fluff

Unit 4 - SFX Font Choosing


When choosing fonts to use for your SFX, SFX in RAW
look at the raw and take inspiration from
how the raw does it.

NOTE: Do not solely base your SFX choices


off the raw though, because the raw
language is different than English, and so
the raw language has fonts English can’t
have and English has creative fonts that SFX Typesetted
the raw language can’t have.

Here’s an example of picking


a font based off of the raw -->
fluff

Unit 4 - SFX Font Choosing


For most sfx, you want to choose a font that
matches the feel / sound of the sfx itself.
This means, if the sfx you TS is “Kick”, your
font choice can make that “Kick” into:

1. A cute lil baby kick (aww)

1. A Kick in the shin (ouchie)

1. AND AN EFFING KICK (oof)


fluff

Unit 4 - SFX Font Choosing


Just follow your natural instinct
when choosing fonts,, there’s no
right or wrong answer

However,

- using speech fonts as SFX is a


big nono (Ex. Digital Strip)
- Over using the same font over
and over/ overused fonts (Ex.
Trash Hand)
Lili

Unit 4 - SFX Font Choosing


Generally:

- Sad / Nervous SFX = messy fonts


- Angry/ mad = horror themed fonts
- Happy/cute/dazzling = cute
calligraphy fonts

But there are many other types of fonts


that can have the same effect, you just
gotta explore

Tip: Find and test new fonts! Don’t just


find one font for each mood and use it
over and over, it’ll be boring
fluff

Unit 4 - SFX Font Choosing


SFX Font Choosing Example 1

Looking at this SFX, I can easily match the


raw with my sfx.

But hold on, that doesn’t really reflect the


sound of “Slightly” does it?

The sound of “slightly” is soft-ish as you’re


doing it pretty lightly. Because of this, a
pencil/handwritten font would work best.

Too messy, hard to read.


Too thick, not “light”.
Perfect!
Lili/fluff

Unit 4 - SFX Font Choosing


SFX Font Choosing Example 2

Don’t overuse fonts.

All SFX on this panel contains


same font: big Nono

Try some other fonts that get the


feeling behind these words!

- Sob -> Sad, handwritten


- Thud -> Angry, messy
fluff

Unit 4 - SFX Effects


Adding Stroke
There are 2 ways to add effects:

1. Double click the text layer in your layers


panel and the `Layer Style` pop up should
appear. You can select “stroke” there.
2. Make sure you’re on the right text layer,
and click the fx and select Stroke.

Afterwards, in that menu, edit:

- Stroke Size
- Opacity
- Colour, etc

To match the raw!


fluff

Unit 4 - SFX Effects


Adding Gradient

Add a gradient effect by adding a


gradient overlay.

In the menu, you can change:

- Opacity
- Gradient (next slide)
- Style
- Angle
- Scale

Just play around with these


numbers until it’s satisfactory.
fluff

Unit 4 - SFX Effects


Adding Gradient

How to edit Gradient:

- Click on the gradient and the


gradient editor should show
up
- Click on the “stops”
and you can sample colours
right from the raw using (it
automatically switches to the
eyedropper tool)
fluff

Unit 4 - SFX Effects


Adding Effects: Drop Shadow, Inner/Outer Glow, Pattern

Double click the text layer in your layers panel and the
`Layer Style` pop up should appear. You can pick and edit
your effects there. Play around with them~
fluff

Unit 4 - SFX Effects


Clipping Fancy Effects The pattern
Typeset Created on a
Let’s walk through an example Raw! The Letters! New layer!
of how to use clipping to add
fancy effects to your TS.

Check out Kyle's brush sets for


unique effects & textures to
re-create patterns with~

Downloads can be found here:


https://quicksandscans.wordpr
ess.com/resources/
fluff

Unit 4 - SFX Effects


Looks like:
Clipping Fancy Effects

Here’s the layers:

- The pattern on top


- The rest of the letters w/
stroke below in a folder

Now create a clipping mask by:

- Right clicking and `Create


Clipping Mask`
- Hold alt and click below
the pattern layer
fluff

Unit 4 - SFX Effects


Clipping Fancy Effects

What Clipping does is basically


cuts off everything that’s not
on the layer you clipped to.

Here’s a few examples of cool


clipped effects :)

If it’s clipped, it’ll have the


arrow like this:
song

Unit 4 - Adding Patterns


Adding patterns/screentones

When you have a pattern or screentone on


your text, you need to Create a Pattern first.
Then, you have two options:

1. Create a new layer above and use the


Pattern Stamp Tool to brush over the
area. Clip it to the text.
2. Go to Blending Options and fill using
the pattern you created.
luke/song

Unit 4 - Adding Patterns


How to make your own pattern (mostly for screentones but useful for other things :p)
1.) Use you rectangular marquee tool

2.) Select the pattern you want to copy


3.) Go to Edit > Define Pattern then click OK.
luke/song

Unit 4 - Adding Patterns


Pattern Stamp Tool
1. Use the Pattern Stamp Tool and select a pattern (the screentone you made. Refer to the
previous slide) from the dropdown in the top bar.
2. Now the Pattern Stamp Tool acts like the brush tool kind of, so you can just brush the
pattern over. Make sure to cover the entirety of the text.
3. Clip it to the text (refer to Clipping Fancy Effects). Make sure to link it to the text, so if you
move the text, it still remains on top of the text.
song

Unit 4 - Adding Patterns


Adding patterns/screentones

Double click the text layer in your layers


panel and the `Layer Style` pop up should
appear.

Click on Pattern Overlay and select the


pattern you’ve created in the dropdown
box. You can adjust the angle, scale, etc.
Click OK when you’re done!
fluff

Unit 4 - Baseline Shift


Using Baseline Shift is a really good way
to make sfx match the raw better
WITHOUT USING VERTICAL TEXT.

(This is also a better way to make your


sfx spicy without having to place every
character separately.)

How to:

- Highlight the letter or word or


whatever that you want to
baseline shift
- Adjust the baseline shift (you
can hold and drag to quickly
adjust the baseline shift :)
fluff

Unit 4 - Warping
This one
How to add:

- Be on the text tool <t>


and click the
- Right click the text and
select `warp text`

Just play around with this!


Don’t rely too much on it Delete if i won’t get sent to jail
though!

I mostly see warp in NSFW


works because you want to
spice up the moans somehow
while using the same font
fluff

Unit 4 - Blur / Motion Blur


How to add blur / motion blur:

- Filter > Blur > Motion Blur

Now a note: Since a blur is a type of “Filter”,


Photoshop will ask you to `Rasterize`.

You can:

1. Make a copy of the layer, then apply


the effect+rasterize
2. Convert layer to `smart object` then
rasterize
Gaussian Blur =
Normal Blur
Do NOT rasterize without making a copy
first.
fluff

Unit 4 - Weird SFX Recreation

If you typeset certain comic series, you may


run into these SFX that use weird brush
effects. How do we recreate this in English?
The best answer to that is to use Clip
Studio Paint since these SFX were created
in that software. Don't have CSP? Don't fear,
the first part of this section focuses on how
to recreate these SFX in Photoshop!
fluff

Unit 4 - Weird SFX Recreation


but of course, you don't have CSP, so
listen up, i've got some tips for you:

1. typeset your font w/o any of the


special effects
2. add 2 stroke effects
a. 4 px Outer Stroke (white)
b. 1 px Inner Stroke (black)
3. after that, create a new clipping
layer and cover it with crosshatches
(I used kyle's crosshatch brush pack)
fluff

Unit 4 - Weird SFX Recreation


but of course, you don't have CSP, so
listen up, i've got some tips for you:

1. typeset your font w/o any of the


special effects
2. add 2 stroke effects
a. 4 px Outer Stroke (white)
b. 1 px Inner Stroke (black)
3. after that, create a new clipping
layer and cover it with crosshatches
(I used kyle's crosshatch brush pack)
4. adjust the inner stroke to ~3px (or
whatever looks good)

looks good enough for me :D


fluff

Unit 4 - Weird SFX Recreation


how about this one?

1. typeset the words


2. add these effects:
a. change the font color to black
b. add a 2 pt Outer Stroke
c. change the layer effect to
'Lighten'
d. add a clipping layer
fluff

Unit 4 - Weird SFX Recreation


how about this one?

1. typeset the words


2. add these effects:
a. change the font color to black
b. add a 2 pt Outer Stroke
c. change the layer effect to 'Lighten'
d. add a clipping layer
3. draw the white lines or get the effect
from online-

looks good enough for me :)


fluff

Unit 4 - Weird SFX Recreation


ok when u see something complicated like
this, break it up into steps:

1. gotta typeset the words


2. gotta add the motion blur effect

let's tackle them one by one


fluff

Unit 4 - Weird SFX Recreation


1. gotta typeset the words
a. typeset the words (right)
b. add the effects (below)
fluff

Unit 4 - Weird SFX Recreation


1. gotta add the motion blur effect
a. duplicate layer
b. radial blur (right)
i. i had to experiment with this
several times before i found
one i liked. be patient with
your effects :D

looks good enough for me :)


fluff

Unit 4 - Using CSP for SFX


if you're like me and got CSP just to do these
fancy SFX, or not, let me tell you:

1. first, check out this guide for an overview


to CSP (with a photoshop background) to
decide if you want it if you don't have it
2. download this CSP asset pack (or any
other asset pack) that's used by comic
artists to do SFX

1. follow guide linked above to get the


downloaded brush into CSP... then, go
ham with the brush->
fluff

Unit 4 - Using CSP for SFX


2-step Instructions on adding Gradient &
Stroke in CSP-

Stroke:

- 'Layer Property' > "Border Effect"


- There you go.

Gradient:

- Like you would in PS, use a clipping


layer.
- ...and there you go.
- (Isn't this hot?)

Other effects? Do it in PS afterwards.


fluff

Unit 4 - Using CSP for SFX


Best practices with workflow (for my group)

1. Do the SFX first in CSP. If you typeset the


bubbles first then migrate to CSP for sfx, the
fonts get rasterized, layer styles disappear,
overall D: not good-
2. After drawing the SFX, it's best to save the
CSP file as a '.clip' in case the QC asks for it to
change / edit, etc
3. Typeset in photoshop. The SFX done in CSP
will be rasterized so keep your layers
organized
4. Submit a PSD at the end to your QC
V. Other
fluff

Unit 5 - Layer Masks


A layer mask controls the opacity of whatever it masks. How to use:

On a layer mask, black = 0% opacity whereas white = 100% 1. Put whatever you want to mask
opacity and whatever comes between comes between. in a folder:

Layer Mask Example

Make sure it has ALL effects


already added (stroke, gradient,
etc)
2. Add a layer mask to the group.

(cont next page.)


fluff

Unit 5 - Layer Masks


How to use (cont.):

1. Now go ahead and take a black brush


or the gradient tool to edit the opacity
without needing to rasterize!

Done with the gradient


tool and a layer mask ->
fluff

Unit 5 - Layer Masks


i stole this helpful gif from codecy (scan school) so thanks :)
How to use (animated explanation):
Womp/fluff

Unit 5 - Crossbar “I”


Only use the crossbar “I” for the personal
pronoun I. For all other instances of “i”, use
the lowercase “i” even if it’s at the start of the
sentence.

Interesting Note: Some fonts map the


crossbar “I” to the <|> (pipe) key.

An example of crossbar used correctly below:


fluff

Unit 5 - Matching Perspective


To typeset text while matching the Right-click the text to make it into a smart
perspective, the edit > distort tool will be a object (so we can perform distort on it).
lot of help.

Let's take a look at this panel as an example:

First, let's get the translation typed in.


fluff

Unit 5 - Matching Perspective


Now, you can use edit > distort to edit the text to match the
box. My shortcut is to use free transform (ctrl/cmd + t) and
then right-click to get to distort.
Use layer masks (see pg
71-73 to make the part of
the text disappear.

If you want to edit the


contents of the text
afterwards, double-click
on the smart object (in
the layer panel) ^^
Misc.
Ending Notes
Misc. Advice
❖ Q: Can I use Gimp to typeset?
➢ A: No. Gimp rasterize all layers so as the QC, I can’t edit any of your TS after you do
it. Additionally, Photoshop (prefered software) has a lot more mechanics that help
with editing in text.

❖ Q: When using a lowercase font, should the “I”s at the start of the sentence still be
lowercase if it’s not the personal pronoun “I”?
➢ A: No. Use capitalized “I”.

❖ Q: If I have punctuation (i.e “...”, “?!”, or “!”), do I TS them on a seperate line?


➢ A: Depends, most of the time, it’s better to not put the on a seperate line, but if
there’s no space / the whole bubble a vertical sfx, then you can put them on a
seperate line.

You might also like