商用利用可能なアイコン素材をフリー(無料)ダウンロードできる素材配布サイトです。 webデザインやdtpのほか、ビジネスシーンで活用できるアイコン素材をストックしています。 ショートカットアイコンの簡単な作り方をお伝えしてきました。 今回お伝えした内容を簡単にまとめたものがコチラです。 アイコンとは、ワードやエクセルなどのソフトウェアや、ファイルの内容などを小さな絵柄で表現した物 what's icooon mono. スマホ(Android)のアイコンの作り方. ブログサイトは作ったけれど、サイトアイコン（ファビコン）が無いなぁ。サイトアイコンってどうやって作るんだっけ？って思った人もいると思う。オリジナルのサイトアイコンを自分のサイトに設置すれば、サイトも締まるし、見栄えもいいよね。 パソコンの操作で「ドラッグ」という操作は知っている方も多いかと思います。 では、「ドラッグ＆ドロップ」という操作を... PCのデスクトップに、よく利用するWebサイトのアイコンを表示させたいと思ったことはありませんか？ PCにインストールして... オンライン秘書【Smart資格】で資格取得！合格までの学習方法と受験方法をお伝えします, 余白の変更をすると画面左上に文字がでる！？入力ができないときの解決方法【Word2016】, アイコンとは、ワードやエクセルなどのソフトウェアや、ファイルの内容などを小さな絵柄で表現した物, ショートカットアイコンは近道をするためのボタンの役割なので、削除してもパソコンの中からなくなるわけではない, ショートカットアイコンは、必要になったらいくらでも作成できますし、必要がなくなれば削除をして消してしまっても大丈夫, 作成方法は、作りたいソフトウェア等にマウスのカーソルをあわせ、マウスの左側のボタンを押したままの状態でデスクトップ画面の上まで移動し、デスクトップ上まで移動したらマウスから手を離す. 自分だけのオリジナルアイコン画像作ってみたいと思ったことはありませんか？今回はブログやsnsに華やかさをプラスするためにスマホアプリとpcを使った自作オリジナルアイコンの作り方を紹介します。 結婚式の案内状に地図入れなきゃ！無料で出来るやり方教えます; チラシを無料で作ろう！本格的で実用的なチラシ作成にぴったりのフリーソフト; 絶対確認したい！チラシ作成でよくある著作権トラブルと解決策; lineスタンプの作り方と作成ソフト Illustratorには多種多様なアイコンやロゴを簡単にデザインするためのツールや機能が詰まっています。ひとつのアイコンを作成すれば、形や模様を変えることでさまざまなバリエーションに展開することができます。ここでは、その中でも汎用性の高いハートのアイコンと、クロスハッチ（キラキラ装飾）の作り方を紹介します。, まず、ダウンロードしたテンプレートファイル（template.ai）を、Illustratorで開きます。, オーソドックスなハートのシェイプを作成します。後の工程では、この基本形ハートをもとに形や模様を変化させてバリエーションを増やします。ハートはその形によって様々な作り方がありますが、ここではその中でもシンプルで効率のいい作り方を紹介します。, 「楕円ツール」(1)を選択し、画面上部のコントロールパネルで「線：黒」、「線幅：0.8pt」に設定します(2)。カンバス上をクリックし、開いたダイアログで、幅・高さ37mmに設定し、「OK」ボタンで正円を描きます(3)。, 描いた正円を右クリックし、変形／拡大・縮小を選択します。開いたダイアログで、縦横比を55%に設定して「コピー」ボタンを押します。, 次に、複製した正円をもとの大きな円の内側の端へ「選択ツール」で移動させ、Shift＋Option（Alt）＋ドラッグでもうひとつ複製しながら反対側に配置します。, 直線や曲線の始点と終点には、「アンカーポイント」と呼ばれる白い点が付いています。 この「アンカーポイント」を移動したり削除したりすることで、図形を自由自在に変形させることができます。ここでは、その「アンカーポイント」を編集して描いた正円をハート型に変形させます。, 「アンカーポイントの削除ツール」(1)で大きな正円の上部のアンカーポイントを削除します。次に、「アンカーポイントツール」(2)で、不要なハンドルを削除します。これでハート型のアウトラインができました。, 「選択ツール」（あるいは「ダイレクト選択ツール」）で作成したハートを選択します。続いて、「シェイプ形成ツール」で、ハートの内側をドラッグでなぞり正円同士を結合させます。「塗り：赤」、「線：なし」に変更しておきましょう。, これで、基本形のハートアイコンを作成できました。次の工程から、このアイコンのバリエーションを作成します。, 基本形ハートアイコンの塗りに「パターン」を適用・編集して、ドット柄、ボーダー柄、ストライプ柄のハートに仕上げます。, Illustratorの最新版には、数多くの「パターン」があらかじめプリインストールされていますので、それを利用してお好みのアイコンやロゴを作成しましょう。, 「選択ツール」（あるいは「ダイレクト選択ツール」）で基本形ハートアイコンをクリックします。, 続いて、「ベーシック_点パネル」で「6 dpi 60%」のパターンスウォッチをクリックしてハートの塗りに「パターン」を適用させます。（「ベーシック_点パネル」は、アプリケーションメニューの「ウィンドウ／スウォッチライブラリ／パターン／ベーシック／ベーシック_点」で表示させることができます。）, パターンの各パネルは、「スウォッチパネル」の左下にある「スウォッチライブラリメニュー」から開くこともできます。, アプリケーションメニュー「オブジェクト／パターン／パターンを編集」からパターン編集画面を開き、ドットの「塗り」をひとつひとつ別の色に指定してカラフルなパステルカラーにします。すべてのドットの色を変更できたら、「◯完了」ボタンでパターンの編集の完了です。, 「パターンオプション」の「オブジェクトと一緒にタイルを移動」のチェックをはずすと、ハートシンボルを移動させたときにパターンだけの位置を調整することができます。, 3-1 と同じ要領で、「選択ツール」（あるいは「ダイレクト選択ツール」）(1)が選ばれた状態で、基本形ハートアイコンをクリックします(2)。, 続いて、「ベーシック_ラインパネル」で「6 lpi 50%」(3)のパターンスウォッチを適用させます。（「ベーシック_ラインパネル」は、アプリケーションメニューの「ウィンドウ／スウォッチライブラリ／パターン／ベーシック／ベーシック_ライン」で表示させることができます。）, アプリケーションメニュー「オブジェクト／パターン／パターンを編集」からパターン編集画面を開き、編集可能な黒い罫線をすべて選択し、コントロールパネルで「線の塗り」を「水色」に指定します。, 続いて、Command（Ctrl）＋Shift＋Aキーで選択状態を解除してから、「塗り：青」、「線：なし」に指定した「長方形ツール」でガイドに沿って正方形を描き、右クリックメニューから重ね順／最背面へ で罫線の下に重ね順を変更します。「◯完了」ボタンでパターンの編集の完了です。, 3-1、3-2と同じ要領で、「選択ツール」（あるいは「ダイレクト選択ツール」）(1)が選ばれた状態で、基本形ハートアイコンをクリックします(2)。, 続いて、「ベーシック_テクスチャパネル」で「斜線」(3)のパターンスウォッチを適用させます。（「ベーシック_テクスチャパネル」は、アプリケーションメニュー「ウィンドウ／スウォッチライブラリ／パターン／ベーシック／ベーシック_テクスチャ」で表示させることができます。）, アプリケーションメニュー「オブジェクト／パターン／パターンを編集」からパターン編集画面を開き、編集可能な黒い罫線をすべて選択し、コントロールパネルで「線の塗り：白」、「線幅：1 pt」に指定します。続いて、Command（Ctrl）＋Shift＋Aキーで選択状態を解除してから、「塗り：パステルピンク」、「線：なし」に指定した「長方形ツール」でガイドに沿って正方形を描き、右クリックメニューから重ね順／最背面へ で罫線の下に重ね順を変更します。「◯完了」ボタンでパターンの編集の完了です。, これらの他にも、動物柄や植物柄、伝統的な模様など、一から作るのが難しいパターンがIllustratorには多数用意されています。それらすべてカスタマイズ可能ですので、うまく活用して自分だけのオリジナルのパターンを作成しましょう。, ここまでの工程で、パターンを活用したハートのデザインバリエーションを紹介しましたが、そのハート自体をパターンとして登録することもできます。この工程では、その手順を解説します。, カンバス上の基本形ハートアイコンを「スウォッチパネル」へドラッグ＆ドロップします。これだけで、ハートアイコンのパターン登録は完了です。, 次に、登録したハートパターンを編集しましょう。このままでは、ひとつひとつのハートが大きすぎるため縮小させます。, 先ほど「スウォッチパネル」へ追加したパターンスウォッチをダブルクリックして、編集画面を開きます。, 選択可能なハートシンボルを選択し、右クリックメニューの変形／拡大・縮小(1)をクリックします。開いたダイアログで、「縦横比を固定：15%」(2) に設定し、「OK」ボタン(3)を押します。, 「パターンオプションパネル」で、「名前：ハートパターン」(1) 、「タイルの種類：六角形（縦）」( 2) 、「縦横比を維持」がオン(3)になった状態で「幅：9mm」(4)に設定して、画面上部の「◯完了」ボタン(5)を押します。これでパータンの編集が完了です。, 基本形ハートアイコンを「選択ツール」(1) でクリックし、「アピアランスパネル」の「塗り」を先ほど登録したハートパターンに指定します(2)。「線の塗り」は「赤」に指定しましょう(3)。, ハートアイコンの位置はそのままにパターンの位置のみを移動させるには、右クリックメニューの変形／移動 で「移動ダイアログ」を開き、「オプション」の「オブジェクトの変形」のチェックをはずし、「パターンの変形」にチェックを入れた状態で移動させます。, 「長方形ツール」を使ってShift＋ドラッグで正方形を描き、45°回転させて菱形にします。, 続いて、アプリケーションメニューの「効果／パスの変形／パンク・膨張」をクリックし、開いたダイアログで、「縮小膨張：-60%」に設定します。, これで、クロスハッチ（キラキラ装飾）の完成です。色や大きさを変更したり、他のお好みのオブジェクトと組み合わせて楽しく装飾しましょう。, 以上の手順でハートアイコンとそのバリエーション、クロスハッチアイコンの完成です。作成したアイコンは、イベントチラシ、Webバナー、店内ポップなどのいろいろなデザインに活用しましょう。, 初心者向けのIllustratorオンライン講座を実施中！過去の動画もいつでも、どこからでも見ることができます。※動画の閲覧にはAdobe IDでのログインが必要です。, Creative Cloudでは、Illustratorなど単体製品とサービスのみ使用できる単体プランから、PhotoshopとLightroomのセット、全ての製品・サービスのみが利用可能なコンプリートプランまで、ニーズに合わせてお選びいただけます。学生や教職員の皆様はお得な学割プランをご利用ください。, 使い方についての質問やCreator同士の情報交換ができます。気軽に質問してみましょう。, Illustratorで楕円、正方形といった基本的な図形を変形させ、オリジナルの装飾デザインを作る方法を学びます。Illustratorの便利なツールや機能を使った基本的なテクニックの引き出しを持っていれば、ロゴやアイコンの表現の幅が広がります。, Southeast Asia (Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam) - English, الشرق الأوسط وشمال أفريقيا - اللغة العربية. (adsbygoogle = window.adsbygoogle || []).push({}); ここでお伝えした内容は、パソコンアプリのショートカットアイコンを作成する方法です。, Webサイトのショートカットアイコンを表示させたい場合は、以下のページを参考にしてください。, 初心者さん向けパソコンインストラクターをしています。パソコン初心者さんから直接聞いた、パソコンの身近なわからない等をお伝えしています。ゆっくりペースで更新しています。. Google Chromeで拡張機能を使わず、簡単にスピーディーにフルスクリーンショットをする方法を解説します。, TVCMで話題のスキルのフリマ『ココナラ』ココナラってどんなサービスなのかな？評判はどうなんだろう…。そのような疑問を持つ方へこの記事では、スキルのフリマ『ココナラ』とココナラの評判について紹介します。, 任意のWebページのQRコードを作るのって特別な技術がいるんじゃ・・・と思いがちですが、実はGoogle Chromeの拡張機能を使うことで超簡単に作成できます。今回は好きなページのQRコードを超簡単に作成する方法を紹介します。, アイリスオーヤマ IHK-W12S-B コンセントに挿すだけで使える2口IHコンロの紹介, ハイセンス(Hisense) 50A6100 コスパ最強の4Kテレビを購入したのでレビュー, VSCodeで半角スペースと全角スペースを可視化する方法【インストールしたら必ず設定】, ハイセンス(Hisense)HW-G75A コスパ最強の洗濯機を購入したのでレビュー, ハイセンス(Hisense)HR-G1501 一人暮らしにおすすめの冷蔵庫をレビュー. ブログやTwitter、Lineなど色々なところでアイコン画像を設定する場面があると思います。, そこで今回はブログやSNSに華やかさをプラスするためにスマホアプリとPCを使った自作オリジナルアイコンの作り方を紹介します。, ペンは太めのものでしっかりと描くようにしてください。細いと後の工程で描いた線が消えてしまうことがあるので修正が面倒です。, これをしないとスマホに保存された絵の線が赤色になってしまう為必ず設定してください。, バーを左にずらし過ぎると絵の線まで消えてしまうことがあるのでお好みの位置で合わせてください。, 背景が透明で透過しているアイコン画像が欲しいっていう人は、USBでスマホとPCを接続して画像を移動させてください。, 3Dじゃない方の普通の「ペイント」だと保存したときにJPEG画像に変換されてしまい、背景の透過がなくなってしまうので注意です。, PCに入ってないよって方はMicrosoft Storeより無料でダウンロード出来ます。, 残っている黒い部分や手書きのときのミスなど細かな修正をして、色を塗って仕上げていきます。, MacのPCをお使いの方はフリーペイントツールのFireAlpaca[ファイア アルパカ]がおすすめです。, ぶっちゃけ、ファイア アルパカの方が出来ることが圧倒的に多く優秀なのでおすすめです。, 自分でアイコン作るなんて難しそうで特別な技術がないと無理だと思っていましたが、紙とペンを用意して絵さえ描ければ誰でも作れます。, また、どうしても自分で作るのが難しいという人はアイコン・イラスト製作のスキルのある人に依頼するという方法もあります。, おーむです！ スマホ(Android)のアイコンの作り方ですが、とっても簡単！ 「こういった物を作りたい！」といったアイデアがあれば、5分もかからずにできちゃいますよ～。 それではさっそく紹介していきますね。 . 主に購入した商品のレビュー、暮らしに役立つ知識、車関係、etc…を書いていきます。, Webページで上から下まで全画面をスクリーンショットしたい時ってありませんか？
アイコンとは、ワードやエクセルなどのソフトウェアや、ファイルの内容などを小さな絵柄で表現した物です。, これはソフトウェアやファイルそのものではなく、あくまで近道をするためのボタンの役割なので、削除してもパソコンの中からなくなるわけではありません。, 必要になったらショートカットアイコンはいくらでも作成できますし、必要がなくなれば削除をして消してしまっても問題ありません。, Windows10でデスクトップ上にショートカットアイコンを作るのはとても簡単です！, ③選択したソフトウェア等にマウスのカーソルをあわせ、マウスの左側のボタンを押したままの状態でデスクトップ画面の上まで移動し、デスクトップ上まで移動したらマウスから手を離します. ひとつのアイコンを作成すれば、形や模様を変えることでさまざまなバリエーションに展開することができます。ここでは、その中でも汎用性の高いハートのアイコンと、クロスハッチ（キラキラ装飾）の作り方を紹介します。