初心者でもできる！写真をイラスト風に加工するチュートリアル集【Photoshop】 | 小樽総合デザイン事務局｜デザイン・ホームページ制作
Photoshopで画像をイラスト化するためのチュートリアル集。 アニメ背景風やマンガ背景風、水彩風、鉛筆画風、チョークアート風など、さまざまな加工方法をまとめました。 初心者～脱初心者レベルのものばかりなので、ぜひ挑戦してみてください。 基本的な加工 5分でできる！HDR処理で写真をイラスト風に加工する方法 難易度：☆ HDR（ハイダイナミックレンジ合成）を使用した方法。 使う機能が1種類のみと、非常にシンプルですが効果は大きいです。 フィルターギャラリーで加工する場合でも、事前にHDR加工をしておくだけで仕上がりが全然違います。 初心者はまずはここから始めてみるといいでしょう。 暗部を明るく、彩度を高くといったイラスト化の基本的なテクニックも、直感的に理解できます。 簡単！写真から線画を抽出するための5つの方法 難易度：☆ 写真から線画を抽出するシンプルな方法を5つ紹介しています。 簡
Learn Git Branching
A interactive Git visualization tool to educate and challenge!
イラストを布のシワに合わせて変形する方法(Photoshop)
Photoshopでイラストを布のシワに合わせて変形します。 イラストに布のシワや質感などを合成するには、簡単な方法として[描画モード:乗算]があります。ただこれでは、イラストに布のシワ模様が入っただけになりますね。 今回はイラストを布のシワに合わせて変形し、よりリアルな合成方法をご紹介します。 今回は布のシワに合わせて国旗のイラストを変形します。 イラストと布の素材を同じサイズにします。サイズ変更の方法は素材の状態に合わせて行ってください。今回はイラストのサイズに合わせて布を縮小しました。トリミングでサイズを揃えても構いません。 （参考記事：Photoshopのトリミングを詳しく解説） 今回はshutterstockで購入した写真を使います。 （上記写真はshutterstockで購入した写真です。こちらの写真を使用する際は必ず同サイトで購入し使用して下さい。） 今回使用する布は初めから
Photoshopで風景写真をより魅力的に色補正する方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
風景写真でぼやっとした所謂眠い写真をPhotoshopで色補正する事でより魅力的に補正する事が出来ます。空はより青く、草木はより緑に補正する方法です。やり方はごくごく簡単です。 Photoshopで風景写真をより魅力的に色補正する方法 まずは、Before ・After まずこれがBefore そして、こちらがAfter 新規レイヤーを作成します。 まず新規レイヤーを作成しますが、上のメニューから「レイヤー」「新規」「レイヤー」の手順でレイヤーを作成します。（注意：レイヤーパレットに新規レイヤー追加ボタンもありますが、ここでは上のメニューから新規作成を行います。）このようにすることで、新規レイヤー作成前にダイアログが表示されます。 ダイアログの値を設定します。描画モードをソフトライトに、そしてソフトライトの中性色で塗りつぶす（50%グレー）にチエックを入れます。 空をより青く補正します。
フォトショップ 使い方マニュアル やぶれた紙の表現
やぶれた紙の表現方法には他にも色々あると思いますが、ここではなげなわツールを使った比較的簡単な方法を紹介します。1)画像を開く作成したい画像を開きます。ここでは手紙のような画像を使いましたが、普通の写真などでもいい感じに出来上がると思います。2)なげなわツールで範囲指定なげなわツールをクリックし、選択範囲を指定します。破れた部分となる細かいギザギザを描き選択範囲を作ります。選択範囲ができあがったら、Deleteキーを押します。選択した範囲が削除されます。Shift+Ctrl+Iを押して選択範囲を反転させます...
色域指定を使って選択範囲を作る | Photoshop 色調補正ゼミナール | Shuffle by COMMERCIAL PHOTO
今回から取り上げる新たなテーマは「選択範囲の作り方」。当ゼミナールでなぜ選択範囲？と思いきや、色調補正には欠かすことのできない重要な工程の1つだという。 この連載も11回目。初心者向けとは言えないレベルまでやってまいりました。 いよいよ今回から、選択範囲の作り方のお話を始めたいと思います。Photoshopにおいて「選択範囲」とは、何か？ 「画像に何か操作を行なう時」に、結果が「特定の部分だけ」にかかるように「範囲」を区切ってあげることを指します。 「それって、色調補正の連載に必要なのだろうか？」 そう感じられた方もいるかもしれません。しかし、これは決して避けては通れない課題なのです。 当連載のゴールである「デジタル画像の色調を完全にコントロールできるようになる」ためには、どうすればよいのか？ 誤解を恐れず一言で言い切れば、ズバリ！ 「自由に選択範囲が作れて、その部分の大胆な色変換まででき
Photoshopで簡単にペンキで描いた風の文字を描く方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 今回は木の板にペンキで描いたようなテキストを表現するチュートリアルをご紹介します。 使用環境、素材について ソフトはAdobe Photoshop CCを使用しますが、バージョンがCS3以上であれば十分に制作可能です。 まずは素材を用意します。 以前「デザイナーが選ぶデザイナーのための無料写真素材サイト、厳選10個！」の記事でも紹介したCG Textureから以下の素材をダウンロードします。（ダウンロードにはユーザ登録が必要です） BrickMedievalBlocks0022(1600×1158) WoodPlanksClean0027(1600×1200) フォントは好みのものを用意しましょう。ペンキ風なので手書き感のあるものが合うと思います！ STEP1. 背景レイヤーの上に素材を配置する まず、1000×718pxの新規PSDを作ります。 先ほ
【保存版】Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ
Illustratorでウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テクニックを紹介します。 Speed Design with Illustrator Illustratorの時短チップスを書いたのはVincent Le Moign氏で、彼の別サイト「WEBALYS」ではたくさんのフリー素材を配布しているので覗いてみてください。 WEBALYS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。無断翻訳・まとめ記事の転載をしているあのブログの注意喚起を海外のブロガーから聞くのでご注意ください。 時短でボタンをつくる 1クリックでテキストをデザイン カラー変更の強い味方「グローバルカラー」 モジュール式のデザイン アイコンフォントを簡単に扱う方法 グリッドの設計 グリッドにスナップさせる アートボードの活用 サイ
(no title)｜鈴木メモ(旧)
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
実はあまり知られていない？Adobe公式の無料チュートリアル動画集
2014年8月17日 Illustrator, Photoshop, 便利ツール Web制作にはかかせない、PhotoshopをはじめとするAdobe社の製品。初心者向けのWebサイト制作についてかかれたサイトや書籍でも必ず目にする名前だと思います。覚える事が多くて何から勉強すればいいかわからない！なんて言う声もよく聞きますが、Adobeの公式サイトで配信されている無料動画で、基本的な使い方はマスターできちゃいますよ！昔からあるサイトですが、意外と存在を知らない方がいらっしゃったので、記事にしてみます。 ↑私が10年以上利用している会計ソフト！ Adobe TVとは？ Adobe TV Adobe TVはAdobe社公式の動画チュートリアルサイト。各ソフトの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。何より嬉しいのは動画で説明されているサンプルファイルもダウンロー
数あるビギナーズガイドの中でも特にクオリティが高いと感じたWEBデザイナーの教科書的サイト色々 | バンクーバーのうぇぶ屋
今日は、以前『WEB制作者になりたいと言う人が見ると良さ気な、様々なことを学べるサイト15選！』という記事を書かせて頂きましたが、そのリバイス版の記事になります！あの記事書いてからもう一年かぁ。一年もあればビギナー向けのサイトや記事もどんどんどんどん変わって新しい物もどんどん出てきますね！ 特に前回もそうでしたが春先はそういった内容の記事も凄く多いので、流れに乗って今日は僕が今日まで見たなかで、これはクオリティたけぇ！と僕が独断と偏見で感じたビギナーズガイドの数々をご紹介させて頂きましょう！（Evernoteにそういうネタが溜まったのでアウトプットしよーってノリも大きいですが・・・ｗ） そいえば、この前バンクーバーにある美大の社会人向けWEBデザイナーコースに行ってきたのですが、やっぱこっちはあり得ない位授業の進みが早いんですよね。その話は別でするとして、HTMLって何？ってレベルから経っ
Photoshop Tutorial / 誰得？写真からタトゥーを人物に転写する方法 / Maka-Veli .com
ニーハオ。わたし、レイレイよ。今日は私が解説するわ。よろしくね。 今回は普通の写真から人物の写真にタトゥーっぽく転写する技術を紹介するわ。そう、この腕に描かれて龍ね。2012年は辰年。2013年は巳年。ほんと、バカね。蛇にすればよかったのに。バカよ。松本まさとは大馬鹿よ！で、今回も簡単に、すぐ出来るように考えたの。だからどんどん行くわね。着いてきて 素材 これが今回の素材。まずコレを 切り抜いて、「エッジのポスタリゼーション」をかけてちょうだい。 こうなるわ。見て、スライスが表示されてるままキャプチャ撮ってるわ。本当バカね 転写対象は私、レイレイよ。美人ね。Cカップよ。 切り抜き・貼り付け タトゥーを入れたい場所に、パスを引いてちょうだい。 こんな感じで。 作業を楽にする為に、ベクトルマスクにしておいてちょうだい。 そして、さっき切り抜いた龍の画を重ねるんだけど・・・ 適用な
ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
[CSS]HTMLはシンプルで、紙をぺろっと折ったエフェクトをつけるチュートリアル
Code a Simple Folded Corner Effect With CSS [ad#ad-2] 下記は各ポイントを意訳したものです。 コンセプト デモ 実装 コンセプト このチュートリアルのコンセプトは、div要素に対してできるだけシンプルに紙を折ったエフェクトを与えることです。画像を使用すれば、当然かなり簡単にできることですが、これをCSSで行います。 基本的に必要なものは長方形のボックスのほかに、二つの三角形です。 デモページ [ad#ad-2] 実装 HTML HTMLは非常にシンプルです。 見出しとパラグラフを配置したdiv要素に、class（foldtl）を加えます。 <div class="page foldtl"> <h2>見出し</h2> <p>パラグラフ...</p> </div> CSS まずは、ページ全体とdiv要素のスタイルです。 div要素の背景はCS
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
新着記事
Watch Psdtuts episodes on Blip