タグ

Webデザインとphotoshopに関するmasapon49のブックマーク (15)

  • こんな簡単でいいの?便利すぎるPhotoshopのプラグイン23選

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

    こんな簡単でいいの?便利すぎるPhotoshopのプラグイン23選
    masapon49
    masapon49 2015/05/20
    フォトショプラグインφ(`д´)メモメモ...
  • デザイン効率大幅アップ!Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』

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

    デザイン効率大幅アップ!Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』
    masapon49
    masapon49 2013/12/20
    そのうちWindowsでもできるようになることを願ってφ(`д´)メモメモ...
  • 新着記事

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

    新着記事
  • デザインやアート・お絵描きなどの作業がかなり捗る便利な機能拡張 -NKS5

    等間隔に水平・垂直にガイドを設定したい、よく使うブラシのサイズを登録しておきたい、方眼紙やカンバスで新規ドキュメントを作成したい、鉛筆やボールペン・マーカー・水彩・エアブラシなどすぐに使いたい、ノイズやブラーやグロウなどをブラシ感覚で使いたいなど、さまざまな機能が備わったPhotoshop CS5, CS5.5, CS6対応の機能拡張を紹介します。 NKS5 -Natural Media Toolkit NKS5はナチュラルなエフェクトを便利に使えるようコンパクトにまとめたツールで、小さいツールパレットにさまざまな機能が備わっています。 下記は、Photoshop上のNKS5のツールパレットと簡単な説明です。

  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • 透明ノイズと紙テクスチャ。

    ちょっとざらざらした質感とか、手触りを感じるテクスチャって、背景にさりげなく敷くだけで、ほんのり暖かみが出ていいですよね。このブログにも背景にうっすらノイズ画像を敷いてます。真っ白にするよりも何となく柔らかい感じになって好きなんです;)。 そんなざらざらノイズ画像を半透明にした「透明ノイズ」のつくり方についてまとめてみます:)。 透明ノイズ 「透明ノイズ」とは、ノイズ画像を半透明にしたPNG画像のこと。僕が勝手にそう呼んでるだけですけど。 Firefoxで、画像を右クリックして「画像だけを表示」を選んだ時に開くページの背景にも使われてました(※下図は2013年9月現在。今は透明じゃないノイズになってます)。 Firefoxの「画像だけを表示」 body要素のスタイルに、下記のように指定されてました(※下記ソースコードは2013年9月現在)。 body { background: #222

    透明ノイズと紙テクスチャ。
    masapon49
    masapon49 2013/09/26
    ずーっとノイズだけ思ってたけど木々やフラクタルなんかもアリだな
  • Border

    「現場のプロが教えるHTML+CSSコーディングの最新常識」を共著で執筆しました 2015年3月25日に株式会社エムディエヌコーポレーションより発売の、「現場のプロが教えるHTML+CSSコーディングの最新常識」を共著で執筆させていただきました。

    Border
  • 最近流行りのウェブ開発系ツールまとめ(主にデザイン) | keisuke.tsukayoshi

    最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き

    最近流行りのウェブ開発系ツールまとめ(主にデザイン) | keisuke.tsukayoshi
  • 40分かかる作業が3分で終わる!Photoshopの神ワザまとめ | Find Job ! Startup

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    40分かかる作業が3分で終わる!Photoshopの神ワザまとめ | Find Job ! Startup
    masapon49
    masapon49 2013/08/20
    φ(`д´)メモメモ...
  • ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ

    こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ! ちょっと待って文字詰めって何? まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し

    ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ
  • Photoshopで角丸シェイプを拡大してもアール(R)を維持する | blog <戦意>

    Photoshopで角丸シェイプを拡大してもアール(R)を維持する (2009/7/25, 12:06 AM) PhotoshopCS4備忘録。 UIのデザインをする際に、Photoshopを使うわけですが、コンテンツの枠を角丸で囲うことがあると思います。 角丸といえば角丸長方形ツールを使うわけで、シェイプレイヤーでが手っとり早いですね。 ただ、シェイプの縦幅をもう少し付け足す必要が出てきた場合、拡大縮小ツールでそのまま拡大すると角丸のアールの部分まで拡大されてしまい、伸びてしまいます。 そんなとき使うのが「パス選択ツール」です。 パス選択ツールで伸ばしたい方の角を2つ選択し、そのまま伸ばすだけで、アールを維持したまま拡大することができます。 ↑まずは角を2つ選択(アールは3px) ↑そのままのばします。 ↑アールを維持したままシェイプの拡大ができました。 最後に比較を。 こんな感じでした

  • 色調補正の全体像 - Photoshop 10年使えるメモ帳

    今回は色調補正の全体像を解説します。この流れを押さえておけば色調補正においてどのような作業を行えばよいかが理解できます。 ここでは上左図を上右図のように色調補正をここなう手順を解説します。 色調補正は修正すればするほど、どのように仕上げてよいか分からなくなることがあります。これは色調補正では目に見えない修正するべき部分が他の色の問題に隠れて見えなくなることがあるためです。 しかし、色調補正ではある一定の手順に従い修正することで、手早くより良い結果を残すことが可能です。 そのためには、色調補正にはどのような種類の補正があるかを理解し、その全体像をつかむことが必要になります。 色調補正の修正手順をまとめると以下のようになります。 1、画像を観察 ↓2、どんな仕上がりにするかを決める    ↓3、[明るさやコントラスト][色合い]の修正方針を決める    ↓4、[明るさやコントラスト]を修正  

    色調補正の全体像 - Photoshop 10年使えるメモ帳
  • creative-tweet.net

    This domain may be for sale!

    creative-tweet.net
    masapon49
    masapon49 2013/04/16
    インストールしてみよ!
  • [Photoshop]マスクの方法まとめ

    Photoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。 それぞれの作成方法をご紹介します。 クリッピングマスク レイヤーマスク ベクトルマスク(CS6, CC) ベクトルマスク(CS5?以前) クリッピングマスク すぐ下にある下層レイヤーのオブジェクトの形に切り抜くマスクです。 一番簡単なマスクですが、オブジェクトを動かす時に、マスク部分も選択しなければいけないという煩わしさもあります。 01) 切り抜きたい形のオブジェクトを作成します。 パスの図形でも、フリーハンドの図形でも大丈夫です 02) 切り抜きたいレイヤーを、その上に置きます。 03) レイヤーの間を、「Alt+クリック」します。 アイコンが写真のように変化し、マスクがかかりました。 調整レイヤーも同じようにマスクがけできます。 レイヤーマスク 選択

    [Photoshop]マスクの方法まとめ
    masapon49
    masapon49 2013/03/12
    グラデーションマスクばっかり使ってて忘れてた
  • 新着記事

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

    新着記事
    masapon49
    masapon49 2013/03/09
    はやるのかなぁ...φ(`д´)メモメモ...
  • 1