[CSS]hr要素をおしゃれにスタイリングする8つのテクニック
デモページ CSS3を使った8つのテクニック デモページの8つの実装方法を個別に見てみましょう。 HTML HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。 <hr class="style-one"> [ad#ad-2] CSS スタイルシートは各デモのキャプチャとともにご紹介。 繊細なグラデーションを使ったデザインです。 hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gr
[Photoshop]5秒のひと手間でクオリティを上げるハイライトやシャドウなどのテクニックまとめ | サイブリッジラボブログ
[Photoshop]5秒のひと手間でクオリティを上げるハイライトやシャドウなどのテクニックまとめ by hiro · 2011-11-24 デザイナーのhiroです。 新人デザイナーならば一度は、「出来上がりが物足りない…」、「メリハリがない…」と悩んだ事あると思います。今回私が紹介するのは、デザインに行き詰まった時に使えるテクニックPhotoshop編です。 「1pxにこだわる」など、よく見なければ分からない効果ほど、実はやるかやらないかで、仕上がりに大きな違いが出たりします。 是非状況に応じて使い分けてみてください。 【ポイント】 グラデーションは薄っすらと掛ける。 1pxの線を上手く使って厚みを出す。（ハイライトやドロップシャドウ） 光沢感やドロップシャドウ、パターンを入れて奥行きを表現する。 サンプル この記事を読めば、下記のようなデザインが直ぐ出来るようになります。
![[Photoshop]5秒のひと手間でクオリティを上げるハイライトやシャドウなどのテクニックまとめ | サイブリッジラボブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f8f55546cbdf72461432655190db0651d56906ed/height=288;version=1;width=512/http%3A%2F%2Flabs.cybridge.jp%2Fwp-content%2Fuploads%2F2014%2F09%2Fstep000.gif)
わりと面倒な後光を超簡単に10秒で描く方法 for Illustrator – poyosi.com
後光のぽよしアイコンで話題の@poyosiです、こんにちは。（そんな話題見たこと聞いたことない） 後光をイラストレーターで描くのってわりと面倒で、三角形を作ってくるくる回してる人もいるかと思いますが、そんな面倒な後光をサクっと作ってしまうテクニックをご紹介します。 ちなみに「後光」と言うとちょっとださい感じがするので合コンでは「バックフラッシュッ！」とか「サンバーストッ！」とまるで必殺技のように言うときっとモテると思いますよ。 イラレで超簡単に後光を描いてみましょう。 円を描く ここでは背景なしの線のみで、例として「200px」×「200px」の正円を描きます。 線幅を設定する 線幅を、円と同じピクセル数にします。ここでは「200px」ですね。 破線を設定する そして、破線をお好みのサイズで追加すると…もうそれっぽいのができます！やばい超簡単ですね！ パスに変更する このままでは扱いづらい
僕が良く使うウェブデザインテクニック的な色々（サンプルPSD有） | バンクーバーのうぇぶ屋
「Photoshopの使い方が分からない！」なんてお話を聞くことがありますが、大半の方は実際にはPhotoshopというツール自体は使うことが出来ていて、分からないと言っているのは表現の仕方だったり、「他のデザイナーのサイトみたいにいい感じにする方法～」、みたいなのを知りたがっている人が多いように感じています。 僕もたまに聞かれることがありますが、デザインするとき意識してることとか、デザインテクニックだとか、そういうのを自分なりに説明したい時って、作り方を一から話すより、やっぱり既に作ってあるPSDのサンプル等を見ながら説明する方が断然早かったりするんですよね（僕が口下手だということもありますが）。サンプルがあって話をするのと、ゼロから作り方をお話するのとでは、教える側の時間も、教わる側の理解力も違ってくるんじゃないかと思うのです。 そこで今回は、僕が良く使うPhotoshopでのデザイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css-lecture.com
知っておいたら便利なCSS（スタイルシート）テクニック | CSS Lecture
