Photoshopのハイパスフィルターを使った凄技レタッチを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの白浜です。 最近写真のレタッチすることがちょくちょくありまして、その中で個人的に「これはすごい！」と思ったPhotoshopのハイパスフィルターを使った方法について、紹介していきたいと思います。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ ハイパスフィルターを使ったレタッチの手順 1. レイヤーを2枚複製する まずは元画像を2枚コピーします。レイヤー名は任意なのであとでわかりやすいように「ぼかし」と「ハイパス」と名前をつけています。 2. コピーしたレイヤーにフィルタをかける 複製したレイヤーにそれぞれフィル
グラフィック広告のデジタルレタッチテクニック | デジタルフォト&デザインセミナー2013 | Shuffle by COMMERCIAL PHOTO
グラフィック広告のビジュアルはどのように仕上げられるのか。セミナー2本目のセッションでは、人物の肌レタッチにおけるプロの技が披露された。講師は、広告製版のエキスパートとして90年以上の歴史を持つトーン・アップのビジュアルディレクター、篠田隆浩氏。 篠田隆浩 氏 グラフィックデザイナーの経験を経て、レタッチや 3DCG などのビジュアル制作を中心に活動。現在は動画制作もこなす。関西電塾運営委員。 トーン・アップでレタッチャーをしている篠田と申します。今日は、こういった機会をいただきましたので、僕が普段手掛けているレタッチの中から、人物のレタッチ方法を紹介していこうと思います。レタッチというと一般的には「Photoshop」を使っている方がほとんどかと思いますが、私はPhotoshopだけではなく、「After Effects」や「CINEMA 4D Light」なども並行して使っています。そ
入社前に知っておきたい撮影の基本｜株式会社ピクト～TVCMを中心とした全ての映像の企画制作
これからCM業界の一員になる皆さんに、日々進化する撮影技術の中から 基本知識として知っておいてほしい事柄を集めました。 難しい言葉もありますが、これを知っているとちょっと自慢できるかも？ フィルムカメラとデジタルカメラの違い 代表的なフィルムカメラ 代表的なデジタルカメラとコーデック 撮像素子 コーデック RAW 4K 照明機材の種類 色温度 デイライト（5600K） タングステン（3200K） HMIライト 光のコントラスト フィルムとデジタルのカメラの違い ・フィルムカメラ 35mmフォーマットや16mmフォーマットのフィルムを使って撮影するカメラです。 同録やハイスピードなどの目的別にカメラを使い分けます。 画質や信頼性、トーン作りの柔軟性などでは現在でもトップクラスのクォリティーですが、現像などの画像処理時間やコストの面でマイナス面を持っています。 ・デジタルカメラ 撮像素子に入っ
jQuery逆引きリファレンス - ＠IT
children([exp])、next([exp])、nextAll([exp])、parent([exp])、parents([exp])、prev([exp])、prevAll([exp])、siblings([exp])
「Source」のPhotoshopプラグインが便利！無料で使えるSNSテンプレやアイコンなど | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 以前「テクスチャ画像が300種類以上！Photoshopプラグイン“Subtle Patterns”」という記事を書きましたが、それ以来「Subtle Patterns」を販売しているサイト「Source」のファンになってしまいました…。 プラグインのUIもサイトデザインも素敵です。「Source」では他にも便利で素敵なUIのPhotoshopプラグインをたくさん販売しています。今回はその中で、無料でダウンロードできるPhotoshopプラグインを3つ紹介したいと思います。 Source https://madebysource.com/ 1. SNSのデザインテンプレート集「Social Kit」 http://socialkit.madebysource.com/ FacebookやTwitterなどのソーシャルサイトのデザインテンプレートが使えち
Stronghold - ぼくらの本拠地
AWSWordpress April 5th 2016 Amazon EC2でWordPress – Amazon S3にメディア画像等の静的ファイルを設置する方法 AWSWordpress April 5th 2016 Amazon EC2でWordPress – パーマリンクがうまく動作しない場合 AWSWordpress April 5th 2016 Amazon EC2でWordPress – SSH接続からWordPressのインストールまで AWSWordpress April 4th 2016 AWS Amazon EC2上でWordPressを動作させる方法 – EC2のインスタンス作成からMySQLの設定まで AfterEffects May 25th 2015 After Effects 埋め込み動画/静止画から指定色を透過させ、背景透過のPNG画像（連番）で書き出す方
SVG線画が美しいリッチアニメーションの作り方 (1/2)
ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1：SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素
Fireworks で戦国武将の家紋を作って SVG な Web Font に変換してみる - 歴史雑談録
どうも、松田直樹@まぼろし でございます。 当方、実はWeb制作が本業でして、このような記事を書くハメになってしまいました。（いや、喜んで書いてますよ） 「Fireworks」ってのは Photoshop のようなグラフィックツールでございまして。 Web制作に特化した機能が豊富だったりで Webな方々には多く使われていたりするのですが、僕も右に倣えで頻繁に使用しているわけです。この Fireworks に関する記事を書くにあたり、この歴史雑談録に何とか絡めようと表題のようなテーマに及んだ次第にござりまする。 ということで、この記事は「Fireworks Lover Advent Calendar 2012」の20日目の記事となります。（長いです。すんません） 今現在、Web制作界隈においては「脱ビットマップ」「SVG元年」といったキーワードが脚光を浴びておるわけですから、なんと時勢を読ん
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
保存版！CSS3セレクタの説明書
CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Web担当初心者がまず知っておきたいHTMLやCSSに関する基礎知識【実例付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。 最近ではさまざまなプロモーションやマーケティング活動などでもWebを活用するようになり、専門職の方以外も「Web担当者」となる方が増えてきました。 とはいえ、アクセス解析や広告出稿などをメインに担当するような方から、簡単なサイト更新であれば全て対応されるような方まで、その職務範囲はさまざまだと思います。 そこで今回は、Webの知識がほとんどないまま初めてWebに関連する業務を担当することになった人が、最低限知っておきたい基礎知識についてまとめてみました。 業務上Webに関する知識は必要ないという方も、普段見ているネットの仕組みはこうなっているのか、と確認の意味でご覧いただければと思います。 ▼目次 Webページの仕組み Webサイトの構造 HTMLのタグ CSSについて id属性 スクリプト言語 Webページの仕組み Webページはさまざまなプログラミ
イラスト風の劇画タッチも表現できるオススメ無料Photoshop絵の具ブラシ9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 幼い頃、祖父母のスパルタ油絵教育から逃げ出した過去を持つ、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 そんな過去にリベンジすべく、今年のお盆休みは、4日間の油絵講習を受講してきました。 さて、僕の主な業務の1つに背景ジャックのデザインがあります。 使用しているツールはPhotoshopです。 下記の画像のような劇画チックなデザインをする上で、絵の具ブラシに非常に助けられました。 が、自分の求める絵の具ブラシを探すのに、思いのほか時間がかかってしまいました。 特に駆け出しデザイナーの方には、同じ思いをしてほしくない！ そこで今回は、そのうちきっと役に立つ、使い勝手のよい絵の具ブラシをまとめさせていただきました。 これらのブラシツールを上手く使いこなせば先程の画像のようなデザインだってちょちょいのちょいです。 あまり使用する機会のない絵の具ブラシかもしれませんが、
500円以下で作れるワンコイン格安フォトブックを比較してみた
娘の写真を家族に共有するためにFacebookを使っているのですが、両親とかは写真で見るのが好きみたいなので、手軽に500円くらいでできるフォトブックサービスを探していました。いろいろ教えてもらいましたが今じゃワンコインでかなりのモノが作れるんですね。 TOLOT TOLOTは最大62枚の写真を使ったフォトブックを500円で作れるサービスです。選べる写真の枚数でいうとダントツに良い感じです。 PCでもスマフォアプリでも簡単に作成可能。文字も入力でき、ギャラリーから画像を選べるのでデザインにこだわることもできます。 ビニールのカバーが付いていてうすーい文庫と同じサイズぐらいです。 中身はこんな感じ。室内の写真ばかりだったせいか、全体的に写真が暗い印象がありました。写真はSnapseedとかで明るさ調整してから作ったほうがよさそう。 「紙質がいまいち」という噂を聞いてましたが、個人的に保存用ア
梅沢篤 | INTERVIEW | SHOOTING
グループの撮影は、事前準備、撮影現場、レタッチ、デザインワークと 簡単そうに見えて、実は大変な作業の連続だ。 グループ、大人数の集合写真をどのように構築していくのか、 EXILEやミスユニバースファイナリスト等、大人数の仕事を手掛けている アートディレクターの梅沢篤さんに「大人数ディレクション」について話を聞いた。 集合写真をディレクションするようになったのはいつ頃からですか。 最初はSPEEDの広告がきっかけでした。これを作る際にマストな条件として、「縦位置で全身」という決まり事がありました。ただ、4人が普通に立っているという選択肢は自分の中になくて、そこから脱却しようと思ったのが、最初のきっかけですね。 その時にもう一つ気にしたのが「顔の大きさ」。SPEEDというグループの中で優劣があってはいけないので、顔の大きさを変えないで、前後の奥行をあまりつけたくないと考えると、自然に「上下の立
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
峰なゆかの「女くどき飯」第4回：オザケンヘアのカウンセラー(34)と渋谷の中華で - ぐるなび みんなのごはん
Kotaku - The Gamer's Guide
Imaging Resource "Comparometer" ™ Digital Camera Image Comparison Page