ボタン

デザインサポート

【無料素材紹介】イラレで編集OK!WEBデザインで使えるボタン素材セットまとめ

この記事には広告が含まれています。 こんにちは、イラレ常人です。 今回は私が無料素材サイト「イラストAC」で投稿したオリジナルの「ボタン素材セット」をまとめてご紹介します。 イラレデータは文字をアウトライン化していないの...
Uncategorized

【アフォーダンス理論】あなたは「形」に「誘導されている」かもしれない

こんにちは、イラレ常人です。 今回は「アフォーダンス理論」という、より見やすい使いやすいデザインを目指す1つのヒントとなる理論についてのお話をします。 それでは、さっそく本編にいきましょう。 アフォーダンスとは? ...
チュートリアル

【水ボタン】シズル感あふれる水属性のボタンをイラレで作ってみよう|イラレチュートリアル

こんにちは、イラレ常人です。 今回は、ゲームのボタンとして使えそうな「水属性のボタン」の作り方を解説していきます。 それでは、さっそく本編にいきましょう。 ボタンのベースを作る まず長方形ツールに切り換え、幅「10...
チュートリアル

【石ボタン】スマホゲームでよく見かける石のボタンの作り方|イラレチュートリアル

こんにちは、イラレ常人です。 今回、作るものは「石のボタン」です。小学校時代からの友達のリクエストを元に記事を書きました。 サムネイルの見た目はスマホゲームのボタンにありそうですが、紙媒体のデザインにも使えると思うので、ぜひ最...
チュートリアル

【氷ボタン】ゲームデザインに最適!臨場感のある氷のボタンをイラレで作ろう|イラレチュートリアル

こんにちは、イラレ常人です。 今回は、スマホのゲームで見かけそうな「氷のボタン」の作り方を解説していきます。 それでは、本編にいきましょう。 氷の背景になる部分を作る 先にボタンの背景になる部分を作っていきます。 ...
イラレ基礎

スマホゲームにありそうな立体的なボタンをイラレで作る方法|イラレチュートリアル

こんにちは、イラレ常人です。 今回はスマホのゲームにありそうなエレメントボタンを作っていきます。この系統のボタンは細かい色の調整がポイントになることもあり、フォトショップで作るときもありますが、イラレでもサクッと作れてしまいます。 ...
チュートリアル

リアルな質感のアイソメトリック3Dボタンをイラレで作ろう|イラレチュートリアル

こんにちは。イラレ常人です。 今回は、リアルな3Dボタンの作り方解説です。さっそく、作っていきましょう。 ※解説画像の下に入っている字幕は、解説動画を作ったときに入れたものです。 この記事では動画のスクリーンショットを断片的に...
チュートリアル

【立体ボタン】思わず押したくなる!立体的なボタンの作り方|イラレチュートリアル

こんにちは、イラレ常人です。 今回は、スマホゲームでよく見かける立体的なボタンの作り方を解説します。 さっそく本編にいきましょう。 ※この記事のアイキャッチ画像では、ボタンの形は円形ですが、実際に作る形は長方形です。内容...
タイトルとURLをコピーしました