【今週のTED】簡単！無料！Photoshopの達人が教える、写真加工のコツ | 旅ラボ｜世界とつながる総合情報マガジン
Photoshop（フォトショップ）で、驚くべき写真がつくれることを、あなたは知っているだろうか。 マグリットに代表されるシュールレアリズムの世界を写真で表現したらどうなるだろうか。そこには驚くべき写真の数々が存在している。 Photoshop（フォトショップ）の達人であるエリック・ヨハンソンが、2つの写真を巧みに交えることで、パッと見ると存在しそうな光景なのだが、よく見ると絶対にありえない景色を表現している。 カメラが切り取るものが瞬間だとしたら、彼は自分のアイデアで、新しい世界をつくっているのだ。 だまし絵を楽しむ時のように、気持よく騙されることができる。この映像をみたら、あなたも今日からクリエイターの一歩を踏み出すことができるのだ！Photoshop（フォトショップ）の使い方を学んで、世界の瞬間を、新しい視点で記録してみてはいかがだろうか。 Never Stop Exploring…
これからPhotoshopに乗り換えるFireworksユーザーへ。注意が必要なポイントとその解決策
2013年5月、Fireworks開発終了ニュースを受け、多くのFireworksユーザーたちがAdobe許すまじと誓ったあの事件から早いものでもうすぐ1年経とうとしています。 私は今でもFireworksが大好きですし未だによく使っていますが、最近ではPhotoshopでデザインすることが多くなってきました。PhotoshopはCCになってからだいぶ使いやすくなり、いい感じです。 ただ、Fireworksユーザーからすると、Photoshopでデザインする上で不便だなーと思った点がいくつかあったので、今更ですがまとめてみました。ものすごーく地味なことばっかりですが、FireworksからPhotoshopに移行する方ならば一度は困るんじゃないかと思うことなので、参考になれば幸いです。 2016/7/5 追記 CSSHatで表示して見る を今更追記しました。サンキュー@sou_lab 20
The ustwo™ Pixel Perfect Precision Handbook 2 日本語版
『Pixel Perfect Precision™ Handbook 2』（以下PPP™）は、ウェブサイトなどのデジタル環境用のデザインをする上での基本原則と、実践ですぐに使える具体的なPhotoshopのテクニックが収録されているドキュメントです。その名の通り、パーフェクトな精度のピクセルでデザインをするためのノウハウが、わかりやすいビジュアルと簡潔な文章でまとまっています。 元々PPP™は、グローバルに拠点を置くデジタルデザインスタジオustwo™ のGyppsy氏が制作したドキュメントです。iBooks版とPDF版のPPP™ドキュメントに加え、スクリプトやPhotoshopパターン集を付録の「エクストラ」として、ustwo™ ウェブサイトにて無償で配布しています。 PPP™は、デジタルデザインを学びたい人に、デザインの基礎知識と概念的な全体像を提供できるドキュメントであると同時に、既
Photoshopで30分かかっていた作業がわずか1分でできるようになる「神速Photoshop [Webデザイン編]」
「学校では教えてくれない、89の時短テクニック」「自己流で時間をムダにしていませんか？ウェブデザインをもっとラクに、もっとすばやく」ということで、かなり実践寄りの効率的なテクニックばかりを集めたのが「神速Photoshop [Webデザイン編]」です。ちょうどPhotoshop CC＋Lightroom 5が月額980円で使える「Photoshop 写真家向けプログラム」を使い始めたところだったので、しげしげと読んでみてお役立ちっぽいのがないかどうか探してみました。 まず以下が神速デザイン五カ条、「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」ということで、どれもこれもごもっともな感じ。人は放っておくと今までの慣れ親しんだやり方が非効率的であっても「慣れているから」というただそれだけの理
![Photoshopで30分かかっていた作業がわずか1分でできるようになる「神速Photoshop [Webデザイン編]」](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c41fbe4b12f924168669811ff3092c3f86d6551/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2014%2F04%2F04%2Fphotoshop-god-speed-web%2FP1930188.jpg)
知らないと損！ウェブデザインに特化したPhotoshopの効率的な89の時短テクニック -神速 Photoshop Webデザイン編
Photoshopを毎日使うウェブ制作者はぜひ目を通してほしい、Photoshopを自分の手足のように使えるようにするノウハウ、同じ結果でも遙かに時間が短縮されるテクニックが満載のオススメ本を紹介します。 同サイズの画像をスライスするのに5分かかっていたのが1分で！ 10px以下の小さな文字を鮮明にするのに10分以上かかっていたのが5分でよりキレイに！ など実用的な技が満載です。 「神速 Photoshop Webデザイン編」ではウェブデザインの現場でPhotoshopを使う時に役立つ情報が満載！ Webデザインに特化したPhotoshopの環境設定方法から、すばやいスライス、効率的なカンプの作成、デザインのバリエーションを楽につくるなど、実践的なテクニックや便利なツール、そしていざという時の「直し」に強いデータをつくる方法など、デザイナーの時間を大幅に短縮します。 神速デザインの5箇条
度肝を抜いちゃうよ。写真を使った「生首風ホルマリン漬け」の作り方。 : カラパイア
いきなり冷蔵庫開けてこれが入ってたら、度肝を抜くこと間違いなしの生首入りホルマリン漬けの作り方が紹介されていた。基本的には容器に防水加工を施した顔写真を入れるというだけなんだけど、このインパクトはちょっと素通りできないものがある。
魔法！Webレイアウトを数回のクリックで『Velositey』#Photoshop
さっさと仕事を終えて帰宅に向かいたいWebデザイナーさんへ朗報ですよ！ Photoshopと合わせて使える便利機能を見つけたので紹介します。 Velositeyは、Webレイアウトを数回のクリックで完成できるPhotoshop用のプラグインです。例えば、以下のようなレイアウト。Photoshopを起動してから、わずか4回のクリックで完成です。 ワイヤーフレームにも使えますし、ここからさらに作り込んでWebデザインとして完成させることも可能ですね。 それでは実際に上のレイアウト作成にかかった『4クリック』を振り返ってみます。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2
2014年版スペシウム光線ヤバい…！最新のPhotoshopを使ったスペシウム光線の作り方 : らばQ
2014年版スペシウム光線ヤバい…！最新のPhotoshopを使ったスペシウム光線の作り方 特撮の元祖とも言えるウルトラマンの必殺技、スペシウム光線をPhotoshopで再現する方法が「 Pen+デザインラボ 」で公開、さらに2014年バージョンとして制作された新しいスペシウム光線が公開されました。 最新のPhotoshopによる、パワーアップしたスペシウム光線をご覧ください。 Photoshop CCによるスペシウム光線の加工方法を公開したのは、デザイン誌Pen+とアドビのコラボによる、紙のデザインを快適にする「Pen+デザインラボ」。 Pen+ デザインラボ｜Adobe その中の 「Pen＋的チュートリアル」では、オリジナルのフィルムから読み込んだ素材を元に、Photoshop CCでスペシウム光線を作る手順が公開されています。 加工のベースとなるのは、当時のフィルムから読み込んだ素材
Photoshopのレイヤー分けがカオスにならない整理術 | SMARQ
今年からWEBデザイン2年目に突入しました。Photoshopでバナー・ランディングページ・アプリ・コンパネまで色々作ってきましたが、初期の頃のデータを見返すとレイヤー分けがカオスで申し訳なくなります。 レイヤー分けがカオスだと、それを引き継いだ人の時間も奪いますし、自分でさえ分からなくなって非効率の悪循環に陥ります。レイヤーの乱れは心の乱れです。 …と言いつつ、レイヤー分けにこだわりすぎても現状の作業が遅くなりますよねー。僕は特に大雑把なので、単純な小技だけで実現できる整理術を考えました。プラグインもいりません。楽なのでオススメです☆ 1.「〜のコピー」を付けない設定 以前、レイヤー複製で「〜のコピー」を付けない方法：Photoshopという記事の書きました。まず、この設定をしましょう。 レイヤーウィンドウの右上からパネルオプションを選び「コピーしたレイヤーとグループにコピーを追加」とい
『難しくないデザイン効率化のすすめ』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。 リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。 運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？ と、なかなか一筋縄ではいかない問題です。 ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。 どう
隠れた便利機能ベスト3
こんにちは。デザイナーのハルエです。 今回は、知っているのと知らないのとでは作業時間に圧倒的な差がついてしまうPhotoshopの効率化機能マイベスト3を紹介させていただきます！ 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ ※2014年3月7日に公開された記事を再編集したものです。 その1：Vanishing Pointでハメコミ合成 みなさん、“Vanishing Point（ヴァニシングポイント）”機能をご存じでしょうか？ 機能の存在は知っていても、使ったことのない方が多いかと思います。 このVanishing Point
psdiff - GitHub上でPSDファイルの差分表示を可能にするスクリプト MOONGIFT
デザイナーの方は覚えておくと便利そうですよ！ GitHubでは様々なファイルの差分表示が行えます。その一つに画像があります。PNGやJPEGといった画像の差分をWebブラウザ上で行えます。これはデザイナーの方にとってかなり便利な機能ではないでしょうか。 しかしデザイナーであればなんとしても対応して欲しいと思うのがPhotoshopのPSDではないでしょうか。GitHubではPSDをサポートしていませんが、それを可能にするライブラリがpsdiffです。 psdiffのインストール インストールは簡単で、一行のスクリプトで完了します。これは差分チェックを行いたいGitリポジトリ上で行います。 $ bash <(curl -sSL https://raw.github.com/filp/psdiff/master/install.sh) Damn, the 'psd' gem is not in
Photoshopのパスファインダーパネルを作りました（CS6／CC用） - saucer
意外と知られていないですが、PhotoshopでもIllustratorのパスファインダーのように、複数のシェイプを組み合わせて新しいシェイプを作成する機能があります（CS6以降）。でも、メニューとオプションバーを使って2回の操作を行わねばならず、Illustratorのようにワンクリックで実行することはできません。そこで、これらの処理をスクリプトにまとめ、実行しやすいようにパネルにしました。CS6以降のみになりますが、興味があればぜひ使ってみてください。（2014.07.29更新） ダウンロードお使いのPhotoshopのバージョンに合わせたものを、以下よりダウンロードしてください。なお、CC以降では最新バージョンの使用をお勧めします。 最新バージョンCS6用（ver. 1.0.1）： ダウンロード（ps_pathfinder_cs6.zip／zip形式）CC用（ver. 1.0.1）：
デザインのガイドラインや指示書の作成が驚くほど捗るPhotoshopの機能拡張 -Ink
PSDのレイヤーに配置した要素のサイズやエフェクトやフォントなどの情報を1クリックでドキュメント化するPhotoshopのプラグインを紹介します。 機能拡張は無料で利用でき、Photoshop CC/CS6に対応しています。 サイズやフォントの情報など、1クリックで作成してくれます。 Inkの特長 Inkのインストール Inkの使い方 Inkの特長 ウェブページなどのレイアウトやさまざまな要素のサイズ、形、カラー、エフェクト、フォントの種類・サイズなど、指定したレイヤー上にある情報を1クリックでPSD上にドキュメント化します。 Ink スタイルガイドなどでルールをしっかり決めておくと、デザインのアウトプットにぶれがなくなり、最終のプロダクトも想定通りに仕上がります。 Inkのインストール まずは、インストーラーをサイトからダウンロードします。 Ink CS 6にインストールしたので、その手
細かすぎて伝わらないアンチエイリアスの話 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photoshopのアンチエイリアスについては、基本的には５種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の５種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の４つに関しては シャープ：文字が太い / くっきり 鮮明：文字が細い / くっきり 強く：文字が太い / なめらか 滑らかに：文字が細い / なめ
66 free Photoshop actions
The best free Photoshop actions can save you a lot of time if you're aiming to create a particular type of effect in Adobe's industry-standard image editing software. While doing it yourself can be time-consuming, Photoshop actions bundle in all the changes and processes needed to achieve a result while still allowing some fine-tuning once they've been applied. You can create Photoshop actions you
【Photoshop】ライトセーバーの作り方 基礎→実践‐ニコニコ動画(ββ)
某スターウォーズのライトセーバーの作り方です。YouTUBEのライトセーバーチュートリアル動画の劣化コピーのようなもんです。最後のオマケは、Photoshopで作ったものをAfter Effectsに読み込ませたものです。フォトショで作ればあーいう加工が楽ちんだよ的な。言葉足らずな点が多いかと思うので、先に謝ります。ごめんなさい。動画にコメント残してくれれば反応できるかも。高画質でうｐできてなかった時のために、一応zoomeも載せておきますね(´･ω･)http://zoome.jp/onatto/diary/1/大河の絵はPixivのナガトミ様のものをお借りしました。http://www.pixiv.net/member_illust.php?mode=medium&illust_id=2000935
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
ごりゅご.com
