タグ

2015年6月10日のブックマーク (4件)

  • 知ってると便利!Photoshopの作業効率をアップするTips

    Photoshopの知ってると便利な作業効率をアップするTipsを12個、紹介します。 全てPhotoshop CC2014対応ですが、ほとんどのものはCSでも使用できます。 Photoshop外からカラーを抽出 スポイトツールをドラッグしながら、カラーを抽出 通常の操作だとスポイトツールはPhotoshopの枠外に移動すると普通のカーソルに変わってしまいますが、Photoshop内でドラッグしながら移動すると、Photoshop外のカラーを抽出できます。 スポイトツールで複数のカラーを抽出 スポイトツールで抽出できるカラーは、一つだけではありません。 複数のカラーを抽出 Shift を押しながら、カラーを抽出 カラーは、10個まで抽出できます。 ※CSは、4個まで。 ブラシツールからスポイトツールに一時的に変更 選択ツールの選択時に「Ctrl (Macは、Cmd)」を押すと、一時的に移動

    知ってると便利!Photoshopの作業効率をアップするTips
  • なぜCSSのborderで三角形ができるのか、実際にコードを書いて調べてみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、おじいちゃんです。 Webサイトを作っていると、デザインによってはCSSを使って三角形を作るときがあります。便利ですよね。画像だとhover時に色が変えられなかったり、作ったとしてもアニメーションがつけられなかったり、かといってSVGにするほどでもない。 CSSのborderを利用することで、三角形は比較的簡単に作れますし、アニメーションもできる。それではなぜborderを利用することで三角形が表現できるのか、考えてみたことありますか? 今回はborderを利用して、三角形を表現できるCSSの挙動について紹介したいと思います。 まずは書いてみる 黒で塗りつぶされた三角形を書いてみます。 <span>タグに任意のクラスを当てたHTMLを用意して、下記プロパティを当てることで三角形が表現できます。 <span class="triangle"></span> .triangle{

    なぜCSSのborderで三角形ができるのか、実際にコードを書いて調べてみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事