白の要素を透明にするPhotoshopアクション - saucer
少し前にTwitterでユミソラさん（@yumisora）とロゴの抽出についてお話していて、以前「Photoshop 楽・速・美」という書籍で書いた「炎を奇麗に抽出する」というネタを思い出したので、画像の白い部分を透明にするように内容を展開してアクションにしてみました。興味があれば使ってみてください。（2014.2.8 15:55更新） どういう処理ができるか画像の中の白い部分を透明にします。グラデーションなども半透明でキレイに抜けます。グレースケール画像に限っては、エッジのフリンジ（ギザギザ）もない状態でキレイに抽出が可能です。白黒のロゴや線画をすばやく透明化したときは、便利に使えるんじゃないかと思います。 ダウンロード以下からどうぞ。zip圧縮していますのでダウンロードしたあと解凍してください。今のところCS5、CS6、CCでの動作を確認しています。もしそれ以下のバージョンで欲しい方が
Fireworksで作ったデータ（.png）をPhotoshop形式（.psd）に変換する方法 ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
どうもこんにちは。最近本格的にPhotoshop修行を始めましたがツンデレPhotoshopさんにツンツンされっぱなしで一向に仲良くなれないかわさきです。そろそろ少しはデレてほしい(´・ω・｀) さて、マグネッツでは普段、WEBページのデザインはFireworksをメインに使用して行っております。 （2013年5月にFireworks開発終了のニュースが流れまして、ゆくゆくは段階的に他のソフトに移行しないとなぁ…という感じです。しかしFireworksはWEB制作に特化した非常に使い勝手のいいソフトでなので、とても残念です…） たまにFireworksで作成したデザインデータ（.png）をPhotoshop形式（.psd）にてクライアント様にお渡しする必要がありまして、そのまま変換してみたら当たり前だけど結構変わってしまうなぁ…となって四苦八苦… で、今後同様の作業が必要になった時やりやす
PhotoshopでのWeb制作効率を向上させる「JSX」とは
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
Adobe Photoshop CCファーストインプレッション
Adobe Photoshop CC が公開されたので、早速レポートです。 Photoshop CCは、見た目はほぼ Photoshop CS6 と同じですが、パネルを使用したシェイプサイズの変更や角丸の再編集など、Webデザイナーにとっても地味に便利な機能が追加されています。 パネルを使用してシェイプサイズを変更・移動 これまで、長方形などのシェイプのサイズを数値指定で変更するには、Ctrl+Tキーなどを押して自由変形モードにし、「基準点」の「左上」をクリックしてからサイズを変更する必要があり、手間がかかりました。 私の場合は、自作の JSX（スクリプト）でシェイプサイズを変更していたのですが、Fireworks のプロパティインスペクタや、Illustrator の変形パネルのようなものを作ろうかと思っていた矢先に標準機能として搭載されました。 新しいパネルが増えたのではなく、長方形な
【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう
2014年8月17日 Photoshop, Webサイト制作, Webデザイン 「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その4 目標：実際の幅にあったサイトデザインが作れる・Photoshopの基本的なツールを使った装飾ができる 必要なもの：Adobe Photoshop 対象レベル：Photoshopの基本的なツールの使い方がわかる 事前知識は以下の記事でおさらい！ これからP
美しくて機能するウェブデザインを作成するPhotoshopの7つのテクニック
クリーンで、エレガントで、美しく、そしてしっかりと機能するウェブデザインを作成するのに役立つPhotoshopのテクニックを紹介します。 7 Photoshop tips for designing clean and modern websites [ad#ad-2] 下記は各ポイントを意訳したものです。 1. Space(ホワイトスペース) 2. Depth(奥行き) 3. Detail(ディテール) 4. Definition(明確) 5. Interest(興味) 6. Perspective(遠近法) 7. Readability(リーダビリティ) 1. Space(ホワイトスペース) スペースはボックスやラインやグラフィックなどを使用しないで、デザインエレメントの見た目での分離を可能にするもので、モダンデザインの中でも最も重要なテクニックです。これはコンテンツのプレゼンテーショ
ビンテージ風オーナメントロゴを簡単に作成可能なベクター素材セット「Vectorian」
レトロ、ビンテージデザインでよく見かける豪華な飾り、オーナメントを利用したロゴデザイン。 そんな高品質なロゴを簡単に作成することができるベクター素材キットが公開されていたのでご紹介。 「ビンテージ風オーナメントロゴ」を作成することだけを目的にデザインされたベクター素材をまとめたセット「Vectorian」は、それぞれのパーツを組み合わせることでデザイン性の高いロゴを直感的にデザインすることができるようになっています。 詳細は以下から。 無料バージョンと有料バージョンに分かれていますが、無料バージョンにも85種類のオーナメントデザイン、30種類のボーダーデザインが収録されています。 以下は収録されているベクター素材のサンプルとなります、一部有料アイテムも含まれています。 オーナメント素材サンプル オーナメント素材サンプル２ – オーナメント素材サンプル３ 上記のオーナメント素材を組み合わせた
Photoshop VIP ☞ 思わずダウンロードしたくなる無料PSDデザイン素材60個まとめ
先日「Webデザイン制作を楽にしてくれるPhotoshop無料PSD素材72個まとめ」というエントリーでPSD素材をまとめたのですが、新たにたくさんの無料素材が公開されていました。 海外デザインブログDesignrfixで、比較的新しいPhotoshop用PSDファイルを60個まとめたエントリー「60+ Must Have Photoshop Files for Designers」が公開されていたので、今回はご紹介します。 最近の無料PSD素材はどれもピクセル単位でこだわった高品質なデザインばかりとなっているので、Webデザイン制作などに利用してみてはいかがでしょう。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSD素材ファイルまとめ Audio Player MP3ファイルなどを再生するオーディオプレイヤー、そのまま利用したいほど高品質。 KB’s UI Kit 1
最近リリースされたWEBデザイン用PSDデータ５種:phpspot開発日誌
5 Best Free PSD Templates Of Month May 2011 最近リリースされたWEBデザイン用PSDデータ５種がまとまっています。 こうしたWebデザインのPSDは過去より存在しますが、最近リリースされたこともあって、より最近のデザインに近いものですね WEBデザインのデザイン方法にもトレンドみたいなものがあるみたいですが、数年後のトレンドはどんな感じになっているんでしょうね。 関連エントリ シンプルで汎用に使えるWEBレイアウトのPSDソース「Blackbeard template」 かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 色々使えそうなフリーのPSD素材ファイル３０ 覚えておくと便利そうなWEBデザイナー向けハイクオリティPhotoshop素材１５
全部で100種類以上！ざらっとした素敵なテクスチャを作成できるPhotoshopのブラシ素材
ざらっとした繊細なグランジ風のテクスチャを作成できるPhotoshopのブラシ素材を紹介します。 ブラシ素材は現在Set 3までリリースされており、トータル100種類以上となっています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://webdesignmatome.com/web-tips/photoshop-shortcut
sakurachiro.com
Adobe - Photoshop 1.0 パッケージ捜索プロジェクト