タグ

小技に関するricopinxのブックマーク (4)

  • これ便利!Photoshopであまり知られていない小技テクニック11選 - PhotoshopVIP

    2018年8月5日に公開された記事を、サムネイル画像など再編集、アップデートしています。 フォトショップの作業が速くなる秘訣は、ずばりショートカットキーによる時短テクニック。 その理由は、「もっと早く知りたかった」と思うほど、ラクラクな手軽さで、面倒な作業をすぐに片付けてしまうから。 「レイヤーの重なり順を変えたい」 「細かい部分の作業を行いながら、同時に全体表示で確認したい」 「不要なレイヤーを非表示にしたい」 そんな普段からよく行う作業も、効率アップさせる時短テクニック18個が揃いました。 フォトショップがもっとうまくなりたいと思っている人こそ、まずは試してみませんか。

    これ便利!Photoshopであまり知られていない小技テクニック11選 - PhotoshopVIP
  • かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技

    2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト! 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう!サンプルも作ったのでコードと

    かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
  • [CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック

    Responsiveデザイン対応ページを制作する際に役立つ、max-width, min-width, overflowなどの役立つ5つのテクニックを紹介します。 5 Useful CSS Tricks for Responsive Design [ad#ad-2] 下記は各ポイントを意訳したものです。 動画コンテンツの配置 max-width, min-widthの小技 値を相対値に overflow: hiddenを使ったテクニック 長いテキストは折り返す 動画コンテンツの配置 Responsiveデザインに対応した動画コンテンツの配置方法です。 デモページ CSS: 動画コンテンツの配置 .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe,

  • Photoshop/Illustrator の小技・Tips集

    今回は簡単ですよ!そして私のような絵心ゼロの人間でも上の図のようにまあまあのデザインがほとんど一瞬でできてしまいます。 これは即席ブラシをささっと作ってパスに適用したものですが、パスだってマウスによる手書きです。ペンタブなんて持ってませんから。 まずは「鉛筆ツール」で適当に線を描きました。それにしても下手な線ですねえ!(笑) でもご心配なく。これをスムーズなパスに変換しちゃいますから。 今描いた下手なパスを選択し、「Object(オブジェクト) > Path(パス) > Simplify(単純化)」を選びます。 そして画面を「Preview」しながら単純化の程度をスライダで調整します。マウスによる手書きでごつごつしていた線があっという間にスムーズな曲線に変わってくれます。 こうなればもう楽ですから多少は自分でも手を入れてみましょう。できるだけアンカーポイントを減らし、ない方が曲線が美しくな

    ricopinx
    ricopinx 2011/12/16
    カリグラフィ調のラインを自在に描く
  • 1