タグ

photoshopに関するdreamilyのブックマーク (89)

  • Skala Preview

    Skala Preview is on hold for now If you’re still using Skala Preview, the latest versions of Skala View can be downloaded from the App Store and Google Play Store by viewing your purchase history and tapping the download button. The latest version of the Mac app can be downloaded here: Skala Preview 2.0.

    Skala Preview
  • もっと効率よく簡単にデザインの幅を広げよう!無料UIキット素材38選

    ホームページのデザインをスムーズに進めるのに役立つアイテムといえば、PhotoshopやSketchで使えるUIキットです。 そのまま使ったり、参考にしたりすることで思いついたアイデアを形にしやすくしてくれます。 闇雲にデザインを進めると、統一感の無いデザインになってしまいがちですので、UIキットを活用して質の高いデザインを目指しましょう。 今回は、無料で使えるUIキット40個を厳選してご紹介します。 Photoshop、Sketchで編集できる無料UIキット38個 1.FADE APP UI KIT | FREEBIE |(PSD) https://www.behance.net/gallery/36367535/APP-UI-KIT-FREEBIE- ダークなディープブルーに、鮮やかなミントグリーンがアクセントのデザインです。 シンプルでカッコいい要素をたっぷりと詰め込んだUIキットと

    もっと効率よく簡単にデザインの幅を広げよう!無料UIキット素材38選
  • 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両対応で、日語にも完全対応の無料の機能拡張です。

    Photoshopで1クリックの時代がきた!Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
  • 初心者向けPhotoshopのテクニック集「ショートカット」「カスタマイズ」など | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、LIGブログ編集部です。 こちらは「Photoshopをはじめて使う人が、自分で撮った写真を加工できるようになる」ところまでを目標とした全5回の超初心者向けPhotoshop講座の最終回です。 前回までの記事一覧はこちら 第1回Photoshopの基設定 第2回Photoshopの機能紹介〜全編〜 第3回Photoshopの機能紹介〜後編〜 第4回Photoshopで写真加工をする方法 今回は、せっかく基を覚えたPhotoshopをもっと効率よく使うためのテクニックを紹介していきたいと思います。初心者ではない方も、おさらいのつもりでぜひ確認してみてください。 ※編集部注:2014年に公開された記事を再編集しています。 ショートカットキーを使いこなす 第2回と第3回では各ツールのショートカットキーを紹介しましたが、その他にも便利なショートカットキーはいろいろあります。ここでは

    初心者向けPhotoshopのテクニック集「ショートカット」「カスタマイズ」など | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 切り抜きも楽勝!Photoshop CC 2015.5で注目したい使い方や最新機能まとめ - PhotoshopVIP

    切り抜きも楽勝!Photoshop CC 2015.5で注目したい使い方や最新機能まとめ チュートリアル 2016.07.12 先日、公式にリリースされた Photoshop CC の最新版 2015.5。より「使える機能」や「誰もが喜ぶ」機能を強化したアップデートで、デザイン制作をよりスピーディーに行うことができるようになりました。 今回は、注目したい Photoshop CC の新しい使い方や機能をまとめてご紹介します。各機能を実際に利用してみたことで見えてきた、より実践的な使い方が中心に揃っています。これらの機能をうまく活用することで、今後のプロジェクトを悩むことなく、よりスムーズに進めることができるでしょう。

    切り抜きも楽勝!Photoshop CC 2015.5で注目したい使い方や最新機能まとめ - PhotoshopVIP
  • CSS Hat translates layer styles to CSS3 code

    Goodbyes aren't our thing, but exciting new tools are! 🙌 “Avocode” was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means we’ve bid a fond farewell to all products offered by the Avocode

    CSS Hat translates layer styles to CSS3 code
  • Webサイトのガイドライン作成に欠かせないPhotoshopの機能拡張が嬉しいバージョンアップ!アートボードにも対応 -Ink

    Ink CC2015にインストールしたので、その手順を。 ダウンロードした「Ink.1.5.3.zip」を解凍します。 CC2015で利用する時は、「Ink.1.5.3」内の「Photoshop CC 2015」フォルダを開きます。 「Photoshop CC 2015」フォルダ内の「Ink.zip」を解凍します。 ※フォルダの中身は変更しないでください。 解凍したInkフォルダを移動するフォルダを開きます。 OS X: ライブラリ\Application Support\Adobe\CEP\extensions\ Win 64: C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\ Win 32: C:\Program Files\Common Files\Adobe\CEP\extensions\ 「extensions」フ

    Webサイトのガイドライン作成に欠かせないPhotoshopの機能拡張が嬉しいバージョンアップ!アートボードにも対応 -Ink
  • こんな簡単でいいの?便利すぎるPhotoshopのプラグイン23選

    デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなどがそれぞれ10種類以上収録されており、Photoshopを起動後4回選択すればレイアウト

    こんな簡単でいいの?便利すぎるPhotoshopのプラグイン23選
  • Photoshopを快適カスタマイズできるオススメ無料プラグイン6選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。デザイナーのハルエです。 普段Webデザインを制作する上でPhotoshopを使用している方は多いかと思いますが、いかに自分に合った環境にカスタマイズするかで作業効率は大きく変わってきます。 今回はいつものPhotoshopがさらに快適になる無料プラグインをご紹介させていただきます。 【こちらもおすすめ】 おすすめPhotoshopプラグイン WebINK http://www.webink.com/webfontplugin/ ※現在このサービスはご利用いただけません。 Google Web FontなどのWebフォントをPhotoshop上で表示、利用することができます。 最初の同期に少し時間がかかりますが、あとはデザインしながら手の届くところでWebフォントがさくさく選べてしまうので、非常に捗ります。 Photoshop CS5から対応しています。 flaticon ht

    Photoshopを快適カスタマイズできるオススメ無料プラグイン6選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • PSD からテキスト情報を抽出するスクリプト

    こんにちは。デザイナーの高口です。 デザイナーの皆さんは、デザインを開発者に伝える時、どのようにしていますか? 口頭で伝える、印刷したデザインに書き込む、指示書を作る…様々な手法があると思いますが、どれも時間がかかりますよね。 そこで今回は、伝える手間を少しでも減らすべく、PSD からテキスト情報を抽出するスクリプトをご紹介いたします。 1.スクリプトをダウンロード まず、下記のリンクからスクリプトをダウンロードして下さい。 (ご利用に際しては、自己責任にてお願いいたします。) ダウンロード : TextExportToCSV ダウンロードしたファイルを解凍すると「TextExportToCSV.jsx」というファイルがありますので、下記のフォルダにコピーして Photoshop を再起動して下さい。 Windows – C:\Program Files\Adobe\Adobe Photo

    PSD からテキスト情報を抽出するスクリプト
  • saucer

    この記事は、Adobe Illustrator Advent Calendar 2018の9日目です。ここのところWebデザインなどでSketchを使うことが多く、Illustrator好きとして少々寂しい思いをしていたので、超ひさしぶりにアピアランスを使って遊んでみました。今回はすべての工程を解説してみたので、気が向いたらぜひご一緒に試してみてください。 Keep reading Illustratorで地図などを作成するとき、路線の角度に合わせてテキストを配置することは少なくありません。一般的には、セグメントの角度を計測して同じだけ回転したり、パス上文字をぴったり重ねたりしますが、セグメントの角度が変わるたびに文字の角度も調整しなければならず、なかなか面倒です。そこで、これらの工程を自動化するスクリプトを作りました。文字の傾きをリセットして、垂直/水平に戻すおまけ機能も搭載しています。

  • Page Layers - Website screenshots for macOS

    Page Layers is a website screenshot app for macOS. It converts web pages to Photoshop files with separate layers for all page elements. It enables you to open web pages in Photoshop and saves you lots of time when re-designing or improving existing web page designs. Just open any page in the embedded browser and save the page as PSD with layers or as plain PNG image. In the HTML to PSD conversion

    dreamily
    dreamily 2015/06/02
    WebサイトをPSDファイル変換
  • Photoshopをより便利に利用できる無料プラグインいろいろ

    2013年12月17日 Photoshop, 便利ツール デザイナーにはかかせないツール、Adobe Photoshop。Creative Cloudになってどんどん便利になってきましたね!そんなPhotoshopをさらに使いやすくしてくれる無料プラグインが多数配布されています。私はPhotoshop CC ver. 14を使用しており、そのバージョンで使えるプラグインを中心に紹介していきます! ↑私が10年以上利用している会計ソフト! Photoshopプラグインの使い方 最新版のAdobe Extension Managerをダウンロード&インストール ダウンロードしたPhotoshopプラグイン(.zxpファイル)をダブルクリック 自動的にAdobe Extension Managerが起動するので、そのままプラグインをインストール。自動的に起動しない場合はAdobe Extensi

    Photoshopをより便利に利用できる無料プラグインいろいろ
  • スキャンした下絵や線画から1クリックで主線を抽出するPhotoshopのアクション -Lineart Separate

    個人でも商用でも無料で利用できる、下絵や線画から1クリックで主線を抽出するPhotoshopのアクションを紹介します。 数手間かかるのが、1クリックでできちゃうと楽ちんですね。 登録すると、こんな感じに。 ※最後のアクション「Layer 0」で、日語環境だとアクションが止まってしまいますが、単にレイヤーを非表示にするだけのアクションなので無視しても大丈夫です。変更する時は上にちらっと見えてるように「レイヤー0」にします。 というわけで知り合いの絵師さんに下絵をいただいたので、実際に使ってみました。

    スキャンした下絵や線画から1クリックで主線を抽出するPhotoshopのアクション -Lineart Separate
  • Photoshop の新しいプラグイン(Adobe Layer Namer、Adobe Paper Texture Pro、Watercolor Assistant J)|DTP Transit

    日開催されたPLUS ONE DAYで、Adobe Layer Namer、Adobe Paper Texture Pro、Watercolor Assistant Installer Jという3つのPhotoshopプラグインが発表されました。 すべて無償です。ダウンロードはこちら。 お礼!PLUS ONE DAY イベント、のお話 それぞれ、Extension Managerを使ってインストールします。

    Photoshop の新しいプラグイン(Adobe Layer Namer、Adobe Paper Texture Pro、Watercolor Assistant J)|DTP Transit
  • ?utm_expid=80881555-0.QJWGp6K-TKiTJ3p8q1zLGQ.0

    Powerful grids and guides in your favorite design tools.GuideGuide is a plugin for quickly and easily creating guides and grids, with more power and flexibility than your favorite app’s built-in grid tools — and it works wherever you do. Guideguide supports: DownloadBuy GuideGuide

    ?utm_expid=80881555-0.QJWGp6K-TKiTJ3p8q1zLGQ.0
  • Photoshop CC完全対応!ガイド引きをかなり便利にする純国産の無料の機能拡張 -QuickGuide

    Photoshop CC/2014に対応したPhotoshopでのガイド引きをかなり便利にする純国産の無料の機能拡張を紹介します。 2014ではFlashやFlexを使用している機能拡張は使えなくなり、代わりにHTML5ベースのものでないといけないそうです。 QuickGuide 先日の記事「Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ」で取り上げた時からバージョンアップされ、機能も大幅に強化されています! QuickGuideの主な機能 QuickGuideのインストール QuickGuideの使い方 QuickGuideの主な機能 QuickGuideのメインとなる機能は、オブジェクトや選択範囲を元に、上・下・左・右を組み合わせた全9パターンのガイドを1クリックで引けることで、今回のバージョンアップで天地・左右、天地左右の中央にも対応しました。ほかにもガイド関

  • デザイン効率大幅アップ!Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』

    世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか!!なんて非効率な日常を送っていたのか!!悔やんでも悔やみきれないです当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください!! 『Skala Preview』とは Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです! 今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。 同期にいちいち時間がかかり かなりストレスだったので、このアプリを知って大歓喜なのでございます♡ 公式サイト:Skala Preview, a Mac a

    デザイン効率大幅アップ!Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』
  • 『 ai,eps,ps 』ファイルを『 jpg,png,gif 』などに変換 ②

    前回 同様、photoshop、illustratorをお持ちでないことが前提です。 ほしい素材が『 ai,eps,psd 』などで表示すら出来ずにあきらめたりしていませんか? 今回は前回とは別のフリーソフトを使って変換する方法です。 XnView という画像ビューアの紹介 方法は、いたって簡単! 1) 『 XnView  』  のダウンロード及びインストール 下記より『 XnVew  』をダウンロード。 『 XnView  』 のダウンロード ※Setup (Multi-language) の右横のボタンです。 ダウンロードしたXnView-win.exe  をダブルクリックでインストール開始です。 とくに何もないので通常にインストールを完了させて下さい。 PCを再起動させます。 完了 2) 『 Ghostscript  』 のダウンロード及びインストール gs900w32.exeをダウ

    『 ai,eps,ps 』ファイルを『 jpg,png,gif 』などに変換 ②
  • Adobe Photoshop CCファーストインプレッション

    Adobe Photoshop CC が公開されたので、早速レポートです。 Photoshop CCは、見た目はほぼ Photoshop CS6 と同じですが、パネルを使用したシェイプサイズの変更や角丸の再編集など、Webデザイナーにとっても地味に便利な機能が追加されています。 パネルを使用してシェイプサイズを変更・移動 これまで、長方形などのシェイプのサイズを数値指定で変更するには、Ctrl+Tキーなどを押して自由変形モードにし、「基準点」の「左上」をクリックしてからサイズを変更する必要があり、手間がかかりました。 私の場合は、自作の JSX(スクリプト)でシェイプサイズを変更していたのですが、Fireworks のプロパティインスペクタや、Illustrator の変形パネルのようなものを作ろうかと思っていた矢先に標準機能として搭載されました。 新しいパネルが増えたのではなく、長方形な

    Adobe Photoshop CCファーストインプレッション