タグ

photoshopに関するsat555のブックマーク (23)

  • PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG

    こんにちは。LIGブログ編集部です。いつも「時間が足りない!」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか? Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ

    PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG
  • Photoshopでの作業がはかどる便利なプラグイン・機能拡張のまとめ

    Illustratorでウェブデザインをおこなう人が増えてきましたが、やはりPhotoshopをベースにしているデザイナーさんが多いと思います。そんなPhotoshopを更に便利にパワーアップするプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日語環境(Win/Mac, CS6/CC)で利用しています。 面倒なガイド引きをパワーアップする強力な味方 等間隔ではないガイド引きを簡単に設定できる 選択範囲やオブジェクトを元にガイドが引ける さまざまなオブジェクトのカラーを一元管理できる 要素のサイズやエフェクトやフォントなどの情報を書き出す PNG画像をより美しく、より軽量に書き出す 黄金比、黄金螺旋、黄金三角形、1/3ルール、対角線などを簡単に描く Subtle Patternsのテクスチャ素材をPhotoshopから利用できる flat iconのアイコン素材をPhoto

  • Web制作者必見!Photoshop CCにSlicyのような画像アセット(Generator)機能が追加

    Web制作者必見!Photoshop CCにSlicyのような画像アセット(Generator)機能が追加
  • ウェブデザインの基本原則からPhotoshopの実践的なテクニックまでが学べる無料のeBook -Pixel Perfect Precision

    思わず、これ無料なの?!というくらいの充実した内容、そして美しいレイアウトで構成されたウェブデザインのテクニックが学べるeBookを紹介します。 ウェブデザイナーをはじめ、ディレクター・アートディレクターなどウェブデザインに携わる全ての人に役立つと思います。 iBookにも対応 内容は、簡単に言うとノンデザイナーズブック(Amazonで見る)のウェブに特化した感じで、完璧な精度のピクセルにどのようにデザインするかがテーマになっています。 ページ数は全部で165ページ、配置の基原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の内容になっています。 テキストは英語ですが、各ページキャプチャ付きなので、デザインの知識が多少あれ

  • 無料で超簡単に画像の背景を切り抜ける神ツール!Clipping Magicが凄かった

    画像の切り抜き、面倒くさいですね。 Photoshopを持っている方なら色んな方法があるってもんですが、そうでない方はどうすればよいのでしょうか。そうです、「Clipping Magic」をつかえばいいのです! そんなわけで、超簡単に画像の背景を切り抜ける神ツールClipping Magicのご紹介。 使い方 このClipping Magicはブラウザに画像をアップロードして、簡単操作で背景を切り抜くことができると言うツールです。(ブラウザはGoogle ChromeかFirefoxをお使い下さい) まずはClipping Magicにアクセスして、写真をブラウザ上へドロップ。画像をアップロードします。 写真をアップロードしたところ。左が作業スペース、右がプレビュー画面となります。いい写真ですね。 ツールはこんな感じ。 使い方は非常に簡単。このように切り出したい部分を緑色のツールでザックリ

    無料で超簡単に画像の背景を切り抜ける神ツール!Clipping Magicが凄かった
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる!」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス&タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが!フォトショでもFW並か、それ以上に楽ができると思います。 そ

    DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • ミニマルでフラットがかわいい全300種のアイコン素材、PSDもAIもフォントも揃ってます -Metrize Icons

    Metrize Icons ダウンロードできるアイコンのフォーマットは、これ以上ないくらいに揃ってます! PSD (各アイコンはシェイプ) SVG (512 x 512) EPS AI PDF Web Font (ttf, eot, woff) さらに、次のアップデートではpngとcshも加えたい、とのことです。 アイテムは全部で300種類、フラットなデザインにぴったりなサークル状のスタイルです。

  • Webデザイナーの僕が使ってみて嬉しかったPhotoshopCS6の新機能

    こんにちは。 やっとPhotoshopCS6を購入しましたPhtoshop Loverの井畑です。 今回はPhotoshopCS6使ってみて「うぉーむっちゃ便利になったなー!」と思った点をまとめてみました。 PhotoshopCS6は、かゆいところに手が届く、こういう機能を待っていた!という点がいっぱいでございます。 既に発売されて結構たっていることなので、今更感はあると思いますが、よかったらご覧ください! それではどうぞ! PhotoshopCS6の嬉しい新機能目次 オブジェクト、選択範囲を変更する時にサイズを親切に教えてくれる! レイヤーフォルダに効果を適用できる! 複数のレイヤーにまとめて「ロック、色、描画モード」を適用できる! レイヤーに色を付けるのが簡単になった! レイヤーの検索できる! 切り抜きツールで切り抜いた画像が再度編集できる! 急なシャットダウンも怖くない!自動保存機能

    Webデザイナーの僕が使ってみて嬉しかったPhotoshopCS6の新機能
  • Photoshopで簡単に配色を確認する裏ワザ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーの王です。 みなさんは写真やイラストを見たときに、「色使いうまいな! どういう色構成をしているんだろう?」と思ったことがあるのではないでしょうか? デザイナーなら誰しもそう思ったことはあると思います。 プロなら肉眼でもぴんとくるかもしれませんが、もっと正確に色構成を確認したい場合もあると思います。例えば、イラストなら最初から配色はできても、写真ではそれが難しいですよね。そこで色構成をチェックをすれば、より理想に近い配色に直すこともできるかもしれません。また、単に配色を確認して色使いを学ぶこともできますよね。 今回はそんな望みを簡単に叶えてくれる、Photoshopのあまり知られていないが意外と便利な機能をご紹介します。 やりかた 今回はこちらの写真を例に使います。 Step 1 「ファイル」から「web用に保存」を選択します。 ※ショートカットはcommand + a

    Photoshopで簡単に配色を確認する裏ワザ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 新着記事

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

    新着記事
  • 新着記事

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

    新着記事
  • 最近リリースされたシンプルでミニマルながら一味違うフリーのアイコン素材のまとめ

    ここ最近立て続けに素晴らしいアイコン素材がリリースされたので、まとめて紹介します。 ほとんどが商用利用も無料です。

  • 角丸の作成・修正の強力な武器になる機能拡張 -Corner Editor | コリス

    Corner Editor Corner Editorの主な特徴 Corner Editorのインストール Corner Editorの使い方 Corner Editorの主な特徴 旧版の全ての機能が使え、更に多くの機能を備えています。 直線で作成された角に角丸作成・修正ができます。 角を一つだけでも、複数同時でも、複数別でも簡単に角丸を適用できます。 角の種類は角丸だけでなく、計4種類のスタイルに増えました。 多角形にも対応しました。 一度設定した内容をセーブできるようになりました。 パスがスムースになりました。 各コーナーにラベルを付与できるようになりました。 Corner Editorのインストール インストールは簡単です。 ※Win/Mac共通です。 ダウンロードして解凍した「Corner Editor.jsx」を、Photoshopフォルダ内の「/Presets/Scripts/

  • 拡大縮小などのアイコンとして活躍してくれる 虫眼鏡アイコンまとめ「11 Free Magnifying Glass Search Icons (PSD) Set」

    拡大縮小などのアイコンとして活躍してくれる 虫眼鏡アイコンまとめ「11 Free Magnifying Glass Search Icons (PSD) Set」 webデザイン制作時に利用する機会や、見かける事の多い虫眼鏡アイコン。よく使う素材だけに、意外にデザインがワンパターンになってしまいがちです。そんな状況を解消できる虫眼鏡アイコンまとめ「11 Free Magnifying Glass Search Icons (PSD) Set」が公開されていましたので、紹介いたします。 (Magnifying Glass Icon | Inventlayout.com – Download free PSD, AI resources like textures, icons, buttons, backgrounds and many many more…) ベースの虫眼鏡の形は同じですが

    拡大縮小などのアイコンとして活躍してくれる 虫眼鏡アイコンまとめ「11 Free Magnifying Glass Search Icons (PSD) Set」
  • Photoshopのスマートオブジェクトでテキストを自在に変形させる方法

    creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近PhotoshopCS6を購入してニヤニヤがとまらない井畑です。 今回は以前の記事でご紹介したスマートオブジェクトを応用した使い方をご紹介したいと思います。 スマートオブジェクト…それは使い方次第でムゲンの可能性を秘めているものなのです。その中で、今回はテキストの変形についての小技テクニックをご紹介します。 それではどうぞ! テキストデータをスマートオブジェクト化して自在に変形させる方法 とりあえず参考のバナー置いときますね。 上のバナーの様に、デザインでテキストを左右非対称ないびつな形に変形することがあると思います。僕は値段の表記とかにインパクトを出す時などに結構使います。(※実際にこんな肩たたき券はありません。念のため) 普通のテキ

    Photoshopのスマートオブジェクトでテキストを自在に変形させる方法
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた

    Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた 2013.01.07 | この方法お勧めです! はじめまして。お弁当に入れてよし、おにぎりの具にもよし、卵はイクラでお寿司によし、年末にはまるごと新巻鮭で贈答品にもよし、いろんな形でお役に立つ、そんな鮭のような存在になりたいサーモンです。 決していしん坊だから、とか、もう選ぶ色がなかったとかそんなことではないですよ。 今日は七草 お正月、冬休み明けで、今日が仕事始めの方も多いのでは、と思いますが、そんな今日、1月7日は「七草粥」の日です。 1月7日の朝にセリ、ナズナ、ゴ(オ)ギョウ、ハコベラ、ホトケノザ、スズナ、スズシロの「春の七草」を入れたおかゆをべて、無病息災を祈る、という行事ですね。地域によっても少しずつ違うのかもしれませんが、私の住む関東地方ではこんな感じだと思います。 そして、正月

    Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた
  • PhotoshopなどのCS2製品が無料?

    AdobeがPhotoshopなどの旧バージョン「CS2」をシリアル付きで公開しており、事実上無料で利用できる状態になっている。 米Adobe Systemsが「Photoshop」などクリエイティブ製品群の旧バージョン「Creative Suite 2」(CS2)を、同社サイトで公開している。昨年12月にCS2用のアクティベーションサーバを停止したための措置で、無料で取得できるAdobe IDさえあれば誰でもダウンロードして利用できる状態になっている。 公開しているのは2005年に発売したPhotoshop、Illustrator、InDesign、GoLive、InCopyのCS2と、Acrobat Standard/Proの7.0、Acrobat Standard 8.0、Photoshop Elements 4.0/5.0、Premier Pro 2.0など。 日語版も用意されて

    PhotoshopなどのCS2製品が無料?
  • Easy Ways to Reduce Noise in Your Images

    2013年3月25日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ! ↑私が10年以上利用している会計ソフト! Neat Image Neat Imageは画像のノイズ除去を自動で行なってくれるソフトです。WindowsMacLinuxで利用でき、Photoshop用のプラグインも使うことができます。無料版と有料版があり、無料版では大きなサイズと商用利用は不可です。今回は無料版を試してみました!

    Easy Ways to Reduce Noise in Your Images