タグ

2021年8月26日のブックマーク (2件)

  • 【Photoshop】被写体をゴールドにする簡単な方法

    みなさんこんにちは、よっすぃです。 全部がゴールドじゃなくてもいいのですが、ピンポイントで、ここをゴールドにしたいなぁ・・・・っていう時、ありますよね。 デザインの仕事を長くしていると、そのようなことが、たまーーーーーにあったりします。(実際の仕事ではいまのとこ無い・・・) そんな時に覚えておくと便利な、技術だと思いますので、チュートリアルにしてみました。 まずは、Photoshopを立ち上げて、新規ドキュメントを作成して、そこに、今回ゴールドにしてみたい画像を読み込みます。 フォルダからドラッグしちゃえば、自動でスマートオブジェクトとして読み込まれると思うのですが、そうでない場合(レイヤーのサムネイルの右下にマークが付いていない場合)は、編集したいレイヤーの上でマウスの右クリックメニューを開き、「スマートオブジェクトに変換」を選択して、スマートオブジェクトにしてください。 ここは、基

    【Photoshop】被写体をゴールドにする簡単な方法
  • CSSでボタンにテキストを配置する時、上下のスペースを簡単に揃えられる実装テクニック

    ボタンにテキストを配置する時、上下のスペースを揃えるのに困ったことはありませんか? ボタンのHTMLはそのままで、疑似要素を追加するだけで簡単に揃えられるので、そのCSSのテクニックを紹介します。 Aligning a Button Label Vertically by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ボタンにテキストを配置する時、上下のスペースを揃える 終わりに はじめに デベロッパーのあなたは実装するために、デザインのモックアップを渡されたとします。そのモックアップではかっこよくフォントが使用されており、デザインの中で完璧に見えました。 しかし、CSSで実装してみると、フォントの周りに予期せぬスペースが追加されていることに気がつきました。これは何だと思いますか? そもそ

    CSSでボタンにテキストを配置する時、上下のスペースを簡単に揃えられる実装テクニック