Adobe 三種の神器、ブログで使うとオシャレに大活躍

スクリーンショット 2023-11-28 15.03.10.png

広告業界に無くてはならないソフトですね。類似のソフトは他にもあるのにと疑問に思う人も多いと思います。

今回はWordPress記事投稿で役立ちそうな、高品種な装飾画像の作り方を説明して行きます。全てAdobe CCに組み込まれています。

各ソフト共に一つ一つ多機能のため、ページの都合上制作方法までは解説出来ませんでした。関連する記事は出来るだけリンクしてありますが、プロの使用者も多いので使用目的で検索すれば必要な操作は取得出来ます。

何故Adobeなのか

その理由は広告業界では締め切りという絶対的なルールがあります。早く安く高品質な制作物を提供しなければ他社に負けてしまいます。そのため分業で作業を進める場合もあります。また印刷所(製版所)との連携も必要です。簡単に早く、高品質な制作物を作るためのソフトです。

ツールバーやウインドが同様なので分かりやすく誰が行っても、同じ操作であれば同じ作品が早く出来上がります。プロもアマも関係ありません。必要なのは感性と探究心です。物真似は勉学ですね。

WEBデザインの現場では一択で必要なソフトです。Adobe発足の目的がWEBデザインでした、40年の独特の進化がWEBデザインの歴史を作って来ました。一貫して関連ソフトが提供されるので他社には追従出来ないソフトになっています。

一度は使ってみたいAdobe Creative Cloud

パソコンを趣味や仕事で買ったら皆さんそう思いますよね。業務や副業であれば投資ですが、趣味ではナ…。高価だなと思ってしまいます。

しかし、知識と技術は貴方の宝物です。何処で役立つか分かりません。いや、自分から役立てて行きましょう。

お得に購入できる方法は後述しています。後半で興味があったら導入を検討してみて下さい。

Illustrator で出来る事

Illustratorはベクタ形式で画像や文字を扱います。これにより、複雑な計算式によって画像の色や形を表現し、画像や図形、線、点、曲線などの数学的な式や座標情報で表現され、拡大・縮小しても画像が荒れたり文字がぼやけず、綺麗に印刷することができます。PostScript言語の出力機で発揮されます。

PostScriptについては後述します。

①EPS画像の編集
 EPSファイルはアンカーポイント(線(パス)を操作するための点)とペジェ曲線で描かれています。
 ペジェ曲線を操作したり、色や色調を操作します。

見本_03.png

②文字の装飾
 広告ではキャッチコピーと呼ばれます。アイキャッチ画像などに装飾で使えますね。

スクリーンショット 2023-11-23 19.35.32.png
Illustratorで文字の装飾を簡単に作成する。

こちらです

Illustrator 文字の装飾 WordPressでアイキャッチ画像は最初に目にする表題ですので、メッセージを視覚的にアピールしたいものです。濃淡のある写真の上に重ねたテキストの可読性も考慮しながら文字を読みやすくしなければなりません[…]

③ペジェ曲線を使ったロゴ制作
 拡大・縮小しても画像が荒れたり文字がぼやけたりすることがなく、綺麗に表示することができます。

スクリーンショット 2023-11-25 19.55.50.png

④画像トレースでベクターアート(EPS)に変換
・拡大・縮小しても画像が荒れたり文字がぼやけたりすることがなく、綺麗に表示することができます。
・スタライズには若干ですが処理時間がかかります。

スタライズ.png

⑤テキストの回り込み
 文章の中に画像を挿入して見栄えを良くします。

テキスト回り込み.png

⑥縦組み日本語の組版
 ②文字の装飾参照
⑦PDF書類の制作
 紙の上に印刷して表現される文書のデザインやレイアウトなどを、PDF形式はそのまま表現できます。
 PDFは印刷文化を継承する電子的なファイルです。PDFは保存に適した電子的なファイルです。

Illustrator も多機能ですので一紙面で説明出来ませんが、WordPress投稿記事装飾で便利そうな機能を解説しました。

Photoshop で出来る事

・すでにお馴染みの画像処理ソフトですね。参考のサイトも沢山あり、必要な操作はすぐ検索出来ます。
・Photoshop はラスター形式で画像や文字を扱います。この形式は「ビットマップ画像」です。拡大には向いていません。
・近年はSVGファイル「.svg」もありますが、まだそんなに普及していませんね。

 WordPressであればJPEG・PINGの圧縮で十分です。

THE THOR メインビジュアル画像新しく作り直してみました。

こちらです

THE THOR メインビジュアル設定 今回はTHE THOR メインビジュアル画像新しく作り直してみました。 皆さんも試行錯誤しながら制作していると思います。 何と言ってもブログのTOP画面ですからね。オシャレに作りたいものです。[…]

①リサイズ・色調補正
②解像度変更
③アクション機能を使った多数の画像の編集

こちらです

WordPress でブログをやっていると画像のリサイズは必須ですよね。写真など多めに使うサイトですと、アイキャッチ画像やギャラリー画像をその度に制作しなければなりません。何回もやって慣れているので簡単かもしれませんが、もっと簡単に[…]

④文字の境界線装飾