DesignTips > ボタン・アイコン等

めくれたシールのイラストの作り方(イラストレーター)

イラストレーターでめくれたシールのイラストの作り方をご紹介します。 シールが本当にめくれているように見えますね。めくれ部分にグラデーションを使っているのでリアルな感じが出てます。 クリッピングマスクを使えば、オリジナルのイラストや画像で、めくれたシールのイラストを作る事ができます。 [ads33601] Step01 正円を作りペンツールで斜めに線を描く 楕円ツールで[塗り:あり・線:なし]の正円を作ります。続いてシールのめくれ部分を作る

(ボタン・アイコン等 関連記事)

凹凸感のあるアイコン素材の作り方

今回は凹凸感のあるアイコン素材の作り方をご紹介します。 ぽこっと埋め込まれたような感じのアイコンですね。平面のアイコンに比べ、滑らかな質感がありスマートな印象を受けます。シックなサイトや機能的なデザインのサイトに合いそうですね。 作り方は簡単で、イラストレーターからwebアイコンのシンボルを抽出してPhotoshopを使って加工します。 [ads33601] Step01 イラストレーターからwebアイコンのシンボルを抽出する まずはイラ

(ボタン・アイコン等 関連記事)

グローバルメニューのデザインをFireworksで作成する方法

グローバルメニューのデザインをFireworksで作成する方法をご紹介します。 グローバルメニューはwebデザインでは必須のアイテムですね。今回はとてもシンプルなグローバルメニューを作ります。 作り方はさほど難しくはないですが、プロっぽく見せる(素人っぽくみせない)細かなポイントがいくつかあります。今回はそうした細かいポイントに注意してみて下さい。 [ads33601] Step01 メニューの原型の長方形を描く まずはFireworks

(ボタン・アイコン等 関連記事)

太陽のイラストの作り方(イラストレーター)

イラストレーターで太陽のイラストの作り方をご紹介します。 とてもシンプルな太陽のイラストですが、ポストカードやお天気のアイコンなど使い道は結構ありますよね。 今回はイラストレーターの回転ツールと変形の繰り返しを使って簡単に太陽が作れる作り方をご紹介します。 [ads33601] Step01 楕円形ツールで太陽となる正円を描く 太陽の中心を描きます。 イラストレーターを起動させて、楕円形ツールで正円を描きます。 正円はShif

(ボタン・アイコン等 関連記事)

Fireworksでボタンを作成する方法

Fireworksでボタンを作成する方法を解説します。 とてもシンプルなwebボタンですが、ナチュラルなグラデーションや陰影など設定がプロ仕様となっています。利用頻度の高いテクニックだと思いますので、ぜひマスターしてみて下さい。 [ads33601] Step01 Fireworksの長方形ツールで長方形を作成 Fireworksを開き、長方形ツールで長方形を描きます。 この長方形のサイズがwebボタンのサイズとなりますので、お好みのサイ

(ボタン・アイコン等 関連記事)

Photoshopでナチュラルなwebボタンを作る方法

今回はPhotoshopでナチュラルなwebボタンを作る方法をご紹介します。 近年のwebデザインはパッと見て分かるか分からないかといった細かいデザインが主流となっています。とくにwebボタンは顕著で、かすかなグラデーションやわずかな陰影など細かい設定が求められます。 今回はPhotoshopを用いてwebボタンを作りたいと思います。Photoshopの[レイヤースタイル]を使うことで、グラデーションや陰影など、近年求められる細かいボタンのデザインが可能と

(ボタン・アイコン等 関連記事)

斜線入りwebボタンの作り方(イラストレーター)

Illustrator斜線入りwebボタンの作り方を説明していきます。 上図のようなグラデーションに斜線のかかったwebボタンです。様々なwebサイトで見るデザインですね。実践でも素材としてすぐに使える優れモノです。 webボタンの制作の流れとしては、①グラデーションとブレンドを用いてwebボタンの原型を作成する②クリッピングマスクで切り抜き斜線を表現する③質感を高めるため陰影を作成するです。どれも実践ですぐに使えるテクニックばかりですのでしっかりとマスタ

(ボタン・アイコン等 関連記事)

ボタン・アイコン等に関する記事を一覧で掲載しています。

当サイトの豊富な記事の中から最適なボタン・アイコン等に関する記事をお探し下さい。