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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Fireworksの素材集決定版 | CREAMU

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

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

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

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

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

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

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

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

ミニマルでフラットがかわいい全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... 続きを読む

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

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

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

日本の伝統や文化、四季の風物詩をピクトグラムで表現したアイコン素材 -日本の風習を伝える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... 続きを読む

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

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

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

iPhone.design » 日本の風習を伝える100のアイコン − 完全版

2013/10/17 92 users 風習 コリスさん 需要 多少なり 配布

『日本の風習を伝える100のアイコン』プロジェクトの完成版です。 日本固有の風習を伝えるもので、多少なりともアイコンとしての需要がありそうなものを、今まで4回に渡って配布してきました。 今回はその完成版です。 100個揃った完成版をもって5回目の配布に換えさせていただきます。 また、完成にあたってシェイプを含むpsd及びaiデータの販売を開始しました。 $5.00で販売のところを、コリスさんとのタ... 続きを読む

美しいソリッドなラインとかわいいベタ塗りの2種類が揃ってる無料のアイコン素材 -Pixeden | コリス

2013/11/24 88 users EPS ソリッド Pixeden コリス フォーマット

ビジネスサイトでも個人ブログでも無料で利用できる、ソリッドとベタ塗りの2種類が揃った高品質のアイコン素材を紹介します。 アイコンのアイテムは128種類、それぞれにソリッドとベタ塗りが揃っています。 ダウンロードできるアイコンのフォーマットは3種類、それぞれ30px, 60px用が用意されています。 .ai .eps .psd .psdはシェイプで作成されているので、サイズやカラーの変更も簡単です。... 続きを読む

22016

2011/02/03 88 users NewsHome フォトショップ NEWS シルエット ツール

NewsHome > News > あらゆる「鳥」のシルエットをテーマにした無料Photoshopブラシ素材30個セットあらゆる「鳥」のシルエットをテーマにした無料Photoshopブラシ素材30個セット2011年2月3日　　　　フォトショップでよく利用されるツールのひとつ「ブラシツール」。名前どおりブラシのようにペイントすることはもちろん、色々な形でデザインされたシェイプをスタンプ感覚で使うこと... 続きを読む

デジタルイラストを本格的なタッチで描ける！質感や空気感やディテールの表現がすごいPhotoshopのブラシ素材 -Fenris31 | コリス

2015/07/31 66 users テクスチャ Photoshop ペイント コリス 模様

さまざまなペイントやシェイプ、質感を生み出すテクスチャ、空や雲や煙や埃などの空気感、模様や飾りなどのディテール、デジタルイラストを本格的なタッチで描けるPhotoshopのブラシ素材を紹介します。 Fenris31 Br...記事の続きを読む 続きを読む

使えそうなPhotoshopシェイプ素材満載のサイト「Shapes 4 Free」:phpspot開発日誌

2011/07/29 65 users phpspot開発日誌 CSH Download now

Free Shapes for Photoshop (CSH) - Download Now! | Shapes 4 Free 使えそうなPhotoshopシェイプ素材満載のサイト「Shapes 4 Free」 サイト作成に便利そうなシェイプが多数公開されています。 種類も豊富なので色々と使えそうです 関連エントリ デザインを楽にしてくれるPhotoshop用カスタムシェイプ色々 Androidア... 続きを読む

CSS3で描かれたシェイプのサンプル集:phpspot開発日誌

2012/05/21 64 users 図形 phpspot開発日誌 CSS アクセント バナー

CSS3 Shapes | CSS3 Shapes Resource CSS3で描かれたシェイプのサンプル集。 CSS3でちょっとした図形を描いてみようといった場合に参考に出来ます。 図形そのままでは使えないかもしれませんが、ちょっとしたデザインのアクセントなどに応用することが出来るかもしれません ハートもちょっとCSSが長くなりますが描けます 関連エントリ アニメーションするバナーをCSS3で作... 続きを読む

デザインを楽にしてくれるPhotoshop用カスタムシェイプ色々:phpspot開発日誌

2011/02/17 56 users phpspot開発日誌 ベクター エントリ オブジェクト 多数

Free Photoshop Custom Shapes to Spice UP Your Work デザインを楽にしてくれるPhotoshop用カスタムシェイプ色々。 乗り物や人等、様々なオブジェクトに関するシェイプがまとまっているエントリのご紹介です。 イメージを伝えるのに分かりやすいシェイプが多数で、ベクターなので拡大しても使えるということでかなり便利に使えそう。 １から容易すると大変そうで... 続きを読む

フリーフォントで完成！ミニマルな無料ロゴテンプレート総まとめ（Photoshop / Illustrator 対応） - PhotoshopVIP

2017/03/07 55 users PhotoshopVIP ミニマルスタイル フリーフォント

ロゴデザイン制作に迷ったら確認したい、ミニマルスタイルのロゴ用テンプレート素材を集めました。文字とシンプルなシェイプで作成されたミニマルスタイルが中心で、どれもフリーフォントを使って編集できるものばかりです。 自由なサイズや色に変更することができ、どんなデザインとも合わせやすいのが特長。ロゴに黄金比を取り入れたり、グラフィックデザインで人気のブラシフォントを使ったモダンレトロ・スタイルなど、ロゴ制... 続きを読む

ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」:phpspot開発日誌

2011/06/23 45 users phpspot開発日誌 描画ツール 描画 Photoshop

ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」 2011年06月23日- The Endless Mural ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」。 マウスの軌道に追尾して予め用意されたシェイプがアニメーションしながら描画されます。描画の方式も色々選べます。 Photoshopのブラシ... 続きを読む

Androidアプリ等に使えそうなPhotoshopのシェイプ形式41アイコンセット:phpspot開発日誌

2011/03/11 41 users Photoshop phpspot開発日誌 アイコンセット

Android Icons ? Shape Package Androidアプリ等に使えそうなPhotoshopのシェイプ形式41アイコンセット 次のようなアイコンセットが公開されていて、形式がPhotoshopのシェイプということで、拡大縮小しても品質は下がらず、シェイプということで扱いやすくなっています。 サイコロとかの変わり種も入ってますが、基本的に汎用に使えそうなアイコンセットですね。 ス... 続きを読む

日本語にもしっかり対応してる！PhotoshopのPSDファイルをSketchファイルに変換する -PSD to Sketch | コリス

2017/07/18 39 users psd コリス Sketch Photoshop レイヤー

ツールを移行する時にネックになるのが、既存のファイルです。 Photoshopで作成したPSDファイルをSketchファイルに変換するオンラインサービスを紹介します。レイヤー、シェイプ、スマートオブジェクト、マスクなどにも対応しており、PSDで作成したファイルがSketchで利用できるようになります。 日本語フォントや日本語のレイヤー・ファイル名でも問題なく、またかなりのファイルサイズでも問題なく... 続きを読む