デザイン制作時に役立つPSD形式のボタン素材 15 - NxWorld
個人的に良いなと思ったボタン素材のまとめです。 レスポンシブやフラットデザインの流行、CSS3を導入することが多くなっているなど、最近ではボタンデザインぐらいであれば画像は使用せずに実装していることも多いと思いますが、画像で実装する場合に便利だと思います。 また、画像として使わなくてもグラデーションやシャドウの使い方などデザインの参考にもなります。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。 Free Cool Buttons Psd 全15カラーのシンプルデザインなボタンで、それぞれNormal・Hover・Activeの見栄えが用意されています。 Tangy Multi-Color Button Set 同じくNormal・Hover・Activeの見栄えが用意されている全10カラーのシンプルデザインなボタンで、こちらはPSDだけでなくCSSで実装された
Dribbbleにあがっている、クオリティの高いフラットなアイコンまとめ！ | Goodpatch Blog
MEMOPATCHでは過去に「2013年のトレンド、フラットデザインを使うメリット+参考にしたいデザインまとめ」などでフラットデザインについての記事を書きました。現在ではフラットなWebサイトやアイコン、素材配布などが多く見受けられます。そこで今回はDribbbleにあるフラットなアイコンデザインを集めてみました。どれもクオリティが高くフラットデザインを作る時の参考になりそうです！ Flat style iOS icons https://dribbble.com/shots/1059524-Flat-style-iOS-icons Flat Social Media Icon Set https://dribbble.com/shots/1065383-Flat-Social-Media-Icon-Set Flatties – Vector icon set https://dribbb
PSD からテキスト情報を抽出するスクリプト
こんにちは。デザイナーの高口です。 デザイナーの皆さんは、デザインを開発者に伝える時、どのようにしていますか？ 口頭で伝える、印刷したデザインに書き込む、指示書を作る…様々な手法があると思いますが、どれも時間がかかりますよね。 そこで今回は、伝える手間を少しでも減らすべく、PSD からテキスト情報を抽出するスクリプトをご紹介いたします。 1.スクリプトをダウンロード まず、下記のリンクからスクリプトをダウンロードして下さい。 (ご利用に際しては、自己責任にてお願いいたします。) ダウンロード ： TextExportToCSV ダウンロードしたファイルを解凍すると「TextExportToCSV.jsx」というファイルがありますので、下記のフォルダにコピーして Photoshop を再起動して下さい。 Windows – C:\Program Files\Adobe\Adobe Photo
Slicyで面倒なPSDのスライス作業を効率化 !
こんにちは、最近コード書く時間がなくなってPhotoshopいじっている時間の方が主になってきました、久保田です。 Photoshopを使った画像書出しの時には、面倒なスライス作業をやらなければいけません。この記事では、Photoshopで面倒なスライス作業を劇的に効率化してくれるSlicyというアプリの紹介をします。 スライス作業をやっているうちに日が暮れる Photoshopで作成した画像を書き出す場合には、たいていスライス機能を用いて画像を書きだしていくことになると思います。スライス機能がないと一枚のキャンバスから複数の画像を書き出すことができないのでこれを使わざるを得ませんが、大変面倒くさい。ちょっと書き出すと以下みたいにめんどくさい部分がぼろぼろ出てきます。 ・ 書き出す画像のひとつひとつにスライスの領域を設定しなければならない ・ レイヤの位置を調整すると、スライスの位置も同じ
【Fireworks】「クリスマス」デザインもお手の物！もみの木ブラシ作ったよ。 | バシャログ。
話題のぶつ森に目もくれず最近やっとブレイブリーデフォルトを買いました。sekiです。こういう王道RPGってほんと少なくなりましたよね。 さてさてもうすぐクリスマスですね！楽しみな人もそうでない人もいるかと思いますが、今回はそんなクリスマスなデザインにもってこいな「もみの木ブラシ」を作ったので作例とともに配布をば。前に作った「砂」ブラシ同様今回もストロークの簡単な設定になりますが、お付き合い下さいね。 ダウンロード タイトル画像にあるような、もっさりした「もみの木」のようなあしらいが簡単に作れます。 ダウンロードはコチラのリンクを右クリックで保存してください。（.stl） 保存したら、Fireworksのスタイルより「スタイルを読み込む」で、一度スタイルデータとして読み込みます。 使い方 このスタイルにはストローク情報が記憶させてあります。 スタイル画面には「クリスマス_大」「クリスマス_小
全素材ロイヤリティフリーのプロカメラマンが撮影した国内の写真素材が満載！ -パプリカ イメージズ
個人でも商用でも無料で利用でき、加工も自由、クレジット表記も必要無しの写真・イラスト素材がダウンロードできるサイトを紹介します。 パプリカ イメージズ ※2015/4/15: サイトは閉鎖してしまったようです。 中の人に伺ったところ、素材はプロカメラマンが撮影したもので、素材数は現在200点！ ストックは膨大にあるそうなので、「ありそうでなかった、こんな素材が欲しかった」と思う写真を毎日10～20点ずつアップしていく予定だそうです。 無料で利用できる素材は、サイズSの640×480pxのものだけですが、登録も必要無しでさくっと利用できるので重宝するのではないでしょうか。 利用に関しては、下記ページをご覧ください。 ご利用ガイド 素材は現在、6つのカテゴリになっています。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Photoshopでシームレスでオシャレな斜めストライプをサクッと作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は、ジェネレーターで意外と作成しずらい？多色で斜めのストライプ模様の作り方です。 ネット上にはストライプジェネレーターはわりとあると思うのですが、自分の好きな色で好きな幅でかつ斜めで～となるとなかなかいいものがみつからなかったりしませんか？（わたしが知らないだけかもしれませんが；） そこで、ジェネレーターとか探すのめんどくさいよ！って方へ、簡単な斜めストライプ作成方法をご紹介します。 1:縦のストライプを作成する。 まずはシェイプツールを使って縦のストライプを作成します。 アイボリーだけちょっと幅を狭くしてみました。 2:ストライプを斜めにする ストライプが描かれたレイヤーを全て選択して、Ctrl+Tで斜め45度に傾けます。 3:角を合わせる 対角線のラインがそろう部分と、底辺の角がぴったり揃う部分をみつけて、ガイドをひきます。 斜め45度に傾けているので正方形の領域が出来ました。 4
消しゴムハンコ風のアイコンでデザインに温かみと可愛らしさをプラスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WEBのデザインに限らず、手書き風、アナログ風のデザインは根強く人気ですよね！ 今回はそんなアナログのテイストをWEBデザインに取り入れるべく、消しゴムハンコをPhotoshopで作ってみたいと思います。 1: 紙に描いたラフをスキャン 下書きからPhotoshopやsaiなんかで描いちゃってもいいと思います。 ヘタでもいい！ちょっと線がよれてるぐらいのほうが味が出るってもんです。 2: 自動選択ツールを使って白抜き部分を削除 自動選択ツールを使って色のつかない部分を削除していきます。 「隣接」にチェックが入っていないと白い部分が全部選択されてしまうので注意！ 3: 黒く塗りつぶしてシルエットを確認 「透明ピクセルをロック」にチェックをいれて、塗りつぶし、シルエットを確認します。 線が薄かったり消し足りない部分はブラシツールと消しゴムで調整してください。 4: 好きな色に着色 パーツごとに
さまざまなリボンデザインが揃ったPSD素材まとめ「30 Beautiful Ribbons PSD Files for Free Download」
TOP > WebService > さまざまなリボンデザインが揃ったPSD素材まとめ「30 Beautiful Ribbons PSD Files for Free Download」 プレゼントなどのラッピングに欠かせないリボンは、相手にスペシャル感を与えられる代表的なアイテム。webデザインの世界でも人気のあしらいとして、広く活用されています。今回は、そんなリボンを表現できるPSD素材をまとめた「30 Beautiful Ribbons PSD Files for Free Download」を紹介したいと思います。 Leather Ribbons & Web Elements | MediaLoot ボタンやワンポイントなど、webサイトデザインで利用できるPSD素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳し
デザイナー必見！使えるiOS 6のパーツ素材集「iOS 6 GUI PSD (iPhone 5)」 – 和洋風KAI
iOS 6 GUI PSD (iPhone 5) 従来通りのボタンはもちろんのこと。 iPhone 5版のカメラアプリの素材などが用意されていますね。 また、iOS 6よりナビゲーションバーの色によって、ステータスバーの色も変わるようになりましたが、それを再現するための素材も用意されています。 というわけで、これがあればモックがかなりカンタンに作れてしまいます。特にアプリのUIデザイナーの方は必見だと思います。ぜひ一度使ってみてはいかがでしょうか？ ここからダウンロードできます ↓↓ iOS 6 GUI PSD iPhone 5 Teehan+Lax ※ このファイルはPSDファイルのため、使用する際は、Adobe Photoshopや、GIMPなどのアプリケーションが別途必要です。
デザインの引き出しを増やそう！細部にまでこだわった美しいウェブUIエレメントのPSD素材のまとめ
細部まで作り込まれた美しいデザインのウェブ用のUIエレメントのPSD素材を紹介します。 そのまま制作に使ってもよし、インスピレーションをもらってもよし、PSDなのでエフェクトの勉強をしてもよし、などいろいろ活用できると思います。 ※一部のファイルはPNGフォーマットです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ちょっと珍しい！文房具をモチーフにしたアイコン素材 -Stationery Icon Set
GraphicBurger
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
新着記事
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP