タグ

ブックマーク / www.mdn.co.jp (3)

  • 2階調化でイラスト風に加工する - MdN Design Interactive

    基となる写真素材を用意 1-1 まず最初に、Photoshopで象のおもちゃの写真を開いたら1-1、レイヤーメニュー→“新規”→“背景からレイヤーへ...”を実行し、背景レイヤーを通常レイヤーに変換しておく。さらに、ペンツールを選択し、ツールオプションバーの[パス]をオンとしたら、象を囲むようにパスを作成した。 2階調化でイラスト風に加工する 2-1 2-2 Lesson1で作成したパスのサムネールを、commandキーを押しながらクリックして選択範囲を作成。次に、選択範囲メニュー→“選択範囲を反転”で、選択範囲を反転したら、象のレイヤーを選択し、deleteキーを押して背景部分を削除した2-1。続けて、イメージメニュー→“色調補正”→“2階調化...”で、表示されたダイアログのカーソルを左側にずらし、プレビューを見ながら象の絵柄がわかりやすい程度に調整して実行しておく2-2。 ダブルトー

    2階調化でイラスト風に加工する - MdN Design Interactive
  • MdN Design|総合情報サイト

    作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──コーディングに使えるツール(1) クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス/ツールが豊富に取りそろってきた。記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための 82の活用術の中から、今回と次回はWeb制作に使えるデザインに特化した無料オンラインツールの活用法の中から、コーディングに使える6点ずつ紹介する。デザインの幅を広げ、Webサイトの質を高める実践方法を試してほしい。 ■バックナンバー 第1回 デザインに使えるツール(1)はこちら 第2回 デザインに使えるツール(2)はこちら 第3回 デザインに使えるツール(3)はこちら Tweet [technique 01]CSS 3の表

    MdN Design|総合情報サイト
  • MdN Design|総合情報サイト

    的なWeb制作技術はあっても、「整理されていない」、「やぼったい」、「平凡でつまらない」、「メリハリがない」などといった難題に直面してしまったことはないだろうか。そこで特集は、Webデザインでつまずきやすい部分を、CSSで解決する実践的なアイデアを紹介する。また、ひと目でわかる「問題の危険度」も掲載。ここで紹介する多彩なテクニックを身につけて、Web表現の幅を広げよう!

    MdN Design|総合情報サイト
  • 1