配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ
少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考えるウェブデザインでこれは気をつけたいの35のポイントデザインQRコードの作り方非デザイナーのためのデザイン
WEBデザインをプロっぽく仕上げるPhotoshopのグラデーションファイルの厳選まとめ | 日刊ウェブログ式
フォトショップのグラデーションファイルは作業を早めるのに役立ちますし、テンプレートだと色の参考にもなります。PhotoshopやGIMPの色合いが美しいグラデーションを厳選してまとめました。 追記: 2010/12/04 グラデーション追加/リンク切れチェック Photoshop Gradients Nice photoshop gradient set Download Source Web 2.0 Photoshop gradients Download Source Ultimate Web 2.0 Gradients - FREE Download Download Source 黄金比グラデーション・白銀比グラデーション | DesignWalker Download Source 日本の伝統色グラデーションファイル | DesignWalker Download Source
商用利用でも無料、汚した感じのグランジのPhotoshop用のブラシ
全体的に汚した感じを演出したい時にぴったりなPhotoshopのブラシをMy Ink Blogから紹介します。
Fireworks texture gallery
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
BETKING88: Daftar Situs Judi Slot Online Dan Judi Online
Situs Judi Online, Dengan Pelayanan Terbaik BETKING88 Judi online bisa menjadi sebuah alternatif terbaik bagi para penjudi yang belum menemukan situs terbaik hingga sampai saat ini. Di zaman yang sudah serba digital seperti saat ini dengan menggunakan koneksi internet saja penjudi dapat bermain permainan game judi online favoritnya yang tentunya dapat diakses setiap saat dan dimanapun saja via pon
Create a Funky Retro Wavy Text Effect in Photoshop
Trevin serves as the VP of Marketing at WebFX. He has worked on over 450 marketing campaigns and has been building websites for over 25 years. His work has been featured by Search Engine Land, USA Today, Fast Company and Inc. PreviewThis is what we’ll be creating. You can click on the first image to see the full-scale version. Resources Collage Texture by Zen Textures Stained Paper Texture by Zen
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
Photoshop SFX:光線を描く
適当な大きさで、新規ファイルを作成します。 グラデーションツール（）で、黒から白になるグラデーションを描きます。 ［フィルタ］メニューの［変形］の［波形...］を選択します。 波数「5」、種類「矩形波」、波長「10」～「120」、振幅「5」～「35」、 比率「100」「100」で適用します。 画像に縦線が出ます。 ［フィルタ］メニューの［変形］から［極座標...］を選択し、 「直交座標を極座標に」を選択して適用します。 レイヤーパレットで「背景」レイヤーを、Altキー（Mac:optionキー）を押しながらダブルクリックして、「レイヤー０」にします。 ［レイヤー］メニューの［レイヤースタイル］から［グラデーションオーバーレイ...］を選択し、描画モード「オーバーレイ」、不透明度「50」、グラデーションに「シアン」（グラデーションエディタのメニューで「シンプル」を追加すると現れます）、スタイ
PhotoshopCS3用鉛筆風ブラシ - trismegistuslabo
photoshop CS3用 鉛筆風ブラシ(abrファイル) enpitsu_070930.zip （230kb） 鉛筆風ブラシ(PNG) enpitsu_070930_png.zip （360kb） 概要 photoshop CS3（windows）で作成したブラシセットです。 原寸で見ると鉛筆風っていうかクレヨン風にも見えなくもないですが、一応鉛筆風。 手書き風ハッチングも同梱。手を真っ黒にしなくてもハッチング効果で画面を埋め尽くせます。手っ取り早く素材を作る時に便利です。 追記（07/9/30） 図例の最下行にあるブラシは、既存ブラシのアレンジの為、PNGセットには含まれていません。 作り方をこちらにアップしました。
Photoshopでリアルな鉛筆ブラシを作る方法
Adobe Photoshopで、上の画用紙に描いた鉛筆のような表現を、ブラシの設定を行うことで実現する方法を紹介します。 ブラシやパターンのプリセットは全て標準でインストールされているものを使用しています。 必要なもの： Adobe Photoshop 7.0以降（Photoshop Elementsシリーズ不可） Intuosや、Favo、Bambooなどのペンタブレット 作例はMac OSX、Photoshop CS3の環境です。 Photoshopを起動して、ブラシツールが選択された状態で以下のように設定します。 「ブラシプリセット」から ハード円ブラシ（9pixel） を選択 マスター直径：7 px にする 「テクスチャ」にチェックを入れ、 パターンピッカーを開いて、オプションから「アーティスト」を選択（追加でも置き換えでもよい）、 バーバー（128×128ピクセル、グレースケー
高速でPhotoshopを使う | esungo.com TIPS
各ページの内容には万全を期してはいますが、（1）私の解釈の間違い （2）参考にしたソースの間違い （3）情報が古くなったことによる間違い、の可能性が常にあります。内容の信頼性は各人の判断に委ねます。 また、あるサイトからあるサイトへリンクをはる場合、サイト運営者の許可は不必要だと考えます。したがって、当サイトへのリンクは自由ですが、URLはトップページ以外常に変わる可能性があります。 デジタルメディアである以上、コピー&ペーストを制限することはできないとあきらめていますが、著作権を放棄したわけではありません。 InternetExplorerでも問題なく見れると思いますが、FireFoxでみることをおすすめします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dearps
新着記事
Photoshopでつくるタイポグラフィのチュートリアル -Part17
Apple、MacBook Proのベクターセット無料ダウンロード
http://www.designwalker.com/2009/11/button-resources.html
http://www.designwalker.com/2009/03/commercial-use-vector.html
WEBデザイナーのためのベストエントリ51個まとめ『2007年8月』*ホームページを作る人のネタ帳
フリーで使えるノートやペンやクリップの素材集 | CSS Lecture