COYOTE流テクニカルTIPS TIPS 04：【Photoshop】オープンソースエディタBracketsを使ってHTMLでUI作成
2021/04/12 COYOTE流テクニカルTIPS TIPS 04：【Photoshop】オープンソースエディタBracketsを使ってHTMLでUI作成 クリーク･アンド･リバー社の社内CGスタジオであり、ゲームの3DCGグラフィックス制作を中心に手がけているCOYOTE 3DCG STUDIO。本連載では、同社のTAチームによる制作に役立つ技術TIPSを紹介していく。 TEXT＿中林伸和 / Nobukazu Nakabayashi（COYOTE 3DCG STUDIO） EDIT＿小村仁美 / Hitomi Komura（CGWORLD） はじめに COYOTE 3DCG STUDIO テクニカルアーティスト（以下、TA）戦国大好き人間の中林です。当社スタジオでは、主にツール開発などを担当しています。 さて、前回までは当社の山本から主にMayaにおけるノードの回転制御について紹介
【テキスト・エフェクト】 - フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法
↑ クリックすると原寸拡大表示されます。 今回は、フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法をご紹介します。 本当に光が当たって反射しているようなテキストエフェクトをフォトショップのレイヤースタイルを適用するだけで作成できます。 最後にサンプル用PSDファイルを公開していますので、スタイルを保存しておけばクリックひとつで完成してしまうお手軽チュートリアルです。 詳細は以下から。 チュートリアル情報 プログラム : Photoshop バージョン : CS4で作成 （古いバージョンでも可能） 難易度 : 初級者から中級者 所要時間 : 5分から10分ほど チュートリアルをはじめる前に今回使用したフォントをダウンロードしておきましょう。 今回は「ダウンロードしておきたい25個の高品質な筆記体フリーフォント完全まとめ」で紹介した「Exmouth」フォントを使用しています。 チ
【photoshop】風景写真をイラスト・アニメ風に加工する｜ヱノプルギスの夜 / こころ動かす者
（2019.02.23に書いたブリコルールのブログ記事の引越しです） 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない？？ 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】＞【色調補正】＞【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと
【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」（複雑な背景バージョン） オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー（Command/Ctrl+J）したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
Adobe Photoshop | Kyle T. Websterによる特製ブラシをダウンロード
Adobe PhotoshopまたはAdobe Frescoの有償メンバーなら、Kyleが作成したブラシを利用可能 ログインすればすぐにダウンロードできます。Photoshopサブスクリプションには、Adobe Frescoのブラシが含まれています。Photoshopをお持ちでない場合は、購入をご検討ください。
PhotoshopでHDR風写真エフェクトを簡単に作成するお手軽チュートリアル
「HDR(ハイダイナミックレンジ)」とは、3枚の露出の異なる写真を合成することによって、人間の目で見ている状態に近づけるデジタル効果のひとつです。 Photoshopを利用することでなにげない普通の写真を、プロの写真家が撮影したような質感に仕上げることができてしまいます。 今回は5ステップで簡単にできる、HDR風の写真エフェクトの作り方「Photoshop Quick Tip: Create a Dragan Style Portrait Effect in 5 Steps」が公開されていたので、ご紹介します。 特に難しいステップなどはなく、基本的な操作で完成させることができる、お手軽チュートリアルとなっています。 詳細は以下から。 チュートリアル情報 [info_box] プログラム : Photoshop バージョン : CS5で作成 （古いバージョンでも可能) 難易度 : 初級者から
Photoshopで星雲と細かい星の作り方
を紹介します。 今回は、背景やデジタルコラージュに使える星雲と大小ランダムに散らばった細かい星を作ります。 工程数が多いですが、ランダムに散った大きめの星と小さめの星。色鮮やかな星雲。光を放つ小さい惑星の4つを作るので、各パーツを色々な場面で使い分けることも出来ます。 ロゴの背景に使いメリハリをつけたり、幻想的な合成やコラージュに使ってみて下さい。 各設定は目安です。様子を見ながら調整して下さい。
Photoshopで水彩風イラストを描いてみよう！ | SONICMOOV LAB
※【「滲み」が描ける水彩ブラシの作り方】の手法につきましてのお詫び 当記事にてご紹介しております手法は、他サイトに掲載されている手法を基に設定数値をアレンジ、ナビゲートしたもので、参考記事としてのご紹介並びにURLを明記をしておらず、執筆者の方及び読者の皆様には多大なるご迷惑をお掛けいたしました。ここにお詫び申し上げ、参考記事としてご紹介させていただきます。 ▼参考記事 【フォトショ】水彩風テクスチャをつくる【講座】 ********************************************************** こんにちは！イラストレーターのあんみです。 私は趣味で水彩画を描いているのですが、描く度に絵の具やパレット、バケツなど色々な道具の準備と片付けがちょっと面倒だと思うことがあります(・・；) そんなときデジタルで水彩画が描けたら楽ですよね・・・！ こちらのイラス
フォトショップでアメコミ風に加工する所要時間たった3分のフィルター活用テクニック。
フォトショップでアメコミ風に加工する所要時間たった3分のフィルター活用テクニック。2013.11.27 フォトショップのフィルターを活用すると、画像を印象をガラっと変えることができます。 イラストっぽく仕上げたい場合にはカットアウトやブラシストロークなどのフィルターを使用することがありますが、上手に調整しないとわざとらしくなってしまいがち。 ここでは難しい調整をいっさい必要とせず、初心者の方でも3分程度で簡単にアメリカンコミックっぽいイラスト調に加工する方法をお伝えします。 関連記事：photoshopで映画タイトルのようなメタリックなロゴを作るチュートリアル。 フォトショップでアメコミ風に加工するチュートリアル 今回は①背景（地球とテキスト）と②ヒーロー＆ロゴが別レイヤーにしてありますが1枚の画像から加工したい場合は↓のテクスチャライザーの工程を飛ばしちゃってください。 背景（地球とテキ
Photoshopにアートボード!!!??｜DTP Transit
次期バージョンのPhotoshopにアートボード機能が搭載されるようです。 追記（2015年7月31日）： フォトショップの「アートボード」機能を使った、4つの時短テクニックまとめ - PhotoshopVIP
Photoshop（フォトショップ）で画像を切り抜く方法【初心者向け】
Adobe Photoshop（フォトショップ）を使って「画像を切り抜く（トリミング）方法」を紹介する記事です。自動選択ツールやペンツールを使った切り抜き方法や、人物の写真を使って髪の毛など細かいところまで切り抜ける方法を紹介します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
Photoshop で背景透過の美しい favicon を作成する - 2xup
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
Photoshop VIP ☞ ボタンデザイン完全版、ダウンロードしておきたいPhotoshop無料PSD素材60個まとめ
Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。 多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。 どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意
第19回 「コンテンツに応じる」編集機能の総ざらい① | Shuffle by COMMERCIAL PHOTO
プロツールとして目覚ましい進化を遂げたPhotoshop CS5。その新機能を作例を交えながら紹介してきた当連載が再開する。まずは「コンテンツに応じる」編集機能について、進化の過程などを振り返りながら解説する。 PhotoshopはCS4以降、「コンテンツに応じて」という言葉を使った自動処理機能を強化してきた。言うなれば、絵柄を自動的に認識して、最適なレタッチや変形をPhotoshopが自動でやってくれるということだ。どんな絵柄でもこちらが思ったとおりの仕上がりになるわけではないものの、あっと驚く最適な処理をしてくれる時もある。 この「コンテンツに応じる」編集機能は、CS4では拡大・縮小、CS5ではスポット修復ブラシ、塗りつぶしツールに採用されている。今回はこうした進化の過程も振り返りながら検証してみたい。 絵柄を認識する技術 古くからカメラで露出判定を行なう際は、マルチパターン測光や評価
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
やる夫がデザイナーの作ったPSDにお怒りのようです
HTML／CSSコーディング時間を激減させる「Creative Cloud Extract」と、その真価を引きだすための10のポイント
【テキスト・エフェクト】 - フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法
新着記事
