TUGUさんのPOPの描き方。

TUGUさんのPOPの描き方。

記事
デザイン・イラスト



猫屋敷つぐのPOP屋さん ライターのTUGUです。


上の ↑ こういうPOPを普段、TUGUさんは作ってるわけだけれど。
「どうやって描いているんですか?」っていうようなことを
良く聞かれるんです。

個人的にいうと、別に特別なことはしてなくて。
普段、文字を書くということとの差といえば。

バランスをとる。
目立たせる。
POP文字になるように描く。←重要www

という感じなんです。

とりあえず、「どうやって作ってるの?」に関しては
説明できそうかな。とおもって作ってみたので
お時間がある方は、見てやってください。

まずですね。
デジタルでPOPを作るときに使っている道具ですが。
パソコンとパソコンの中に最初から入っている
「ペイント」っていうソフトを使います。

イラストレーターとか、使ってないです。
あいつの保存ファイル、使いづらいんで。
素人さん相手に酷なんですよあの保存形式。
PNGで問題ない。

で、ペイントソフトをサクッと立ち上げまして。

手順1.png
文字を書きます。

これが下書きになります。
文字の大きさ、レイアウトなんかはココで決まります。

で、次に

手順2.png

文字をPOP文字にしていきます。
ココでやることは、普通の文字をPOP文字にしていく作業になります。

文字と文字の間隔を詰めて、
文字を構成する線を太くします。

文字が太くなり、間隔が狭くなれば当然
上下左右の文字とくっつきます。
くっついたところは、重なります。
この重なり具合もココで調節します。

どのくらい重ねるのか。
どちら側を重ねるのか。

デジタルだと、何度も直しが出来るのでここで結構時間をかけます。
アナログの場合だと、鉛筆で何枚も下書きするところです。

決まったら次の工程へ。

手順3.png
赤で描かれていた下書きを消します。
塗りつぶしツールを使えば簡単に消せるので楽チンです。

もうこの時点で「あ!これはPOP文字だ!」と
おもわれるかもしれませんが。

まだ先があるのでもう暫くお待ちください。
次です。

手順4.png

太目の線で周りを囲っていきます。よくみるであろう
POPの周りの黒い線がコレになります。

囲ったら次へ。

手順5.png
太線と文字の線の間の隙間を塗りつぶしツールで一気に塗ります。

最初から、太い線で文字を書いてしまうと
文字と、黒い縁取りの間にシャープさがなくなって
仕上がりがかっこ悪いので、ひと手間かけます。

さらに、続きます。

手順6.png
白い文字を構成する部分のバランスを取りながら
周りの黒い枠も同じ太さになるように調節していきます。

さらに、文字の中の要素も書き加えて
全体的なバランスをみながら
削る、足す、をチマチマ繰り返して
「かっこよくします。」←超・重要!

目指すところは、手描き特有の柔らかさもあるけど
カチッとさせるべところはカチッと。
まっすぐな線はまっすぐ。
同じ太さ、大きさ。
隙間にちょっとだけある線や点の形や長さ、、、。

こだわるところはたくさんあります。


手順7.png

こんな感じにいろいろ考えたり
こだわったりして、一つのPOPが作られています。

無論。
コレはTUGUさんがPOPを書くときにやってることで
他のライターさんには、他のライターさんなりの
こだわりであったり、作業工程だったりがあります。

で。ココまで作ったら
手順8.png

文字の部分は、こんな感じで完成です~♪

コレにさらに、背景色。
イラスト要素。
など、いろいろ作って、一個のPOPにしていきます。

ご要望があれば、そういったものの作り方も
教えますよ。

お問い合わせください♪

本当はね、教室みたいのがやりたいの。
POPを描くのが好きな人達と、あーでもない、こーでもない。
キャッキャうふふ~って、楽しくPOPを作れる
そういう場所をね、、、、。
TUGUさん、POPのインストラクターが出来る
資格、持ってるんだよ、、、、。
くそぅ、、、、コロナめー!!!!(T△T)

でもきっと、いつか。
そういう仕事がしたいなー、っておもってます。

ではでは
またね。
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す