タグ

photoshopに関するpeketaminのブックマーク (64)

  • ‎Seashore

    This is an easy to use but powerful image editor. It supports "layers". Imagine GIMP/Photoshop "light" - most of the features non-professionals need to create awesome images. This incredible software is originally the amazing work of Mark Pazolli and many others (see the credits in the user guide). The app is still open-source and is available at https://github.com/robaho/seashore Enjoy! Robert En

    ‎Seashore
  • CSS3Ps - Download Plugin

    Downloads: Download for Adobe Photoshop CC 2019 (use ZXPInstaller to install) Download for Adobe Photoshop CC 2015 (see instalation instruction) Download for Adobe Photoshop CC 2014 Download for Adobe Photoshop CS5, CS6 and CC Download for Adobe Photoshop CS3 and CS4 Mac OS X 10.7 Lion requires patch from Adobe before installation Installation process for Photoshop CC 2015 On Windows: Unzip downlo

  • イラストレーター騒然! 「高品質なサラダの絵を一瞬で描けるブラシ」が話題に

    「すごい…」「こうやって世の中は便利になるんや!」――セルシスの創作活動支援サイト「CLIP」で、高品質なサラダの絵を一瞬で描けるブラシ素材が話題を呼んでいます。話題の発端となったCLIP STUDIO PAINT向けの「サラダ素材集」は現在メンテナンス中(追記:12月26日現在は復活)ですが、IllustStudioやComicStudioで利用できる「サラダマルチ」を見ればどんなモノなのか分かりますよ。 ブラシのストロークに合わせて、サラダの具材が勝手に描かれる!! ヤバイ!!!! なんということでしょう!!!! 同ブラシを使うと、ベビーリーフ、プチトマト、アボカド、赤タマネギ、クルトンといったサラダの具材のイラストを、スタンプ感覚でキャンバスに描き込んでいけます。ひと筆描くだけで、ポポポポーンと葉っぱやプチトマトが描かれていき、あっという間に山盛りのサラダが描けてしまうというわけ。す

    イラストレーター騒然! 「高品質なサラダの絵を一瞬で描けるブラシ」が話題に
  • Photoshopできれいに切り抜く!ふわっとした髪の毛の切り抜き方法

    Photoshopで細い毛先やふわっとした髪の毛をきれいに切り抜く方法です。 今回は画像の切り抜きの中でも難しい、髪の毛の切り抜きです。Photoshopではさまざまな画像の切り抜き方法がありますが、今回使用する機能は、CS5以降の「境界線を調整」です。 CS5以下のバージョンの方も、最後に切り抜きの境界線を合成した背景となじませる方法もご紹介しているので、ぜひ参考にして下さい。 「クイック選択ツール」や「投げなわツール」などで切り抜きする対象物をざっくりと選択します。ふわっとした髪の毛の細い部分も、上図のようにざっくりとした選択で大丈夫です。 今回はshutterstockで購入した写真を使います。 (上記写真はshutterstockで購入した写真です。こちらの写真を使用する際は必ず同サイトで購入し使用して下さい。) 選択した状態で、オプションバーの「境界線を調整」をクリック、ダイアロ

    Photoshopできれいに切り抜く!ふわっとした髪の毛の切り抜き方法
  • 写真を水彩風にするPhotoshopアクションを作りました(CS6/CC/CC 2014) - saucer

    ちょっと思い立ったので、写真を水彩風に加工するPhotoshopアクションを作ってみました。あくまでも水彩「風」なので、完全に水彩タッチが再現されるわけではないですが、デザインでのちょっとしたアクセント程度になら使えるかもしれません。興味のある方は一度試してみてください。(2015.02.14更新) 【2015.02.14追記】CS5で使えるバージョンを追加しました。ただし、元のアクションはCS5で再現できない機能を使っていたため、CS6以降用と完全に同じにはなりません。 アクション実行サンプル写真に対してアクションを実行すると、下のような感じに加工します。あくまで全自動で一律的に処理を行いますので、かなり写真を選びます。いい感じになるかどうかは、運次第です。うまくいかない方が多いかも。その場合は、ハズレだったと思って我慢してください。ごめんなさい。 ダウンロード以下からどうぞ。zip圧縮

    写真を水彩風にするPhotoshopアクションを作りました(CS6/CC/CC 2014) - saucer
  • 新着記事

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

    新着記事
  • 便利で簡単!Webサイトのプロトタイプが本当に数クリックで作成できてしまうPhotoshopの無料の機能拡張 -Velositey v2

    Webサイトのプロトタイプやワイヤーフレームなどに使えるページレイアウトを数クリックで作れてしまうPhotoshop CS6/CC/CC2014対応の機能拡張を紹介します。 今時のコンポーネントが数多く用意されているので、デザインの勉強にもいいですよ。 Velositey v2 Velositey v2とは Velositey v2のインストール Velositey v2の使い方 Velositey v2とは Velositeyをは「Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ (1,000 Pocket Thanks!)」で紹介した時からバージョンアップし、機能も大幅に強化されました。このバージョンからCC2014対応です。 Photoshopにインストールすると、最近のWebページで見かけるさまざまなコンポーネントが1クリックで簡単に利用できます。 左上から、

    便利で簡単!Webサイトのプロトタイプが本当に数クリックで作成できてしまうPhotoshopの無料の機能拡張 -Velositey v2
  • デザインの引き出しを増やすかっこいいエフェクト満載!文字を魅せるPhotoshopのチュートリアルのまとめ -2014年春

    久しぶりに、テキストエフェクトのPhotoshopのチュートリアルをまとめてみました。 Photoshopのスキルアップだけでなく、デザインの引き出しを増やすかっこいいエフェクトがたくさんです!

  • コー速 ~PSD->HTML高速変換サービス~

    [2014.08.25] 現在、人的リソース不足につき新規のお申し込みを停止させて頂いております。ご迷惑おかけしております。目処が立ち次第再開致します。 [2014.03.16(04.14更新)] [重要なお知らせ]勝手ながら移管準備期間として3/16〜4/20までの期間、サイト上でのお申し込みを停止させて頂きます。お問い合わせフォームよりお問い合わせください。 [2014.03.16] [重要なお知らせ]コー速は2014年3月16日より運営事務局が株式会社トゥモローナレッジからツキノワ株式会社へ移管されました。 ★PSDやPNGなどのデザインデータからHTMLへハンドコーディングにて変換 ★翌日~5営業日以内の高速納品 ★検索エンジン対策(SEO)にも有効なWEB標準コーディングに準拠 ★Internet Explorer、Firefox、Safariなどのメジャーブラウザに対応 ★Mo

  • Webデザインが3倍速くなる!Photoshop神速テク4つ

    カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して

    Webデザインが3倍速くなる!Photoshop神速テク4つ
  • これからPhotoshopに乗り換えるFireworksユーザーへ。注意が必要なポイントとその解決策

    2013年5月、Fireworks開発終了ニュースを受け、多くのFireworksユーザーたちがAdobe許すまじと誓ったあの事件から早いものでもうすぐ1年経とうとしています。 私は今でもFireworksが大好きですし未だによく使っていますが、最近ではPhotoshopでデザインすることが多くなってきました。PhotoshopはCCになってからだいぶ使いやすくなり、いい感じです。 ただ、Fireworksユーザーからすると、Photoshopでデザインする上で不便だなーと思った点がいくつかあったので、今更ですがまとめてみました。ものすごーく地味なことばっかりですが、FireworksからPhotoshopに移行する方ならば一度は困るんじゃないかと思うことなので、参考になれば幸いです。 2016/7/5 追記 CSSHatで表示して見る を今更追記しました。サンキュー@sou_lab 20

    これからPhotoshopに乗り換えるFireworksユーザーへ。注意が必要なポイントとその解決策
  • 知らないと損!ウェブデザインに特化したPhotoshopの効率的な89の時短テクニック -神速 Photoshop Webデザイン編

    Photoshopを毎日使うウェブ制作者はぜひ目を通してほしい、Photoshopを自分の手足のように使えるようにするノウハウ、同じ結果でも遙かに時間が短縮されるテクニックが満載のオススメを紹介します。 同サイズの画像をスライスするのに5分かかっていたのが1分で! 10px以下の小さな文字を鮮明にするのに10分以上かかっていたのが5分でよりキレイに! など実用的な技が満載です。 「神速 Photoshop Webデザイン編」ではウェブデザインの現場でPhotoshopを使う時に役立つ情報が満載! Webデザインに特化したPhotoshopの環境設定方法から、すばやいスライス、効率的なカンプの作成、デザインのバリエーションを楽につくるなど、実践的なテクニックや便利なツール、そしていざという時の「直し」に強いデータをつくる方法など、デザイナーの時間を大幅に短縮します。 神速デザインの5箇条

  • Webデザインが捗るPhotoshopの時短ワザ4つ

    カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 面倒なスライス作業は「画像アセットの生成」機能で不要に Web制作で面倒な作業といえば、カンプから画像パーツをスライスする作業。パーツがたくさんあったり、あとからデザインが何度も変更になったりすると、いちいち書き出すのが手間ですよね。 Photoshop CC(14.1以降)の「画像アセットの生成」を使うと、スライス作業が不要になり、レイヤーグループごとに画像ファイルを自動的に書き出せます。 例として[角丸長方形]ツールと[テキスト]ツールで作った以下のようなボタンを書き出してみましょう。 [角丸長方形]と[Button]の2つのレイヤーを選択し、command+Gでグループ化します。グループ名には、書き出した

    Webデザインが捗るPhotoshopの時短ワザ4つ
  • 【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to

    みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき(@gautt) Finderの[情報を見る]で[低解像度で開く]にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (

    【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to
  • http://dandkagency.com/velositey/

  • Colour management and UI design

    Most people who design web sites or apps in Photoshop will, at one point or another, have had issues trying to match colours in images to colours generated by HTML, CSS or code. This article aims to solve those problems once and for all. Update, December 2017: This article is extremely old, and a lot has changed since I wrote it. Please read my new articles on colour management. Colour management,

    Colour management and UI design
    peketamin
    peketamin 2014/03/21
    photoshopのカラーピッカーで採色した色値と標準付属のdigital color meter の色値が違ってたので…safariで再現される色が違ってて困ってた!
  • 隠れた便利機能ベスト3

    こんにちは。デザイナーのハルエです。 今回は、知っているのと知らないのとでは作業時間に圧倒的な差がついてしまうPhotoshopの効率化機能マイベスト3を紹介させていただきます! 独学でつまずいていませんか? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました! ※2014年3月7日に公開された記事を再編集したものです。 その1:Vanishing Pointでハメコミ合成 みなさん、“Vanishing Point(ヴァニシングポイント)”機能をご存じでしょうか? 機能の存在は知っていても、使ったことのない方が多いかと思います。 このVanishing Point

    隠れた便利機能ベスト3
  • スクリーントーンをブラシで手軽に表現できる「44 Pixel Screentone Brushes」

    ブラシには非常にさまざまな種類があり、簡単に複雑な描写を描き出せるということもあり、頻繁に利用しているという方も多いのではないでしょうか?そんな中今回紹介するのは、スクリーントーンをブラシで手軽に表現できる「44 Pixel Screentone Brushes」です。 網目状のスクリーントーン描写を、ブラシで手軽に作り出すことができるセットです。 詳しくは以下 定番として利用できるシンプルな網目対応から、斜めの格子状、レース風、花柄風といった、いろいろな種類のスクリーントーンブラシが全部で44種セットになってまとめられています。そのまま利用するのはもちろんのこと、重ねて使ったり、他のテクスチャなどと組み合わせることで、オリジナル性のある描写も可能になりそうです。 モノトーンなので、利用できる範囲も非常に広いのではないでしょうか?取り入れておけば、多彩なシーンで活躍してくれるブラシになるか

    スクリーントーンをブラシで手軽に表現できる「44 Pixel Screentone Brushes」
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • Photoshopのパスファインダーパネルを作りました(CS6/CC用) - saucer

    意外と知られていないですが、PhotoshopでもIllustratorのパスファインダーのように、複数のシェイプを組み合わせて新しいシェイプを作成する機能があります(CS6以降)。でも、メニューとオプションバーを使って2回の操作を行わねばならず、Illustratorのようにワンクリックで実行することはできません。そこで、これらの処理をスクリプトにまとめ、実行しやすいようにパネルにしました。CS6以降のみになりますが、興味があればぜひ使ってみてください。(2014.07.29更新) ダウンロードお使いのPhotoshopのバージョンに合わせたものを、以下よりダウンロードしてください。なお、CC以降では最新バージョンの使用をお勧めします。 最新バージョンCS6用(ver. 1.0.1): ダウンロード(ps_pathfinder_cs6.zipzip形式)CC用(ver. 1.0.1):

    Photoshopのパスファインダーパネルを作りました(CS6/CC用) - saucer