思わず試したくなる、Photoshopのすごい最新チュートリアル、作り方36個まとめ
この記事では、フォトショップの最新デザインテクニックを学ぶことができるチュートリアルをまとめてご紹介しています。 順番にデザインを進めていくことで、より実践的にツールや機能の使い方を学ぶことができ、他と差のつくデザインテクニックを自然と身につけることができます。 某人気アニメ映画のように写真をイラスト風に加工したり、より見た目に近いライティングエフェクト、本物と見間違うほどリアルな写真合成など、思わず試したくなる素敵なデザインテクニックが揃います。 思わず試したくなる、Photoshopのすごい最新チュートリアル、作り方まとめ 夕方編：風景写真をイラスト・アニメ風に加工する方法 美しい夕日をバックにした夕方っぽく、写真をイラスト風に加工するテクニックがとても詳しく紹介されています。最後にキャラクターを違和感なく合成。日本語チュートリアルというのも嬉しいポイントです。 このテクニックを使った
CSSでfloatを解除する方法のまとめ
CSSのfloatを解除（クリア）する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題（というか仕様）と、その対処方法についてネットで調べた情報を一通りまとめました。 １．floatにより親要素の高さが出なくなる（＝背景がなくなる）問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSとHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
CSS でよく使う装飾定義をコンポーネントとしてまとめる
2007-01-26T01:26:38+09:00 北村曉さんよりコンポーネントにまとめる際、それを或る一つのclass名に集約するという方向性についてご指摘いただきました。この記事をご覧いただく際、是非参照してください。 CSSでよく使う装飾定義をclass名でまとめることについて(徒書) また、いただいたフィードバックを元にもう一度考えを改めて記事を書きました。 『CSS でよく使う装飾定義をコンポーネントとしてまとめる』をもう一度 リニューアルの際に CSS の分割管理を実践したのだけれど、その分割した CSS の中によく使う装飾をコンポーネントとして class にまとめた component.css というのを作成しました。コンポーネントとしてまとめることで変化に強くなりメンテナンス性が上がるのだけではなく、同じような装飾をおこなうために何度も良く似たスタイル定義を行うということ
躍動感あふれる写真を撮るためのちょっとしたテクニック | p o p * p o p
最近、デジタル一眼レフが人気のようです。Webでも写真共有サイトが多くの人を集めていますね。 ということで、今回は写真ネタです。 こちらで紹介されていた「躍動感あふれる写真を撮るためのテクニック」をご紹介。 » Photojojo ≫ People in Motion – Two Quick Tips for More Interesting Shots 下記に実際の写真と共にご説明いたします！ 【テクニックその1】 パンする（対象に合わせてカメラを動かす） 一般的にパンは写真ではなく映像の撮影に使われますが、写真でもうまく使えばこのような（↓）写真を撮ることができます。 ↑ スピード感あふれる写真ができました。 やり方は「撮影対象の動きに合わせてカメラを動かす」というシンプルなものですが、やってみると難しいものです。そこでいくつかのコツをご紹介。 シャッタースピードを遅めに設定しましょう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳
写真がめくれた感じを表現する | DesignWalker
