Photoshop で WebP ファイル形式を簡単に操作できるようになりました。
オンライン画像に可逆圧縮方式と非可逆圧縮方式を適用するには、Photoshop で WebP 形式を使用します。 8 bit RGB Photoshop ドキュメントは、WebP ファイル形式で簡単に保存できます。WebP 形式では、web 上の画像を操作する際に、可逆圧縮方式と非可逆圧縮方式の両方を使用します。 Photoshop 23.2 では、WebP ファイル形式が完全にサポートされるようになりました。 プラグインまたは環境設定なしで、Photoshop で WebP ファイルを開く、作成、編集、および保存作業ができます。 WebP ファイルを開くには、サポートされている他のファイルやドキュメントを開くのと同じ方法で、ファイルを選択して開きます。開く機能に加えて、WebP ファイルを作成、編集、および保存できるようになりました。 次の手順に従って、ファイルの保存に優先する形式として
マンガ・同人誌用の無料素材のまとめ -スクリーントーン、集中線や効果線、繊細なレースを描くブラシなど
スクリーントーンやドット、繊細なレースを描くブラシ、集中線や効果線の素材、羽や花びらが舞い散るブラシなど、マンガ・同人誌用の無料素材を紹介します。 Clip StudioやPhotoshop用のブラシをはじめ、特定のソフトウェアに限定されない画像まで、さまざまな素材が揃っています。
【2015年】フリー写真素材サイトまとめ｜国内42サイト & 海外102サイト｜男子ハック
@JUNP_Nです。毎年恒例になっている「フリー写真素材配布サイトまとめ」ですが、昨年より紹介サイトはかなり増え国内外あわせて144サイトになりました。これだけのフリー写真素材配布サイトがあれば、必要な写真はどこかで見つかりそうです。 国内のフリー写真素材サイト国内のフリー写真素材サイトは新しいサイトが増えるということは多くありませんが、2015年は「GIRLY DROP(ガーリードロップ)」が公開されました。国内のフリー写真素材サイトを僕が確認できている限りでは以下の現在42サイトです。（他にもあったら教えて下さい）※「MIKA☆RIKA」は2015年12月31日以降はロゴをつけることが必須で、ロゴをつけても2017年12月31日までしか利用できないため、「フリー素材」とは呼べないと判断しているので掲載していません。1. ぱくたそぱくたそ - フリー写真素材・無料ダウンロード2. GIR
プロのWebデザイナーが使用している人気のツール、フォント、ワークフローなどのまとめ -Web Design Trend Report
プロのWebデザイナー、デベロッパーが実際に作業しているファイルを元に、Webデザインのトレンドをツール、カラー、フォント、エフェクト、ワークフローの観点から調査したレポートを紹介します。 安定して人気のあるトレンド、変化しているトレンドをチェックできます。 2016 Web Design Trend Report デザイナーとデベロッパーのコラボツール「Avocode」で利用された1,127,302のPSDとSketchファイルに基づき、2016年のデータとしてまとめたものです。 レポート公開にあたり、私もほんの少しだけ協力しています。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webデザイナーが使用しているツール デザインのコンポーネント化 ファイルのリビジョン ファイルの容量 Webデザインでもっとも人気が高いフリー
Photoshopで1クリックの時代がきた！Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは？ Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ？！と、Extract機能を初めて
PSDファイルからそれっぽいHTML+CSSをいい感じにつくりたい - DRYな備忘録
ウェブページをつくるにあたってデザイナーさんから上がってくるデザインカンプはPhotoshopのPSD形式だったりする。これとにらめっこしながらHTML&CSSをイチから書いて、都度リロードしたり、画面の大きさを変えてレスポンシブのチェックをするのは、骨が折れる仕事です。 必要なもの Chromeブラウザ（ライブプレビューのため） Adobeアカウント（PSDファイルインポートのため） そしてBrackets ↓ Brackets エディタ あまり多くを望まず、それっぽいものでいいので、PSDからHTMLをつくれるといいなぁ、と思っていたので、知り合いのデザイナーに聞いたらいい感じのものを教えてくれた。 Brackets - A modern, open source code editor that understands web design. Web制作用のエディター。さすがWebデ
Photoshop（フォトショップ）基礎チュートリアルまとめ｜やってみたかった表現を完全マスター！
*Photoshop（フォトショップ）*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop（フォトショップ）チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-
こんな簡単でいいの？便利すぎるPhotoshopのプラグイン23選
デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey http://dandkagency.com/extensions/velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなど
Webデザイナーのスキルアップに役立つ便利なチートシートのまとめ
先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Adobe Photoshop Keyboard Shortcuts Photoshop 5-7, CS1-4, CCまで、Win/Mac用のキーボードショートカットがそれぞれPDFでダウンロードできます。 また、ショートカットがない便利な操作にショートカットを割り当てたショートカットファイルもダウンロードできます（チートシートでは「c」がついています）。
私がブログ書くときほぼ使うPhotoshopアクションとその作り方
長年書いていると、人それぞれスタイルみたいなのが大体確立してきていると思うのですが、今回は私の場合の話をしてみようかと思います。 私が一番使うであろう機能は、スクリーンキャプチャから、貼り付ける画像までの加工です。 というかこのへんはPhotoshopなんていらんだろという人もいると思うのですが、もう長年Photoshop使っているので、これに頼ってしまうところが有ります。 今回はそんなキャプチャーの部分を。 キャプチャーソフトは現在FastStoneCaptureを愛用 ちなみにWindows7を使っている時の話です。 MacBook Proを使っている時なら、部分指定した部分をクリップボードにコピーという機能がそもそも備わっていますので、必要ありません。 海外のものですが、GoogleでFastStoneCaptureと検索すると、日本語化パッチも出ているので、ダウンロードする際は色々
まるで別人…芸能人の写真修正を女性誌スタッフが明かす | 女子SPA！
女性誌の表紙を飾るモデルやタレントたちの、美肌と抜群のプロポーション。でもさすがに昨今では、Photoshopなどで「イジってる」のはみなさんもご存知のところでしょう。 ファッション誌関係者たちが目撃した「そ、そこまで……!?」な、誌面お直し事情をこっそり暴露します。 アラサー雑誌編集K：肌の修正なんて当然だよね。毛穴、しみ、しわ、ほくろ、きれいに無くなっちゃうもん。 アラサー雑誌編集A：二重あごとか、アホ毛も当然のように処理してる。美容関係のCMやってるタレントだと何回も何回も事務所から修正入るから大変。あとでガンガン直しいれるくせにメイク時間も超絶長い人いるし……。 K：2、3時間とかねー。脚細く、二の腕細く、とかも普通だよね。この前はあるタレントを「体だけ90％に細く」って指示入れたよ。腕は細くするとバレるからそのままにして。 修正入れたいなら最初から言ってほしいよ。撮影する背景とか
Adobe製品の代わりに使える無料アプリ10+
2014年6月27日 Illustrator, Photoshop, 便利ツール PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか？今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです！ ↑私が10年以上利用している会計ソフト！ Photoshopの代わりに GIMP 長年Photoshopの代用として愛され続けているGIMP。Photoshopの拡張子であるpsdファイルが開けることはもちろん、Photoshop用のブラシなども利用可能。画像の編集・加工ツールとしてPhotoshopとほぼ同様の機能を備えています。日本語の公式チュートリアルも充実！私もお金の
Learn Photoshop and Illustrator Shortcuts with These Cheat Sheets
Learn Photoshop and Illustrator Shortcuts with These Cheat Sheets Keyboard shortcuts are among the best productivity hacks, and Adobe's design programs offer plenty of them. Whether you're just starting to use Adobe Photoshop or Illustrator or are already a seasoned pro, these shortcut cheat sheets could come in handy. Here's how to read the cheat sheets, according to hosting company ZeroLag, whic
Webページやスマホアプリの洗練された新しいUIをチェック！ BootstrapのテーマやAI, PSD素材のまとめ
Material Designを取り入れたBootstrapのテーマ、小さいGUIに魅力がたくさん詰まっているApple Watch、Appleのこれからの主力となるiOS 8のUI、進化して使いやすくなったフラットスタイルのコンポーネント、ユーザーに操作の楽しさと使いやすさを与えるさまざまなアニメーションなど、新しいUIを体験できる素材を紹介します。 新しいモノって見るだけでも、ワクワクしますよね。 Material Design for Bootstrap Material Design for Bootstrap -GitHub Googleが提唱する新しいUX「Material Design」をモチーフにしたBootstrap 3用のテーマ。 ナビゲーション、パネル、スライダー、ボタン、テーブル、フォーム、アイコン、タイポグラフィなど、さまざまなUIエレメントが揃っています。
15.4. 画像分割...
This filter is a simple and easy to use helper for creating sensitive images to be used in HTML files. The filter slices up the source image (like the Slice Using Guides command does) along its horizontal and vertical guides, and produces a set of sub-images. At the same time it creates a piece of HTML code for a table saved in a text file. Every table cell contains one part of the image. The text
WebデザインのPhotoshop納品で間違ったことはしていませんか？
1pxのズレはコーディングできないデザイン！ DTPの世界でもグリットシステムは利用し、数値を利用して配置するデザインは基本中の基本ですね。 しかしながら、マウスを引っ張って配置するようなデザインをして、数値を利用したデザイン配置をしないデザイナーが存在します。 感覚だけで配置するデザインなので、1pxのズレなども多く発生します。このようなデザインをコーディングには大変なことなります。正直言うと、コーディングできないデザインなのです。 そんな当たり前のことができていないデザイナーが多い？ことから、海外では「photoshopetiquette」Photoshop エチケットというコンテンツがありましたのでご紹介いたします。 日本でも同様に起きていますね！弊社でもこのようなデザイン、ファイルを納品されて困ったケースがあり、受講生に聞いても同じ悩みがあるようです。 プロとして最低限のマナーなの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Air Stylus | iPadをサブディスプレイに。さらに筆圧感知スタイラスペンを使ってPhotoshopでペイントもできるアプリ
2015年最新版、PhotoshopやIllustratorなどAdobe系アプリの便利なショートカットをそれぞれ一枚にまとめたチートシート
Learn | Adobe Creative Cloud