PhotoShopのレイヤーから画像とHTMLとCSSを出力するJSX | KnockKnock
久しぶりの更新になります。今回はWebGLから離れて、仕事の効率化に関してのネタになります。 以前ですが、PhotoShopをFlashに読み込む（インポートする）JSXとJSFLという記事を投稿しましたが、今回はPhotoShopから画像とHTMLとCSSを出力するJSXを作りました。 PhotoShopから画像を出力するツールとしてはMacではSlicyが有名ですが、画像出力に関しては似たようなイメージです。 ちなみにJSXとは、Photoshopを制御するJavaScriptAPIを実行するためのJavaScriptファイルの事をいいます。拡張子は.jsxです。 詳しく知りたい方向けに、参考にさせて頂いたサイトをピックアップしました。 Adobe Photoshop Scripting Adobe公式のドキュメント API Documentation（com.adobe.photos
PHOTOSHOP/もうボカさない！絶対に肌の質感を壊さないで綺麗に修正する人物レタッチテクニック。｜レタッチャー / 大谷キミト｜note
こんにちは。 札幌を拠点とし活動中のレタッチャーNORD WORKSの大谷キミトです。 今回のレタッチテクニックはレタッチャーが広告制作で使う ぼかさず絶対に肌の質感を壊さないで綺麗にレタッチすることができる人物修正テクニックです。 1000個以上売れているテクニックで一番人気です。 動画解説編もできました。 このテクニックは書籍「Photoshopレタッチ[伝わる]写真補正&加工を学ぶ現場の教本」にも同じようなテクニックが書かれています。 書籍とは使用している素材が違いますが、まずは書籍をチェックすると良いかもしれません。 このテクニックを含む、人気人物レタッチを4つまとめるとお得なマガジンもあります。 まずはbefore,afterをごらんください。 レタッチはやりすぎてしまうとレタッチ感が出てしまいます。 肌の表面をぼかすやり方もありますが今回ぼかしは使用しません！ この方法は肌を自
【photoshop】風景写真をイラスト・アニメ風に加工する｜ヱノプルギスの夜 / こころ動かす者
（2019.02.23に書いたブリコルールのブログ記事の引越しです） 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない？？ 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】＞【色調補正】＞【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと
プロ仕様のPhotoshopのブラシが全部無料！デジタルイラストに本気で取り組んでいる人向け
2017年10月19日にアップデートされたAdobe Creative Cloudは、アプリのアップデートだけがニュースではありません。プロ仕様のブラシとして有名なKylebrush.comがAdobeに買収され、1,000を超える高品質デジタルブラシが無料で利用できるようになりました！ マンガの下絵用ブラシ、スクリーントーンのブラシ、油絵や水彩画を描くブラシ、パステルブラシ、ドライブラシなど、さまざまなブラシ素材が揃っています。 Adobe公式のアナウンスは、下記をご覧ください。 Get the Goods: Announcing Updates to Photoshop CC, Dimension CC, and More Today Kyleブラシのダウンロード方法 Kyleブラシ Kyleブラシのダウンロード方法 Kyleブラシをダウンロードするには、Adobe Creative
Photoshop作業が爆速＆快適に!!現役デザイナーがおすすめするスクリプトとプラグイン | 株式会社ウェブ企画パートナーズ
AdobeXDやIllustratorがWebデザインツールとして、どんどんと使いやすくなっていますが、まだまだPhotoshopでデザインする人が多いと思います。 かくいう私もメインのデザインツールはPhotoshop。そこで今回はPhotoshopの作業をより快適に行うために私が使っているおすすめのプラグインやスクリプトをご紹介いたします!! Photoshopを使い始めた新米デザイナーさんは是非ご参考ください。 スクリプトとプラグインの違い 紹介の前にプラグインとスクリプトの違いについて整理しておきましょう。 スクリプトはPhotoshopの複雑な作業を自動化してくれる Photoshopを使ってデザインをしていると同じ作業の繰り返しを行うことが多々あります。そんな時にPhotoshopの「アクション」機能を使えば、作業を自動化して行うことができます。便利ですね。 ただ、アクションで
大量の画像を自動でリサイズ！！Photoshopのアクションでバッチ処理
みなさまこんにちは。市川です。 日ごろ、マルチタスクに追われ「猫の手も借りたい」。 そんな忙しいときがあると、なんとか違ったやり方はないものか頭を悩ませます。 実際に猫が「自分手伝いますよ」と挙手してくれたら、、 たぶん、思い通りに仕事をやってくれず、いらいらして、結局自分でやることになるでしょう。 そんなとき、思い通りに自動で仕事をこなしてくれるのが、Photoshopのアクション機能。 アクション機能は使う操作の順番を記録しておくことができます。 登録しておけば、ボタンひとつで自動的にPhotoshopの作業をこなしてくれます。 そして、休憩の合間にも仕事をこなしてくれるのがバッチ処理。 たとえば、フォルダの中にある画像ファイルに、登録してあるアクションを実行してくれます。 先ほど、手伝うと挙手してくれた猫と遊ぶ時間が作れるわけです。 アクションの処理を考える ＜処理＞ 画像が横長か縦
Astropad Standard
Use your iPad to draw on your Mac! Astropad allows you to use your iPad to draw directly into Photoshop and any other Mac creative tools, including: Photoshop, Illustrator, Lightroom, Affinity, Corel Painter, Manga Studio, Pixelmator, Mischief and any other Mac app you like! With Astropad, you get the high-end experience of a Wacom pen display at a fraction of the price. Connect wirelessly or over
ページが見つかりませんでした – Prism Blog(仮)
お探しのページが見つかりませんでした。削除されたか、名前が変更されたか、または最初から存在しなかった可能性があります。
Webデザイナーとフロントエンドが歩み寄るためのPhotoshop豆知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 以前、デザイナーもりたの、デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみたという記事が公開されましたね！ こんな風に、最近LIGのデザイナー＆フロントエンド間では、いかにお互いの仕事をスムーズにするかという話題が増えています。 まだまだ模索中ではありますが、今回は、これを知っておけばお互いにとってハッピーなのでは？というPhotoshopの機能や工夫の豆知識をご紹介したいなと思います。 フロントエンドの方にぜひ知ってもらいたい！というのはもちろんですが、デザイナーの方もこれを読んで気遣いがチラ見えするPSDを作れるようになったら、明日から職場の空気が和やかになるかもしれませんね。 その気遣い、伝わってないかも。 デザイナーは普段Photoshopを使っていて自分の使いやすいようにプラグインを入れていたり、さまざまな機能を駆使してい
コーダーが覚えとくと便利なPhotoshop操作
先週もblogを書かせてもらいましたタムラです。 最近は矢沢永吉とPerfumeを作業用BGMとして仕事してます。 今回はコーダーが知っとくと効率が上がるPhotoshop操作を5つを紹介します。 項目は下記になります。 目次 選択範囲をそのままコピーする。 gif画像を直接編集したい。 たくさんのサムネイル画像を量産したい！ レイヤーからスライスを作成する 選択範囲からスライスを作るアクション作成 1.選択範囲をそのままコピーする 「Ctrl+Shift+C」で選択範囲をそのままコピーできます！ レイヤーがばらばらの状態モノのを 選択範囲をとってCtrl+Shift+Cでコピーしてあげることで そのままペタって貼り付けることが出来ます。 2.gif画像を直接編集したい gif画像を直接photoshopで開くとレイヤーに「インデックス」とかいてあり、直接編集できないようになってます。 そ
3ステップ！サンバーストをPhotoshopで書く方法
下準備 [ファイル > 新規]を選択し、新しいドキュメントを作成します。 今回は 幅：500px 高さ：500px に設定しました。正方形になるようにサイズを指定しましょう。 Step1．グラデーションをかける まず描画色を[#f5dd1c]に設定しておきます（好きな色に置き換えてください）。 ツールパネルからグラデーションツールを選択します（線形）。 グラデーションエディターを開いてプリセットから「描画色から透明に」を選択します。 シフトキーを押したままカンバスの上から下に向けて垂直方向にドラッグします。 カンバスにグラデーションがかかりました。 Step2．フィルター「波形」をかける メニューから[フィルター > 変形 > 波形]を選択します。 下記のように設定をします。数値をいじると幅の太さなどを調整することができます 種類：短形波 波数：5 波長： 最小：49 最大：50 振幅：
【胸キュン】少女マンガ風キラキラエフェクトを作成するチュートリアル：Photoshop | 小樽総合デザイン事務局｜デザイン・ホームページ制作
このページでは広告を使用しています。
グラデーションのデザインはこれで決まり！Photoshop用グラデーションファイル50選
Photoshopでのデザイン作業で使えるお役立ちツールの一つにグラデーションファイルがあります。 グラデーションファイルとはその名の通りグラデーションが設定してあるもので、使いたい時に設定するだけでいつでも任意のグラデーションを適用できます。 作業時間を一気に短縮してくれるだけでなく、最適なカラーリングを確実にできるという点も大きなメリットです。 今回は、便利なグラデーションファイルを50個ピックアップしてご紹介します。 ホームページで使いやすいものからイラストに使えるものまで多様に揃っていますので、使えそうなものがあればぜひダウンロードしてみてはいかがでしょうか。 デザイン作業の効率化を上げる！Photoshop用グラデーションファイル50選 1.Candide Ps Gradients http://feniksas4.deviantart.com/art/Candide-Ps-Gr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mr.Creative.Edge - Art & Design on Twitter: "高校生のためのPhotoshop 練習-3： 写真の背景の「空だけ」縦方向に拡大してください 写真（Unsplash）： https://t.co/5LdF9bLKnT POINT： ・AI機能の「コンテンツに応じた拡大縮小… https://t.co/vN2Eq9hPwa"
【Photoshop】作業効率化！おすすめの便利スクリプト20選 | CGメソッド
Web制作が爆速化！Photoshopのおすすめプラグイン16選
デザイナーが揃えておきたい！Photoshopで使い勝手のよい無料のパターン素材 660種類のまとめ
http://handywebdesign.net/2017/09/photoshop-glitter-effect/
最近のWeb制作の勉強になる！Webサイトのワイヤーフレーム・ユーザーフローのまとめ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP