無料でブラウザ上からPhotoshop並に画像を編集しまくれる多機能ツール「Photopea」を使ってみた - GIGAZINE

2017/12/15 393 users GIGAZINE Photopea GIMP MacOS 描画

「Photoshopなどの有料画像編集ソフトを購入するほどではないけれど、画像の編集がしたい」という人は多いはず。Photoshopは便利ですが、編集する画像の枚数がそれほど多くない人にとっては高価に感じられてしまいます。そんな人にぴったりな、普通のJPGファイルやPNGファイルだけでなく、 PSDファイル や GIMP で編集したxcfファイル、macOSに対応した描画ソフトの Sketchap... 続きを読む

無料でブラウザ上からPhotoshop並に画像を編集しまくれる多機能ツール「Photopea」を使ってみた - GIGAZINE

2017/12/15 393 users GIGAZINE Photopea GIMP MacOS 描画

「Photoshopなどの有料画像編集ソフトを購入するほどではないけれど、画像の編集がしたい」という人は多いはず。Photoshopは便利ですが、編集する画像の枚数がそれほど多くない人にとっては高価に感じられてしまいます。そんな人にぴったりな、普通のJPGファイルやPNGファイルだけでなく、 PSDファイル や GIMP で編集したxcfファイル、macOSに対応した描画ソフトの Sketchap... 続きを読む

配色やレイアウトの参考にしたい、無料UIコンポーネントとWebレイアウトまとめ - PhotoshopVIP

2015/10/02 91 users 配色 レイアウト デザイナー UIデザイン 後半

幅広いウェブデザイン制作に活用したい、最新トレンドやデザインテクニックを盛り込んだ、Photoshop無料UIコンポーネント素材をまとめています。 世界中のデザイナーが作成したPSDファイルは、どれもきちんと整理されており、ダウンロード後すぐに利用することができます。また後半では、実際にUIデザインを利用したウェブサイト制作の参考にしたい、Webページレイアウト用PSDファイルも一緒にまとめていま... 続きを読む

水彩絵の具デザインを手軽に楽しむ、Photoshopデザインキット The Watercolor Pack Free - PhotoshopVIP

2015/06/02 62 users お手 ひと PhotoshopVIP ＨＯＭＥ

Home 無料デザイン素材 PSDファイル 水彩絵の具デザインを手軽に楽しむ、Photoshopデザインキット The Watercolor Pack Free 絵がまったく描けないというひとでも、水彩絵の具風デザインを簡単に作成することができる、Photoshop無料デザインキット「The Watercolor Pack Free」が公開されていたので、今回はご紹介します。組み合わせるだけのお手... 続きを読む

内部作業用も納品も どうせなら他人にわかりやすいPSDファイルを作る｜【ings】東京・神田神保町発 WEB制作＆マーケティング通信

2015/05/27 323 users グループワーク ings コーダーさん デザイナー 円滑化

こんにちは。デザイナーのヨシザワです。 Webデザインを作る際の基本となるPSDファイルですが、「複数名でデザイン作業を分担する」「コーダーさんにファイルを渡す」「クライアント様にファイルを納品する」といった様々な場面で、「PSDファイルを共有する」必要がでてくるかと思います。 今回はその「PSDファイルの共有」について、 ・グループワークの円滑化 ・データ整理作業の効率化 の２つのテーマから、よ... 続きを読む

こんなツールが欲しかった！Photoshopで面倒なスプライト画像をあっという間に作成できる機能拡張 -Sprite Sheet Gen | コリス

2015/05/26 50 users コリス Photoshop ナビゲーション スプライト画像

CSSスプライト用の画像はどうやって作成してますか？ ロゴやナビゲーションやアイコンなどをPSDファイルにちまちま並べて、Photoshopで書き出す感じでしょうか。 そんな面倒な作業とおさらばできる便利な機能拡張「Sprite Sheet Gen」を紹介します。 しかもコリスのビジター限定で3名様にプレゼント！ そして絶対欲しい人用に半額キャンペーンも同時に行います！ Sprite Sheet ... 続きを読む

PSDから瞬間生成！自動コーディングツール「AUTOCODING」が思った以上にCoolだった | ビットエーブログ - 株式会社BITA

2015/03/18 71 users psd Cool ナイス 命名規則 特定

どうも、お久しぶりの中村です。今回はタイトルのとおり、PSDファイルから自動的にコーディングデータを生成してくれるナイスなツールを見つけて使って感動してしまったので、ちょっと紹介させていただこうかと思います。 HTMLコーディング超自動化ツール「AUTOCODING」 こいつです。 機能に関してザックリ言うと… PSDの各レイヤー＆フォルダに特定の命名規則でもって名前を付けて 保存したPSDファイ... 続きを読む

Adobe、オープンソースのWeb開発向けテキストエディター「Brackets」v1.0をリリース - 窓の杜

2014/11/05 109 users Brackets extract Adobe リリース CSS

ニュース Adobe、オープンソースのWeb開発向けテキストエディター「Brackets」v1.0をリリース PSDファイルからデザイン情報などを抽出してCSSへ変換する「Extract」拡張機能も （2014/11/5 14:20） 「Brackets」v1.0 米Adobe Systems Incorporatedは4日（現地時間）、オープンソースのコードエディター「Brackets」の最新版... 続きを読む

配色のセンスも参考になる！今チェックしておきたい「ソリッド」を効果的に使ったUIキット・ページレイアウトのまとめ | コリス

2014/08/05 114 users コリス 矩形 ソリッド エレメント ダイアモンド

ソリッドなラインを使ったアイコン、テキストを矩形で囲ったゴーストボタン、ラインで描いた幾何学模様など、ソリッドを使ったUIキット、Webページやアプリのレイアウトやテンプレートを紹介します。 いくつかはPSDファイル（無料/有料）もダウンロードできます。 BrandaLoka 斜めのグリッドをはじめ、ダイアモンドやサークル状のエレメントなどにソリッドを取り入れたスタイリッシュな縦長1ページ用のテン... 続きを読む

大量のPSDファイルを全部PNGに書き出したい、そんな要望に応える無料のアプリ、しかもPhotoshop無しで -PSD to PNG | コリス

2014/06/11 77 users App コリス Photoshop 解凍 ドラッグ

一つでも複数でも、PSDファイルをPNG画像にまとめて書き出すOS X用のフリーのアプリケーションを紹介します。 書き出し用としても便利ですが、Photoshopの無い環境でPSDファイルをチェックする時にも使えますね。 PSD to PNG - Automator Action 使い方は、非常に簡単。 ダウンロードしたファイルを解凍。 「PSD to PNG.app」にPSDファイルをドラッグ&... 続きを読む

Webデザイン制作に取り入れたい！高品質な無料PSDテンプレート素材23個まとめPhotoshopVIP |

2014/06/06 69 users Webデザイン制作 高品質 エントリー フリーアイテム 作成

海外デザインブログCreativesWallで、Webデザイン制作に活用できる、高品質な無料PSDテンプレート素材をまとめたエントリー「Stunning Free PSD Website Templates」が公開されていたので、今回はこちらを中心に、新しく公開されていたフリーアイテムをまとめて、一緒にご紹介します。 もちろんそのまま利用することもできますし、PSDファイルがどのように作成、整理さ... 続きを読む

iMacやiPhoneなど無料で使えるApple製品のPSDモックアップ素材 30 « nanomal

2014/03/05 85 users iPhone nanomal iMac ポートフォリオ 資料

資料の作成時やポートフォリオ、Webサイト制作など様々な場面でデザインをワンランクアップさせてくれるモックアップ素材。そんなモックアップ素材からPSDファイルとして無料でダウンロードできるものをiMacやiPhone、iPadといったApple製品に絞って30個集めてみました。 ※基本的に無料でダウンロード出来る素材ばかりですが、規約は各テーマによって違います。使用する際は規約に注意してください。... 続きを読む

これからのデザインを学ぶ！すごいPhotoshopフリー素材まとめ 2013年12月度PhotoshopVIP |

2013/12/04 159 users デザイン デザイントレンド フリー 参考 素材

2013年も、残すところ1ヶ月を切りましたが、今年もさまざまなデザイントレンドが生まれました。流れの早いデザインの移り変わりは、フリーダウンロードできるPSDファイルを使って、チェックしてみませんか。デザインにそのまま活用するだけでなく、素材の作り方を参考にすることもでき、便利なアイテムですよ。 海外デザインブログDesigner Ledgerで、新しく公開された無料PSDデザイン素材をまとめたエ... 続きを読む

気の利いたデザイナーさんにオススメの「きちんとマナーを守ってPhotoshopを使っているか」チェックしてくれるサービス : ライフハッカー［日本版］

2013/11/27 61 users Photoshop レイヤー ライフハッカー 手持ち マナー

Webツール , 最新テック 気の利いたデザイナーさんにオススメの「きちんとマナーを守ってPhotoshopを使っているか」チェックしてくれるサービス 2013.11.28 07:00 「PSD Validator」はきちんとマナーを守ってPhotoshopを使っているかチェックしてくれるサービスです。 手持ちのPSDファイルを、Photoshop Etiquetteというサイト（レイヤーの構成な... 続きを読む

デザイン作業をしていると見落としがちなPSDファイルのエチケットがチェックできるオンラインサービス -PSD Validator | コリス

2013/10/17 102 users コリス watermark コーダー ウェブデザイン グリッド

ウェブデザインのPSDファイルで、チーム内のデザイナーで共有してファイルを触る時、コーダーに渡す時など、より使いやすいPSDファイルにするためのエチケットが守られているかチェックできるオンラインサービスを紹介します。 レイヤー名が「レイヤー1」のまま、グリッドを使用していない、watermarkの入った素材を使ってるなどはいただけません。 続きを読む

ヴィンテージなデザインが素敵なUIエレメントのPSD素材 -Vintage Pixels UI Kit | コリス

2013/10/14 61 users コリス psd UIエレメント PSD素材 ヴィンテージ

1950年代のヴィンテージなテイストを与えた、ちょっと珍しい素敵なUIエレメントのPSD素材を紹介します。 Vintage Pixels — User Interface Kit ダウンロードできる素材のフォーマットは.psdとプレビュー用の.pngで、PSDファイルでは各エレメントがベクターで作成されているので変更も簡単にできます。 Photoshopで開いたキャプチャ 素材の利用にあたっては個... 続きを読む

psdファイルに含まれるフォントを教えてくれる『.psd fonts』 | 100SHIKI

2013/09/01 73 users フォント 100SHIKI pho Dropbox レイヤー

ニッチなツールではあるが、便利な人には便利かも。 .psd fontsを使えば、Photoshopのファイル（いわゆるpsdファイル）に含まれるフォントを教えてくれる。 使い方は簡単で、調べたいファイルをアップロードするだけだ（ちなみにDropboxにも対応している）。 あとはフォントが一覧で表示され、そのフォントを購入する方法も教えてくれる。 psdファイルのレイヤーが複雑すぎたり、手元にPho... 続きを読む

これは凄い！RubyでPhotoshopファイルを解析「PSD.rb」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/13 76 users Ruby Photoshopファイル エンジニア 解析 psd

PSD.rbはRuby製のオープンソース・ソフトウェア（MIT License）です。Webやアプリのデザインの際にPhotoshopを使う事がよくあります。そんな時に出来上がった画像を分析してコーディングに落とし込んだりします。それの自動化さえできるようになるのではないかというライブラリがPSD.rbです。 インストールはRubygemsで行えます。 適当なPSDファイルを読み込んでparse!... 続きを読む

| デザインの勉強に使わせてもらうべきPhotoshopフリー素材15選

2013/06/30 70 users 勉強 デザイン Fre Photoshop 効率

デザインを学ぶ上で、人の作品を真似してみるという勉強方法が最も効率の良い方法とも言われています。 例えば、UIのグラフィックデザインを学びたいのならば、まずはPhotoshopをうまく使いこなせるようにならなければなりません。 今回は、その勉強のために、Free提供されている.psdファイルのご紹介です。 Motion template for free Source Skype App (Fre... 続きを読む

フラットデザインの愛する、優良フリーアイコン素材まとめPhotoshopVIP | PhotoshopVIP

2013/05/14 140 users psd PhotoshopVIP PNG Photoshop

先日、「フラットデザインをたのしむ、フリーアイコン素材35個まとめ (PNG, PSD, Aiファイル)」というまとめ記事をご紹介したのですが、フラットデザインをテーマにした、無料アイコン素材がどんどん増殖中だったので、再度まとめた第2弾になります。 今回ご紹介する素材の多くは、PNGアイコンファイルの他に、Photoshopで編集可能なPSDファイルを一緒に収録しています。ウェブサイト制作時に活... 続きを読む

シンプルで使いやすい、26種類の無料バッジデザインPSD素材「Fresh Organic Badges」 - Photoshop VIP

2013/01/22 57 users Photoshop Vip psd Photoshop 編集

Home　>　 ダウンロード　>　ダウンロード -PSD　>　シンプルで使いやすい、26種類の無料バッジデザインPSD素材「Fresh Organic Badges」 ディテールにこだわった、高品質なバッジデザイン26種類をまとめた、お得なフリー素材「Fresh Organic Badges (PSD)」が公開されていたので、今回はご紹介します。 Photoshopで編集可能なPSDファイルなので... 続きを読む

無料ダウンロード可能なPSD形式の素材を検索できるサービス「PSD Hunter」 : ライフハッカー［日本版］

2013/01/04 105 users PSD形式 ライフハッカー ソフトウェア 最新テック オフ

Webツール , オフにやること , ソフトウェア , 写真 , 最新テック , 画像 , 趣味 無料ダウンロード可能なPSD形式の素材を検索できるサービス「PSD Hunter」 2013.01.04 17:00 「PSD Hunter」は無料でダウンロードできるPSDファイルを検索できるサービスです。無料で手に入るPSDファイルを検索してくれるので、素材探しに便利です。 以下に使ってみた様子を... 続きを読む

無料でダウンロードできる多種多様なアイコン・ボタン・UIキットいろいろ - GIGAZINE

2012/11/20 427 users GIGAZINE ミニアイコン UIキット 国旗 トピック

400種類以上のミニアイコンのセットから、ちょっと変わった法律っぽいアイコン、世界中の国旗のアイコン、洗練されたUIキットまで、多種多様なアイコン・ボタン・UIキットを集めてリスト化したものがデザインに関係するトピックを配信するDzineBlog.comで公開されています。いずれも無料でダウンロード可能で、ファイル形式は主にPSDファイルです。 33 New Freebie Buttons and... 続きを読む

無料でダウンロードできる洗練されたデザインのUIキットいろいろ - GIGAZINE

2012/11/16 970 users 木目調 ダーク 明るいグレー ウェブサイト GIGAZINE

わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを... 続きを読む

Photoshop VIP ☞ ロゴ、アイコンにも活用できる、高品質な無料PSDファイル素材43個まとめ

2012/08/03 86 users アイコン ロゴ Photoshop Vip 高品質 デザイナー

Photoshopの腕を上達させる方法は色々あると思いますが、他のデザイナーが作成したPSDファイルの中身を確認するという方法を、個人的によく行なっています。 知らなかったテクニックやスキルを使っている場合が多く、デザイン制作にも応用できるのではないでしょうか。 海外デザインブログSmashingAppsで、ロゴやアイコンデザインとしても活用可能な無料PSDファイルをまとめたエントリー「Lates... 続きを読む