サイトロゴ

Enjoy Creating
Web & Mobile Apps

MENU BOX
WEB
MOBILE
OPEN

ホーム

 > 

画像作成・デザイン

デザインのアイコン

バナー画像作成の4つのステップ

*バナー画像作成の過程の解説です*

デザインのテクニックは色々ありますが、小手先のテクニックばかり一生懸命覚えてもすぐに忘れてしまうか、実際の制作場面で活かせないか…といったことになりがちですよね。

そこで今回は小手先のテクニックではなく、デザインの過程を1から丁寧に解説することを目的とした記事を書いてみました。

【 Photoshop 】画像を加工する時はスマートオブジェクトが基本!

*Photoshopのスマートオブジェクトに関する解説記事です*

Photoshopを扱っていると当然のように『スマートオブジェクト』という言葉が出てきますが、スマートオブジェクトについてなんとなく理解はしているような、そうでもないような…という方も多いのではないでしょうか?

結局のところ写真を加工編集する時、スマートオブジェクトが良いのか、ラスタライズした方がいいのか、その結論と理由についてまとめてみました。

【Illustrator】オブジェクトを水平方向に反転コピーする方法

*Illustratorでオブジェクトを水平方向に反転コピーする方法の解説です*

ハートマークやリボン、動物・人物の顔(正面向き)のアイコンなどなど…こういったものを作りたい場合、左右のパーツがズレないように左右別々に作るのはとても大変ですよね。

そんな時に役立つのが、半分だけ作って、もう半分は反転コピーするという方法です。

この記事ではその方法をいくつかご紹介します。

もう迷わない!
CSSだけで実装可能な見出しデザイン

*CSSだけで作れる見出しデザインのサンプル集です*

Webデザインで意外と難しいのが「見出しデザイン」ではないかと思います。

文字を大きくして太字にするだけだとちょっと地味ですし、テキストシャドウをかけたりしてみても何か違う…となりがちです。

そこで今回は、CSSだけで作成可能な見出しデザインを9種類ほど用意してみました!

【 Photoshop 】服や小物など一部の色を変更する

*Photoshopで写真の特定の物だけ色を変更する方法*

人物の服や小物など、限られた一部分の色だけを変えるレタッチテクニックをご紹介します。
色々な場面で使える、汎用性の高いレタッチです。

Illustrator パスファインダーの基本

*Illustratorのパスファインダー機能の基本的な使い方の解説です*

パスファインダーの基本的な使い方や機能の概要の説明はもちろん、それを使った実用的なオブジェクトの制作例も合わせてご紹介しています。

パスファインダーを使えば、絵が描けなくても様々なアイコンを作ることも可能です。

日常にも役立つ!デザインの基礎テクニック

*仕事の資料作成にも役立つ、デザインの基礎テクニックです*

デザイナーでなくても仕事で資料を作成したり、メッセージカードや年賀状をオリジナルで作ったり、日常生活で何かをデザインする機会は多いと思います。

今回はデザイナーではない方向けに、デザインの基礎について記事をまとめました。

デザインは苦手、よく分からない…という人こそ、基本的なテクニックを押さえるだけで劇的に見やすくまとまったデザインに仕上げることができますよ!

画像を切り抜くテクニック(Photoshop)

*Photoshopで画像を切り抜くテクニックです*

画像の切り抜きはPhotoshopの画像編集の中でも最も多用する加工編集だと思います。

自動的に切り抜き範囲を選択してくれる機能もありますが、それだけでは正確な切り抜きができないこともしばしば。

この記事では、画像を切り抜く方法だけでなく、なるべく正確に切り抜くテクニックもあわせてご紹介します。

矢印の色々な作り方(Illustrator)

*Illustratorで矢印を作る方法です*

矢印は、手順を説明する時や場所を示す時など、様々な場面で活躍の機会がある記号(オブジェクト)です。

Illustratorを触り始めたばかりという方でも、簡単に矢印を作れるテクニックをご紹介します!

デュオトーンの画像を作ろう!

*Photoshopでデュオトーン画像を作る方法です*

デュオトーンとは、Duo(ペアの)+Tone(トーン)という意味で、写真などを2色で表現・デザインするテクニックです。

色の組み合わせによって印象はガラッと変わりますが、雑誌の表紙をイメージさせるような、オシャレな感じや洗練された印象を与えることができます。