Metrize Icons ダウンロードできるアイコンのフォーマットは、これ以上ないくらいに揃ってます! PSD (各アイコンはシェイプ) SVG (512 x 512) EPS AI PDF Web Font (ttf, eot, woff) さらに、次のアップデートではpngとcshも加えたい、とのことです。 アイテムは全部で300種類、フラットなデザインにぴったりなサークル状のスタイルです。
個人でも商用でも利用できる全500種類のアイテムが揃った、汎用性に優れたシンプルなデザインのアイコン素材を紹介します。 500 Vector Mega Icon Pack ダウンロードできるアイコン素材のフォーマットは、2種類です。 .ai 素材の修正・紙にも使えるIllustratorのベクター素材 .png すぐに使いたい人用の128x128の透過PNG アイコンは全部で500種類! さまざまなアイテムが揃っています。
TwitterなどSNSで使えそうな四角い顔アイコンを作成できるネットサービスが「四角い顔アイコンジェネレータ」。デフォルメされたパーツが多く、カスタマイズの幅も広いため、自分の似顔絵だけでなくキャラクターっぽいアイコンなどを作ることが可能です。 四角い顔アイコンジェネレータ -Icon Generators- http://www.icongenerators.net/shikaku.html アイコンは画面上の「今すぐ作る!」をクリックすると作成できます。 アイコンの詳細を決めるメニューはこんな感じ。まずは肌の色。 前髪もさまざまなパターンが存在します。 横髪。 目もキャラクターっぽくデフォルメされたデザインのものがずらりと並びます。 鼻。 口。 まゆ。 頬にはそばかすや赤らみの他、星マークや花マークをつけることもできます。 メガネやサングラス、眼帯など。 「頭」にはリボンや頭巾、ター
いつもデザインはillustratorでやっているのでメモ的に。 たぶんチュートリアルだと複雑になるので割愛しているけど、実際にはもっと細かい部分まで作っているんじゃないかなーと思います。 フォトショもいいけどイラレもいいですよ… Tutorial – Create realistic clouds in Adobe Illustrator リアルな雲 Create a Vector Film Slate Icon | Vectortuts+ リアルな映画のカチンコ How to Create a Gearbox Settings Icon Using Simple Shapes | Vectortuts+ アップルっぽい設定アイコン How to Create an iPad Interface in Illustrator – Tuts+ Premium Tutorial |
テーマごとにセットとなったアイコンがウェブ上で無料で使えるのが「Icon Fonts」。TwitterやFacebookなどウェブ上のブランドアイコンやピクトグラムを集めたものなどがあり、ファイルをダウンロードしなくても自由にアイコンを使うことが可能です。 We Love Icon Fonts http://weloveiconfonts.com/ ウェブ上で使えるアイコンフォント5種類は以下から。 ◆01:Brandico FacebookやTwitter、Vimeoなど、オンライン上のブランドのアイコン。 ◆02:entypo 250個以上のピクトグラムを集めたアイコンセット。 ◆03:Font Awesome Twitter Bootstrapとマッチするように作られたアイコンセット。 ◆04:Typicons こちらは電話マークやクエスチョンマーク、メールマークなどスタンダードなア
スマートフォンやタブレットなどタッチスクリーンで操作する場合に使える操作のジェスチャー30種類を表したアイコンが「Touch Gesture Icons」。個人で使うだけでなく商用利用も可能、ファイル形式はPNG、PSD、EPSの3種類があります。 Touch Gesture Icons | Mobile Tuxedo http://www.mobiletuxedo.com/touch-gesture-icons/ シングルタップ ダブルタップ プレス&ホールド ホールドタイマー 上へスワイプ 下へスワイプ 左へスワイプ 右へスワイプ ピンチアウト ピンチイン 2本指でタップ 2本指でダブルタップ 2本指でプレス&ホールド 2本指でホールドタイマー 2本指で上へスワイプ 2本指で下へスワイプ 2本指で左へスワイプ 2本指で右へスワイプ 2本指で左に回転 2本指で右に回転 3本指で上へスワイ
クレジット表記なしで無料で商用利用できる60個のシンプルなアイコンセットがWebディレクションやWebデザインの情報を掲載しているArchからダウンロードすることができます。パスの変更・着色・拡大縮小などの加工も可能で、Illustratorなどのソフトで簡単に編集できるSVG形式となっています。 SVG形式のシンプルなアイコン60個セット | Arch http://www.ar-ch.org/mt/archives/2012/09/svg60.html 使い勝手のよさそうな、シンプルなアイコン60個は以下から。 ダウンロードはページ下部の青いボタンをクリックすれば完了します。 なお、禁止事項として以下の3つが挙げられています。 × 再配布、またはダウンロード可能な状態にすること × 販売 × 素材への直リンク
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
オシャレなアイコンを使うと味気なかったスクリーンが急に華やぎますが、アイコンや背景素材などのグラフィック素材が無料で使用できるサイトが「Icon Deposit」です。新着順の他、人気順に並べ替えることができ、自分好みのスタイリッシュな素材を見つけてダウンロードすることが可能。また、アカウントを登録して自分の作った素材を公開することもできます。 Welcome to the Icon Deposit どのような素材がダウンロードできるかというと、以下がその一例です。 ◆01.Micro Icon Set 16×16のPSDファイルアイコンが110個入ったアイコンセット。販売、再配布は不可ですが、個人利用は可能です。 ダウンロードする際はページ右上の「Download This!」をクリックします。 ◆02.Shiny Social Icons (PSD) こちらは商用利用可能。PSDファイ
iOSのアイコンはすべて統一されたあの雰囲気が特徴の一つでもあるのですが、それを逆にいろいろなモノに適用してみたというアイコンアート集がかなり秀逸な内容となっており、インスピレーションを刺激される内容となっています。 The Art Of The iOS Icon | Mobile Inc http://www.mobileinc.co.uk/2012/05/the-art-of-the-ios-icon/ ◆01 ◆02 ◆03 ◆04 ◆05 ◆06 ◆07 ◆08 ◆09 ◆10 ◆11 ◆12 ◆13 ◆14 ◆15 ◆16 ◆17 ◆18 ◆19 ◆20 ◆21 ◆22 ◆23 ◆24 なお、このようなiOS風アイコンのテンプレートは以下のサイトで配布されています。 New App Icon Template | Pixelresort.com http://www.pixelr
完成済みのボタンデザインがPSDファイルで配布されているほか、ASKファイル(スタイルファイル)や使用しているフォントも同梱されていて、自分で同じデザインのボタンを自由に作れるようになっています。再配布は不可ですが、個人利用、商用利用ともMightyDealsのメール購読者であれば自由とのこと。 Free download: Slab concrete buttons - MightyDeals 「ダウンロード」「アップロード」など文字の付いたボタンデザインはこんな感じ。 アイコンだけだとこんな感じです。 製作したのはWebdesigner Depot。無料で使用が可能となっていますが、ダウンロードは若干手間がかかります。まず、「Free download」をクリック。 ポップアップが表示されるので、メールアドレスを入力して「Download」をクリック。ここで入力したメールアドレス宛にダ
電話やペン、メール、人物などのピクトグラム120種類以上が無料で使用できるフォント&EPSファイル「Entypo」が、http://www.entypo.com/で公開されています。 Entypo - 100+ carefully crafted pictograms http://www.entypo.com/ サイト中央の「Vector EPS files」、および「OpenType Font」と書かれたボタンを押すとZIPファイルがダウンロードできます。なお、いずれのボタンでもダウンロードされるファイルは同じ。将来はWebフォントにも対応する予定があるようです。 フォントファイルの中身はこんな感じ。 EPSファイル内にはこのように120種類以上のピクトグラムが収録されています。 なお、配布ライセンスは「CreativeCommons Attribution-ShareAlike 3.
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか?チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし!僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ!マジテンション上がるWA!』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介! 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります!コードなら、Demoとか多いので見ながらついていけば理解できます!是非参考までに流し読みして見
WEBデザインには欠かせない素材の一つアイコン。多くの問題を解決してくれる、素晴らしい素材です。今日紹介するのは、psdで配布されて、カスタマイズ可能な160のアイコンが収録されたフリーpsdアイコンセット「Tiny Icons」です。 WEB上で必要なアイコンをほぼ網羅してくれており、シンプルなのでかなり使い勝手が良いアイコンセットです。 詳しくは以下 ダウンロードは、作者のコメント欄の「DONWLOAD HERE」をクリックして表示される上記の画面で、optionもしくはaltを押しながらクリックするとpsdファイルをダウンロードすることが可能です。 配布元の「Dribbble – What are you working on?」では、その他にも多くの素材ややクリエイティブが投稿されています。クリエイティブに関わる方は、本サイトのほうも是非どうぞ。新たな発見があるかもしれません。 D
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く