Page Layers - Website screenshots for macOS
Page Layers is a website screenshot app for macOS. It converts web pages to Photoshop files with separate layers for all page elements. It enables you to open web pages in Photoshop and saves you lots of time when re-designing or improving existing web page designs. Just open any page in the embedded browser and save the page as PSD with layers or as plain PNG image. In the HTML to PSD conversion
Retinize It - Photoshop actions for slicing retina assets @2x @3x
What it includes? There are 3 actions in the package: – 1x is for for slicing selected layer(s)/group only, great for a quick export of the element in the original size. - 1x, 2x is for slicing selected element + it’s scaled by 200% version. Perfect for Retina-ready websites. - 1x, 2x, 3x for the selected element + scaled 200% + scaled 300%. Perfect for iOS assets. What should I keep in mind? Work
【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to
みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき（@gautt） Finderの［情報を見る］で［低解像度で開く］にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (
デザイン設計に集中する時間を増やしてみよう - クックパッド開発者ブログ
こんにちは！ ユーザーファースト推進部のデザイングループのジョン・ジンホ(@img75)です。 前回、クックパッドのデザインプロセスについてご紹介しましたが、私からはクックパッドのデザインプロセスをより効率的にまわす為に、デザイナーとしてどのようなツールを活用しているのかを、今回は Adobe Photoshop CC のプラグインを中心にご紹介したいと思います。 デザイン設計に集中できる Photoshop などでの作業効率を向上させると、デザイナーにとって貴重な「デザイン設計に集中できる時間」が生まれます。それは結果的にクックパッドを利用してくださるみなさまにより良い機能をすばやく提供できることにつながるので、私はいつもデザインするにあたって不必要な時間を減らす努力をしています。 最近、私は「撮るレシピ」（Android/ SPweb版）のデザインを担当しました。 「撮るレシピ」は、こ
Photoshopのファイルを監視して製作過程動画を作ってくれる『Schnapps』 | 100SHIKI
これは便利そう。 Schnappsは、Photoshopのファイルを監視して製作過程動画を作ってくれるツールだ。 仕組みは簡単で、ファイルが保存されるたびにスクリーンショットを撮ってくれて、それをつなぎあわせているだけだ。 しかしながら「こういう画像を作るときにどうしているんだろう？」という疑問を解消してくれる素敵ツールではなかろうか。 また結果は.gifか.movかを選ぶことができる。.gifにしておけばウェブに貼り付けるのも簡単だ。デザインの勉強をする人には良さそうですな。
Photoshop CCから外部ファイルの配置が可能になってめちゃ笑顔になれた | 京都のWeb制作・ホームページ制作ならブリッジコーポレーション
このサイトでは、アクセス状況の把握や広告配信などのために、Cookie（クッキー）を使用しています。このバナーを閉じるか、閲覧を継続することでCookieの使用に同意するものとします。 詳細はコチラ詳細はコチラ [ 閉じる ] Photoshopには、スマートオブジェクトという大変便利な機能がありますが、今まではひとつのPSDファイル内でしかその効果は発揮されませんでした。 スマートオブジェクトは、Photoshop や Illustrator ファイルなどのラスター画像やベクトル画像からの画像データを含むレイヤーです。スマートオブジェクトでは、すべてのデータ特性とともに元の画像のコンテンツを保持するため、非破壊編集を行うことができます。 引用元：Photoshop ヘルプ | スマートオブジェクトの作成 | CC、CS6 とまぁ、こんな認識がCS6以前のスマートオブジェクトにはありました
photoshopのブラシサイズを表す、カーソルの部分の円が表示されなくなってしまいました… - どこも触っていないはずなのですが、突然... - Yahoo!知恵袋
photoshopのブラシサイズを表す、カーソルの部分の円が表示されなくなってしまいました… どこも触っていないはずなのですが、突然、ブラシの円がなくなってしまいました。 一応、なんとなくですが、「環境設定」の「カーソル」のところをいじってみたのですが、変化なく、十字が表示されているだけです。 photoshop elements 6 を使っています。 数日前から、消しゴムツールも、100％で消しているのに30％ずつぐらいしか消えなかったり、なんとなくおかしいな…という状況です…。 インストールしなおした方がいいでしょうか…？？
Photoshop CC、ついに外部ファイルをリンクできるように
Photoshop でWebデザインカンプを制作している方には嬉しい、外部ファイルをスマートオブジェクトとしてリンクする機能が Photoshop CC 14.2 でついに搭載されました。 どういう時に使うのか たとえば、Webデザインカンプを制作する時に、「トップページ、製品情報ページ、お問い合せページなど複数のページを制作し、各ページのヘッダー部分とフッター部分は共通のデザインで制作する」ということはよくあると思います。 そのような時、Fireworks では「ページ」パネル、Illustrator では「リンク」パネルを使って外部ファイルをリンクさせると便利です。 Photoshop にはこれまで「ページ」パネルや「リンク」パネルのようなものは無かったのですが、Photoshop CC 14.2 では「リンクを配置」という外部ファイルをスマートオブジェクトとして配置する機能がつきまし
Webデザインが捗るPhotoshopの時短ワザ4つ
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 面倒なスライス作業は「画像アセットの生成」機能で不要に Web制作で面倒な作業といえば、カンプから画像パーツをスライスする作業。パーツがたくさんあったり、あとからデザインが何度も変更になったりすると、いちいち書き出すのが手間ですよね。 Photoshop CC（14.1以降）の「画像アセットの生成」を使うと、スライス作業が不要になり、レイヤーグループごとに画像ファイルを自動的に書き出せます。 例として［角丸長方形］ツールと［テキスト］ツールで作った以下のようなボタンを書き出してみましょう。 ［角丸長方形］と［Button］の2つのレイヤーを選択し、command+Gでグループ化します。グループ名には、書き出した
テキストの編集
Photoshop ユーザーガイド Photoshop の概要 夢をカタチに Photoshop の新機能 初めての写真編集 ドキュメントの作成 Photoshop | よくある質問 Photoshop の必要システム構成 Photoshop とは Photoshop とその他の Adobe 製品およびサービス Photoshop で Illustrator アートワークを作業する InDesign での Photoshop ファイルの操作 Photoshop 用 Substance 3D マテリアル Photoshop の Capture アプリ内拡張機能の使用 Photoshop iPad 版（中国本土ではご利用いただけません） Photoshop iPad 版 | よくある質問 ワークスペースについて システム要件 | Photoshop iPad 版 ドキュメントの作成、表示、書き
細かすぎて伝わらないアンチエイリアスの話
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photoshopのアンチエイリアスについては、基本的には５種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の５種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の４つに関しては シャープ：文字が太い / くっきり 鮮明：文字が細い / くっきり 強く：文字が太い / なめらか 滑らかに：文字が細い / なめ
Adobe CS5 体験版をもってませんか - OKWAVE
かなりレアな技です。 変だと思うでしょうが 以下のページに入ってください。 Adobe Photoshop Elements 10の体験版ダウンロードページです。 http://www.adobe.com/cfusion/tdrc/index.cfm?product=photoshop_elements&loc=ja&crosssell=selected ↑このページから 直接↓のＵＲＬを入力すればダウンロードが始まります。 Adobe CS5 Master Collection Japanese Windows http://trials2.adobe.com/AdobeProducts/STAM/CS5/win32/MasterCollection_CS5_LS2.7z Adobe CS5 Master Collection Japanese Mac http://trials2.ad
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
Lightroom 使い始めたら写真編集が超サクサクになった！＆ RAW画像の楽しさがわかってきてオススメするしかない : 941::blog
NEX-5用に シグマ 30mm F2.8 EX DN を購入、これも大変よい - 941::blog ７万枚超の写真データをいかに整理するか数年悩んでいる話 - 941::blog あたりでもふれたのだけど、最近レンズを買ったり画像整理を見なおしたりしている中で Lightroom というのを購入してみた。きっかけは、写真が上手な Hacker が Lightroom から Flickr にあげてたり 尊敬している Hacker が Facebook などに Lightroom を使ってアップしているのがわかったから。 そもそも写真の補正をするためのソフトなのになんでソーシャル系サービスにアップ出来るのか 謎だったんだけど、使ってみると画像の一括編集と一括アップロードがめたんこ捗ることに気付いた。 だいぶ気に入ってしばらく本格的に使ってみようと思うので紹介しちゃう。 というか「もっとこん
Photoshopで簡単に湯気を描く方法！ | Material
Photoshopでお料理写真などを編集する時、温かさを使える為に湯気を描くことがよくあります。 湯気って気体だから無形で難しいんだよね。でも、逆に言えば薄く描けばなんとなくでいいんじゃなーい？ （写真提供：プロカメラマンの無料写真素材・著作権フリー画像素材のリンクスタイル） Photoshopで湯気を描く方法 - その1 湯気をつけたい画像の上に新しいレイヤーを作ります。（Name：湯気） 適当なサイズのブラシで湯気の元となる筋を描きます。 描画色は白、もしくは薄い灰色でOKです。 次に先ほど描いた白い湯気の筋を指先ツールでそれっぽく見えるように擦ります。 いい感じになるまで何度もやり直しましょう。 湯気レイヤーの塗りを30%位まで下げます。 怪しくならないようにね。センスです。 湯気に奥行きを出す為、新たに湯気レイヤー2を作り塗りのパーセンテージを変えたりして調整します。 以上。 笑っ
Adobe Creative Cloud 契約しました - colopixie
Adobe Creative Cloud にしました。 バージョンが変わり、CS5からCS6になりました。 ダウンロードはAdobe Application Managerというツールを使うみたいです。 全部入れたい時には選択が面倒ですが、メインマシンのMacBook Airの128GBのSSDに全部入れることはきついので、Photoshop・Illustrator・Fireworks・Premiere・After Effects・Dreamweaver・Acrobat・Lightroomをインストールしました。 AiとかDwとかFwは早くなった気がします。 問題はメインで使っているPhotoshopが尋常じゃないほど重いのです…ファイルを開く、レイヤー移動、新規テキスト、拡大縮小にレイボークルクルが出現してイライラしました。 ただ、最近環境設定を変更したら落ち着きだした（CS5よりはまだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
Ngi-d.net
アドビ カスタマー サポート on Twitter: "Photoshop CS6を使っていて「ちょっと動作が遅いな？」とか「なんだか動作がおかしいな？」と思ったら、OpenGLをオフで解消することがあります。設定方法はこちら！http://t.co/zCUqDpRT"