【ロゴ】フォントでつくる！複写機で劣化したタイプ文字

古岡ひふみ — Sun, 29 Jul 2018 23:00:00 +0000

【Photoshop講座】既存フォントを劣化させる手法は、情緒的なイメージが簡単に演出できるので、タイトルや商品名などに幅広く使われています。複写機を何度も通して、繊細な形がつぶれてしまった、タイプライター風のロゴを作成しましょう。作例で使用する「 Courier 」は、オーソドックスな等幅フォントです。

可読性に気をつけよう！

文字をつぶし過ぎると読みづらくなるので、ベースに使用するフォントの種類や、文字間にも注意しましょう。タイプライター系のフォントは、縦線と横線が均一な太さで、エッジには力強いセリフ ( インク溜め ) が付いています。これは、劣化による可読性を考えたデザインです。これなら、つぶし甲斐もありますね (笑)。

フォントでつくる！

複写機で劣化したタイプ文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

テキストをタイプ文字風に加工

これから行う操作は、入力したテキストを、複写機で劣化した、タイプ文字風に加工する方法です。複数のフィルターで、形状を崩して、レイヤースタイルの効果で、背景紙と馴染ませます。

作例とは違うピクセルサイズの画像では、フィルターの効果が発揮できないことがあります。小さくしたい場合は、完成後にレイヤーを統合してリサイズしてください。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

フォントを入力する

タイプ文字のベースになるフォントを、素材画像 (任意のドキュメント) に入力します。タイプ文字風の書体がベストですが、スタンダードなゴシック体でも、複写機で劣化した効果をつけることができます。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 853 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGBカラー ] を使用しています。背景に敷く素材は、破いた紙やくしゃくしゃの紙などを使用すると、劣化したタイプ文字がより象徴できるでしょう。

素材画像をダウンロードしよう！ (373 KB)

素材画像を開く

[ ツール ] パネルから、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定して、[ フォントサイズを設定 ] に [ 150 pt ] を入力します。

[ フォントサイズを設定 ] に [ 150 pt ] を入力

任意のフォントを設定

作例では、「 Courier 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

基本がわかる！文字の入力と編集

ドキュメント内をクリックして、ポイントテキストで文字を入力します。

文字を入力

文字の間隔を空けよう！

作例で使用している「Courier」は、等幅フォントと言われる、文字幅が変化しないものです。そのため、文字の間隔は、設定していません。複写機で劣化した効果は、隣接する文字が近いと出にくくなります。

トラッキングを設定

文字によって文字幅が異なる、プロポーショナルフォントを使用する場合は、あらかじめ、トラッキングなどで、文字の間隔を少し空けておくと効果的です。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【ロゴ】フォントでつくる！複写機で劣化したタイプ文字 first appeared on psgips.

【トリミング】足りない領域を一瞬で伸ばす方法「水平線編」【コンテンツに応じて拡大・縮小】

古岡ひふみ — Tue, 27 Mar 2018 23:00:00 +0000

【Photoshop基本操作】たとえば、主体と被らずにタイトルやロゴを配置したい場合、背景に「もう少し余裕が欲しい」と思うことがよくあります。このような素材画像の足りない領域を、水平方向、または、垂直方向に違和感なく伸ばすことができる [ コンテンツに応じて拡大・縮小 ] について学びましょう。

保護領域を設定しよう！

[ コンテンツに応じて拡大・縮小 ] は、足りない領域を一瞬で伸ばすことができるゴキゲンな機能です。しかし、素材によっては、主体に思わぬ変形が現れる場合もあります。

[ 保護 ] オプションを使用すると、変形させたくない領域を保護することができます。保護領域は、同じドキュメント内のアルファチャンネルに作成します。

足りない領域を一瞬で伸ばす方法

− 水平線編 −

[ STEP-01 ]

比率でカンバスを伸ばす

[ STEP-02 ]

変形から保護する

[ STEP-03 ]

不足領域を拡張する

不足領域を違和感なく拡張

これから行う操作は、不足している領域を違和感なく拡張する方法です。このレッスンでは、変形に伴う画質の劣化を最低限に抑えるため、まず、仕上げサイズの縦横比に合わせたカンバスサイズを決定し、[ コンテンツに応じて拡大・縮小 ] で不足している領域を拡張してから、任意の仕上げサイズにスケールダウンする方法を取ります。

目次に戻る