タグ

アイコンに関するtmftakeのブックマーク (8)

  • Photoshop VIP ☞ ボタンデザイン完全版、ダウンロードしておきたいPhotoshop無料PSD素材60個まとめ

    Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。 多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。 どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意

  • CSSでアイコンをデザイン

    ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ

    CSSでアイコンをデザイン
  • http://designaholic.cc/2011/02/20.html

    http://designaholic.cc/2011/02/20.html
  • webデザイナが使いそうな48px四方の究極のアイコン750個を無料でダウンロード

    思わず音速でクリップしてしまった究極系エントリー。 配布している方が究極だというのだから、きっと究極なんです。 webデザイナーが使いそうなアイコンパック ダウンロードは以下から。 どんなのが入ってるの? ちょいと量が量なので小さく表示してますが、サイズは48×48pxです。 興味のある方は是非。 The Ultimate Free Web Designer’s Icon Set (750 icons, incl. PSD sources) - Smashing Magazine こちらとあわせてどうぞ。 ハイクオリティ無料アイコンまとめ100パック2009年最新版*ホームページを作る人のネタ帳 それでは、また。

    webデザイナが使いそうな48px四方の究極のアイコン750個を無料でダウンロード
  • 美容整形美容外科の高難度手術/仙台中央クリニック

    美容外科美容整形の高難度手術 美容外科美容整形は、近年大きな発展を遂げています。これまでは、少しだけ変わりたいという希望が多かったのに対し、大きく変わりたい、ガラッと変えたいという難易度の高い治療を希望される方が増えてきました。高難度の美容外科治療を希望される方に対応すべく、仙台中央クリニックでは、ワンランク上の美容整形、高難度美容外科の新たなHPを立ち上げ、情報発信を行うことにしました。現在の美容外科医療によりここまでできるということをお示ししたいと思います。尚、HPで紹介した症例には、当院独自のテクニックが使われていることがありますので、理解した上で閲覧ください。 他院で断られた手術をお引き受けしています 美容整形は魔法ではありませんが、魔法のように変わることができます。今まで悩んでいたことが嘘のようだ、もっと早くやればよかった、毎日鏡を見るのが楽しい、化粧する時間が大幅に短縮された、

  • As Button Generator

    As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください

  • Web 2.0的アイコン作成方法/フォトショップ使い方 : 初心者TV : 使い方・方法・やり方を動画で紹介

    Photoshop(フォトショップ)でWeb 2.0的アイコンを作る方法のチュートリアルです。(英語版Photoshop) Web 2.0的っていうのはよく分かりませんが、Youtubeで公開されているタイトルから拾いました。 先生のサイトで使っているアイコンを制作する場合を例に解説されています。 動画ではMacを利用していますが、windowsでもメニューやツールの位置は概ね同じだと思います。 今回は、内容が英語であること以上にスピードが早いため手順を追って進めていくことは困難かもしれません。 そのため、windows版Photoshopを例に以下で詳しく解説します。 解説は、動画の流れに沿っていますので動画を別画面で開き、下記の解説と並行して作業を行って下さい。(別画面を開くには、動画を再生後、もう一度動画をクリックしてください。YouTubeが開きます) 【動画 53秒あたりから作業

  • iconPot - totally free icons

    If you see this page, the nginx web server is successfully installed and working. Further configuration is required. For online documentation and support please refer to nginx.org. Commercial support is available at nginx.com. Thank you for using nginx.

  • 1