y-idのブックマーク / 2014年11月10日

y-id id:y-id

2014年11月10日のブックマーク (3件)

知っておくと便利！あのサイトでさりげなく使われていたCSS小技集 - コムテブログ
TL;DR 2014/12/01：続編である「最近のサイトで使われていた CSS 小技集」を書きました。今回は CSS のみで実現できるもの、動きあるエフェクトやこれから使用頻度が高くなりそうなものをメモしておきます。さり気なく使いたい CSS テクニックです。画像１．キュレーションサイト風のランキングボタンキュレーションサイトがサイドバーに「よくつけてる」ランキングボタンです。counter-incrementで数値を増加させ、content: counter()でカウンターを表示します。人気の記事を表示させる WP プラグイン等と組み合わせるといいですね。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 html <ul class="sample"> <li><img src="xxx.png" /><span class="post-title">テストテストテ
y-id 2014/11/10
CSS

webデザイン

web制作
リンク
Photoshopで手書き風の鉛筆タッチなイラストを描いてみよう！ | SONICMOOV LAB
こんにちは！イラストレーターのあんみです。最近はデジタルで手描き風にイラストを描くことにひっそりはまっています・・・！アナログのような表現ができるブラシを作ることが楽しいです＾＾こちらの鉛筆ラフですが、実はPhotoshopで描いています。今回はこのように鉛筆でスケッチを描いたように見せることができるブラシの作り方をご紹介しようと思います。 PhotoshopのバージョンはCS6です。鉛筆ブラシの作り方メニューの「ウィンドウ」→「ブラシ」を開き「楕円（ハード8）」を選択します。「シェイプ」「滑らかさ」にチェックします。「テクスチャ」にチェック ●パターンピッカーを開く→右上の三角▼をクリック→アーティスト→「麻布」を選択 ●「反転」にチェック ●拡大・縮小「50％」 ●明るさ「-10」 ●コントラスト「42」 ●「描点ごとにテクスチャを適用」にチェック ●描画モード「減算」
y-id 2014/11/10
photoshop

ブラシ
リンク
【無料】DL必須のPhotoshopブラシ30選 - 2014/11/03 [Schoo]
Photoshopブラシとは？鉛筆のような風合い、クレヨンのような質感、水彩画のような淡いタッチ。その全てを可能にしてくれるのがPhotoshopブラシです。質感出しはもちろん、背景やスタンプのような形でも使えます。・デフォルトのブラシに飽きた… ・でも自分で作るのは面倒… ・無駄なブラシをダウンロードしたくない… というPhotoshop初心者の方にダウンロードして欲しい使える【無料】Photoshopブラシを30個まとめてお届けします！目次・ブラシの追加方法・ブラシツール30選ブラシの追加方法まずはブラシの追加方法。拡張子が".abr"のブラシ素材をダウンロードしたら、Photoshopを立ち上げて追加していきましょう。・ブラシツールを選択・アイコンの「ブラシパネルの切り替え」をクリック・別ウィンドウが開くので、ウィンドウ上部のタブを「ブラシプリセット」に切り替
y-id 2014/11/10
Photoshop

ブラシ
リンク
- 2014年11月11日
- 2014年11月10日
- 2014年11月6日