Page Layersは、すごいウェブのキャプチャアプリ。なんとキャプチャするサイトを、DIVやIMG要素ごとにレイヤー分割したPSDにしてくれるのだ！ これは素敵と言わざるをえない。 ビデオをみれば使い方は一目瞭然。URLを入力して保存ボタンを押すだけで、なんでも構造化したPSDにしてくれる。 Mac専用アプリで、AppStoreで$28.99。これは買いだと思います。 Web関係者は必須的な。
HTMLをレイヤー別けしたPSDに変換するキャプチャーソフト Page Layers が神 | fladdict
Page Layersは、すごいウェブのキャプチャアプリ。なんとキャプチャするサイトを、DIVやIMG要素ごとにレイヤー分割したPSDにしてくれるのだ！ これは素敵と言わざるをえない。 ビデオをみれば使い方は一目瞭然。URLを入力して保存ボタンを押すだけで、なんでも構造化したPSDにしてくれる。 Mac専用アプリで、AppStoreで$28.99。これは買いだと思います。 Web関係者は必須的な。
PhotoshopでのWeb制作効率を向上させる「JSX」とは
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
無料で顔の表情・形を簡単に好きなように変更できるPhotoshop用プラグイン「Face Control」
ほんのちょっとした表情から人間とは思えない顔まで変更できる無料のPhotoshop用プラグインが「Face Control」です。なかなか思い通りに期待した変更はできませんが、簡単に顔の表情・形を変えることができます。変更の具体例・プラグインのインストール方法・操作方法は以下から。 ◆変更の具体例 「Face Control」の8個の基本設定を紹介します。左の画像が変更前、右の画像が変更後です。 01 Wide Opened(正面を向かせるような変化) 02 Wide Closed(鼻筋をすこし左へ移動) 03 Beetle(鼻を左へ大きく曲げた変化) 04 Ellipsoid(こめかみの部分に大きなゆがみ) 05 Frown(こめかみ部分が大きくゆがみ、少し目頭をつり上げた変化) 06 Frame(こめかみ部分が大きくゆがみ、左側の輪郭を引き延ばした変化) 07 Mincing(こめかみ
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
よく分からずにトーンカーブを使っている人に。 - kojika17
画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基本 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
とらから◇ToLOVEるCoLORINぐBlog
Photoshop（PS）を使った着色で特に重要な３ヵ所の塗り方を紹介します。 ●色指定とブラシの種類 ぼかしツールと指先ツールはブラシの④を使います。 ●顔の肌の着色 顔の肌の着色はとても繊細かつ重要なのでじっくり紹介していきたいと思います。 なお顔のレイヤーは全て分けると修正も容易です。 ①この画像は顔に一切着色していません。後の画像との比較のために載せます。 ②肌に1影を塗ります。ブラシの①か②を使い、塗る箇所は眉毛の下と二重瞼の上と 睫毛のきわと落ち影、鼻の横の影と口の周りです。眉と睫毛と口の周りに1影を塗ると線が 顔に馴染みます。以下、下の画像の赤色ので塗られた範囲が影色で塗る箇所になります。 ③②を終えた画像に別レイヤーで1影をグラデーション状に塗ります。塗る範囲は2番目の 画像を見ると比較的分かりやすいと思います。眉毛の下から目の下ぐらいまでの範囲と 顎先から口までの範囲
PSD.js by meltingice
A Photoshop PSD file parser in Javascript for NodeJS and the browser. View the Project on GitHub meltingice/psd.js Download ZIP File Download TAR Ball View On GitHub A general purpose PSD parser written in Coffeescript. Based off of PSD.rb. It allows you to work with a Photoshop document in a manageable tree structure and find out important data such as: Document structure Document size Layer/fold
画像がフォトショ編集されたものかどうか、どこが変更されたのかを見極めてくれるアプリ『Photo Police』 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
fladdict さんのTweetから：複数枚の写真からPhotoshopで動いている物を自動で消す方法 | アプリなどのこと | s-style-arts
先日、@fladdict さんの「500枚ぐらい同じ写真とって全画素でピクセルの最頻出の値を採用したら、街の写真とって移動する人物全部自動で消すとかできるのかなぁ・・・とか。」と言うTweetに反応して、Photoshopで出来る事をお返事したところRTして頂いたのが物凄い数ふぁぼられて思わぬ反響だったので、実際に素材を撮ってデモってみました。 ちなみに多くの皆さんはご存知だとおもいますが @fladdict こと深津貴之さんは、TiltShift GeneratorやToyCameraなど作っておられる日本で最も有名なiPhone・iOSアプリ制作者のひとりです。 さて、まずは素材に使う写真が必要なので人が多い雑踏に行こうと。東京なら渋谷のハチ公前とか、大阪なら駅前の歩道橋とかぱっと思いつきますが田舎なのでなかなかいい場所が思いつきません。まぁ世界遺産姫路城であれば平成の大修理真っ只中と
和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 ＋ ブラシファイルの中身が見れるアプリケーション ｜https://wp.yat-net.com/name
2011年 06月 22日 和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 ＋ ブラシファイルの中身が見れるアプリケーション カテゴリ： テクスチャ ブラシ タグ：Photoshopパターンブラシ作成支援ツール
日本語で読めるPhotoshopチュートリアル集 まとめ | 日刊ウェブログ式
Photoshopのチュートリアルというと英語が多いですが、日本語の方がサクサク読める（私の場合）ので、日本語で解説してくれているチュートリアル集をまとめてみました。 フォトショップでつくるキラキラに輝く人物の作り方 フォトショップでリアルな炎を出しながら走るバイクの作り方 フォトショップで夕日に輝く幻想的なライティング効果を作る方法 映画のタイトルロゴのような光と文字を描画するPhotoshopチュートリアル フォトショップでキラキラに輝く背景画像を作る方法 布地テクスチャーにペイント フォトショップでキラキラに輝くライティングエフェクトをつくるチュートリアル Photoshopで六角形のキラキラに輝く背景画像をつくる方法 フォトショップでオーロラが輝く地平線に太陽が沈む様子を描く方法 基本的な光の作り方2 基本的な光の作り方3 Photoshopで美女の画像に効果を入れる方法 フォトシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Appleの最近のプロダクトで使用されているかっこいいテクスチャをさくっと作るチュートリアル
新着記事
まるで魔法のようだ。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション:phpspot開発日誌
新着記事
Photoshop VIP ☞ 新しく公開された真似したくなるすごいPhotoshopチュートリアルまとめ 2011年5月度
新着記事
Photoshop VIP ☞ 背景デザインに使える継ぎ目のないオシャレなストライプ柄パターン、400個あつめました。
