ブックマークしておくと便利！ 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ

2022/08/10 412 users テクスチャ グラデーション アイソメトリック 背景 SVG

WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等... 続きを読む

日本の伝統や文化、四季の風物詩をピクトグラムで表現したアイコン素材 -日本の風習を伝える100のアイコン | コリス

2017/12/04 200 users コリス ピクトグラム psd 風習 風物詩

日本の伝統や文化、四季の風物詩をピクトグラムで表現したアイコン素材を紹介します。 配布中止になっていたのですが、今回当ブログで再配布することになりました。作者様に感謝です！ アイコンのフォーマットは、2種類。 .png（透過PNG） .psd（シェイプ） アイコンは日本人に馴染みのある日本の伝統や文化、四季の風物詩がシンプルにデザインされています。.psdのシェイプは、サイズやカラーを変更すること... 続きを読む

Photoshopのパスファインダーパネルを作りました（CS6／CC用） - saucer

2014/02/20 116 users saucer パスファインダー Photoshop パネル

意外と知られていないですが、PhotoshopでもIllustratorのパスファインダーのように、複数のシェイプを組み合わせて新しいシェイプを作成する機能があります（CS6以降）。でも、メニューとオプションバーを使って2回の操作を行わねばならず、Illustratorのようにワンクリックで実行することはできません。そこで、これらの処理をスクリプトにまとめ、実行しやすいようにパネルにしました。CS... 続きを読む

ミニマルでフラットがかわいい全300種のアイコン素材、PSDもAIもフォントも揃ってます -Metrize Icons | コリス

2013/04/08 213 users コリス psd ミニマル TTF フォント

商用でも無料で利用できる、ミニマルでサークル状のフラットなデザインがかわいい全300種のアイコン素材を紹介します。 Metrize Icons ダウンロードできるアイコンのフォーマットは、これ以上ないくらいに揃ってます！ PSD (各アイコンはシェイプ） SVG (512 x 512) EPS AI PDF Web Font (ttf, eot, woff) さらに、次のアップデートではpngとc... 続きを読む

Photoshopのシェイプでできること。

2013/03/19 606 users Photoshop Illustrator ダブルクリック

PhotoshopをWebデザイン制作として使ってると、シェイプを使って図形を描く事って結構多い気がします。拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、Illustratorでも使い回せる、そんなシェイプの機能や特長について、個人的なまとめです。2013.3.19. Tue Photoshop, シェイプ, チュートリアル, テクニック PhotoshopをWebデザイン制... 続きを読む

PhotoshopでWebデザイン作成のステップアップに役立つエントリーまとめ - NAVER まとめ

2012/11/28 507 users NAVER Photoshop ブラシ ツールパネル パターン

これからPhotoshopでWebデザインを始めたいなーと思っている初心さん向けの、Photoshopのツールパネルについてのまとめです。ツールパネルの他、ブラシやパターン、シェイプの整理方法、スタイルを使った簡単Webデザインもご紹介します。 続きを読む

PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」:phpspot開発日誌

2012/07/02 319 users Photoshop phpspot開発日誌 CSS3Ps

CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。 シェイプをデザインします グラデーショ... 続きを読む

Chromeでフローチャートやマインドマップを簡単に作図できる　LucidChartで遊ぼう!!

2012/01/23 1072 users LucidChart 作図 作図ツール Chrome 配置

『LucidChart』はブラウザー上でさまざまな図を手早く簡単に作成できる作図ツールだ。豊富なテンプレートを元に、さまざまなシェイプをドラッグ・アンド・ドロップで配置。シェイプどうしを線でつないだり色分けすることで、専用ソフトにもひけを取らない本格的な作図を行なえる。 続きを読む

持ってると便利な手描き風のアロー・矢印のPhotoshopのシェイプ素材 | コリス

2011/07/19 114 users コリス アロー 縦横比 Photoshop 商用

商用でも無料利用できる、アロー・矢印のシェイプ素材を紹介します。 70+ Hand Drawn Arrows Shapes ダウンロードできるアロー・矢印は全部で71種類あり、シェイプなのでサイズや縦横比やカラーを簡単に [...] 続きを読む

これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ

2011/05/20 1350 users Photoshop ブラシ ツールパネル パターン スタイル

これからPhotoshopでWebデザインを始めたいなーと思っている初心さん向けの、Photoshopのツールパネルについてのまとめです。ツールパネルの他、ブラシやパターン、シェイプの整理方法、スタイルを使った簡単Webデザインもご紹介します。Webテクニック BeginnerDesignPhotoshop Share Webデザインをするときにいつも使っている Photoshop ... あまり... 続きを読む

無料素材・チュートリアル・デザインアイデアなど、Photoshopのシェイプのポータルサイト -Shapes 4 Free | コリス

2011/04/27 248 users コリス ポータ Photoshop ウェブデザイン アイデア

ウェブデザインでよく使用するアロー・ショッピングカート・サークルなどのPhotoshopのシェイプ素材をはじめ、Photoshopのチュートリアル、さまざまなシェイプを使ったデザインのアイデアなど、シェイプに関するポータ [...] 続きを読む

カラーだけではない、ウェブデザインにおける4つのコントラストの使い方 | コリス

2010/09/26 205 users エレメント コリス ウェブデザイン ポジション 書籍

コントラストはカラーだけではありません。 ユーザーに伝えたい重要なエレメントを適切に目立たせる4つのコントラストを紹介します。 下記は各ポイントを意訳したものです。 コントラストとは 1. カラーのコントラスト 2. サイズのコントラスト 3. シェイプのコントラスト 4. ポジションのコントラスト おわりに 通常、コントラストがテーマに扱われる時は初心者向けのものが多いでしょう。例えば書籍では、... 続きを読む

Fireworksの素材集決定版 | CREAMU

2010/02/03 380 users CREAMU ARROWS Fireworks 矢印 シンボル

Fireworksで使える素材を探している。 そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。 ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの素材が揃っていますね。 かっこよくて使えそうなのをいくつかご紹介します。 Arrows 矢印がいろいろ入っているライブラリ ... 続きを読む

Photoshop ドロップシャドウいろいろ - DesignWalker

2008/07/01 521 users Photoshop ドロップシャドウ Reflection

平面的な画像でも、上手に陰をつけることで奥行きが出て、画像を立体的に見せることが出来ますね。 今回は、Photoshopを使ったドロップシャドウのチュートリアルや、お役立ちリンクなどを少しご紹介します。 Photoshop Tutorial: Fancy Text Shadow & Reflection 単純なテキストに、陰と反射を加えると、とっても奥行きのある感じに仕上がりますね。 シェイプを変... 続きを読む