Photoshop CC2014+(Win&OS X)、Sketch 3+(OS X)対応のUIデザインの面倒な作業を自動化する無料プラグインを紹介します。 Craft Craftの特徴 Craftの3つのパネル Craftのダウンロードとインストール Craftの特徴 CraftはUIデザインでの退屈で面倒な作業を自動化し、デザインワークフローを時短化するPhotoshop CC2014+(Win&OS X)、Sketch 3+(OS X)対応の無料のプラグインです。 リアルなデータでデザイン作業 さまざまなタイプのテキストデータや画像を簡単に利用できます。 ワークフローの効率化 データのインポート、デザイン要素の複製など、今までより素早くできます。 シームレスなインテグレーション CraftはPhotoshopとSketchの両方で同じように利用できます。 かなり急ぎ足のアニメーション

Photoshopを使ってスマートフォンアプリのUIをデザインするコツを学ぶ連載。前回までで作例となる「お天気投稿アプリ」のデザインがひととおり完成しました。連載最終回は、前回仕上げたデザインをエンジニアに渡すまでの手順を追って紹介します。 お天気投稿アプリのUIデザインチュートリアル ▼第2回 1.アプリの配色を考えよう 2.ドキュメントを新規作成する 3.基本的な要素をレイアウトする ▼第3回 4.レイヤー効果を使って質感のあるボタンを作る 5.Illustratorで作ったアイコンを配置する 6.写真を配置してデザインを調整する 7.SNS連携ボタンを配置する ▼第4回 8.実機で見た目を確認しよう 9.パーツ画像を書き出そう 10.ガイドラインの作成 8.実機で見た目を確認しよう Photoshopでアプリのデザインを仕上げたら、iPhone実機に表示しましょう。第1回で紹介したア

自分が普段からどちらかといえばデザインよりもコーディングなどの作業が多いので、中にはただのコーダー側の意見や愚痴っぽいのもあるかもしれませんが、Photoshopでデザインする際に見やすく綺麗なPSDにすることができると思うポイントや知っておくと便利だと思う機能をいくつかあげてみました。 最近だと特にレスポンシブが関連してIllustratorやSketchを使ってるという人も多いとは思いますが、デザイン制作時にPhotoshopを愛用しているという方は参考にしてみてください :) あくまで個人的に思ったことなので、バリバリのデザイナーさんとかで「もっとこうしたら良くなるよ！」とか「それはしない方が良いのに...」みたいな意見があればアドバイスやツッコミ大歓迎です。 ここで紹介している内容やキャプチャは「Adobe Photoshop CC 2017」を使用した想定のものになり、バージョン

Adobe MAX 2015で発表されたアドビが研究中の新技術〜スニーク・ピークで発表された未来の11の技術 アメリカ・ロサンゼルスにて開催されているアドビシステムズ（以下、アドビ）のクリエイティブティ・カンファレンス「Adobe MAX 2015」。初日の基調講演（参考記事「[速報]Adobe MAX 2015 基調講演レポート」)に続いて、二日目は「スニーク・ピーク」というアドビが開発中の実験技術を紹介する講演が行われました。紹介された技術は将来的に搭載されるかもしれない技術であり、未来のAdobe Creative Cloudの新機能を一足先に知ることができます。現地に渡った弊社ICSの池田が速報レポートとしてお伝えします。 簡単な操作で新しいフォントを作り出せる技術：Project Faces フォントの骨格を解析し、字形を自由自在に調整し新しいフォントを作成できる技術。 ▲フォン

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

関東地方も梅雨入りして早いもので約1ヵ月が経過。今年の関東近郊の梅雨明けは7月中旬と予想されています。つまりは、まもなく灼熱の季節「夏」が到来しようとしているわけですが、一足先にサマーシーズンに向けたデザインをご用意してみてはいかがでしょうか。 7月はレジャーシーズンということで、海水浴、夏休み、ビール、アイスクリーム……など、まさに夏らしいシーンやモチーフをふんだんに取り入れたパターン素材を中心にピックアップ！119個まとめて一挙にご紹介します。 デザインを切り替えるだけで、一気に気分を盛り上げてくれるはずです！ぜひ最後までチェックしてみてください。 夏シーズンに最適！無料パターン素材まとめ 1. Several fruit patterns in watercolor style http://www.freepik.com/free-vector/several-fruit-patt

デザイン作業、披露など様々なシーンで重宝するPSDファイルは、デザインをする人なら持っておきたい素材の1つです。オリジナルの画像を差し込んで使用するものが多く、ほんの少しのカスタマイズでモックアップ作成からホームページやアプリのデザインまでできます。 今月も、便利なPSDファイルが多数登場しました。その中でも無料で使える素材をピックアップして56個ご紹介します。 デザイン作業を短縮したい、表現の幅を広げたいという方は、PSDファイルを活用してみてください。 無料で使えるPSDファイルまとめ 1. PSDWood Frame Mockup Vol6 http://www.pixeden.com/psd-mock-up-templates/psd-wood-frame-mockup-vol6 写真、グラフィックデザインを差し込むことができる、木製フレームのPSDモックアップ素材です。 2. P

Photoshopといえば、いまや写真や加工したりサイトをデザインしたりする際に欠かせないツールとなっており、いまやこれ抜きにデザイン作業を語ることは不可能といっても過言ではありません。そんなPhotoshopが生まれる前は一体どのようにデザインを行っていたのかを解説しているムービーが「Before there was Photoshop」です。 Before there was Photoshop | graphic design tools | Photoshop 25th anniversary - YouTube このムービーはPhotoshop誕生25周年を祝して制作されたもの。 30年前のPhotoshopが存在しない時代、デザインのやり方は現代とは全く異なった、アナログで物理的な手法を取っていました。 10代の子どもたちですら「ヘルベチカとは何か」を知っていて、タイプフェース

HOME ブログ webデザイン , 【PR】 , フォトショップ TENコレクションシーズン3：デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 TENコレクションシーズン3：デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。2014.08.11 私は現在、企業や組織に属することなく個人が創造性を発揮することで社会的役割を確立し、独立した個々人がその能力をシェアすることができるコミュニティの形成を目指し実現させていくための、考え方や役立つ情報の提供、技術を向上していく活動をしています。 そのため、自分自身の表現に注力した作品を作るという機会はほとんどなく、アーティストだと宣言するにはまだまだ未熟な立ち位置であることを確認しています。 実際にTENコレクションの過去の作品や、先陣を切って次々と生み出されていく

Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう

Photoshopでの作業がもたついたり、もっときびきび動作させたい、とパフォーマンスを向上させたい時に、見直したいPhotoshopの環境設定の項目を紹介します。 How To Optimize Photoshop For Better Performance 下記は、以前紹介した記事をCC2015対応に編集したものです。 ※翻訳・編集にあたり、元サイト様に許可を頂いています。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパネル フォントプレビュー UIのアニメーション動作 作業時にパフォーマンスをさげない方法 ヒストリーとキャッシュ Photoshopで作業する際に最初にチェックしておきたい項目は、キャッシュです。キャッシュを必要最小限にすることで、パフォーマンスが向上します。 設定方法 [環境設定] - [パフォーマ

デザインツールとしておなじみのPhotoshopですが、最近では自社でデザインしたり、個人的に写真加工に使ったりとデザイナーではない方でも使っている方が増えてきています。 Photoshopはとにかく機能が豊富であらゆる処理がおこなえることが大きなメリットですが、一方であまりにも機能が多すぎてなんとなく使っている、あまり使いこなせている感じがないという方も多いのではないでしょうか。 また、ちょっとした設定、単純作業がもう少し楽になればと思うこともあります。 今回は、Photoshopの小ワザともいえる使い方を3つご紹介します。 いずれもPhotoshopでは使用頻度の多い定番の作業ばかりですが、今回紹介する方法を使えばより簡単に、楽になるはずです。知らなかった、という方はぜひ一度試してみてください。 1.レイヤーを個別に書き出す方法 レイヤーを別々のファイルにしたいという時、１つ１つ保存す

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

Photoshop CCの2015版がダウンロード可能になり、新バージョンの話題でネット上も盛り上がっていますが、このタイミングでショートカットのチートシートが公開されています。 既に日本語版に翻訳してくれている方がいらっしゃいます。作者本人にも許可を頂いての作成とのこと。 素晴らしい。 日本語版に翻訳したものは以下のサイトからダウンロード可能です。 【超見やすいPhotoShopショートカット一覧表を日本語に翻訳 _ REBEL YELL】 PhotoshopバージョンのPDFとPNGを用意してくれています。 既にショートカットを覚えて活用されている方には必要ないかもしれませんが、Photoshopなどを使うときにショートカットを使っていない方は一度ご覧になると良いかも。 全てのショートカットを覚える必要は無くて、自分が処理の際に多用するツールのショートカットを覚えておくだけでも劇的に作

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。