広告レタッチャーによるPHOTOSHOPテクニック集｜レタッチャー / 大谷キミト｜note
広告の役割って、結局なんだろう。 たまに見かける、情報量の多いビジュアル広告。 目には止まるけれど、 中身とどうつながっているのか、 どんな期待を持って見ればいいのか、 少し考えてしまうことがある。 広告の役割は何か。 目立つこと、認知を取ること、行動を促すこと。 いろいろあるけれど、 その中でも、ここはとても重要な部分だと思っている。 中身と同じ期待をつくること。 もちろん、 「目立つかどうか」も大切だ。 そもそも広告は、 目に止まらなければ始まらない。 それは派手さだけじゃなくて、 絵としての美しさだ
WEBデザイナー必見!? Photoshop便利機能「レイヤーカンプ」｜NEWS｜株式会社INDETAIL（インディテール）
WEBデザインの際にヘッダー・フッターやグローバルナビなど、共通のデザインになるパーツはまとめて管理したほうが効率的ですね。 今回は共通パーツの管理に非常に便利なPhotoshopの機能「レイヤーカンプ」をご紹介したいと思います。 レイヤーカンプとは？ レイヤーカンプを使用すると、1 つの Photoshop ファイルで、複数のレイアウトバリエーションを作成、管理および表示することができます。 引用元：アドビサポート Photoshopファイルの、ある状態をいくつも記録しておいてくれて、ボタン一つでその状態に切り替えることができる機能で、配置先のPhotoshopファイルからも状態を切り替えることが可能です。 レイヤーカンプでは レイヤーパネル内のレイヤーの表示と非表示 ドキュメント内のレイヤーの位置 レイヤースタイルや描画モードの適用によるレイヤーの外観 上記３種類のオプションが記録でき
初めてAndroidアプリをデザインするときの基本の「き」 | keisuke tsukayoshi
Androidアプリのデザインを初めてするときに知っておきたいようなtipsを中心にまとめてみました。ぼくもあんまりAndroidアプリのデザインには慣れてはいないのですが、最近本格的にとりかかる機会があり、わからないながらもあれこれ調べてメモしていたものをまとめました。 これから初めてAndroidアプリをデザインするデザイナーさんが安心して作業にとりかかれるようになればいいなぁ。 デザインを始める前に知っておきたいこと まずAndroidのアプリデザインをする上でハードウェア（ディスプレイ）について理解する必要があります。単にディスプレイといってもAndroidには画面密度が複数あり、見かけ上同じサイズに見えても密度が違っていることがあります。これはiPhoneでいうところのRetinaと非Retinaみたいな感じ。 ここを理解できるかが鬼門ですが、考え方さえわかってしまえば簡単なので
Ink. Specs for your Photoshop Layers
Handling mockups to developer teams can be tricky. As a designer, sometimes I wrongly assume that everyone knows about how photoshop shapes, effects, and typography works. Sometimes lack of specifications leads to inaccurate front-end outputs. Sometimes the final product just doesn’t look exactly as expected. Ink is a plugin that helps you providing few extra important informations about your mock
CGcompo カメラの話をしよう！・番外編映像で見るあの現象？
第七弾・番外編映像で見るあの現象？ 番外編ということで映像でみたことはあるけど名前ってあったの？区別は？っていう現象について解説＆用語集 また、よく映像演出で使われる(特にコンポジット等で)気象現象等についても書いてます。 一部以前書いているものも含まれます。 ※多くはWikiからの引用をしてますが、個人的見解のものもあります。間違い等ご指摘下さい。 またこれも追加したら？というもの、抜けてるのもがあれば是非コメント下さい。 どうして起きるのかが分かることでコンポジット時の順番や再現の仕方などが自然と見えてきます。 ※基本wikipediaにリンクを付けしてます。(英語版の方が内容が良かったり、表現が違う場合英語版のリンクも付けてます) 特に注釈がない限り画像は自分が撮影した、ほぼ加工無しの写真or動画からの切り抜きです ボケ(Bokeh) レンズの焦点が合わすボケて見える状態。基本的には
コーディングを考慮したWebデザインガイドライン
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
加算とスクリーンを正しく使い分けて綺麗な光を描くヒント
この2つを正しく使い分けることは、綺麗な光を描く上でとても重要です。そこで今回は、加算とスクリーンがどんな計算を行い、どんな働きをするのか、解説してみたいと思います。きっと魅力的な画づくりをするヒントが見つかるはずです！ （本記事ではPhotoshopを中心にAfter Effects, Nukeといったコンポジットソフトについて触れますが、ここで紹介する考え方はその他のグラフィックソフトや映像編集ソフトでも応用できると思います。） ※記事内で説明する「合成の計算式」に出てくるA, Bは以下を指します。 A ＝ 前景のRGB値 B ＝ 背景のRGB値 （もっとも本記事で説明する内容ではAとBを入れ替えても結果は同じです） A, Bは0～1の範囲です。もし8bit色深度の値（0～255）を式に当てはめたいなら、事前に255で割って0～1の範囲にしてください（例：128 ÷ 255 = 0.5
Photoshopで写真を手書きの鉛筆画風に加工する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D で 描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを
Photoshopで集中線を作って写真を強調しよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 今日はPhotoshopを使って漫画などでよく使われる表現である「集中線」を作ってみたいと思います。 これを使うと、写真などで見せたい要素を強調して見せたり、勢いをつけたりする事ができます。 ファイルを新規作成 1000px × 1000pxで作成しましょう。 直線を引く こんな感じで下からラインを引きましょう。 今回は、1px、3px、5pxの三つの太さで描いてみました。 エフェクトをかける フィルタ ＞ ぼかし（移動） から、角度90°、距離は100pxで設定して…そのあと フィルタ ＞ 極座標 ＞ 直交座標を極座標に これをかけると… どーーーーーーん！！！！ こんな感じで集中線が完成しました。 あとはこれを透過PNGで書きだして、写真に重ねればそれっぽくなります。 集中線、PNGで配布しちゃいます 少し太めの集中線（ダウンロード） 細めの集中線（ダウンロード） 両方合
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」:phpspot開発日誌
Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」 2013年06月18日- Easily Remove Image Backgrounds Online - Clipping Magic Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」 画像をアップするとブラウザ上に編集ツールが現れ、緑色のペンで残したい部分、赤色のペンで背景を適当になぞればリアルタイムに背景が消えてくれます。 リアルタイムに消えてくれるので、間違っていた場合も簡単に良い結果が得られるまで修正を加えられます 写真から背景を簡単にくりぬきたい時に使えそうですね 関連エントリ Bootstrapなサイトで使えそうなクールなツールチップ実装jQueryプラグイン「Smallipop」 色々とカスタマイズが可能なツールチップ実装
Really cool Eclipse Effect in Photoshop
In this tutorial I will show you how I created the Abduzeedo's footer. Some of the techniques I used here I took from other tutorials and also from another tutorial I wrote some time ago for PSDtuts Mix Cool Retro Curves Into Your Photographs. Besides, the design is inspired by the amazing work of James White, so I highly recommend you to check his work out. As I said before I used some techniques
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
https://designpocket.jp/Adobe/Creative_Cloud/2013CC/03_true.aspx
apollo-img.com
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Amazon.co.jp: 神速Photoshop [グラフィックデザイン編]: 浅野桜, 石嶋未来, 加藤才智, 服部紗和, ハマダナヲミ: 本![Amazon.co.jp: 神速Photoshop [グラフィックデザイン編]: 浅野桜, 石嶋未来, 加藤才智, 服部紗和, ハマダナヲミ: 本](https://cdn-ak-scissors.b.st-hatena.com/image/square/0ed21646913b0b7b9003cce5c6f58f324effc2a8/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F51Sskv2A0BL._SL500_.jpg)
新着記事 | PhotoshopVIP
Blugraphic