医療・健康に関連したアイテムが揃ったアイコン素材を紹介します。 血液型のアイコン、医療機器・デバイスのアイコン、診療をあらわすアイコン、錠剤などの医薬品のアイコン、看護アイテムのアイコン、医療・健康の建物や場所のアイコンなど、たくさんのアイコンが揃っています。
はじめに 「メルアイコン」と呼ばれる、Melvilleさんの描くアイコンはその独特な作風から大勢から人気を集めています。 上はMelvilleさんのアイコンです。 この方へアイコンの作成を依頼し、それをtwitterアイコンとしている人がとても多いことで知られています。 代表的なメルアイコンの例 (左から順にゆかたゆさん、みなぎさん、しゅんしゅんさんのものです (2020/12/1現在)) 自分もこんな感じのメルアイコンが欲しい!!ということで機械学習でメルアイコン生成器を実装しました!!.......というのが前回の大まかなあらすじです。 今回は別の手法を使って、キャラの画像をメルアイコンに変換するモデルを実装しました。例えばこんな感じで変換できます。 実装したコードはこちら 本記事ではこれに用いた手法を紹介していきます。 GANとは 画像の変換にあたってはUGATITという手法を使って
(それぞれゆかたゆさんとしゅんさんのものです (2020/2/19現在)) 自分もこんな感じのアイコンが欲しい!!!!!!ということで機械学習でメルアイコン生成器を作りました。 本記事ではそれに用いた手法をおおざっぱに紹介していきたいと思います。 GANとは 生成にあたってはGAN(Generative adversarial networks、敵対的生成ネットワーク)という手法を用いています。 図の引用元 この手法では画像を生成するニューラルネットワーク(Generator)と、入力されたデータがメルアイコンなのかそうでないのかを識別するニューラルネットワーク(Discriminator)の2つを組み合わせます。GeneratorはDiscriminatorを欺くためにできるだけメルアイコンに似せた画像を生成しようとし、Discriminatorはより正確に画像を識別しようと学習します。
2022年4月27日 SVG, Webサイト制作 つ・い・に!ファビコンもSVG形式が対応されるようになりました!SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません!やったね!少し工夫すればダークモードにも対応できますよ!さっそくみていきましょう! ↑私が10年以上利用している会計ソフト! SVGファビコン設置方法 1. SVG形式のファビコン用画像を用意 グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくてもOK。正方形であればどのサイズでもきれいに表示されます。今回はIllustratorを使って32x32pxのものを用意しました。 SVG形式で保存します。 2. HTMLファイルに記述 あと
1600x1200-momoyo.zip 1600x1200-kazuko.zip 1600x1200-kurisu.zip 1600x1200-yukie.zip 1600x1200-miyako.zip 1600x1200-all.zip 480x272-momoyo.zip 480x272-kazuko.zip 480x272-yukie.zip 480x272-kurisu.zip 480x272-miyako.zip 480x272-all.zip 1920x1080-momoyo.zip 1920x1080-kazuko.zip 1920x1080-kurisu.zip 1920x1080-yukie.zip 1920x1080-miyako.zip 1920x1080-all.zip 1920x1200-momoyo.zip 1920x1200-kazuko.zip 19
Twitterなどの有名なアイコンは、自分がよく使用するものはストックとして持っているかもしれませんが、必要時にない場合は探すことになり、非常に手間を感じるのではないでしょうか。そんな手間を省いてくれる「devicon」を今回はご紹介します。 デベロッパーが持っておくと便利なアイコンが多数まとめられており、ソースコードも記載してくれている優秀なアイコンセットになります。 詳しくは以下 このアイコンセットの最大の特徴は、SVGバージョンのアイコンのソースも一緒に出てくること。自分に必要なアイコンをクリックすると左側にソースが2つ出現。そのうちの一つがSVGバージョンのもので、そのまま貼付けるだけで、アイコンを表示適応することができます。著名なよく利用するであろうアイコンの種類が豊富なことも嬉しいポイント。 サイズの拡大・縮小を行っても画像の崩れがでないとされるSVGはこれからも重宝される存在
カスタムアイコンを作成するとしたら、平均してどのくらいの時間を費やすでしょう。 数分?10分?それとももっと長いでしょうか?もし10分以内に10個のカスタムアイコンを作成できるとしたらどうでしょう。 図解(英: Iconography)は、ブランドのビジュアル言語に追加されるコミュニケーションツールのひとつなので、アイコンをカスタマイズすることは、シンプルで一般的なアイコンセットよりも意味があり、魅力的と言えるでしょう。 今回は、10分もかからずに基本的なアイコン10個を作成できる、とてもシンプルで簡単な作り方ガイドをご紹介します。 カスタムアイコンを作成することができれば、プロジェクトに応じた複雑な図形の作成を行うことができ、デザイナーとして他の人と差別化できる競争力を発揮してくれるでしょう。 今回紹介するカスタムアイコン作成ガイドは、もともと Allan Knutson が投稿した数秒
Mac OSXのアイコンはとても奇麗なものが多い。また、最近はWeb2.0の下にデザインの奇麗な透明感のあるものやポップなものが増えてきた。あのようなアイコンはどうひっくり返っても私からは出てこない代物だろう。 同じように画面のスクリーンショットを格好よく加工したり、角丸に加工したりといったことすらも私にとっては難しい。だがDrawItを使えばもしかしたらできるかも、と思わせてくれた。 DrawItは画像編集&ドローソフトウェアで、手軽でありながらも高度な画像加工を行えるソフトウェアだ。 DrawItはちょっと独特なインタフェースのソフトウェアだが、Mac OSXらしい作りになっている。素材として使えるのはシェイプ、画像、ベクターそしてテキストだ。それらはドローのように各オブジェクトが独立して配置でき、貼付けた後の移動もできる。 そして画像へのイフェクトが面白い。オブジェクトに対して、イフ
こういうアプリ作りたいなというアイデアがあって、一人でアプリを実装して、さあリリースするぞってときにアイコンどうしようって考えあぐねることがある。 デザインとかペイントソフトとか分からないエンジニアでも、いい感じなアイコンが描きたい! この記事は、私が頑張ってアイコンを描いてみた戦いの記録です。 (しかし実際にアイコンを描いたのが半年〜 1 年前なのであまり詳しいことは覚えていない…。ブログにまとめるのが遅すぎた。) バーコード書籍検索 編 play.google.com ISBN バーコードをカメラでスキャンすると本の情報と Kindle 版が有無が分かるアプリ。 どういうことができるアプリなのか、アイコンを見て少しでも分かってもらえるようにしたい、ということで最初こんな感じで考えた。 QRコードを読むアプリのアイコンとかをひたすら画像検索したりして参考にした。 文庫小説の上に虫眼鏡なイ
※この記事は2016年3月8日時点で執筆された記事です。現在では仕様が異なる可能性があります。 faviconって何?どのサイズまで用意すればいいの?Windowsのカスタムタイルって?Androidでうまく映らないんだけど? 単純なように見えて調べだすときりがないfaviconについて、基礎知識から説明いたします。 目次 favicon(ファビコン)とは? faviconファイルの基礎知識 どのサイズを用意すればいいの? 透過・非透過などデザイン時の注意点 Android対応の注意点 favicon実装確認の注意点 favicon.icoファイルの作りかた まとめ favicon(ファビコン)とは? faviconとはfavorite iconの略で、主にブラウザのタブや履歴、お気に入りに表示されるアイコンや、スマホでサイトをホーム画面に置いたときの表示アイコンなどのことを指します。 ほ
Flat Color 使い方は、簡単です。 Step 1: 外部ファイル 外部ファイルにjquery.jsを使用している場合は、下記の外部スクリプトを加えます。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> AngularJSバージョンも用意されています。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/angular-webicon.min.js"></script> Step 2: HTML あとは、使用するアイコンのコードを書くだけです。 アイコンをクリックするとコードが表示されるので、そ
IROHA GRAND HOTEL 【いろはグランホテル松本駅前】コラボパートナーになってホテル... 詳細を見る
はじめに 最近Electronを使った最強のTwitterアプリとかが話題ですが、みなさんアイコンのデザインとかどうしてますか? UIはともかくとして、Dockにブチ込めるいい感じのアイコンデザインちょっと面倒くさい……。 そんな人のためにこんなツールを作ってみました。 Yosemite風アイコンジェネレーター http://ls8h.com/yosemite-icon/ API 使い方としては2通り用意しました。 まず、アイコンジェネレータのページから直接マウスやペンタブなどで普通に書いてみる方法。 もう一つは、APIです。 ここはQiitaですので、とりあえずkobitoのアプリアイコンを元にAPIを使って自動生成してみたいと思います。 まずは元となるアイコンを用意します。 大きいですね。1024*1024のサイズで作っています。 Dockにあるアイコンを参考に、マークをいい感じの大き
どうも、ブログカスタマイズ中のポニョです。 今日はブログやTwitterの顔とも言える、バナーやアイコン作りに役立つアプリを紹介していきますね。 使い道いっぱい♡Adobe Shapeでかっこいいアイコンとバナーを作ろう。 Adobe Shapeは写真から絵を作りだす事ができる便利なアプリ。 切り絵風な画像ができるので、雰囲気を生かして白黒で使うのもよし。 一部分だけ色を塗って、アートっぽく仕上げるもよし。 絵の下書きをiPhoneに取り込む、スキャナー代わりに使うのもよしと使い道はいっぱい♡ 手ブレのある絵もきれいな曲線に処理されるので、フリーハンドで書いた地図もいい感じに仕上がります。 すごく使い勝手のいいアプリだけど、ちょっと使用法が独特なのでコツを書いておきますね。 クセをつかんだら簡単♡Adobe Shapeの使い方。 まずはアプリをダウンロード。 AdobeIDを作れ、と要求さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く