Quantcast
Channel: テキストエフェクト – PhotoshopVIP
Viewing all 172 articles
Browse latest View live

Photoshopことはじめ!参考にしたいすごいチュートリアル、作り方40個まとめ 2015年1月度

$
0
0

liquid-splashing-girl

 

毎月Photoshopの新しいデザインテクニックを利用したチュートリアル、作り方をまとめています。今回は2015年1月度まとめとなります。

 

覚えておくと便利なテクニックや、Photoshopでのデザインがより楽しくなるチュートリアルを中心にまとめています。2015年のデザインプロジェクトに活用してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

Photoshopことはじめ!参考にしたいすごいチュートリアル、作り方まとめ

 

ファンタジー感あふれるポートレイト写真加工をする方法

2枚のイメージ写真を重ねることで不思議な色合いを表現することができる、多重露光テクニックの動画チュートリアル。英語となりますが、つまずきそうな細かい部分までていねいに解説されていてオススメ。

Double-Exposure-Phlearn-Thumb1-600x337

 

 

 

どんなイメージ写真もイラスト風に仕上げるテクニック

チュートリアルでは用意したダンベルの写真を使い、黒板と同じ素材の壁にイラストやテキスト文字を描いています。

chalkboard-effect

 

 

 

バリンと割れたガラスイメージのデザイン方法

実際にガラスを割って作成したカスタムブラシを使い、どんな写真にもエフェクトを加えることができます。

glass-breaking

 

 

 

超能力のようなスフィアライトをデザインする方法

ペンツールで描いたパスにレイヤースタイルを加えるだけの手軽さで、過去にも日本語チュートリアルで紹介しています、参考にいかがでしょう。

light-flare

 

 

 

ぼかしエフェクトを有効に活用する方法

CCで強化されたぼかし機能をより使い込みたい、そんなひとにオススメの動画チュートリアル。

Blur-Gallery-Photoshop-2014-Phlearn-Thumb

 

 

 

自由自在にオーロラを操ることができるデザインエフェクト

テクスチャ素材を利用することで、どんな色のオーロラデザインでも好きな部分に反映させることができます。

aurora-kiss

 

 

 

ダイナミックな光フレアをデザインする方法

イメージ写真にまばゆく輝くフレアデザインを、お好みのカラーで追加することができます。

Creating-Lens-Flare-Thumbnail

 

 

 

髪の毛の色を自由に変更する方法

レイヤーマスクで選択した髪の毛部分のみを、調整レイヤーで色変更するテクニックを紹介しています。

How-to-Change-Hair-Color-in-Photoshop-Thumb-600x337

 

 

 

Photoshopで口ひげを伸ばす方法

なかったはずのヒゲを自由に追加、消去することができる魔法のようなレタッチテクニック。

facial-hair

 

 

 

背景を完全に真っ白、真っ黒にしてしまう方法

特にフード料理写真をメニュー表に利用するときなどに、有効的なデザインテクニック。

real-white

 

 

 

人間と壁をシームレスに合成する方法

まるで洋服と壁紙がつながっているような、不思議なデザインエフェクトを完成させます。

human-blending-wall

 

 

 

写真と手描きスケッチを合成してデザインする方法

用意したバラの花の写真をベースに、半分だけ手描きスケッチのようなグランジスタイルを実現します。

emotional-rose

 

 

 

超インパクトのある映画ポスターデザインを作成する方法

映画「ターミネーター(英: the Terminator)」をモチーフに、空撮した町並みにガイコツが浮かび上がる本格デザインチュートリアル。

terminator-poster

 

 

 

手書きスケッチをPhotoshopでペイントする方法

鉛筆などで手描きしたイラストのパスを取る方法にはじまり、スクリーンプリントのような味わい深い作品に仕上げる過程を解説したチュートリアル。

traditional-painting

 

 

 

ビンテージテイストのTシャツ用デザインテンプレートを作成する方法

PhotoshopとIllustratorを駆使した、フクロウとガイコツを組み合わせたイラストをデザインします。

owl-painting

 

 

 

煙の中を舞うポリゴンスタイルの小鳥をデザインする方法

写真を元にパスをひき、レイヤースタイルを加えることで、立体感のあるポリゴンスタイル風デザインをお手軽に。

humming-bird

 

 

 

まるでゲームのようなファンタジー空間をデザインする方法

Photoshopでゼロから作る本格的デジタルペイントを学ぶチュートリアルで、ゲーム用インターフェースデザインに応用することができます。

fantasy-game-bg

 

 

 

宙に浮かんだ大木をデザインする方法

背景デザインや装飾用デザインパーツにこだわることで、よりリアルな空間に仕上げることができるチュートリアル。

floating-island

 

 

 

Photoshopを使ってゴージャスな合成写真をデザインする方法

あらかじめ用意した複数のイメージ写真を利用することで、オリジナル写真と全く異なるデザインに仕上げてしまうプロテク。

queen-of-red

 

 

 

メラメラと燃える炎を写真に合成する方法

ポイントは炎テクスチャレイヤーの描画モードを「スクリーン」にすることで、不要な背景部分のみが透明になります。

girls-on-fire

 

 

 

写真のようにリアルなペイントイラストレーションの作り方

撮影した愛犬の写真を、まるで水彩画でペイントしたようなアート作品に仕上げるデザインチュートリアル。

pet-portrait

 

 

 

風刺画風イラストレーションの作り方

撮影した写真を元に、相手の特徴をうまく誇張したユニークなイラストレーションを完成させます。

comic-photoeffect

 

 

 

あらゆるパーツをピクセルアートで作成する方法

ピクセルアートをどのようにつなげたり、増やしたりするのか紹介されており、より実践的なテクニックが満載です。

pixel-animation

 

 

 

テクテクと歩く猫のイラストGIFアニメーションの作り方

動物の骨格を理解することで、よりリアルな歩き方を表現することができる本格派GIFアニメーションを作成します。

walking-kitten-final

 

 

 

どんな写真でもまっすぐに修正する方法

手持ちで撮影したときに起こりやすい問題を、簡単に修正することができる、覚えておくと便利なテクニック。

crop-master

 

 

 

町並みをミニチュアのようにする「ティルト・シフト」エフェクトの作り方

日常の風景をまるでジオラマのような空間に変えてしまう、ユニークな写真加工エフェクト。以前日本語チュートリアルを紹介しています。

tiltshift

 

 

 

スマートオブジェクト機能を利用した、元の写真に手を加えないスマートなデザイン編集方法

レイヤーをスマートオブジェクトに変換後にフィルタを適用することで、いつでもパネルから値などを編集することができる便利テク。

smartobject-filter

 

 

 

レイヤースタイルを使って、メタルテクスチャを作成する方法

カラーオーバーレイを設定することで、自由にメタルの色も変更できる点はポイント。

brushed-metal-effect

 

 

 

グラデーションが美しい3Dテキストをデザインする方法

宇宙空間をイメージした幻想的な色使いが魅力的で、特に調整レイヤーの使い方を覚えることでデザインの幅が広がりそうです。

starlight-text-effect

 

 

 

炎が燃えているようなネオンテキストエフェクトの作り方

フレームエフェクトを適用することで、一味違うネオンデザインに仕上げることができます。

inferno-neon-effect

 

 

 

雲でリアルなテキスト文字を空に描く方法

文字ツールで描いた文字にレイヤースタイルを適用し、ブラシツールで加工するだけのお手軽チュートリアル。

cloud-text-effect

 

 

 

光沢感たっぷりなプラスチックテキストを作成する方法

まるでプラスチック素材を使っているような、透明感に加えグロス感も追加されたテキストエフェクト。

Clean-Plastic-Text-Effect

 

 

 

毛糸でできたようなモコモコ系テキストエフェクトの作り方

まるで本当に毛糸でつくったような質感が素敵で、基本レイヤースタイルによる作業なので、Photoshop初心者のひとにも◎。

stuffed-wool-text

 

 

 

キラキラに輝く黄金テキストエフェクトの作り方

こちらもレイヤースタイルを適用するだけで、メタリックなゴールドの光沢感を演出できます。

glittering-gold

 

 

 

クリスマスの超リアルなスノーボールを作成する方法

シーズンは過ぎてしまいましたが、今年のクリスマスに活用できそうな写真加工エフェクト。

christmas-ball

 

 

 

キラキラ感満点なクリスマスツリーをデザインする方法

クリスマスツリーとトナカイの定番の組み合わせを、ダイナミックなライティングエフェクトで演出します。

magical-christmas

 

 

 

PS拡張スクリプト「Velocity」を使って、手早くウェブデザインのプロトタイプを作成する方法

お好みのレイアウトの組み方を選んで、ボタンを押すだけのカンタン作業でウェブサイトの土台となるプロトタイプを作成できます。

velocity-layout

 

 

 

Sketchを使ったアプリUIインターフェースのデザイン方法

Mac用デザインアプリですが、すこしずつチュートリアルを紹介しているサイトも増えているようです。

sketch-interface

 

 

 

フラットスタイルの宇宙アイコンを作成する方法

かわいいイラストが特徴で、親しみやすいカラーリングはもちろん、フラットスタイルに合うドロップシャドウの付け方を詳しく紹介しています。

space-flat-icon

 

 

サムネイル@ : The Dancer – Create A Dynamic Liquid Splash Effect – 123RF


Illustratorはじめませんか?参考にしたいすごいチュートリアル、作り方27個まとめ

$
0
0

latestai2015feb-top

 

Illustratorの機能やテクニックを学ぶには、デザインチュートリアルを参考にしてみてはいかがでしょう。覚えておきたい基本的ツールの使い方から、まだまだ新しい機能であまり見かけないテクニックなど実践形式でデザインを学ぶことができます。今回はデザインスキルを向上する新作Illustratorチュートリアル、作り方をまとめてご紹介します。

 

 

特にフラットスタイルが人気デザイントレンドとなっているので、イラストレーションの作成方法などこれから押さえておきたい技を中心に、デザインの幅を広げてくれるチュートリアルを揃えています。

 

 

 

詳細は以下から。

 

 

 

Illustratorはじめませんか?すごい新作チュートリアル、作り方まとめ

 

ロープをIllustatorブラシで自由にカスタマイズする方法

カスタムブラシを作成することで、自由に描いたパスに沿って本物そっくりなロープをデザインすることができます。

knot-typeface

 

 

 

フラットスタイルの町風景をモノクロデザインで作成する方法

ヨーロッパの美しい街並みをフラットスタイルのイラストで描くチュートリアル。ペンツールやパスファインダーなど基本ツールのみを使った作り方は参考にできそう。

cityscape-flat-art

 

 

 

クリエイティブな立体タイポグラフィーを作成する方法

各アルファベットにストーリーがある、ユニークで立体的、そしてフラットスタイルのタイポグラフィーを作成します。

perspective-flat

 

 

 

フラットスタイル採用のコーディング系イラストレーション

デザイントレンドのフラットスタイルを採用したイラストレーションは、2015年ぜひ覚えておきたいデザインテクニックのひとつ。

coding-illustration

 

 

 

レトロなマッキントッシュをデザインする方法

グラデーションレイヤーを最後に適用し、レイヤーの描画モードを設定することで、独特なノイズ感を演出できます。

vintage-macmachine

 

 

 

立体的なイラスト系アイコンを作成する方法

トレンドのフラットデザインを表現するときに参考にしたい、基本的作り方を学びます。

bank-final

 

 

 

ロングシャドウ・エフェクト付ベクターアイコンの作成方法

フラットスタイルと合わせて一緒に使われているテクニック、ロングシャドウ・エフェクトの作り方を詳しく解説した動画チュートリアル。

flat_pencilc

 

 

 

鉛筆で描いたような質感を表現できるIllustratorブラシを作成する方法

完成したアートワークに重ねるだけで、鉛筆で描いたようなグランジ感をブラシ操作一発で追加することができます。

ai-pencil-texture-illustration

 

 

 

Illustratorを使って光や影をイラスト風で再現する方法

繊細なスタイルに不可欠な光と影を、質感たっぷりなグランジテイストで追加できます。

ai-texture

 

 

 

レトロスタイルのウェブサイトを作成する方法

ビンテージ感をうまく表現できるカラーパレットから、タイポグラフィーの並べ方など知っておくと便利なテクニックが揃っています。

vintage-website

 

 

 

フリーハンドで複雑なデコレーションオーナメントを作成する方法

描いたパーツをコピー、複製したら回転させていくことで、きれいなサークル状デコレーションを完成させます。

floral-decraotive-ornament

 

 

 

ゴージャスに輝く雪の結晶をデザインする方法

キラキラ感満点で表現されたデザインで、覚えておきたいライティングエフェクトの基本テクニックを紹介しています。

cosmic-snowflake

 

 

 

筆記体を並べた魅力的なタイポグラフィーの作り方

デザイン原理を考えながら各単語を並べるだけで、スタイリッシュなデザインを完成させることができるチュートリアル。

script-typeface

 

 

 

風船で使ったテキストエフェクトの作り方

プカプカと宙に浮かぶカラフルでメタリックな風船テキストを作成します。

happy-balloon

 

 

 

ゴージャスな映画用ポスターを作成する方法

映画鑑賞に関連するポップコーンや3Dメガネ、映画フィルムなどを並べたデザインは、覚えておくと便利なテクニック満載のチュートリアル。

wonder-cinema

 

 

 

カラフル&ファンタジーなペガサスをデザインする方法

空想の世界に生きるペガサスの手書きイラストに、見事なカラーリングでペイントを施すデザインチュートリアル。

RainbowPegasus_Final

 

 

 

木製の手漕ぎボートをデザインする方法

水の上に浮かぶボートは、ウッドの模様や質感までうまく再現することができます。

yawl-boat

 

 

 

立体感たっぷりな卓球台をデザインする方法

長方形ツールやペンツール、グラデーション、パスファインダーなどIllustratorの基本的ツールの使い方を学びながら進むので、はじめてのひとにもオススメ。

ping-pong

 

 

 

ディテールにこだわったアイススケートシューズをデザインする方法

靴ひもを通した立体感など、より本格的なイラストレーションを作成したいときは参考にいかがでしょう。

Ice_Skates_Final21

 

 

 

カフェアイテムをデザインしたシームレスパターンテクスチャの作り方

手描きしたイラストをベースに、継ぎ目のないパターンテクスチャを作成するチュートリアル。

tea-patterm

 

 

 

立体的な雨粒をモチーフにした壁紙の作り方

ドロップシャドウとグラデーションを利用することで、超立体的なスタイルを完成させることができます。

embossed-wallpaper

 

 

 

ドラゴンフルーツを使ったテキストエフェクトの作り方

輪切りにした南国フルーツを使って、まるで本物そっくりな質感でデザインすることができます。

dragon-fruit-text

 

 

 

ウィンナーを使ったタイポグラフィーデザインの作り方

ゼロからパスツールを使って描いたウィンナーを使い、自由にテキスト文字を描きます。

wienerText0

 

 

 

歯磨き粉を使って自由に文字テキストを書く方法

キラリと輝くグリッターデザインを採用した、ユニークな歯磨き粉をモチーフにしたデザイン。

smile-texteffect

 

 

 

ダイヤモンド&ゴールドのテキストエフェクトの作り方

キラキラ感たっぷりなメタリックの質感を表現するテクニックは、ゴージャスな雰囲気を演出したいときにどうぞ。

happy-newyear

 

 

 

メタリックな3Dテキストエフェクトの作り方

変形エフェクトを使ってレイヤーをコピーすることで、立体感たっぷりなテキストエフェクトを完成させます。

polished-text_10

 

 

 

魅力的なプライスタグをデザインする方法

ドロップシャドウを適用して、リアルな立体感が表現されたリボンデザインが素敵なチュートリアル。

real-tag

 

 

サムネイル@: How to Create Abstract Cosomic Snowflake in Adobe Illustrator – Vectorboom

生誕25周年!Photoshopのすごいチュートリアル、作り方25個まとめ 2015年2月度

$
0
0

fireworks-blending

 

毎月Photoshopの新しいデザインテクニックを利用したチュートリアル、作り方をまとめています。今回は2015年2月度まとめとなります。

 

 

今月で25周年を迎えたAdobe Photoshop。基本的なPhotoshopツールのみで作成でき、デザインの幅を広げてくれそうなチュートリアルから、CC新機能を利用したテクニックもすこしずつ増えてきています。

 

 

進化を続けるPhotoshop、これからどんな魅力的なデザインを届けてくれるのでしょうか、ますますたのしみです。

 

facebookcover_Grid-copy

Adobe Photoshop 生誕 25周年! – Photoshop公式ブログ

 

 

 

詳細は以下から。

 

 

 

誕生25周年!進化するPhotoshopのすごいチュートリアル、作り方25個まとめ 2015年2月度

 

Photoshopにおけるライティングエフェクトの使い方

実践的に応用できるデザインテクニックを詳しく解説した動画チュートリアルで、ライティングエフェクトを自由に操ることができます。

lighting-wall

 

 

 

ファンタジー感満点なデザインエフェクトの作り方

あまり使う機会のない「フレスコ」エフェクトを背景に適用することで、なんとも幻想的な雰囲気を演出することができます。

fantasy-composition

 

 

 

お腹をすかせた熊を描いたデザイン合成テクニック

あらかじめ用意しておいた背景や熊、モデルなどの複数のイメージ写真を組み合わせる、基本的な写真合成テクニックを学びます。

the-predation-effect

 

 

 

森のなかで宙に浮かぶ美女をデザインする方法

まるで本当に宙を舞っているようなぼかしエフェクトまで再現され、新規調整レイヤーを使うことで全体のトーンを整えることができます。

collage-with-girl

 

 

 

隠された秘密の場所をデザインする方法

月明かりがキラキラと輝く、ファンタジー感満点のグラフィックデザインを演出するチュートリアル。

secret-place-fantasy

 

 

 

複数のイメージ写真を違和感なく、継ぎ目なくデザインする方法

用意した写真によって異なるコントラストや明るさなどを、見事に調整するテクニックが披露されています。

transparent-brain

 

 

 

炎をつかったファンタジーエフェクトの作り方

テクスチャ素材から採用した炎デザインは、描画モードを「スクリーン」にすることで、背景部分を透明で表示してくれます。

playing-with-fire

 

 

 

炎エフェクトを使って、リアルな炎を描く方法

CC新搭載の炎エフェクトを使えば、描いたパスに沿って自由に炎を描いてくれる優れもの。これで炎などの作成に困ることはありません。

real-fire-effect

 

 

 

本物そっくりな雨粒をデザインする方法

まるで窓ガラスに付着したリアルな雨粒を、ブラシツールを使って再現するデザインチュートリアル。

real-raindrop

 

 

 

オリジナルの水しぶき、スプラッターPhotoshopブラシを作成する方法

実際に水しぶきを撮影する方法から、スキャナーで取り込み、ブラシとして利用できるまでを詳しく解説しています。

splatter-brush-making

 

 

 

リアル感満点なネオン管エフェクトを作成する方法

一見むずかしそうに見えますが、ネオンエフェクトはレイヤースタイルを適用することで表現でき、はじめてのひとにもオススメチュートリアル。

neon-text-effect

 

 

 

テクスチャの質感を生かしたアルバム表紙カバーをデザインする方法

モデルと帽子のシルエットを用いた、グランジテクスチャの質感が絶妙なデザインを動画で解説するプロ仕様のチュートリアル。

phlearn-covereffect

 

 

 

超リアルにチョークで黒板に文字を描く方法

手書きトレースしたイラストスケッチを用意し、黒板テクスチャに重ねて、描画モードを「比較(明)」に設定するだけのお手軽テクニック。

chalk-board-effect

 

 

 

立体的な3Dレトロテキストエフェクトの作り方

繊細なドロップシャドウやグランジテイストを加えた質感を、レイヤースタイルなど基本的なツールのみでデザインします。

3d-retro-texteffect

 

 

 

アイスクリーム風テキストエフェクトの作り方

レイヤースタイルやグラデーションツールなど、Photoshopをはじめたときにまず覚えたいツールを中心に使っています。

ice-texteffect

 

 

 

継ぎ目のないシームレスパターンテクスチャを作成する方法

お好みのイラストを使うことができるので、覚えておくと便利なデザインテクニックのひとつとなっています。

create-pattern

 

 

 

ハードブラシとソフトブラシの違いについて

Photoshopのデフォルト設定で用意されている2種類のブラシを、どのような場面で利用すればよいか解説しています。

hard-softbrush

 

 

 

Photoshopを使って本物そっくりに化粧をする方法

ブラシツールやぼかしツールを利用することで、まるで化粧をしているようなデザインエフェクトで仕上げます。

photoshop-makeup

 

 

 

本物そっくりな目を描く方法

瞳の輝きまでリアリティーたっぷりに描く、デジタルペイントのテクニックを学ぶことができるチュートリアル。

paint-realistic-eye-final-1

 

 

 

ライティングエフェクトを使った写真合成のデザイン方法

自由に星空や惑星を作成したり、複数のイメージ写真を違和感なく合成するテクニックが披露されています。

scifi50-final-1

 

 

 

エイリアン襲撃のSFシーンをデザインする方法

SF映画さながらの爆発やミサイルによる攻撃を、効果的にデザインするテクニックが紹介されています。

sf-movie-scene

 

 

 

グリッドデザインを活用した、グランジ壁紙を作成する方法

アイコンテンプレート用グリッドデザインと、テクスチャ素材を組み合わせてつくるチュートリアル。

spatial-grid-wallpaper

 

 

 

ドラマチックなライティングエフェクトを使った、写真合成テクニック

レイヤーマスク機能を活用することで、合成したいエリアのみを簡単に編集することができ、作業効率もアップします。

horror-blanco

 

 

 

月明かりに照らされた幻想的な海辺をデザインする方法

プロフェッショナルなデザインを学ぶケーススタディとなっており、レイヤーマスクの重要性を学ぶことができます。

1989-fullmoon-fireship

 

 

サムネイル@ : How to Add Fireworks to a Photo in Photoshop – PhotoshopStar

テキストエフェクトで魅力的に!すぐ使える無料Photoshopデザイン素材24個まとめ

$
0
0

texteffect2015-top

 

雑誌やポスター、イベント用フライヤーなどプリント媒体を中心に活用される機会の多いテキストエフェクトは、タイポグラフィーだけでは表現することができない、クリエイティブでユニークなスタイルを手軽に完成させることができます。最近では、ウェブ用デザインコンポーネントとして活用しているサイトも増えています。

 

 

今回は手軽にテキストエフェクトを作成することができる、無料Photoshopデザイン素材をまとめてご紹介します。レイヤースタイルやスマートオブジェクトを利用したアイテムが中心に揃っており、自由なカスタマイズが可能です。

 

 

スマートオブジェクトおよびレイヤースタイルを使ったテキスト編集については、以下のエントリーで触れています、参考にいかがでしょう。

 

 

 

 

 

詳細は以下から。

 

 

 

魅力的なテキストエフェクト!すぐに使える無料Photoshopデザインまとめ

 

Text Effect 2

レトロスタイルのフォントに本物そっくりなドロップシャドウが印象的な、立体的なテキストエフェクト。自由にフォントを編集、カスタマイズできます。

free-3d-texteffect

 

 

 

Retro Text Effect #2

質感たっぷりなレトロスタイルのテキストエフェクトで、シンプルなミニマルデザインとの相性も◎。

Retro-Text-Effect

 

 

 

Vintage Text Effeect 1

斜めにはいったストライプ柄が特徴的な、ドロップシャドウを強調したビンテージスタイル。

Vintage-Text-Effect-PSD

 

 

 

Vintage Type Effects

古いクラシックカーなどのロゴマークを連想させる、ビンテージスタイルのテキストエフェクト5種類セット。

Vintage-Type-Effects-for-Photoshop

 

 

 

Free 3D Text PSD

立体的なエフェクトが美しいテキストエフェクトで、どちらもスマートオブジェクトを使って文字テキストを編集できます。

Candy-text

 

 

 

Inksplash Free Text Effect

こちらはIllustrator用ファイルですが、最近トレンドとなっているビンテージスタイルでよく見かけるグランジ、ノイズ感を加えることができるグラフィックスタイル全5種類。

5-inksplash-texteffect

 

 

 

4 Free Retro Adobe Illustrator Graphic Styles

こちらもIllsutrator用グラフィックスタイルで、入力したテキストやロゴなどにもスタイルを適用することができます。

Retro-PSD2

 

 

収録されているファイルは全部で4種類あり、どれもレトロスタイルが魅力的な作品です。

Retro-PSD3

 

 

複数の色の異なるラインを重ね、まるで文字が飛び出すようなエフェクトが素敵。

Retro-PSD4

 

 

 

3 Illustrator Vintage Text Effects

他のビンテージ系エフェクトとは異なり、ハーフトーンテクスチャを活用した立体的なスタイル3種類を収録。こちらはIllustrator用ファイルとなります。

3-Illustrator-VIntage-Text-Effects-full

 

 

 

Free Text Effects v1.0

ほんのりとしたドロップシャドウを効果的に利用した、ミニマルスタイルのテキストエフェクト。

Free-Text-Effects-1

 

 

上記アイテムの他、合計4種類のレイヤースタイルが収録されています。

Free-Text-Effects-2

 

 

 

Bounce PSD Text Effect

お好みのテキストを自由に配置することで、簡単にビンテージスタイルで仕上げてくれるレイヤースタイル。

bounce-texteffect

 

 

 

Boulevard Retro Text Effect

古い映画のタイトルスクリーンを連想させる、レトロスタイルと立体エフェクトを組み合わせています。

boulevard-texteffect

 

 

 

Type Zilla PSD Text Effect

昔のクラシック映画のタイトルのような、モノクロスタイルのビンテージ系テキストエフェクト。

Type-Zilla-Text-Effect-PSD

 

 

 

Rusted Text Style

メタル板で作成された、サビ具合も忠実に再現することができるテキストエフェクト。

Rusted-Text-Style-PSD

 

 

 

Hostel Text Effect

ネオン管をモチーフにして、透明レイヤーと重ねたユニークなテキストエフェクト。

hostel-texteffect

 

 

 

Neon Glow

暗闇に光るネオンライトを再現できるレイヤースタイルで、各種3色から選択可能。

neon-glow-text

 

 

 

Text Effect 3

テキスト文字の背景から青白い光がもれた、SF映画のようなスタイルが魅力的です。

electron-texteffect

 

 

 

Shiny Glass Text Effect

背景が透けて見える、透明ガラスでできたテキストエフェクト。Photoshopチュートリアルと一緒に、無料サンプルPSDファイルをダウンロードできます。

Shiny-Glass-Text-Effect

 

 

 

Glam Gold Text Effect

メタリックな質感をたっぷり表現した、金色テキストエフェクト。デザインチュートリアルと一緒にサンプルPSDファイルが配布されているので、参考やお手本にどうぞ。

GlamGold-final

 

 

 

Metallic Photoshop Layer Styles

ゴールドやシルバーなどメタリック感を表現したいときに、合計3種類のレイヤースタイルを収録しています。

metal-text-styles

 

 

 

Metallic Style – Chrom

クロム合金のデザインエフェクトを作成し、カーボンのようなテクスチャを加えることで質感もアップ。

metallic-style-chrom-texteffect

 

 

 

Legend 3D Metal Text Effect

スマートオブジェクト機能が採用されているので、オリジナルファイルを汚すことなく、テキスト編集が可能です。

legend-texteffect

 

 

 

Cinematic 3D Text Effect

まるで映画タイトルのようなSFな雰囲気を演出した、光沢感とライティングエフェクトを加えたデザイン。

Cinematic-3D-Text-Effect

 

 

 

Photoshop Text Styles Set 1

キラキラ感たっぷりなライティングエフェクトを採用した、3種類のテキストエフェクト用スタイル。

shine-retro-style

 

 

 

5 Photoshop Text Styles

エンボス加工や型押しレタープレス加工など、使いやすいレイヤースタイル5種類をセットに。

Photoshop-Text-Styles

 

 

 

魅せるテキストエフェクト!押さえておきたい無料デザインPSD素材24個まとめ

前回まとめでは、今回未紹介のテキストエフェクトが揃っています。

3d-retro-text

 

 

サムネイル@ : Retro Vintage Text Effects vol.2 – GraphicRiver

Illustratorの最新テクを学ぶ!すごいデザインチュートリアル26個まとめ 2015年3月度

$
0
0

topographic-map-pattern-sm

 

Illustratorの基本的な使い方から、本格的なデザインまで学ぶことができる最新チュートリアルを、不定期でまとめてご紹介しています。今回は、2015年3月度まとめとなります。

 

 

一度作成、保存しておけばいつでも使えるブラシパターンや、質感をアップするグラデーションメッシュの使い方など覚えておきたいデザインテクニックが紹介されており、今後のデザインプロジェクトをより充実させるチュートリアルが揃っています。

 

 

 

詳細は以下から。

 

 

 

Illustratorの最新テクを学ぶ!すごいデザインチュートリアル、作り方まとめ

 

グラデーション付きの文字テキストを描く方法

基本的なイラストレーターの使い方として覚えておきたい、テキスト文字にグラデーションを追加する方法が紹介されています。

lighting-gradient-effect

 

 

 

鉛筆モチーフのパターンブラシを作成する方法

鉛筆の端を決めておくことで、描いたパスや文字にそってパターンをいつでも重ねることができます。

pencil-pattern-brush

 

 

 

フラットスタイルのステーショナリーグッズを作成する方法

ステーショナリーグッズを中心に、デザイナーアイテムを太めのアウトラインのイラストで描きます。

Designers-notebook-final-design

 

 

 

レトロスタイルのドロップシャドウ付テキストエフェクトの作り方

お好みで入力した文字にストライプ柄の厚みを加えることで、人気のビンテージスタイルを作成できます。

hatched-drop-shadow-text-effect

 

 

 

幾何学模様ラインのレトロスタイルのポスターを作成する方法

以前紹介されたチュートリアルを動画でアップデートしています、作り方をより具体的に学びたいときに。

retro-lines

 

 

 

キャプテン風肖像画イラストを作成する方法

葉巻をくゆらす船長をモチーフにしたイラストレーションの作り方が紹介されており、最後にノイズエフェクトを加えることで全体の質感をアップします。

subtle-captain-illustration

 

 

 

ヨガをしているユニークな牛のイラストを作成する方法

手書きスケッチを元に、グラデーションメッシュ機能を使った美しい質感が魅力的なイラストレーションを完成させます。

cow_yoga_tutorial

 

 

 

かわいいキャラクターを使った、継ぎ目のないデザインパターンの作り方

パスツールを使って描かれたオリジナルキャラクターを使い、どんな範囲でも塗りつぶすことができるシームレスパターンを完成させます。

character-cute-pattern

 

 

 

シンプルでミニマルな棒グラフを作成する方法

平面的なデザインが多いグラフに、立体的なドロップシャドウを加えることでエレガントな雰囲気を演出した、インフォグラフィック向けデザインチュートリアル。

bar-chart

 

 

 

質感たっぷりな曲線グラフをデザインする方法

パスツールで描かれたグラフに、ほんのわずかなドロップシャドウを加えた、デザイン性の高いグラフを作成します。

linechart

 

 

 

立体的なインフォグラフィック用ベクターを作成する方法

バーグラフツールに入力した数値を元に、立体的な棒グラフをデザインするテクニックが紹介されています。

Isometric+Infographic+Vectors

 

 

 

紙がギザギザに破れたようなエフェクトを作成する方法

描いたパスをギザギザに加工する、リンクルツールを利用したお手軽なデザインエフェクト。

ripping-effect

 

 

 

ウエラブル・デバイス、Moto 360をデザインする方法

注目を集める話題の腕時計型デバイスを、イラストレーターを使って作成するインターフェース作成向けチュートリアル。

moto360-design-tutorial-preview

 

 

 

波打ち際に文字をデザインする方法

自由なテキストを入力でき、海水の透明感も描画モードを調整することで再現しています。

sand-texteffect

 

 

 

クリスマスモチーフのストライプ柄キャンディーを使ったテキストエフェクトの作り方

一度作成し保存しておけば使いたいときにいつでも使える、パターンブラシで作成するテキストエフェクト。

Candy+Text+Effect

 

 

 

立体的に倒れたテキストエフェクトを作成する方法

3Dツールを利用することで、アルファベット文字を自由な方向に倒し、リアルな影を追加します。

fall-down-text

 

 

 

春を連想させる花束をデザインする方法

ブラシツールを使い、大小さまざまな花をデザインするチュートリアル。お好みで色の変更などもできて便利。

Bouquet+Spring+Flowers+illustration

 

 

 

壁貼り付け用ビニールステッカーをデザインする方法

Illustratorを使って巨大なステッカーを作成する方法で、細かいペイント方法などについて詳しく解説されています。

vinyl-wall-illustrator

 

 

 

Lineなどのチャートサービス用キャラクタースタンプを作成する方法

ユニークなキャラクターを表現した6種類のスタンプデザインを作成するチュートリアル。

drawing-comic-animation

 

 

 

ディテールにこだわったリボン付きの鍵をデザインする方法

複数のサークルが重なった複雑な模様をモチーフに、リボンの立体感まで忠実に作成します。

Key+Illustration

 

 

 

カラフルな色鉛筆をデザインする方法

全部で8色の色鉛筆を表現するチュートリアルで、木を削った質感までばっちり再現されています。

Pencils+Illustration

 

 

 

国際女性デーの花がらデコレーションイラストの作り方

春らしい鮮やかな配色に、花がらイラストを使って数字の8を描きます。

womes-day-illustration

 

 

 

本物そっくりな割れた卵をデザインする方法

卵の割れた殻から流れでた透明の白身まで、超リアルな再現テクニックを披露したプレミアムチュートリアル。30日お試し期間もあるようです。

Egg+Yolk+illustration

 

 

 

真っ赤な郵便ボックスをデザインする方法

平面的なデザインを立体的に仕上げるテクニックは、覚えておくと他にも活用することができます。

post-box

 

 

 

超立体的な3Dカーソル・アイコンを作成する方法

3Dツールでベースを作成し、メタリックな光沢感を追加するテクニックは参考になります。

3d-cursor

 

 

サムネイル@ : How to Create a Seamless Topographic Map Pattern – Blog.SpoonGraphics

すごいぞPhotoshop!最新チュートリアル、作り方28個まとめ 2015年3月度

$
0
0

latesttutorial2015mar-top

 

毎月Photoshopの新しいデザインテクニックを利用したチュートリアル、作り方をまとめています。今回は2015年3月度まとめとなります。

 

 

新しい魅せ方として注目が集まるアニメーション付UIデザインの作成方法や、よりリアルに近づけるデザインレタッチ、Photoshop CC新機能を使ったテクニックなど、これから参考にしたいチュートリアルがたくさん公開されています。一度確認してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

Photoshopをより便利に!参考にしたいすごいチュートリアル、作り方まとめ

 

ボロボロの壁にロゴを配置する方法

「置き換え」エフェクト(「フィルター」>「変形」>「置き換え」)を利用だけで、立体感たっぷりにロゴを配置することができるお手軽チュートリアル。

giftorial-displacementmap-11

 

 

 

1980年代のビンテージ系ライティングエフェクトの作り方

色あせたグランジ感で演出されたライティングエフェクトは、ビンテージスタイルが人気の今、覚えておきたいテクニックのひとつ。

80sIsnpiration_social

 

 

 

Photoshopタイムライン機能の使い方について

CCになってより強化されたタイムライン機能を使うにあたって、しておきたい基本設定から詳しくステップごとに解説したチュートリアル。

getting-giffy-with-it

 

 

 

幻想的なシネマグラフを作成する方法

写真の一部分だけがかすかに動くGIFアニメーションを作成します。日本語チュートリアルも参考にどうぞ。

cinemagraph-design-effect

 

 

 

読み込みローディングエフェクトをデザインする方法

レイヤースタイルを使った簡単デザインに、アニメーションを加える方法を紹介しています。

LoadingCircle_finalani

 

 

 

アニメーション付UIデザインの作り方

Googleマテリアルデザインを題材に、Photoshopを使ったアニメーション機能を学ぶことができるチュートリアル。

animated-gif-tutorial

 

 

 

イラストにハーフトーンエフェクトを加える方法

単色で描いたイラストレーションに、より奥行き感を与えることができるハーフトーンの追加方法を動画チュートリアルで。

halftone-texture-effect

 

 

 

紙幣のようなエフェクトを再現する方法

お札に印刷されたような質感をPhotoshopで再現することができるチュートリアルが、動画チュートリアルとしてアップデートされていました。

money-currency-design-effect

 

 

 

どんな写真でも雪景色に変えてしまう方法

サンプル用PSDファイルが用意されおり、イメージ写真に重ねるだけのお手軽さが◎。

snow-hitting-camera

 

 

 

写真をアナグリフ風3Dに加工する方法

実際に3Dメガネを掛けると、写真が飛び出したようなエフェクトをPhotoshopで作成します。

anaglyph-design-effect

 

 

 

写真レタッチに有効なライティングエフェクト4つまとめ

Photoshopを使ってちょっとだけ加工、編集するだけで、撮影したイメージ写真が劇的に変わる簡単テクニック4つ。

snail-lighting-effect

car-taillight-effect

 

 

 

ファッションモデルのような美容レタッチテクニック

まるで魔法のようなPhotoshopパワーで、ポートレイト写真をより美しく仕上げるデザインチュートリアル。

easy-beauty-fashon-retouching

 

 

 

手書きスケッチを使って美しいアニメーションを作成する方法

誰もが知っている昔話をモチーフにした某アニメーション映画を連想させる、手書き特有の質感をアニメーションを、PhotoshopとAfterEffectで作成します。

 

 

 

天使の輪っかをつけた美しい女性をデザインする方法

本格的な写真合成レタッチを学びたいひとにオススメの、プロ志向のデザインチュートリアル。

dark-angel-composition

 

 

 

ファンタジー感たっぷりな風景画をデザインする方法

筆でペイントされた様なマットな質感が素敵で、複数のイメージ写真を合成して作成する本格派チュートリアル。

eagleland-scenary-beautiful

 

 

 

星座が広がったマジカルナイトを作成する方法

あらかじめ用意した複数のイメージ写真を、違和感なく見事に合成する覚えておきたいデザインテクニック。

snowbear-designeffect

 

 

 

暗がりに佇むミステリアスな女性をデザインする方法

ホラー映画のような怖いシーンを作成するときに活用したいチュートリアルで、調整レイヤーを使った全体の色調の整え方は参考になります。

mysterious-lady

 

 

 

着飾った猫の肖像画スケッチをデザインする方法

手描きした猫をベースに、ビクトリア調のゴージャスな雰囲気をデジタルペイントで完成させるチュートリアル。

mr-cat-portrait

 

 

 

女性モデルをSF映画のようなロボットに仕上げる方法

まるで未来世界を見ているような、SFキャラクターを作成するデザインチュートリアル。

sci-fi-collage-woman

 

 

 

幾何学模様を使った写真合成の仕上げ方

イメージ写真に重ねた幾何学パターンにレイヤースタイルを適用することで、美しいライティングエフェクトを完成させます。

dancing-geometric-effect

 

 

 

写真を使って幾何学模様をデザインする方法

あらかじめIllustratorで作成した幾何学パターンを使った、イメージ写真コラージュテクニック。

geometric-landscape-art

 

 

 

火、炎の効果的なデザインテクニックまとめ

暗闇にぼんやりと輝く七色の光や、真っ赤に燃えるマグマや大爆発など合計8種類のテクニックが披露されています。

fire-design-pattern

 

 

 

本物そっくりな美しい唇をPhotoshopで描く方法

超リアルな光沢感やシワなども再現する、デジタルペインティングのテクニックをステップごとに解説しています。

juicy-lip-design

 

 

 

お好みの写真をビルボード看板にディスプレイする方法

レイヤーマスク機能を利用することで、変更したい部分だけにデザインを適用することができるテクニック。

advertise-on-billboard

 

 

 

ステンシル風テキストエフェクトを作成する方法

紙を切り抜いた、立体的なステンシルエフェクトをレイヤースタイルで再現します。

Stencil-Banner-Text-Effect---600

 

 

 

エンボス、型押しテキストエフェクトの作り方

レイヤースタイルを利用するだけ作成できる、Photoshopがはじめてのひとにもオススメしたい基本テクニック。

upwards-embedded-texteffect

 

 

 

手描きスケッチ風テキストエフェクトの作り方

まるでボールペンで塗りつぶししたような、手描きのラフ感を見事に再現したチュートリアル。

sektch-text-effect

 

 

サムネイル@ : How to Create Stunning Flaming Text Effect in Photohsop CC 2014 – Hongkiat.com

CSSスタイリングで表現できる!すごいテキストエフェクト33個まとめ

$
0
0

css-texteffect2015-top

 

多くのブラウザがCSS3に対応したことで、これまでPhotoshopやIllustratorなどのデザインソフトでしか表現できなかったテキストエフェクトが、CSSスタイリングのみでも実現できるようになりました。

 

海外デザインブログDesign Your Wayで、CSSでデザインされたクリエイティブなテキストエフェクトをまとめたエントリー「Yes, You Can Actually Make These Text Effects in CSS」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

CSSでスタイリングした、すごいテキストエフェクトまとめ

 

Elastic Stroke CSS + SVG

SVGファイルを利用することで、テキストラインをアニメーション付きでカラフルに表現します。

See the Pen Elastic stroke CSS + SVG by yoksel (@yoksel) on CodePen.

 

 

 

-webkit-background-clip:text CSS Effect

-webkit-background-clipを利用することで、テキスト範囲をマスキングすることができます。

See the Pen -webkit-background-clip:text CSS effect by Jintos (@Jintos) on CodePen.

 

 

 

Squiggly Text Experiment

テキストがブルブルと震えるようなエフェクトも、CSSスタイリングのみで表現されています。

See the Pen Squiggly Text Experiment by Lucas Bebber (@lbebber) on CodePen.

 

 

 

CSS Glitched Text

テレビが故障したようなグリッチ・エフェクトを実現したテキストエフェクト。

See the Pen CSS Glitched Text by Lucas Bebber (@lbebber) on CodePen.

 

 

 

Colorful Glitchy 404

グリッチ・エフェクトにカラフルなポリゴン風テクスチャを利用した、404ページのサンプルデモ。

See the Pen Colorful Glitchy 404 by mistic100 (@mistic100) on CodePen.

 

 

 

CSS Text Filling with Water

コップに水を注いだようなエフェクトが美しいCSSスタイリング。

See the Pen CSS Text filling with water by Lucas Bebber (@lbebber) on CodePen.

 

 

 

A Pen By Ian Gloude

コンテンツを読み込むタイミングで、ボールが跳ねるようなアニメーションエフェクトが素敵なスタイリング。

See the Pen ByVYZK by Ian Gloude (@igloude) on CodePen.

 

 

 

Cosmos

アルファベットが円を描きながら、英単語の周りを回ります。

See the Pen COSMOS by Patrick Brosset (@captainbrosset) on CodePen.

 

 

 

Text Animation

入力したテキスト文字を、アニメーションを使い入れ替えることができ、見出しタイトルなどにも◎。

See the Pen Text animation by Yoann (@yoannhel) on CodePen.

 

 

 

Opening Type

テキストにマウスをホバーすると、扉が開くようなアニメーションが実装されています。

See the Pen Opening type by Diego Pardo (@diegopardo) on CodePen.

 

 

 

Animated Signing of Signature SVG Paths

筆記体で描かれた署名サインを、SVGパスを利用することで、まるで手書きしているようなエフェクトを実現。

See the Pen Animated signing of signature (SVG paths) by Gary Hepting (@ghepting) on CodePen.

 

 

 

Love Text Effect

テキストをタイピングしているようなエフェクトが面白いCSSスタイリング。

See the Pen LOVE Text Effect by Matthew Wagerfield (@wagerfield) on CodePen.

 

 

 

Animated Text Fill

テキスト文字をアニメーション付ストライプでペイントするテクニック。

See the Pen Animated text fill by Daniel Riemer (@zitrusfrisch) on CodePen.

 

 

 

Foggy Text Effect

煙でテキスト文字が隠れてしまうスタイリングがユニーク。

See the Pen Foggy text effect by andreas_pr (@andreas_pr) on CodePen.

 

 

 

Fly in, Fly out

テキスト文字が飛んでいるようなエフェクトで並べられていきます。

See the Pen Fly in, fly out by Neil Carpenter (@neilcarpenter) on CodePen.

 

 

 

CSS Shimmer Text Effect

テキストがキラリと光っているようなアニメーション。

See the Pen CSS Shimmer Text Effect by Robert Douglas (@redouglas) on CodePen.

 

 

 

Shine.js

テキストにマウスをホバーに応じてドロップシャドウが変化し、立体的なデザインを演出しています。

See the Pen shine.js by Miwako Nakasuka (@msuka) on CodePen.

 

 

 

Milky Font Effect

グラデーションとドロップシャドウを活用することで、質感たっぷりなテキストエフェクトを作成します。

See the Pen Milky Font Effect by Jorge Epuñan (@juanbrujo) on CodePen.

 

 

 

Hit the Floor Text Effect

こちらもtext-shadowを使って、立体感たっぷりにテキストを表現します。

See the Pen Hit The Floor Text Effect by ThatGuySam (@ThatGuySam) on CodePen.

 

 

 

CSS3 text-shadow Effect

text-shadowの実用的なスタイリング方法が紹介されています。

See the Pen CSS3 text-shadow effects by Jorge Epuñan (@juanbrujo) on CodePen.

 

 

 

CSS3 Isometric Text Effect

まるでPhotoshopで作成したような、立体感たっぷりなテキストエフェクトを完成させます。

See the Pen CSS3 Isometric Text Effect created by Duncan Midwinter. by vavik (@vavik96) on CodePen.

 

 

 

Slashed CSS Effect

文字が真っ二つに切られた様子を表現できるスタイリング。

See the Pen Slashed CSS Effect by Robert Messerle (@robertmesserle) on CodePen.

 

 

 

CSS Dashed Shadow

ストライプ柄のドロップシャドウを加えた、レトロスタイルのテキストエフェクト。

See the Pen CSS Dashed Shadow by Lucas Bebber (@lbebber) on CodePen.

 

 

 

Masked Text-Shadow

-webkit-mask-imagetext-shadowを使ったマスキングテクニック。

See the Pen Masked Text-Shadow by Daniel Riemer (@zitrusfrisch) on CodePen.

 

 

 

Vintage Typography

テキストをアーチ状に配置した、ビンテージスタイルのCSSスタイリング。

See the Pen Vintage Typography by Henrique Zambonin (@zambo) on CodePen.

 

 

 

SVG Scalable Text

ウィンドウ幅に応じて、テキストを自動整列してくれるスタイリング。

See the Pen SVG Scalable Text – IE by Pete Corey (@pcorey) on CodePen.

 

 

 

3D CSS Typography

CSSのみでスタイリングされた、超立体的なアニメーションテキスト。

See the Pen 3D CSS Typography by Noah Blon (@noahblon) on CodePen.

 

 

 

A Collection of CSS-Text Shadow & Pattern

text-shadowプロパティを使った、ホバーエフェクト各種を揃えています。

See the Pen A collection of CSS text-shadow and pattern effects by Ashley Nolan (@ashleynolan) on CodePen.

 

 

 

Noen Effect

チカチカと点滅するネオンサインを再現したCSSスタイリング。

See the Pen Neon by Neil Carpenter (@neilcarpenter) on CodePen.

 

 

 

Matrix Text Effect

映画「マトリックス」のオープニングテーマを再現した、画面上から文字が落ちてくるエフェクトが素敵。

See the Pen Matrix Text Effect by Collin Henderson (@hendo13) on CodePen.

 

 

 

Ball Bouncing on Text

テキストの上をボールが跳ねる、曲の歌詞を表示するカラオケ機能のようなCSSスタイリングを実現しています。

See the Pen Ball Bouncing On Text by Yogev Ahuvia (@kindofone) on CodePen.

 

 

 

Text Clock

ランダムに並べられたアルファベット文字を組み合わせ、現在時刻を表示します。

See the Pen Text Clock by Bill Searle (@searleb) on CodePen.

 

 

 

Fade Text

スクロールすることで、文章のはじまりとおわりをフェードアウトさせるテクニック。

See the Pen Fade text by Teo Dragovic (@teodragovic) on CodePen.

 

 

 

Elegant Ampersand

Googleウェブフォントで利用なフォントで、美しいアンパサンド(&)記号をフォント毎にまとめています。

See the Pen Elegant Ampersands by John D. Jameson (@johndjameson) on CodePen.

 

 

サムネイル@: Text-mask backgorund moving on MouseMove – v2 – CodePen

参照元リンク : Yes, You Can Actually Make These Text Effects in CSS – Design Your Way

文字テキストをワンクリック編集!すごいPhotoshop無料レイヤースタイル27個まとめ

$
0
0

layerstyle2015april-top

 

フォトショップの便利なデザインツールのひとつ、「レイヤースタイル」。一度インストールしてしまえば、ボタンやテキスト加工などのデザインをボタンひとつで完成させてくれます。

 

 

海外デザインブログFusionplate.comで、文字テキストをより魅力的にする、Photoshop無料レイヤースタイルをまとめたエントリー「30 Amazing Free Photoshop Text Effects & Styles」が公開されていたので、今回はこちらをベースに参考にしたいフリー素材をまとめて一緒にご紹介します。

 

 

 

詳細は以下から。

 

 

 

文字テキストをワンクリック編集!すごいPhotoshop無料レイヤースタイルまとめ

 

Ghost Text Effect

水彩絵の具で描いたような、淡い質感を表現しています。2つのレイヤースタイルを組み合わせることで、質感をアップ。

ghost-text-effect

 

 

 

Yellow Cut Text Effect

ゴールドのメタリックな光沢感を表現したテキストエフェクト。

yellow-cut-texteffect

 

 

 

Layer Text Effect

黄緑色の縁がポップな、3dテキストエフェクト用レイヤースタイル。

layer-text-effect

 

 

 

3D Metal Text Effect

メタリックなテキストエフェクトに、本物そっくりのドロップシャドウを加えています。

3d-metal-text-effect

 

 

 

 

PSD Border Inset Text Effect

2種類のボーダーカラーを利用した、立体的でビンテージスタイルのレイヤースタイル。

Text-Effect-10-copy

 

 

 

Flat Diagonal Shadow Text Effect

フラットスタイルで表現された、シンプルでミニマルな印象のテキストエフェクト。

Flat-Diagonal-Shadow-Text-Effect

 

 

 

Isometric Text Style Effect

スマートオブジェクトを利用しているので、オリジナルファイルを残したまま編集が可能。

Text-Effect-2

 

 

 

Old Movie Text Effect

昔の白黒映画に使われていそうな、クラシックでビンテージなテキストエフェクト。

PixelMustache-Old-Movie-Text-effect

 

 

 

Retro Style Fabric

ファブリック生地の質感を加えた、レトロスタイルのテキストエフェクト。

retro-style-fabric

 

 

 

Retro Style happy

レトロな印象に、美しいグラデーションを加えたテキストエフェクト。

retro-style-happy

 

 

 

Free Vintage Retro Text Effect

映画タイトルのような、高級感のある立体テキストを作成できるレイヤースタイル。

T2

 

 

 

Pretty Vintage Text Effect

ポップでレトロな配色が素敵な、立体テキストエフェクト用レイヤースタイル。

pretty-vintage-text-effect

 

 

 

Photoshop Glass Text Effect

半透明で背景が透けてみえる、ガラス風テキストエフェクトを完成させます。

Glass-Effect

 

 

 

Melted metal Photoshop Text Effect

まるで溶けているような金属の質感を表現した、文字テキスト用レイヤースタイル。

Melted-Metal-Photoshop-Effect

 

 

 

Retro Typography Text Effect

レトロスタイルのテキストエフェクトで、細字の筆記体デザインにも最適なスタイル。

retro-typography-text-effect

 

 

 

3D Smart Object Text

ドロップシャドウなど本物そっくりに再現された3Dテキスト用レイヤースタイル。

3D-Text-Effect-thumb-

 

 

 

Cool Free 3D Text Effect Style

メタリックに輝く、ポップなグラデーションカラーが素敵なレイヤースタイル。

cool-free-3d-text-effects-style-1

 

 

 

Fantasy Style Magic lamp

暗闇にランプが灯っているような、ライティングエフェクト満点なレイヤースタイル。

fantasy-style-magiclamp

 

 

 

Fantasy Style Elixir

立体感たっぷりに描かれた、グラデーションがきれいなレイヤースタイルを再現します。

fantasy-style-elixir

 

 

 

Sci-Fi Style Bion

ランプがぼんやりと輝いているようなエフェクトで、リアルなメッシュテクスチャが素敵。

scifi-style-bion

 

 

 

Sci-Fi Style Roid

テクスチャを複数重ねることで、立体的で独特の質感をデザインしたレイヤースタイル。

scifi-style-roid

 

 

 

Sci-Fi Outer Style

あやしく紫色にひかる光がユニークなテキストエフェクト。

scifi-style-outer

 

 

 

Sci-Fi Style

メタリックで未来的な印象のテキストエフェクト。

scifi-style-orwel

 

 

 

Layer Style Stoned

まるで石を削ったような質感を表現できる、Photoshop用レイヤースタイル。ボタンなどにも適用できます。

layer-style-stoned

 

 

 

Inset Shiny Text Effect

文字テキストの内側が光るテキストエフェクト。

blinker-texteffect

 

 

 

Multi Border Text Effect

スポーツチームのロゴのような、マルチボーダースタイルのテキストエフェクト。

multi-border-texteffect

 

 

 

10 Typographic Design Quote Templates

名言をスタイリッシュに表現したタイポグラフィー10種類の無料テンプレート。こちらのみIllustratorで編集可能なAi、EPSファイルで収録。

10typokit1 10typokit3

 

 

 

テキストエフェクトで魅力的に!すぐ使える無料Photoshopデザイン素材24個まとめ

先日ご紹介したテキストエフェクト用テンプレートも、参考にしてみてはいかがでしょう。

texteffect2015-top

 

 

参照元リンク : 30 Amazing Free Photoshop Text Effects & Styles – Fusionplate.com

投稿文字テキストをワンクリック編集!すごいPhotoshop無料レイヤースタイル27個まとめPhotoshopVIPの最初に登場しました。


【総まとめ】2014年すごいPhotoshopチュートリアル、作り方厳選50個

$
0
0

latesttutorial2014dec-top

 

毎月Photoshopの新しいデザインテクニックを利用したチュートリアル、作り方をまとめています。今回は2014年12月分と一緒に、今年1年間のあいだに公開された中でも、特に確認しておきたいデザインチュートリアルをまとめてご紹介します。

 

 

覚えておくと便利な基本テクニックから、背景切り抜きなど需要の高く実践に活用できるチュートリアルや、最新版Photoshop CCの新機能を活用したチュートリアルなど幅広くセレクションしています。進化をつづけるPhotoshop、2015年はどんなデザインが生まれるのでしょうか。

 

 

 

詳細は以下から。

 

 

 

プロの技を盗む!すごいPhotoshopチュートリアル、作り方2014年総まとめ

 

人が宙に浮いているようなエフェクトをつくる方法

切り抜かれた女性モデルを、ランタンの光に照らしながらリアルに合成するデザインエフェクト。描画モード「覆い焼き」に設定することで、ライティングエフェクトをより美しく仕上げます。

floating-feature

 

 

 

ピアノの鍵盤に乗ったミニチュアモデルをデザインする方法

Photoshopならではの写真合成テクニックで、影のあたり方なども考慮されリアル感が増しています。

miniture_effect

 

 

 

キリンの首を巻きつけてしまう方法

まるで絡まってしまったような長い首を表現しており、テクスチャ素材の使い方も参考に。

giraffe_neck_knot

 

 

 

本物そっくりな写真合成コラージュの作り方

まるで撮影した写真のようなクオリティで仕上げる、プロ仕様のコラージュテクニックが披露されています。

Road-to-Refuge-1040

 

 

 

ポリゴンスタイルのポートレイト写真をデザインする方法

今年のデザイントレンドにもあげられるポリゴンスタイルは、覚えておきたいテクニックのひとつ。

polybreno_1500

 

 

 

Photoshopだけでポリゴンスタイルをデザインする方法

ポリゴンスタイル作成用アプリを使わずに、Photoshopのみで作成するポイントを、ステップごとに解説しています。

RB_APM_WomanFLAT

 

 

 

紙幣を印刷したようなエフェクトの作り方

まるで紙幣に印刷されたような、粗いハーフトーンデザインを完成させます。

money_effect

 

 

 

Photoshopで多重露光エフェクトをデザインする方法

人物ポートレイト写真に、葉っぱや花など植物をモチーフにしたテクスチャを重ねることで、独特でクリエイティブな雰囲気を演出します。

double-exposure

 

 

 

カラフルな蛍光色を使ったレトロ写真エフェクトの作り方

80年代を連想させるビビッドな色使いに、ハーフトーンの質感で仕上げた印象的な写真デザインエフェクト。

fluoro-pop-art

 

 

 

バンドKISS風に顔をペイントする方法

肌の質感をばっちり再現されており、まるで本当にペイントした仕上がりが素敵な動画チュートリアル。応用が効きそうなシンプルテクニックが動画で披露されています。

kiss-paint

 

 

 

Photoshopで雰囲気たっぷりなモノクロ写真エフェクトをつくる方法

こちらのエントリーでは、詳しい日本語チュートリアルを参照できます。

13(2)(3)

 

 

 

Photoshopで超リアルなペイントエフェクトを作成する簡単チュートリアル

日本語で解説しているしているチュートリアルで、まるでスケッチしたような質感を表現できます。

final-animation

 

 

 

飛び出すエフェクト付クリスマスカードをデザインする方法

カードを開くと超立体的に再現されたクリスマスツリーが登場。今年のクリスマスにいかがでしょう。

christmas-pop-up-greeting-card-photoshop

 

 

 

自転車に乗ったサンタクロースGIFアニメーションの作り方

PhotoshopとIllustratorを使ってユニークなGIFアニメーションを作成します。自転車のスポーク部分も見事に再現された、ハイクオリティーな作品。

santa-riding-a-bike-anim-blog

 

 

 

イメージ写真に印象的なGIFアニメーションを加える方法

このテクニックを覚えておくことで、アニメーション付ファビコンなどの作成にも役立ちます。

retro-gif

 

 

 

UIデザインのプレゼンテーション用GIFアニメーションの作り方

PhotoshopとAfter Effectsを使い、見事なGIFアニメーション付でモバイルインターフェースを再現します。

weather-app-animated

 

 

 

イメージ写真をピクセルアートに変更する方法

上記チュートリアルとは違い、イメージ写真を元にアーケードゲームに出てくる、16-bitのピクセルアート・キャラクターを完成させます。

pixel-character

 

 

 

夜の街を疾走するスポーツカーをデザインする方法

光が流れて見えるほどのスピード感は、ぼかしエフェクトを部分的に加えることで表現し、光加減はブラシで調整します。

fast-and-furious

 

 

 

FIFAワールドカップ2014のデザインチュートリアル

白熱した試合が繰り広げられたワールドカップをテーマにしたグラフィックチュートリアル。

fifa2014-worldcup

 

 

 

不思議の国のアリスをイメージしたデジタルコラージュの作り方

トランプや食器などがダイナミックに宙を舞う様子を再現できるテクニックは、ほかにも応用できそうです。

alice_in_wonderland

 

 

 

動物を使ったユニークなデジタルペイントを完成させる方法

手描きイラストを参考にブラシツールなどを扱いながら、オリジナリティーに溢れるデジタルコラージュを作成します。

lion-sleeps-tonight

 

 

 

妖精やおもちゃが動きだすマジックワールドの作り方

いつも慣れ親しんだ空間が、まるでピーターパンの世界にいるようなマジックワールドに変身します。

0955_Toys_PSDTUTS_TOY_IN_ACTION_Final

 

 

 

ロマンティックなキスシーンを再現する方法

バレンタインデーにあわせて公開されたチュートリアルで、グラデーションオーバーレイレイヤーを使ったイメージ写真合成テクニックは参考になります。

valentines-1-660x330

 

 

 

幻想的な雰囲気の中で踊る美しいダンサーを描く方法

ぼかしエフェクトで少女に焦点をあつめ、テクスチャ素材を描画モード「スクリーン」で配置することで、ファンタジー空間を演出します。

dancing-baby

 

 

 

深海に潜る美女をデザインしたデジタル・コラージュ

複数のイメージ画像を組み合わせることで構図レイアウトを決め、全体の色統一には調整レイヤーが使用されています。

underwater-scene

 

 

 

静かな森にたたずむ妖精をデザインする方法

まるでおとぎ話から出てきたような、透明で美しい翼の生えた天使、妖精を写真合成テクニックを使って再現します。

600x450xfinalresults.png.pagespeed.ic.XXrC_d4U9l

 

 

 

月明かりの夜に、湖に浮かぶ漁師をデザインする方法

もともとバラバラだったイメージ写真を、まるで撮影したかのように違和感なく合成するテクニックを披露しています。

fatasy_scenery

 

 

 

燃え上がる炎を人物モデルに適用するテクニック

真っ赤に燃える炎は、アルファチャンネルをうまく設定することで、あたかも本物のように重ねることができます。

fire-fire

 

 

 

真っ赤な炎に燃えるガイコツをデザインする方法

用意したガイコツスケッチに合わせて、炎テクスチャを配置しながら仕上げていくPhotoshop初心者のひとにもオススメしたいチュートリアル。

flame-skull

 

 

 

炎を使ったシンプルで役に立つデザインエフェクト

テキスト文字やイメージ写真のラインに沿って炎エフェクトを追加するテクニック。

fireframe_effect

 

 

 

背景から複雑なパーツを切り抜く方法まとめ

さまざまな切り抜きテクニックが紹介されており、消しゴムツールを使ったり、自動選択ツール、マグネット選択ツール、ペンツール、チャネルを使ったテクニック、覆い焼きツールでの切り抜きなど満載です。

cutting-technique

 

 

 

透明のエレメントを背景から切り抜く方法

水など背景が透けている素材を切り抜くときは、アルファチャンネルを使ったテクニックが有効です。

extract-water

 

 

 

巨大な惑星を風景画にうまく合成するテクニック

レイヤーマスクやレイヤースタイルといった基本的なツールを使った見事な写真加工チュートリアル。

moon-trick

 

 

 

印象に残る写真加工を9ステップで完成させる方法

Photoshopの基本的テクニックを学びながら、簡単に魅力的な写真エフェクトを実現します。

grunge-cinematic

 

 

 

体にタトゥーをデザインする方法

レイヤーの描画モードを調整することで、まるで体に彫られているような質感を演出します。

Making-Tattoo-on-your-Body-using-Photoshop-L

 

 

 

本物そっくりな水滴をデザインする方法

レイヤースタイルをうまく調整することで、リアル感たっぷりな水滴を表現する動画デザインチュートリアル。

Raindrops_photoshop-tutorial

 

 

 

撮影した写真を水彩画っぽく仕上げる方法

ぼかしエフェクトを活用することで、まるで絵の具でペイントしたような質感に仕上げてくれます。

watercolor-touch

 

 

 

ボロボロに朽ち果てたロゴモックアップを作成する方法

メタルテクスチャに空いた穴やサビ部分には、ロゴが剥がれたようなエフェクトが再現され、よりリアル感たっぷりに演出できるテクニック。ウッドテクスチャなどにも対応してくれます。

rusty-logo-mockup

 

 

 

重ね刷りオーバーエフェクトで素敵なプリントポスターを作成する方法

異なるカラーを採用したアートワークを重ねることで、絶妙なクールエフェクト。プリント準備までのプロセスを紹介しています。

heart-sm

 

 

 

脳みそテキストエフェクトの作り方

毛細血管までリアルに表現された、脳みそスタイルのスゴ技テキストエフェクト。

brain-text-effect

 

 

 

蜂蜜でトーストにテキストを描く方法

本物そっくりのこだわりまくったディテールは、覚えておきたいデザインテクニックのひとつです。

ToastHoney-effect

 

 

 

波打ち際のユニークなテキストエフェクトの作り方

青い海の波にかき消されそうな、泡でできた面白テキストエフェクト。

holiday-text

 

 

 

雨の日の曇った窓ガラスに文字を描く方法

テキストだけでなく、背景にはお好みの風景画を設定することができますよ。

bokeh-text

 

 

 

ゴージャスなキラキラ黄金テキストエフェクトの作り方

3種類の異なるスタイルを適用したレイヤーを重ねることで、通常は表現が難しいメタリックなラメ感を表現できます。

gold-texteffect

 

 

 

質感たっぷりなメタルテキストエフェクトの作り方

テクスチャ素材を重ねることでどくどくな質感を表現し、よりキラキラとしたゴージャス感が増しています。

allday-text

 

 

 

つや消しメタリックテキストの作り方

レイヤースタイルを適用だけで完成するお手軽チュートリアル、最後にブラシを使ってより本物っぽく仕上げます。

brushed-metal-text

 

 

 

ドロドロのスライム状テキストエフェクトを作成する方法

液体の透明感までばっちり再現されたチュートリアルで、レイヤースタイル設定で完成する、Photoshop初心者にもオススメしたいお手軽テクニック。

slime_final

 

 

 

ウッドパネルにテキスト文字をペイントする方法

まるでペンキで塗りつぶしたようなエフェクトを再現する、ユニークで色々なデザインに活用できそうです。

PaintOnWood-final

 

 

 

シェイプに沿ってテキストを入力する方法

使う機会も多いのではないでしょうか、シェイプツールを使った簡単テクニック。

custom-text-box-shape-preview

 

 

 

イメージ写真からカラースウォッチを作成する方法

写真に使われている色を抽出し、デザインセンスのあるカラー配色パレットを作成します。

choosign_color

 

 

 

2014年に紹介したPhotoshopチュートリアル関連エントリーも一緒に確認してみてはいかがでしょう。

 

[list type=”star”] [li]テクニックがすごい!新作Photoshopチュートリアル、作り方30個まとめ 2014年11月度[/li]

[li]テクニックを磨こう!すごいPhotsohopチュートリアルまとめ 2014年10月度[/li]

[li]これからのテクニックを学ぼう!すごい新作Photoshopチュートリアル、作り方まとめ 2014年9月度[/li]

[li]現場対応テクニックを学ぶ!新作フォトショップチュートリアル30個まとめ 2014年8月度[/li]

[li]これぞPhotoshop!プロ級テクニックを学ぶチュートリアル、作り方27個まとめ 2014年7月度[/li]

[li]新しいテクニックを学ぼう!最新PSデザインチュートリアル、作り方まとめ 2014年6月度[/li]

[li]すごいぞPhotoshop!参考にしたいチュートリアル、作り方26個まとめ 2014年5月度[/li]

[li]これからはじめるPhotoshop!すごいチュートリアル、作り方まとめ 2014年4月度[/li]

[li]Photoshopのすごさを体感する、デザインチュートリアル、作り方まとめ 2014年3月度[/li]

[li]デザインテクニックを盗む、これからはじめるPhotoshopチュートリアル、作り方まとめ[/li]

[li]Photoshopをはじめよう!すごいデザインチュートリアル作り方まとめ[/li]

[li]まるで美容整形?!すごいPhotoshopレタッチテクニック、チュートリアルまとめ[/li]

[li]2014年公開のテキストエフェクト用Photoshopチュートリアル、作り方40個総まとめ[/li]

[li]テキストエフェクト徹底攻略!すごいPhotoshopチュートリアル、作り方40個まとめ[/li][/list]

 

 

【総まとめ】2014年すごいIllustratorチュートリアル、作り方厳選50個

2014年を代表するIllustratoroのデザインチュートリアル、作り方もまとめています。

bestillustrator2014-top

 

投稿【総まとめ】2014年すごいPhotoshopチュートリアル、作り方厳選50個PhotoshopVIPの最初に登場しました。

【総まとめ】2014年すごいIllustratorチュートリアル、作り方厳選50個

$
0
0

bestillustrator2014-top

 

Photoshopチュートリアルと一緒に確認しておきたい、Illustratorデザインを集めました。不定期となりますが、Illustratorのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。今回は2014年12月分と一緒に、今年1年間のあいだに公開された中でも、特に確認しておきたいデザインチュートリアルをまとめてご紹介します。

 

 

しっかりした基礎を学ぶことができるチュートリアルから、Photoshopでも人気の高いポリゴンスタイルやフラットスタイル、ややグランジ感が味わいのあるビンテージ加工、Illustratorが得意なベクターイラストの作り方など幅広くピックアップしています。年末年始にかけていかがでしょう。

 

 

 

詳細は以下から。

 

 

 

人気テクニックを学ぶ!すごいIllustratorチュートリアル、作り方2014年総まとめ

 

キラキラ感たっぷりなライティングエフェクトの作り方

Illustratorの基本設定のみを使い、特にペン/ブラシ線を重ねることで、Photoshopにも匹敵するライティングエフェクトを実現します。

light-it-up

 

 

 

ライト・ペインティング風テキストの作り方

キラキラ感たっぷりなエフェクトで、ベクターブラシと描画モードの設定方法がポイントになるチュートリアル。

beam-light

 

 

 

バラの花を使った素敵イラストレーションの作り方

イメージ写真よりトレースしたバラの花をベースに、グラデーションツールを中心とした、カラフルな色合いの表現方法を学ぶことができるアブストラクト系チュートリアル。

space-rose

 

 

 

リアルに燃える焚き火をデザインする方法

メッシュツールより編集が簡単なブレンドツールを使って、赤々と燃える炎を再現します。

diana_bonfire_tut_final

 

 

 

ピカッと光る雷を描くデザインチュートリアル

上空に青白く光る稲光を、簡単に表現するエフェクトが公開されています。

lightning-bolt-effect

 

 

 

どんなデザインも立体モザイク状に仕上げるテクニック

プラグインを使って表現されるモザイク柄を作成し、全工程を自動で行うアクションファイルの作り方も一緒に解説されています。

mosaic-monalisa

 

 

 

ポリゴンスタイルの動物ポートレイトをデザインする方法

人気デザインのポリゴンスタイルは、アプリで作成したSVGファイルをIllustratorで編集することで、Photoshopだけで作成するより比較的楽です。ポイントとなる目などは細かく設定するのがコツ。

tiger-polygonal

 

 

 

ポリゴンスタイルのライオンを描く方法

円サークルに沿って配置された五角形をベースに、王冠をかぶったライオンロゴを作成します。

illustrator_tutorial_09

 

 

 

ラインアートで描かれた動物ロゴをデザインする方法

人気のポリゴンスタイルを意識し、あらゆる種類の動物をラインのみで描きます。

best-illustrator-tutorials-2014

 

 

 

素敵イラストのスプラッシュページを作成する方法

モバイルサイトのトップページを中心に利用されているスプラッシュページを、イラストを元にしたベクター素材で作成するデザインプロセスを紹介しています。

splashscreen

 

 

 

学校にまつわるデザインベクターの作り方

ノートや鉛筆などの代表的なステーショナリーグッズを揃え、基本的なツールを使ってデザインします。

officetool

 

 

 

文字をデザインするタイポグラフィーイラストの作り方

手書きスケッチしたようなデザインをIllustratorで作成し、ビンテージ感を演出するエフェクトも一緒に紹介されています。

19-lg

 

 

 

手書きイラストラベルを作成する方法

こちらもスケッチしたイラストレーションに、テクスチャ素材やエフェクトを加えることでより質感の高いデザインに仕上げます。

lucky-dog-illustration

 

 

 

宇宙飛行服を着たモンキーをデザインする方法

あらかじめ描いたイラストデザインを元に、どのようにペイントしていくのか動画チュートリアルで詳しく解説されています。

Space-Chimp-Illustration-Tutorial

 

 

 

イメージ写真から超リアルな猫の顔をデザインする方法

用意した写真をベースに、顔の部分のみを毛並みや質感まで忠実に再現します。

real_cuttie_cat

 

 

 

アナと雪の女王をIllustratorでデザインする方法

ポートレイト写真をベースに、シェイプレイヤーを重ねることで立体感を表現するベクターチュートリアル。

anatoyuki

 

 

 

ゴージャスな宝石を身につけた、ヨガをする女性を描く方法

あらかじめ手書きしたスケッチを部分ごとに丁寧にペイントしていきます。特に宝石のキラキラ感を表現する方法などは参考に。

india-yoga-lady

 

 

 

ヒップスタースタイルの音楽イベントポスターを作成する方法

トレンドカラーを用いたデザインで、すこしだけ汚れたようなグランジエフェクトの表現テクニックは参考としてメモ。

Fireside-Poster-Final

 

 

 

キャプテン・アメリカのシールド盾をデザインする方法

メタリックな光沢感は、グラデーションメッシュを利用したテクニックが披露されています。

captainAmericaShield0

 

 

 

スーパーファミコンのコントローラーを超リアルにデザインする方法

昔懐かしいゲーム用コントローラーを影の当り方まで忠実に再現、デザインします。

super-nintendo

 

 

 

明るく輝く電球をデザインする方法

描画モードやグラデーションマップの基本的使い方を学びながら、まるで実際に輝いているような電球ランプを作成します。

0171(2)

 

 

 

新鮮なロブスターをデザインする方法

写真を見ているようなクオリティーで再現するチュートリアルで、グラデーションメッシュの具体的な使い方が紹介されています。

lobster-red

 

 

 

カラフルな花を手軽にデザインする方法

Illsutratorの便利機能「グラデーションメッシュ」を利用することで、どんな色の花も自由に、そしてシンプルに作成できます。

simple_flowers

 

 

 

カラフルな貝殻をデザインする方法

シェイプツールの基本的な使い方から、ハイライトとドロップシャドウで表現された立体感が参考になりそうなチュートリアル。

diana_Seashells_QT_final

 

 

 

クレヨンを使ってデザインする方法

本物そっくりにデザインされたカラフルなクレヨンに、イラストはブラシツールを使うことで手軽に描くことが可能です。

crayonsIllustration0

 

 

 

美味しそうな個人キャラクターデザインを作成する方法

ドーナツやクッキーなどのお菓子を使って、キャラクターマスコットデザインを完成させるチュートリアル。

tut_final_image_1(2)

 

 

 

Illustratorでウッドテクスチャをデザインする方法

スケッチエフェクト「グラフィック・ペン」を使うことで、ゼロから木目の美しいウッドテクスチャを作成します。

pathfinder-birds

 

 

 

遠くまで続く山並みをデザインする方法

どこまでも果てしなく続くデザインは、グラデーションツールを利用することで実現することができます。

hills_tutorial_final

 

 

 

幾何学模様とぼかしエフェクトのパターンデザインを作成するチュートリアル

イメージ写真をぼかし、幾何学デザインパターンを組み合わせ、ノスタルジックな雰囲気を表現したテクスチャをつくります。

blur-pattern

 

 

 

地形図をモチーフにしたデザインエフェクトの作り方

Illustratorのペンツールで描いた、等高線のようなパスに、グランジスタイルを組み合わせたお洒落なデザインが魅力的。

contour-map-sm

 

 

 

印象的なビンテージロゴの作り方

Illustratorのブレンドオプションを設定することで、手軽に立体的で印象的なロゴを作成できます。

typorgraphy-logo-theme(2)

 

 

 

クリスマスセーター柄の継ぎ目のないパターンテクスチャを作成する方法

カスタマイズしたシェイプを利用することで、どんなデザインパターンにも対応することができ応用も効くチュートリアル。

christmas-jumper-pattern

 

 

 

フラットスタイルのデスクワーク柄パターンを作成する方法

オフィス系ツールをかわいいイラストで作成し、継ぎ目なくシームレスに利用できるパターンテクスチャ。

stationary-pattern

 

 

 

ビンテージな色合いのマリンパターンをデザインする方法

手描きしたかわいいカモメにイカリや浮き輪など、マリン関連のデザインを使ったパターンテクスチャの作り方が紹介されています。

latestai2014aug-top

 

 

 

冬をイメージしたかわいい継ぎ目のないデザインパターンを作成する方法

お好みのイラストデザインを規則的にならべることで、シームレスでキュートなパターンテクスチャ素材を作りあげます。

Winter_bullfinch_pattern600Final

 

 

 

カラフルなヘキサゴンパターンをデザインする方法

グラデーションツールを使い描かれた六角形に、美しい虹色グラデーションでペイントしたパターンテクスチャ。

gradient-holo

 

 

 

編み目状の継ぎ目のないパターンテクスチャの作り方

作成したデザインをうまく切り抜くことで、反復性の高いデザインパターンが完成します。

abdz-pattern-theme

 

 

 

3Dテキストエフェクトを3Dツールなしで作成する方法

タイトルのままですが、フラットデザインとの相性も良い、やさしい配色の立体テキストをつくります。

diana_QT-3Deffect_final

 

 

 

美しいラインのタイポグラフィーアートの作り方

ペンツールを使い時間をかけてすこしずつ切り込みを入れていく、クリエイティブで根気のいるタイポグラフィーアートを作成します。

type-art-decoration

 

 

 

野球ボールでできたテキストエフェクトの作り方

特徴的な赤の縫い目が印象的だったテキストエフェクトで、土が付いて汚れた様な効果をブラシツールで描き、描画モードを「オーバーレイ」に指定しています。

baseball-texteffect

 

 

 

電気ビリビリ!高電圧なタイポグラフィーをデザインする方法

触るだけビリっとなりそうなハイボルテージなテキストエフェクトを完成させます。

electic_texteffect

 

 

 

ネオンライトを使ったテキストエフェクトの作り方

ビビッドに輝くネオンライトのテキストは、グラフィックスタイルとして保存しておけば、いつでも再現可能です。

lighting-stroke

 

 

 

美味しそうなドーナツ型テキストエフェクトをデザインする方法

同じテクニックを駆使することで、あらゆるアルファベットを作成することができます。

donut-texteffect

 

 

 

ロープを使ったタイポグラフィーを作成するチュートリアル

ピクセル単位で描いたロープデザインを使い、自由自在な文字を描くことができる作り方。

ropeText0

 

 

 

ネオンの用に輝くテキストエフェクトをデザインする方法

まるでPhotoshopで作成したようなライティングエフェクトは、もちろんIllustratorのみで完成させることができます。

glowing-neon-effect

 

 

 

コミックスタイルのテキストエフェクトを作成する方法

ディテールにはハーフトーンパターンを採用した、こだわりを感じるテキストエフェクト用チュートリアル。

phenomenal

 

 

 

ザラザラとしたグランジ感を演出する方法

Photoshopを併用するチュートリアルで、テクスチャの質感をそのまま作品に加えます。

monkey-grunge

 

 

 

点画法でデザインするテキストエフェクトの作り方

一点一点のドットをすべて合わせることでデザインが完成するテキストエフェクト。

grunge-texteffect

 

 

 

どんなフォントもスケッチ風デザインに変換する方法

落書きエフェクトを利用することで、まるで手書きしたようなスケッチ風デザインを作成できます。

sktype_09

 

 

 

デザインにざらざらしたグランジ感を加える方法

テクスチャ素材を重ねることで、質感だけをうまく取り入れるテクニックが紹介されています。

distressing_11

 

 

 

金色に輝く立体きなリボンベクターを作成する方法

シェイプツールで描かれたえデザインを、ワープツールを使って自由自在にスタイルを変更することができます。

vector-golden-ribbon

 

 

 

キラキラ輝くグランジ背景デザインの作り方

透明度の高いレイヤーを重ねることで、幻想的なライティングエフェクトを演出するテクニック。ブラシツールの基本的な使い方から学ぶことができます。

geometric_lighting

 

 

 

2014年に紹介したIllustratorチュートリアル関連エントリーも一緒に確認してみてはいかがでしょう。

 

[list type=”star”][li]実践から学ぶ!すごい新作Illustratorチュートリアル、作り方まとめ 2014年11月度[/li]

[li]現場で使えるテクニック満載!Illustratorチュートリアル、作り方まとめ 2014年10月度[/li]

[li]進化するIllustrator!すごいデザインチュートリアル24個まとめ 2014年8月度[/li]

[li]チュートリアル形式で学ぶ!すごいIllustratorデザインの作り方22個まとめ 2014年7月度[/li]

[li]はじめようIllustrator!参考にしたいデザインチュートリアル、作り方24個まとめ[/li]

[li]すごいぞIllustrator!デザインに取り入れたいチュートリアル、作り方まとめ 2014年5月度[/li]

[li]たのしいIllustrator、参考にしたいチュートリアル、作り方30個まとめ 2014年3月度[/li]

[li]デザインテクニックを磨こう!すごいIllustratorチュートリアル作り方まとめ[/li][/list]
 

 

【総まとめ】2014年すごいPhotoshopチュートリアル、作り方厳選50個

Photoshop版まとめも参考にいかがでしょう。

latesttutorial2014dec-top

 

投稿【総まとめ】2014年すごいIllustratorチュートリアル、作り方厳選50個PhotoshopVIPの最初に登場しました。

Photoshopことはじめ!参考にしたいすごいチュートリアル、作り方40個まとめ 2015年1月度

$
0
0

liquid-splashing-girl

 

毎月Photoshopの新しいデザインテクニックを利用したチュートリアル、作り方をまとめています。今回は2015年1月度まとめとなります。

 

覚えておくと便利なテクニックや、Photoshopでのデザインがより楽しくなるチュートリアルを中心にまとめています。2015年のデザインプロジェクトに活用してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

Photoshopことはじめ!参考にしたいすごいチュートリアル、作り方まとめ

 

ファンタジー感あふれるポートレイト写真加工をする方法

2枚のイメージ写真を重ねることで不思議な色合いを表現することができる、多重露光テクニックの動画チュートリアル。英語となりますが、つまずきそうな細かい部分までていねいに解説されていてオススメ。

Double-Exposure-Phlearn-Thumb1-600x337

 

 

 

どんなイメージ写真もイラスト風に仕上げるテクニック

チュートリアルでは用意したダンベルの写真を使い、黒板と同じ素材の壁にイラストやテキスト文字を描いています。

chalkboard-effect

 

 

 

バリンと割れたガラスイメージのデザイン方法

実際にガラスを割って作成したカスタムブラシを使い、どんな写真にもエフェクトを加えることができます。

glass-breaking

 

 

 

超能力のようなスフィアライトをデザインする方法

ペンツールで描いたパスにレイヤースタイルを加えるだけの手軽さで、過去にも日本語チュートリアルで紹介しています、参考にいかがでしょう。

light-flare

 

 

 

ぼかしエフェクトを有効に活用する方法

CCで強化されたぼかし機能をより使い込みたい、そんなひとにオススメの動画チュートリアル。

Blur-Gallery-Photoshop-2014-Phlearn-Thumb

 

 

 

自由自在にオーロラを操ることができるデザインエフェクト

テクスチャ素材を利用することで、どんな色のオーロラデザインでも好きな部分に反映させることができます。

aurora-kiss

 

 

 

ダイナミックな光フレアをデザインする方法

イメージ写真にまばゆく輝くフレアデザインを、お好みのカラーで追加することができます。

Creating-Lens-Flare-Thumbnail

 

 

 

髪の毛の色を自由に変更する方法

レイヤーマスクで選択した髪の毛部分のみを、調整レイヤーで色変更するテクニックを紹介しています。

How-to-Change-Hair-Color-in-Photoshop-Thumb-600x337

 

 

 

Photoshopで口ひげを伸ばす方法

なかったはずのヒゲを自由に追加、消去することができる魔法のようなレタッチテクニック。

facial-hair

 

 

 

背景を完全に真っ白、真っ黒にしてしまう方法

特にフード料理写真をメニュー表に利用するときなどに、有効的なデザインテクニック。

real-white

 

 

 

人間と壁をシームレスに合成する方法

まるで洋服と壁紙がつながっているような、不思議なデザインエフェクトを完成させます。

human-blending-wall

 

 

 

写真と手描きスケッチを合成してデザインする方法

用意したバラの花の写真をベースに、半分だけ手描きスケッチのようなグランジスタイルを実現します。

emotional-rose

 

 

 

超インパクトのある映画ポスターデザインを作成する方法

映画「ターミネーター(英: the Terminator)」をモチーフに、空撮した町並みにガイコツが浮かび上がる本格デザインチュートリアル。

terminator-poster

 

 

 

手書きスケッチをPhotoshopでペイントする方法

鉛筆などで手描きしたイラストのパスを取る方法にはじまり、スクリーンプリントのような味わい深い作品に仕上げる過程を解説したチュートリアル。

traditional-painting

 

 

 

ビンテージテイストのTシャツ用デザインテンプレートを作成する方法

PhotoshopとIllustratorを駆使した、フクロウとガイコツを組み合わせたイラストをデザインします。

owl-painting

 

 

 

煙の中を舞うポリゴンスタイルの小鳥をデザインする方法

写真を元にパスをひき、レイヤースタイルを加えることで、立体感のあるポリゴンスタイル風デザインをお手軽に。

humming-bird

 

 

 

まるでゲームのようなファンタジー空間をデザインする方法

Photoshopでゼロから作る本格的デジタルペイントを学ぶチュートリアルで、ゲーム用インターフェースデザインに応用することができます。

fantasy-game-bg

 

 

 

宙に浮かんだ大木をデザインする方法

背景デザインや装飾用デザインパーツにこだわることで、よりリアルな空間に仕上げることができるチュートリアル。

floating-island

 

 

 

Photoshopを使ってゴージャスな合成写真をデザインする方法

あらかじめ用意した複数のイメージ写真を利用することで、オリジナル写真と全く異なるデザインに仕上げてしまうプロテク。

queen-of-red

 

 

 

メラメラと燃える炎を写真に合成する方法

ポイントは炎テクスチャレイヤーの描画モードを「スクリーン」にすることで、不要な背景部分のみが透明になります。

girls-on-fire

 

 

 

写真のようにリアルなペイントイラストレーションの作り方

撮影した愛犬の写真を、まるで水彩画でペイントしたようなアート作品に仕上げるデザインチュートリアル。

pet-portrait

 

 

 

風刺画風イラストレーションの作り方

撮影した写真を元に、相手の特徴をうまく誇張したユニークなイラストレーションを完成させます。

comic-photoeffect

 

 

 

あらゆるパーツをピクセルアートで作成する方法

ピクセルアートをどのようにつなげたり、増やしたりするのか紹介されており、より実践的なテクニックが満載です。

pixel-animation

 

 

 

テクテクと歩く猫のイラストGIFアニメーションの作り方

動物の骨格を理解することで、よりリアルな歩き方を表現することができる本格派GIFアニメーションを作成します。

walking-kitten-final

 

 

 

どんな写真でもまっすぐに修正する方法

手持ちで撮影したときに起こりやすい問題を、簡単に修正することができる、覚えておくと便利なテクニック。

crop-master

 

 

 

町並みをミニチュアのようにする「ティルト・シフト」エフェクトの作り方

日常の風景をまるでジオラマのような空間に変えてしまう、ユニークな写真加工エフェクト。以前日本語チュートリアルを紹介しています。

tiltshift

 

 

 

スマートオブジェクト機能を利用した、元の写真に手を加えないスマートなデザイン編集方法

レイヤーをスマートオブジェクトに変換後にフィルタを適用することで、いつでもパネルから値などを編集することができる便利テク。

smartobject-filter

 

 

 

レイヤースタイルを使って、メタルテクスチャを作成する方法

カラーオーバーレイを設定することで、自由にメタルの色も変更できる点はポイント。

brushed-metal-effect

 

 

 

グラデーションが美しい3Dテキストをデザインする方法

宇宙空間をイメージした幻想的な色使いが魅力的で、特に調整レイヤーの使い方を覚えることでデザインの幅が広がりそうです。

starlight-text-effect

 

 

 

炎が燃えているようなネオンテキストエフェクトの作り方

フレームエフェクトを適用することで、一味違うネオンデザインに仕上げることができます。

inferno-neon-effect

 

 

 

雲でリアルなテキスト文字を空に描く方法

文字ツールで描いた文字にレイヤースタイルを適用し、ブラシツールで加工するだけのお手軽チュートリアル。

cloud-text-effect

 

 

 

光沢感たっぷりなプラスチックテキストを作成する方法

まるでプラスチック素材を使っているような、透明感に加えグロス感も追加されたテキストエフェクト。

Clean-Plastic-Text-Effect

 

 

 

毛糸でできたようなモコモコ系テキストエフェクトの作り方

まるで本当に毛糸でつくったような質感が素敵で、基本レイヤースタイルによる作業なので、Photoshop初心者のひとにも◎。

stuffed-wool-text

 

 

 

キラキラに輝く黄金テキストエフェクトの作り方

こちらもレイヤースタイルを適用するだけで、メタリックなゴールドの光沢感を演出できます。

glittering-gold

 

 

 

クリスマスの超リアルなスノーボールを作成する方法

シーズンは過ぎてしまいましたが、今年のクリスマスに活用できそうな写真加工エフェクト。

christmas-ball

 

 

 

キラキラ感満点なクリスマスツリーをデザインする方法

クリスマスツリーとトナカイの定番の組み合わせを、ダイナミックなライティングエフェクトで演出します。

magical-christmas

 

 

 

PS拡張スクリプト「Velocity」を使って、手早くウェブデザインのプロトタイプを作成する方法

お好みのレイアウトの組み方を選んで、ボタンを押すだけのカンタン作業でウェブサイトの土台となるプロトタイプを作成できます。

velocity-layout

 

 

 

Sketchを使ったアプリUIインターフェースのデザイン方法

Mac用デザインアプリですが、すこしずつチュートリアルを紹介しているサイトも増えているようです。

sketch-interface

 

 

 

フラットスタイルの宇宙アイコンを作成する方法

かわいいイラストが特徴で、親しみやすいカラーリングはもちろん、フラットスタイルに合うドロップシャドウの付け方を詳しく紹介しています。

space-flat-icon

 

 

サムネイル@ : The Dancer – Create A Dynamic Liquid Splash Effect – 123RF

投稿Photoshopことはじめ!参考にしたいすごいチュートリアル、作り方40個まとめ 2015年1月度PhotoshopVIPの最初に登場しました。

ワンランク上のデザインを目指そう!新作Photoshopチュートリアル24個まとめ 2015年4月度

$
0
0

latesttutorial2015april-top

 

毎月Photoshopの新しいデザインテクニックを利用したチュートリアル、作り方をまとめています。今回は2015年4月度まとめとなります。

 

 

レイヤースタイルを適用するだけで完成するテキストや、覚えておくと便利な写真レタッチの小技から、写真合成コラージュやデジタルペイント、ストップモーションの作成方法など高度なテクニックまで、よりクリエイティブな表現を可能にしてくれるデザインチュートリアルが揃っています。

 

 

 

詳細は以下から。

 

 

 

これからのテクニックを学ぶ、新作Photoshopチュートリアルまとめ

 

スタイリッシュな多重露光エフェクトをデザインする方法

2枚の異なるイメージ写真を重ねることで、つくりだす幻想的なエフェクトは、レイヤーマスク機能を利用したデザインテクニック。

trendy-double-expositoin-screen

 

 

 

色鮮やかなデジタルペイントのデザイン方法

ある程度のデッサン力が必要なチュートリアルですが、花がらの王冠に淡いレトロなグラデーションをつかい質感を加えたり、選択ツールを用いたアイラインの引き方など、ユニークで有効的なテクニックが多め。

spring-lady-illustration

 

 

 

ゴージャスな人魚姫をデザインする方法

ラフな手書きの下書きにはじまり、グレースケールでの下地描きと続く、本格的なPhotoshopデジタルペイントを学びます。

arielmermaid

 

 

 

ポリゴンスタイルのポートレイトデザインをマスターする方法

フラットデザインとともに人気になった、シンプルな幾何学シェイプを組み合わせる、ポリゴンスタイルのデザインのつくり方。今回はパート1が公開されていました。

polygonal-girl

 

 

 

ダイアモンドでできたキラキラ系テキストエフェクトのつくり方

無料配布されているクリスタルパターンを利用することで、レイヤースタイルのみで作成できるお手軽チュートリアル。

diamond-text-effect

 

 

 

超リアルなメタリック系テキストエフェクトのつくり方

パターンテクスチャを利用した質感たっぷりな背景から、3つのテキストレイヤーに個別のレイヤースタイルを設定することで、立体感たっぷりで、重厚なデザインを完成させます。

glowing-metal-text

 

 

 

テキスト文字に水彩絵の具エフェクトを適用する方法

お好みのフォントで書いた文字に、無料配布されている水彩絵の具テクスチャを使って、見事にテキストのみに適用しています。

how-to-apply-watercolor-textures-to-typography-580x290

 

 

 

テキスト文字をタオル生地にプリントしたように配置する方法

レイヤースタイルを用いるだけの手軽さで、どんな立体的なデザインにもうまく配置することができる動画チュートリアル。

confrom-text-to-surface

 

 

 

手描きのスケッチをPhotoshopできれいにスキャンする方法

せっかく描いた作品も、汚れやスポットがあっては台無しです。不要な部分を綺麗に取り除く、簡単テクニックを紹介しています。

clean-drawing-scan

 

 

 

魚のうろこ状Photoshopブラシのつくり方

シェイプツールで描いた円を並べて、個別にペイントすることで、独特なうろこの質感を表現できます。

Mermaid---Quick-Tip-scales-brush

 

 

 

Photoshopをつかった、ストップモーションん動画の作り方

カメラの配置方法から、どのようにPhotoshopに写真を取り込み、合成するまでの工程を詳しく紹介しています。

stop-motion-making

 

 

 

質感たっぷりなレトロ写真レタッチの方法

調整レイヤーをいくつか調整するだけで、写真に応じてエフェクトを変更することでき便利なテクニック。こちらは動画でのチュートリアルとなります。

 

 

 

暗くなってしまった写真に光を差し込む方法

あまり使われていないアルファチャンネル機能を有効活用することで、まるで本物そっくりの温かい光をつくりだします。

luminosity-effect

 

 

 

瞳の色を自由にカスタマイズする方法

新規調整レイヤーよりグラデーションツールを使っているので、お好みの配色に変更することも自由です。

wonderful-eye-change

 

 

 

SF映画のようなビジュアルエフェクトの作り方

目の周りに無数のデータが並べられた、まるで映画のワンシーンのようなデザインを、シェイプやブラシツールを用いて作成します。

sci-fi-eye-manipulation

 

 

 

複数のイメージ写真を合成して、宇宙SF空間をデザインする方法

違和感なく写真を組み合わせる、描画モードの設定や調整レイヤーの使い方を中心に学び、80年レトロなデザインを作成します。

sci-fi

 

 

 

効果的な背景デザインの作成とリアルな写真合成テクニック

ラインツールで描かれるダイナミックな背景に、違和感なく人物モデルを配置する方法が紹介されています。

lighting-effect-girl

 

 

 

炎やライティングを駆使した、写真合成テクニック

配置した人物モデルにまるで光が当たっているようなエフェクトは、デザイン全体の質感をグッとアップしてくれます。

fire-and-fly-girl

 

 

 

地球の終わりを描いた、デジタルコラージュのデザイン方法

さまざまなイメージ写真から切り取られたパーツを自由に配置し、最後にグラデーション調整レイヤーを一番上に配置することで、全体の色合いを統一することができます。

lost-in-time-surreal-photoshop

 

 

 

映画「華麗なるギャッツビー」のレトロデコレーションを作成する方法

Illusrtatorで描いたグラフィックをベースに、メタルテクスチャ素材を利用したデザインスタイルを追加していきます。

art-deco-frame-gatsby

 

 

 

シンプルな天気予報アイコンセットを作成する方法

ピクセルドットで描くデザインチュートリアルで、レイヤースタイルを利用した淡い太陽光の表現方法など、押さえておきたいテクニックのひとつ。

weather-icon

 

 

 

光沢感のあるステッカー風テキストエフェクトのつくり方

こちらのチュートリアルも、レイヤースタイルを適用するだけで完成させる、簡単デザインチュートリアル。

3D-Sticker-Text-Effect

 

 

 

ぼかしエフェクトを活用した、3Dテキストエフェクトのつくり方

素早く動く様子を表現することができ、他のデザインにも応用できるテクニックのひとつ。

rock-texteffect

 

 

参照元リンク : Batman – Why Do We Fall | Abduzeedo Design Inspiration

投稿ワンランク上のデザインを目指そう!新作Photoshopチュートリアル24個まとめ 2015年4月度PhotoshopVIPの最初に登場しました。

Illustratorってすごい!参考にしたいチュートリアル、作り方まとめ 2015年5月度

$
0
0

latestai2015may-top

 

イラストレーター(Illustrator)の使い方を学びながら、テクニックを覚えることができる新作デザインチュートリアルをまとめています。進化するイラストレーターの機能や作り方も、定期的にアップデートしながら身につけていくことで、ワンランク上のデザイン表現が可能になります。

 

 

 

詳細は以下から。

 

 

 

Illustratorってすごい!参考にしたいチュートリアル、作り方まとめ 2015年5月度

 

寿司モチーフのアイコン素材を作る方法

世界中でブームとなっている寿司をテーマにした、美味しそうなアイコン素材を作っていきます。サーモンや米の質感など、細かいポイントにも気を配ったデザインが素敵。

california-roll-illustration

 

 

 

美しい継ぎ目のないデザインパターンを作成する方法

どんなデザインにも応用できるシームレスパターンテクスチャの作り方を、動画でじっくり詳しく解説しています。

seamelss-pattern-in-ai

 

 

 

レトロなポップアート・エフェクトの作り方

太いパスの引き方から、ハーフトーンエフェクトを活用したパターンの作り方まで、応用が効くテクニックが揃ったチュートリアル。

pop-retro-style

 

 

 

黒板にチョークでテキストを描く方法

粒状エフェクトを利用することで、手軽に黒板テクスチャを作成します。用意されたテクスチャを重ねることで、消したような質感を表現できます。

chalkboard-typography

 

 

 

ダイヤモンド・パターンをデザインする方法

何本ものラインが交わり作成される、複雑な幾何学模様パターンの作り方が紹介されています。

complex-geometric-pattern-visual-1

 

 

 

手描きスケッチをベクターファイルとして適用する方法

スケッチしたアートワークをどのようにベクター化するのか、ステップごとに詳しく解説しています。

nyc-vector-final

 

 

 

幾何学模様のレトロポスターを作成する方法

プリントしたようなグランジ感の加え方や、デザインに合った配色の決め方など、基本的なテクニックも詳しく紹介しているので、応用が効きそうなチュートリアル。

structure-tutorial

 

 

 

同じシェイプを繰り返してサークル上に並べる方法

パスに沿ってシェイプを並べる方法をはじめから学ぶことができる、初心者にもやさしい動画チュートリアル。

how-to-repeat-any-shape-along-a-circular-path-

 

 

 

ファイルを特殊加工プリント印刷用に準備しておく方法

型押しレタープレスや光沢加工など、特殊な印刷に対応するためにしておきたいことをまとめています。

how-to-print-vector

 

 

 

紙を重ねると浮かび上がる、秘密のテキストデコレーション

CMYKの色の原理を利用したトリックで、重ねた文字テキストの片方だけが浮かび上がります。

creative-print

 

 

 

Apple Watchに対応したiOSフィットネスアプリをデザインする方法

これからより需要が増えてくるであろうApple Watchに関連するインターフェースデザインを、Mac用アプリSketchを利用して作成していきます。

sketch-fitnessapp-final

 

 

 

立体的なインフォグラフィクス用デザインパーツを作成する方法

より視覚的に分かりやすい、立体的に表現されたコンポーネント素材を完成させます。

perspective-infographics

 

 

 

カラフルなテキストエフェクトの作り方

レイヤーの描画モード「乗算」を利用するテクニックを使い、シンプルでポップな文字テキストを作成します。

hey-spring-texteffect

 

 

 

ストローを使ったテキストエフェクトの作り方

曲がり具合を利用した、立体感溢れる文字テキストを演出することができます。

straw-texteffect

 

 

 

ビンテージ系テキストエフェクトを作成する方法

オフセットパスやブレンドオプション機能の使い方をマスターすることで、手軽に作成できるエフェクト。

vintage-type-sm

 

 

 

水彩絵の具のテキストエフェクトを作成する方法

ブレンドオプション機能を利用することで、絵の具特有のラフな質感を作成します。描画モード「乗算」にすることで、淡い色合いが鮮明に。

watercolor-typography

 

 

 

花がらテキストエフェクトの作り方

パスツールで描いた花がらに、ワープツールを適用することで、花がらシェイプを不均一にコピーするテクニックは参考に。

daffodils-texteffect

 

 

 

歯車を組み合わせたユニークなテキストエフェクトの作り方

グリッド状に並べられた歯車を、基本的なツールとエフェクトのみで作成していきます。

gear-texteffect

 

 

 

ヒップスター風ロゴデザインの作り方

トレンドを意識したレトロスタイルのロゴデザインを、イラストレーターを使って作成する動画チュートリアル。

create-a-hipster-logo

 

 

 

超リアルな掃除機をデザインする方法

オフセット・パスやクリッピング・マスクなどのテクニックを学びながら作成するチュートリアルで、Illustratorを使いこなすポイントが解説されています。

creating-vacuum-cleaner-in-illustrator

 

 

 

超リアルなオイルサーディン缶をデザインする方法

本物そっくりにデザインされた缶詰は、ペンやパスツールなど基本的な操作を覚えながら作成することができます。

creating-a-tin-can-with-fish-in-illustrator

 

 

 

ウクライナ地方の豪華なごちそうを描く方法

日本ではあまり知られていない国ウクライナをモチーフに、ベクターイラストでさまざまなごちそうを表現します。

ancient-feast

 

 

 

スケートボードをテーマにした、アウトラインデザインを作成する方法

分解されたスケートボードの各パーツを、フラットスタイルで表現するデザインチュートリアル。

line_art_skateboarder

 

 

 

ワークスペースイラストレーションを作成する方法

描いたパスに太めのオフセットパスを設定することで、やさしい印象のフラットデザインに仕上げます。

desk-scenary-illustration

 

 

 
フラットスタイルで描かれた町並みをデザインする方法

さまざまなシェイプを組み合わせ、奥行き感たっぷりな建物を作成します。

flat-cityscape-illustrator

 

 

 

フラットスタイルのアイコンデザインを作成する方法

パスツールで描いたシェイプに、クリッピングマスクの適用方法などを学ぶ、グラデーションが美しいアイコンセット。

productivity-icons-large

 

 

 

フラットスタイルのアウトライン型アイコンを作成する方法

現在トレンドにもなっているミニマルスタイルを作成する、大切なポイントをシンプルにまとめています。

lineicons_012

 

 

 

ビンテージな配色のポスターデザインの作り方

手描きしたスケッチ画をフォトショップでトレースし、限定された配色でペイントすることで、デザインに統一感が生まれます。

vintage-spring-has-sprung

 

 

 

春を感じる小鳥のデコレーションを作成する方法

パスツールなど基本的な操作のみで完成させる、はじめての人にもぴったりな簡単チュートリアル。

sprint_banner

 

 

 

かわいいキャラクターを描いた、継ぎ目のないシームレスパターンの作り方

基本的なパスツールの使い方の練習をしながら、かわいいパターンテクスチャを作成していきます。

soda-pattern

 

 

 

カラフルなキャラクターをデザインする方法

手描きスケッチをスキャナーで取り込み、素敵なカラーリングを行う工程まで詳しく紹介しています。

vector_character_art

 

 

 

スケッチを元にした、言葉遊び付の塗り絵をデザインする方法

あらかじめ描いた絵を元に、作成したアートブラシを利用することで、太さが均一でないパスを引くことができます。

mezza-placemeat

 

 

参照元リンク : How to Create a Watercolor Popsicle in Illustrator – Every-Tuesday

投稿Illustratorってすごい!参考にしたいチュートリアル、作り方まとめ 2015年5月度PhotoshopVIPの最初に登場しました。

フォトショップを楽しく学ぼう!すごいテキストエフェクトのチュートリアル、作り方まとめ

$
0
0

texteffect2015-half-top

 

「フォトショップをもっとうまく使いこなしたい。」

 

そんなときはデザインチュートリアルを見ながら、実践的なテクニックやツールの使い方を楽しく覚えてみてはいかがでしょう。Photoshop CCで追加された新機能も駆使し、クリエイティブなテキストエフェクトを作成するチュートリアル、作り方をまとめました。

 

 

今年に入り公開された新作チュートリアルを中心に、デザインスキルを磨くことができるアイテムをまとめています。レイヤースタイルを設定するだけのお手軽な作り方も多く、サンプル用PSDファイルをダウンロードできるものもあります。今後のデザイン案件で活用してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

フォトショップを楽しく学ぼう!すごいテキストエフェクトのチュートリアル、作り方まとめ

 

超リアルなカジノサインをデザインする方法

3D機能を利用することで立体感たっぷりな表現を可能にし、電球を撮影した写真から切り抜き、合成することで、よりリアルな質感に仕上げることができます。

casino-bulb-sign

 

 

 

透明ガラスでできたテキストエフェクトの作り方

研究室でつかわれていそうなガラス容器を使った、クリエイティブ爆発のテキストエフェクト。

science_glassware_text

 

 

 

手描きスケッチ風テキストエフェクトの作り方

まるでボールペンで塗りつぶししたような、手描きのラフ感を見事に再現するチュートリアルで、レイヤースタイルとエフェクトの組み合わせ方に注目。

Sketch-Text-Effect

 

 

 

キラキラに輝くダイヤモンドのテキストエフェクトの作り方

あらかじめ用意されたパターン素材を利用し、レイヤースタイルを設定することで、ゴージャスに輝く文字を描きます。

Diamonds-Text-Effect

 

 

 

光沢感いっぱいの黄金文字テキストの作り方

こちらもレイヤースタイルを調整することで、見事な質感に仕上げることができるチュートリアル。一緒に、無料サンプルPSDファイルも公開されています。

GlamGold-texteffect

 

 

 

メタリックに輝くテキストエフェクトの作り方

まるで映画のタイトルなどに使われていそうな質感を、レイヤースタイルだけで実現することができます。

Glowing-Metal-Text-Effect

 

 

 

リアルな輝きを放つメタルテキストエフェクトの作り方

メタリックな質感だけでなく、すこし汚れたスクラッチ傷なども表現することで、より本物のクオリティに仕上げます。

Brushed-Metal-Text-Effect

 

 

 

メラメラと炎をあげて燃える鋼鉄のテキスト文字の作り方

レイヤースタイルを設定するだけで完成のメタルテキストに、炎テクスチャを重ねることでよりダイナミックに。

stunning-flaming-texteffect

 

 

 

炎が燃えているようなネオンテキストエフェクトの作り方

フレームエフェクトを適用することで、一味違うネオンデザインに仕上げることができます。

inferno-neon-effect

 

 

 

ネオンライトをつかったテキストエフェクトの作り方

異なるレイヤースタイルを適用した2つのレイヤーを重ねることで、デザインをより複雑に魅せることができます。

Bright-Neon-Light-Text-Effect

 

 

 

キラキラの宝石が輝くグラマー系テキストエフェクトの作り方

ゴージャスな雰囲気が演出することができる、豪華な宝石を散りばめるテキストエフェクト。

pink-gold-glitter-texteffect

 

 

 

小麦粉で文字テキストをデザインする方法

粉まみれのまな板の上に、真っ白な粉でお好みの文字を描くことができるチュートリアル。

Flour-Text-Effect

 

 

 

テキスト文字をタオル生地にプリントしたように配置する方法

レイヤースタイルを用いるだけの手軽さで、どんな立体的なデザインにもうまく配置することができる動画チュートリアル。

confrom-text-to-surface

 

 

 

テキスト文字に水彩絵の具エフェクトを適用する方法

お好みのフォントで書いた文字に、無料配布されている水彩絵の具テクスチャを使って、見事にテキストのみに適用しています。

how-to-apply-watercolor-textures-to-typography-580x290

 

 

 

毛糸でできたテキストエフェクトを完成させる方法

リアルな編み目まで再現することができるチュートリアルで、レイヤースタイルで調整した文字レイヤーに、毛糸テクスチャを重ねるテクニック。

StuffedWool-texteffect

 

 

 

ドーナツでできた美味しそうな文字テキストを作成する方法

カラフルな砂糖でコーティングされた、レイヤースタイル設定のみでデザインを完成させます。

sweet-donuts-texteffect

 

 

 

雲でリアルなテキスト文字を空に描く方法

文字ツールで描いた文字にレイヤースタイルを適用し、ブラシツールで加工するだけのお手軽チュートリアル。

cloud-text-effect

 

 

 

エンボス、型押しテキストエフェクトの作り方

レイヤースタイルを利用するだけ作成できる、Photoshopがはじめてのひとにもオススメしたい基本テクニック。

letterpress-text-effects-in-photoshop

 

 

 

光沢感のある黄金テキストをデザインする方法

ピカピカに輝くグロス感を演出することができるチュートリアルで、太字フォントとの相性が良さそうです。

GlossyGold-final

 

 

 

光沢感のある黄金文字の作り方

こちらもレイヤースタイルを適用するだけで完成のお手軽チュートリアル。ベベルとエンボス加工にテクスチャを加えることで、キラキラのラメ感を演出します。

GlitteringGoldTextEffect

 

 

 

透明プラスチック製のテキストエフェクトの作り方

ビニール袋に包まれた透明ガラスのようなエフェクトを表現したいときに。

Clean-Plastic-Text-Effect

 

 

 

立体感たっぷりなステッカー風テキストエフェクトの作り方

まるで下から光が当たっているような風合いを演出でき、レイヤースタイルを重ねるだけの手軽さも◎。

3D-Sticker-Text-Effect

 

 

 

ストライプ柄のガラステキストをデザインする方法

ツルツルの光沢感が印象的なデザインチュートリアルで、こちらもレイヤースタイルが重要になってきます。

glossy-texteffect

 

 

 

ブロンズ製ベベルテキストエフェクトの作り方

荒く削り出さた重厚感たっぷりなブロンズ文字をデザインします。

bronze-beveled-text-effect

 

 

 

ぼかしエフェクトを活用した、3Dテキストエフェクトのつくり方

素早く動く様子を表現することができ、他のデザインにも応用できるテクニックのひとつ。

rock-texteffect

 

 

 

火花が飛び散るスパーク系メタルテキストの作り方

まるで手持ち花火が燃えているような、ちょっと変わったデザインが素敵なチュートリアル。

sparkler-light-text-effect

 

 

 

あやしく輝く立体テキストエフェクトの作り方

テクスチャ素材をどのように違和感なく合成することができるのか学びながら、グラフィック色の強い作品に仕上げます。

starlight-flatten-texteffect

 

 

 

1980年代のレトロなテキストエフェクトの作り方

独特なライティングエフェクトが魅力的なアートワークで、描画モードのより詳しい設定方法を学ぶことができます。

80sIsnpiration_social

 

 

 

高層ビルで文字を描く方法

夜景を撮影した写真を元に、建物を使ってテキストを表現するテクニックを学びます。

mib-texteffect

 

 

 

3Dメタル系テキストエフェクトの作り方

テキストレイヤーを何重にもかさねることで立体感を表現し、全体にレイヤースタイルを適用する簡単で、ユニークなテクニック。

3D-Metallic-Text-Effect---600

 

 

 

3Dレトロトロテキストエフェクトの作り方

ドロップシャドウを加えることで立体感がうまれ、トレンドのヒップスター系デザインとの相性も抜群。

Simple-3D-Retro-Text-Effect

 

 

 

ステンシル風テキストエフェクトの作り方

ダンボールテクスチャの上に配置された、紙の質感を見事に表現したデザインチュートリアル。

Stencil-Banner-Text-Effect

 

 

サムネイル@ : Learn How to Create Realistic Brain Text Effect – alfoart.com

参照元リンク : 28 Amazing Text Effect Photoshop Tutorials – May 2015 Edition – Fusionplate.com

投稿フォトショップを楽しく学ぼう!すごいテキストエフェクトのチュートリアル、作り方まとめPhotoshopVIPの最初に登場しました。

デザインの引き出しが増える!すごい新作Photoshopチュートリアル、作り方まとめ 2015年5月度

$
0
0

latesttutorial2015may-top

 

毎月Photoshopの新しいデザインテクニックを利用したチュートリアル、作り方をまとめています。今回は2015年5月度まとめとなります。

 

 

 

海外デザインブログGraphic Design Junctionで、新しく公開されたデザインチュートリアルをまとめたエントリー「New Photoshop Tutorials to Learn Photoshop Techniques & Tips」が公開されていたので、今回はこちらを中心に、個人的にブックマークしておきたいデザインテクニックをまとめてご紹介します。

 

 

 

詳細は以下から。

 

 

 

デザインの引き出しが増える!すごい新作Photoshopチュートリアル、作り方まとめ

 

フォトショップ紙吹雪ブラシを作成する方法

ブラシ素材なので自由に色を選択することもでき、一度作成してしまえばいつでも使える手軽さ。動画で詳しく解説されているのも素敵。

confetti-brush

 

 

 

多重露光(英: Double Expousre)エフェクトの作り方

アメリカの人気歌手テイラー・スウィフトのヒット曲「Style」のミュージックビデオで採用された、多重露光エフェクトを再現します。

cavehead-double-exposure

 

 

多重露光エフェクトの作り方 その2

上記チュートリアルに比べ、より手順を簡単にしたお手軽版。煙と風景画を重ねる、2種類のバージョンが用意されています。

TreeQuarterTurn

 

 

 

手からリアルな炎をデザインするチュートリアル

炎テクスチャをイメージ写真に違和感なく合成し、他のデザインにも応用できるテクニックのひとつ。

fire-on-the-hand

 

 

 

デザイン手順を伝える、効果的なGIFアニメーションの作り方

どのようにデザインを完成させたのか、過程プロセスをうまく伝えることができます。

design-process-steps

 

 

 

フォトショップで動画を滑らかにつなぎ合わせる方法

用意した2種類のビデオクリップを軽快なトランジション(英: transition)でつなげていきます。フォトショップは、ビデオ編集にもすぐれたツールです。

 

 

 

写真を利用したユニークで、カラフルな写真コラージュの作り方

用意した風景画にワープツールで歪みを加えることで、遠近感と他のデザインパーツを追加するスペースを確保します。

seamless-beautiful-scenary

 

 

 

木に月が引っかかった、幻想的な写真コラージュを作成する方法

あらかじめ用意しておいた複数のイメージ写真を、驚くほどのクオリティーで合成するデザインチュートリアル。

many-moons-surrounded

 

 

 

地面を表現したユニークなデジタル・コラージュの作り方

用意しておいたイメージ写真を組み合わせることで、立体感と奥行き感たっぷりで抜群なコラージュアートを完成させます。

skull-final1

 

 

 

毛皮ブラシを利用せずに本物そっくりな質感を表現する方法

毛並みをそれぞれのパーツごとに分けてデザインする、デジタルペイントの本格的テクニック。

real-fur-effect

 

 

 

フォトショップで立体写真(アナグリフ)を作成する方法

2枚の写真を重ねて作成する手順と、1枚の写真を立体写真風に仕上げる手順の2つが解説されています。

3deffect

 

 

 

イメージ写真をモノクロスケッチ風に加工する方法

トーンカーブを調整することで、まるで鉛筆で手書きスケッチしたような質感を演出できます。

handdrawn-effect

 

 

 

Photoshopレイヤーマスクの効果的な使い方

フォトショップのなかでもよく利用する機能のひとつ、レイヤーマスクの使用方法を動画で解説しています。

photoshop-layer-masks-overview

 

 

 

ファッション雑誌のような写真レタッチテクニック

不要な背景を取り除き、人物モデルの気になる部分を個別に修正していく、魔法のようなレタッチテクニックを学びます。

easy-beauty-fashon-retouching

 

 

 

レトロなモノクロ写真エフェクトの作り方

白黒にするだけでなく、引っかき傷などよりリアルに再現し、スタイリッシュな印象を演出します。

vintage-stylish-photo-retouch

 

 

 

ゆがみフィルタ機能を利用したイメージ写真レタッチ方法

あまりレタッチ作業では利用しないゆがみフィルタの、新しい簡単な使い方が紹介されています。

stylish-photo-girl-effect

 

 

 

光量が足りない写真を見事に救出する方法

トーンカーブ機能を利用することで必要な色相を追加し、イメージ写真の明るさを調整するお手軽テクニック。

rescue-low-light-pic

 

 

 

印刷プリントに対応できる準備方法

雑誌のレイアウト構成をデザインするInDesign用チュートリアルですが、デザイナーは知っておきたいテクニック。

ready-for-print

 

 

 

カラフルに輝くライティングエフェクトの作り方

キラキラに光るライティング系テクスチャ素材を用意し、お好みのグラデーションでペイントできる、覚えておくと便利なテクニック。

cool-wizard-lighting

 

 

 

イメージ写真とベクター素材を組み合わせたデジタルコラージュ術

ユニークに配置されたデザインを、見事にグランジ風に組み合わせるテクニック。

retro-lighting-effect

 

 

 

奥行きたっぷりな写真合成テクニックを学ぶチュートリアル

遠くに宇宙空間が広がり、女性モデルの影なども詳細に表現できるデザイン合成術を学びます。

abandoned-love-emotional-photoshop-tutorial

 

 

 

ピクセルアートでコーヒーショップをデザインする方法

ピクセルドットで描くときの遠近感や影の付け方など、より細かい点に気を配ったチュートリアル。

coffee-shopi-pixelart

 

 

 

Appleウォッチをフォトショップで作成する方法

いま話題となっている新しいガジェット、Appleウォッチをゼロから作成していきます。

how-to-design-apple-watch

 

 

 

モバイルアプリ用ランディングページをデザインする方法

イメージ写真を背景に、モバイルアプリの特長をうまく引き出すレイアウトの作成方法が紹介されています。

app-landing-page-2

 

 

 

ストライプ柄のメタリック文字テキストの作り方

レイヤースタイルで表現できるメタリック文字に、グラデーションマップを重ねることで、背景と文字テキストに統一感を演出できます。

rose_shiny_lines_final

 

 

 

パンをつかったテキストエフェクトの作り方

クロワッサンやフランスパンなど本物のパンを利用した、ユニークな文字テキストを完成させます。

bread-text-effect

 

 

 

フォトショップを楽しく学ぼう!すごいテキストエフェクトのチュートリアル、作り方まとめ

2015年に公開されたチュートリアルを中心にまとめています、こちらも参考にいかがでしょう。

casino-bulb-sign-texteffect

 

 

サムネイル@ : Manipulate a Photo into a Beautiful Fiery Sunset Landscape | Photoshop Tutorials

参照元リンク : New Photoshop Tutorials to Learn Photoshop Techniques & Tips | Graphic Design Junction

投稿デザインの引き出しが増える!すごい新作Photoshopチュートリアル、作り方まとめ 2015年5月度PhotoshopVIPの最初に登場しました。


Illustratorをマスターする!すごいチュートリアル、使い方まとめ 2015年7月度

$
0
0
latestai2015july-top

latestai2015july-top

 

不定期となりますが、これからのデザイン制作に活用したいIllustratorの作り方、チュートリアルをまとめています。今回は2ヶ月ぶりとなる、2015年7月度まとめです。

 

 

ブレンドツールやワープ、ペンツール、グラデーションメッシュなど基本的で、分かりやすい機能をうまく駆使することができる、有益なデザインテクニックを中心に、新作チュートリアルをまとめています。これを機会に、Illustratorのデザインの幅を広げてみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

Illustratorをマスターする!すごいチュートリアル、使い方まとめ

 

レトロスタイルの旅行ポスターの作り方

オーストラリアを舞台にした、暑い夏を連想させる配色カラーパレットを使い、手描きスケッチを元にデザインを進めていきます。

travel-retro-poster

 

 

 

みどりのクルクル髪がポイントのポートレイト制作

有料だったチュートリアルが、無料で公開されています。本物そっくりな髪の毛の質感や、肌の質感など多才なテクニックばかり。

curly-hair-final

 

 

 

子供用のかわいい、継ぎ目のない動物デザインパターンの作り方

キリンやトラなどの動物たちを、かわいいフラットデザインで描き、シームレスに活用できるパターンテクスチャを作成します。

animal-cute-pattern

 

 

 

弓矢デザインを用いた、ヒップスター系デザインパターンを作成する方法

スタイリッシュな配色に、ペンツールで描いたシンプルな弓矢デザインを使って、継ぎ目のないパターンテクスチャを作成します。

arrows-seamless-pattern

 

 

 

リアルな煙をデザインする方法

Photoshopではよく見かけるテクニックも、Illustratorのグラデーションメッシュ機能を利用して、再現することができます。

how-to-make-smoke

 

 

 

トピックテーマに合わせた、高品質なインフォグラフィックを作成する方法

デザインレイアウトや配色の決め方など、細かい部分まで詳しく解説された、Illustratorデザインガイド。

magazine-infographics

 

 

 

夏の思い出をイメージした、ポートレイトエフェクトの作り方

部分的に夕日を浴びているようなエフェクトは、丁寧にペンツールでパスを引くことからはじまります。

Summer-Portrait

 

 

 

ザラザラとしたノイズエフェクトの再現方法

Photoshopでよく見かけるエフェクトを、ブレンドツールを駆使することで、淡い質感を表現することができます。

grain-effect

 

 

 

Illustratorで街並みをデザインする方法

デザイン用に無料テンプレートファイルも用意されており、本格的なベクターイラストレーションを学ぶことができます。

cityscape-illustratoin

 

 

 

鹿をモチーフにしたベクターイラストの作り方

秋を感じる配色パレットに、手描きスケッチを参考に、立体感を演出できる素敵ベクター作品を完成させます。

deer-cute

 

 

 

シュノーケリングをたのしむ、夏の水着女性を描く方法

キャラクターのような個性のあるイラストの描き方から、パスで区切ったパーツごとの塗り方や、海水の透明感の演出テクニックなどをくわしく紹介しています。

How-to-Create-a-Summer-Illustration-1-1 (2)

 

 

 

手描きしたキャラクターをベクター化する方法

スケッチしたアートワークを参考に、どのようなブラシで描くべきかなど、基本的なデザインテクニックから紹介しています。

draw-character

 

 

 

本物そっくりな紅茶カップを描く方法

水面の反射や泡立ちまで、限りなく本物そっくりにデザインする高品質チュートリアル。

cup-of-coffie

 

 

 

 

ライン型グラデーションの表現方法

タイポグラフィーだけでなく、ベクターイラストに活用できる、ストライプ・ラインをつかったグラデーションを描く動画チュートリアル。

line-gradient-typography

 

 

 

3D・シースルー・テキストエフェクトの作り方

立体的な影を描いて、背景が透けて見える文字テキストエフェクト。

seethru-019

 

 

ビンテージスタイルのタイポグラフィーを作成する方法

ブレンドツールやオフセットパス機能を利用することで、立体的でレトロなデザインを再現します。

this-great-divide-typography

 

 

 

スポーツチームのロゴデザインを作成する方法

筆記体で描いたチームロゴを、立体的に魅せることでより強調して魅せることができます。

team-awesome-logo

 

 

 

タバコをつかった、面白タイポグラフィーの作り方

禁煙を呼びかける、立体的なタバコのシェイプを活用したデザインチュートリアル。

cigaretteText0

 

 

 

フラットスタイルの灯台アイコンの作り方

ザラッとしたノイズエフェクトを加えた、細部まで手の込んだデザインアイコンを作成します。

lighthouse600

 

 

 

アウトライン型アイコンデザインを作成する方法

グラフィティーアートに影響されたデザインアイコンを、ラインのみで描いていきます。

graffiti-line-icon

 

 

 

ロックンロールなミニマルアイコンを作成する方法

音楽をテーマに、フラットスタイルのベクターイラストを、基本的なツールのみで作成します。

flat-style-instrumental

 

 

 

本物そっくりのダーツをでデザインする方法

メタリックな光沢感や、本物そっくりの立体感を演出した、本格デザインチュートリアル。

darts-multiple-color

 

 

 

水鉄砲をゼロからデザインする方法

夏の定番アイテム、水鉄砲をIllutratorの基本的なツールのみで作成します。

watergun-illustration-sm

 

 

 

素敵な花がらイラストをデザインする方法

ワープ機能をうまく利用することで、手軽に花びらを描くことができるテクニックが紹介されています。

easy-quick-flower

 

 

 

カラフルな絵の具パレットをデザインする方法

wooden_artist_palette_illustration

 

 

 

銃弾をつかったデザインパターンの作り方

黄金に輝く銃弾をブラシツールに設定することで、連続パターンも簡単に描くことができます。

bulletsChain0

 

 

 

ワイヤー型の動物の骨をデザインする方法

ブレンドツールを使うことで、複雑なパスを自由に描くことができる、応用が効きそうなテクニック。

wireframe-animal-skull-sm

 

 

 

複雑なマンダラ模様をデザインする方法

アートワークの中心部分から12分割した、パーツにデザインを施しコピーすることで、複雑な手描きスケッチ模様も手軽に再現することができます。

mandala-pattern-sm

 

 

 

黄金のリース付きバッジデザインを作成する方法

広告バナーやデザイン素材などにも活用できる、5つ星の黄金バッジをつくります。

high-quality-wreath

 

 

サムネイル@ : Lion Image Designed in Adobe Illustrator – Photoshop Lady

投稿Illustratorをマスターする!すごいチュートリアル、使い方まとめ 2015年7月度PhotoshopVIPの最初に登場しました。

実用テクニックを学ぶ!すごいフォトショップチュートリアルまとめ 2015年7月度

$
0
0
eye-makeup

latesttutorial2015jul-top (1)

 

毎月デザインの幅を広げてくれる、新作フォトショップチュートリアルをまとめてご紹介しています。今回は、2015年7月度まとめとなります。

 

 

レイヤースタイルを設定するだけで完成のお手軽チュートリアルや、Photoshopの基本的なツールのより実践的な使い方をマスターできる、デザインチュートリアルを中心にまとめています。

 

 

 

詳細は以下から。

 

 

 

デザイナーがマスターしたい、すごいフォトショップチュートリアルまとめ

 

燃える炎の角をもつ鹿をデザインする方法

炎テクスチャの具体的な使い方や、周りに散る火の粉をレイヤースタイルで作成し、本物そっくりにデザインします。

deer-final1

 

 

 

光を用いたキラキラに輝くテキストエフェクトの作り方

ライティングエフェクトを駆使したチュートリアルで、ペンツールの実践的な使い方を学びながら、インパクトんあるデザインを作成します。

lightpaintingtextfinal

 

 

 

本物そっくりなアイメイクをデザインする方法

フォトショップを使い、まるで本当に化粧をしているような、自然でリアルな仕上がりを実現します。

eye-makeup

 

 

 

美しいハーフトーンエフェクトを作成する方法

ビットマップ機能を利用することで、自由なハーフトーンを描きます。ロゴやイメージ写真など、どんな素材にも応用することができるテクニック。

halftone_effects

 

 

 

超リアルな飛行機をデザインする方法

スケッチを元に、フォトショプだけで写真のようなクオリティのデジタルペインティングを完成させる、本格的なテクニックを学ぶことができます。

airplanefinal-1

 

 

 

ベクター素材と写真の上手な組み合わせテクニック

コンセプトの異なるデザインを組み合わせることで、より魅力的な仕上がりが期待できるチュートリアル。

splatter-comingout

 

 

 

夕日を浴びた美しいペイントエフェクトの作り方

まるでアクリル絵の具でペイントしたような、風合いに仕上げるチュートリアル。レイヤーマスクの有効的な使い方から、ブラシツールをつかったペイントテクニックなどが披露されています。

744x475xfinal-results2.jpg.pagespeed.ic.DLqztljA4e

 

 

 

ダイナミックなHDRエフェクトを作成する方法

アルファチャネルを活用した選択範囲に、レイヤーマスクを適用するテクニック。

hdr-effect

 

 

 

核爆発した様子をデザインする方法

辺り一面が赤い光に覆われ、景色が歪んだようなエフェクトを作成します。

explosion

 

 

 

ホラー映画のような、どんよりとした風景をデザインする方法

部分的にマスクした範囲にのみ、レイヤーを適用することで、より奥行き感のあるデザインを再現します。

gloomy-house (1)

 

 

 

PhotoshopとAfter Effectsを使って、GIFアニメーションをエクスポートする方法

bicycle-GIF

 

 

半分に割れた卵をデザインする方法

黄身の立体感や、白身の透明感、卵の割れ方など、知っておきたいお手軽デザインテクニックで実現します。

egg-cracking

 

 

 

ゲーム用レーシングカーをデザインする方法

シェイプツールで描いた形を元に、レイヤースタイルなど基本的なPhotoshopツールのみで完成させます。

racing-car

 

 

 

手描きスケッチをチョーク風に仕上げる方法

スキャンしたデザインを元に、黒板にチョークで描いたような質感を表現します。描画モード「乗算」を利用することで、自由にテキストカラーを変更できます。

chalk-typography-preview

 

 

 

水彩絵の具で描いたデザインをデジタル形式に保存する方法

実際に手描きしたスケッチをスキャンし、デジタルファイルとして活用できるまでのプロセスが紹介されています。

how-to-make-sketch-paper-background-white

 

 

 

水彩絵の具風イメージ写真加工テクニック

あらかじめ用意したイメージ写真と、水彩絵の具テクスチャを重ね、レイヤーマスクを利用するだけのお手軽なデザインテクニック。

watercolor-paint

 

 

 

手軽に髪の毛の色を変更する方法

クイック選択ツールをうまく利用することで、時間をかけずに髪の毛の色をカスタマイズできます。

hair-color-change

 

 

 

スター・ウォーズのロゴデザインを作成する方法

レイヤースタイルを設定するだけで完成する、お手軽で初心者にもオススメのチュートリアル。

Star-Wars-Text-Effect---600

 

 

 

カラフルな3Dテキストエフェクトをデザインする方法

3Dツールを利用したテキストエフェクトに、夏を連想させるみどり色の葉っぱをデコレーションした、立体的なデザインが魅力です。

3D-Colorful-Summery-Text-Effect

 

 

 

メタリックに輝く立体テキストエフェクトの作り方

こちらもレイヤースタイル設定のみで作成できるエフェクトで、背景テクスチャとの組み合わせ方も参考に。

Shiny_Spring_Summer_Text_Effect_main

 

 

 

ファンタジーな洞窟をデザインする方法

高い山の上から流れ落ちる滝や、城などが並ぶファンタジー空間を、複数のイメージ写真を合成することで、再現する本格的チュートリアル。

climber-cave (1)

 

 

 

非現実空間をデザインする写真合成テクニック

雲の上を人が歩いている、SF映画のようなデザイン構図を学ぶデザインチュートリアル。

cyber-explosion

 

 

 

イラストに奥行き感を演出するデザインテクニック

完成したデザインを、細かいパーツに分けてそれぞれ設定することで、よりリアルな奥行き空間をデザインします。

dragon-complete

 

 

 

ポリゴンスタイルのポートレイト写真を作成する方法

以前紹介したチュートリアルですが、より詳しく、分かりやすくステップ順に解説されています。

polybreno_1500

 

 

 

動物を組み合わせた、アート系ポートフォリオの作り方

レイヤーマスクをうまく活用することで、複数のイメージ写真を見事に合成するテクニック。

animal-composition

 

 

 

分身の術を再現する方法

三脚に固定したカメラで撮影した複数の写真を重ね、表示したい部分以外をマスキングするテクニック。

MultipleMes1-01

 

 

 

アリスの不思議の国をモチーフにした、デザイン・アートの作り方

フォトショップに並ぶ高機能デザインアプリで、ユーザー数も増えているPixelmatorを使ったデザインチュートリアル。今後増えてくるのではないでしょうか。

Alice-Wallpaper

 

 

 

キャンプをモチーフにしたフラットアイコンを作成する方法

最近バージョンアップが発表された、もうひとつのデザインアプリAffinity Designerを利用した、アイコンの作成方法が紹介されていました。

hiniking-icons-affinity

 

 

サムネイル@ : Use Layer Masks for Seamless Compositing of Photos in Photoshop – Digital Arts

投稿実用テクニックを学ぶ!すごいフォトショップチュートリアルまとめ 2015年7月度PhotoshopVIPの最初に登場しました。

CSS3の広がる可能性!美しいテキストエフェクト用コードスニペット24個まとめ

$
0
0
css-texteffect-2015aug-top (1)

css-texteffect-2015aug-top (1)

 

Webデザインにおける文字テキストデザインは、これまでにないスタイリッシュなエフェクトが登場しています。新しいCSS3プロパティを利用し、JavaScriptでカスタマイズすることで、より魅力的な作品に仕上げます。

 

 

今回は、今後のデザインプロジェクトで活用したい、CSS3を利用した美しいテキストエフェクトをまとめてご紹介します。どのようなスタイリングがされているのか確認することもでき、コピー&ペーストで実用できる点もポイントです。

 

 

 

詳細は以下から。

 

 

 

CSS3の新しい可能性!美しいテキストエフェクト用コードスニペット24個まとめ

 

10 Stunning Hover Effects with SCSS

HTMLとCSSのみで表現された、アニメーション豊かなホバーエフェクト10種類。

See the Pen 10 stunning hover effects with scss by Renan C. araujo (@caraujo) on CodePen.

 

 

 

 

Magnettype

カラフルなアルファベットが、ふわりと浮かびあがってくる、HTML/CSSテキストエフェクト。

See the Pen Magnetype by Bennett Feely (@bennettfeely) on CodePen.


 

 

 

CSS Text Filling with Water

コップに水が注がれているようなエフェクトを、アルファベットで表現したテキストエフェクト。

See the Pen CSS Text filling with water by xiaodong (@hxd) on CodePen.

     

 

 

 

Nice SCSS Typography Underline

フォントのベースラインに沿って引かれた下線は、フォントに被らないように工夫されています。

See the Pen Nice SCSS typography underline by MrPirrera (@pirrera) on CodePen.

 

 

 

Scotch Digital Logo

ドット状に表現されたアルファベットに、マウスカーソルを合わせると爆発エフェクトが。

See the Pen Scotch Digital Logo by Nicholas Cerminara (@ncerminara) on CodePen.

     

 

 

 

Jelly Letters

マウスをぐるぐると動かすことで、文字テキストを操ることができるユニークな仕掛け。

See the Pen Jelly letters by Mauricio Allende (@mallendeo) on CodePen.

 

 

 

3D Text Effect

スクリーン上でマウスを動かした方向に、テキストに立体的なエフェクトが追加されます。

See the Pen 3d Text effect – mousemove by Dennis Garrn (@dennisgarrn) on CodePen.

     

 

 

 

GSAP IS:

並べられた英単語にマウスホバーすることで、影付きで立体的に浮かび上がるエフェクトで、text-shadowプロパティを利用しています。

See the Pen GSAP JS: multiple text-shadow : hover by GreenSock (@GreenSock) on CodePen.

 

 

 

The Correct Pronounciation

ほんのりとドロップシャドウを利用した、質感高いテキストエフェクトのひとつで、シンボル記号をローテーション回転させ利用しています。

See the Pen The Correct Pronounciation by Daniel Burrows (@danburrows) on CodePen.

     

 

 

 

CSS3 text-shadow Effects

こちらも複数のtext-shadowプロパティ値を設定することで、リアルな影を表現しています。

See the Pen CSS3 text-shadow effects by Jorge Epuñan (@juanbrujo) on CodePen.

 

 

 

80s Typography

レトロなタイポグラフィエフェクト、クロムとネオンスタイルをCSSで表現。キラリと光が反射します。

See the Pen 80s Typography by David Parker (@boldfacedesign) on CodePen.

     

 

 

 

Star Wars 3D Scrolling Text in CSS3 with Music

往年の人気映画のオープニングシーンを再現した、立体的に文字が自動的にスクロールされます。

See the Pen Star Wars 3D Scrolling Text in CSS3 (with music) by Scott Bram (@squarecat) on CodePen.

 

 

 

New Header Design

文字テキストにストライプパターンを重ね、ナビメニューをマウスホバーで伸縮するアニメーションも実装されています。

See the Pen New header design by Johan van Tongeren (@Dreamdealer) on CodePen.

     

 

 

 

Easy Textures with CSS Masks

CSSのmask-imageプロパティを利用することで、文字テキストにテクスチャを重ねることができます。

See the Pen Easy Textures with CSS Masks by Jeremy Frank (@jeremyfrank) on CodePen.

 

 

 

Masked Text-shadowed

こちらもmask-imageプロパティを利用し、テキスト用ドロップシャドウを、ストライプ柄で表現しています。

See the Pen Masked Text-Shadow by Daniel Riemer (@zitrusfrisch) on CodePen.

     

 

 

 

Knockout Text in CSS

background-clipプロパティを利用することで、背景イメージ写真の表示させたい部分のみクリッピングすることができます。

See the Pen Knockout Text in CSS by Crisman Noble (@crismanNoble) on CodePen.

 

 

 

JS/CSS3 Jittery Text Effect

文字テキストが絶えずブルブルと震える、ユニークなアニメーションエフェクト。

See the Pen JS/CSS3 Jittery text effect. by ZeroSpree (@zerospree) on CodePen.

     

 

 

 

CSS Typography

スタイルシートのみで作成し、タイポグラフィ・ポスターのようなデザインに仕上げます。

See the Pen CSS3 Typography by Nate Scott (@natewscott) on CodePen.

 

 

 

Webfont Demo

ウェブフォントをつかって、さまざまなエフェクトを実験しているテキストエフェクト。

See the Pen Webfont Demo by Stephy (@blindingstars) on CodePen.

     

 

 

 

Type Style, Skewed Viewport Units

文字テキストを自由な方向に傾けることができるテクニック。

See the Pen Type style, skewed, viewport units by Kurt Emch (@kemch) on CodePen.

 

 

 

3D Text Effect

text-shadowプロパティを重ねて適用することで、立体的なデザインを演出できます。

See the Pen 3D text effect by Brian Guerrero (@brian-guerrero) on CodePen.

     

 

 

 

CSS Text-FX

keyframeアニメーションを利用することで、ピカピカと点滅する文字テキストを完成させます。

See the Pen CSS Text-FX by moklick (@moklick) on CodePen.

 

 

 

Opening Sequence

映画のオープニングシーンを見ているような気分にさせる、ぼかしエフェクトが美しいデザイン。

See the Pen Opening Sequence by Sebastian Schepis (@sschepis) on CodePen.

     

 

 

 

Circles, Text and GetlmageData

入力した文字テキストを、カラフルなドットを組み合わせて、JS/CSSで表現するデザインテクニック。

See the Pen Circles, text and getImageData by Rachel Smith (@rachsmith) on CodePen.

 

 

 

CSSスタイリングで表現できる!すごいテキストエフェクト33個まとめ

以前まとめたエントリーで、今回未紹介のエフェクトを中心に揃えています。

css-texteffect2015-top

 

 

参照元リンク : Beautiful Examples of CSS3 Typography Code Snippets – Marketblog Envato

投稿CSS3の広がる可能性!美しいテキストエフェクト用コードスニペット24個まとめPhotoshopVIPの最初に登場しました。

ここまでできるIllustrator!すごいデザインチュートリアル、作り方まとめ 2015年8月度

$
0
0
latestaitutorial2015aug

latestaitutorial2015aug

 

デザインの現場では必須アイテムのひとつでもある、Illustrator。今回は、基本ツールのみで作成するシンプルデザインから、覚えておくと差が出る、目からウロコの応用テクニックまで、幅広く学ぶことができる、新作チュートリアル、作り方をまとめてご紹介します。

 

 

ペンツールや長方形シェイプツールなど分かりやすい機能の使い方はもちろん、パスファインダーやストロークパネル機能など、使いこなすのにちょっとしたコツが必要なものまで、デザインを通して実践的に覚えることができるチュートリアルを中心に揃えています。

 

 

 

詳細は以下から。

 

 

 

これからのIllustrator!すごいデザインチュートリアル、作り方まとめ 2015年8月度

 

透明感たっぷりなウイスキー・オン・ザ・ロックを作成する方法

まるで写真を見ているようなリアル感で、ガラスコップや氷のクリアさも見事に表現できるチュートリアル。

whisky

 

 

 

美味しそうなドーナツの作り方

チョコレートのとろけ方や、粉砂糖のかかり方まで本物を再現した、4種類のドーナツを作成します。

yummy-donut

 

 

 

インフォグラフィックス用デザインパーツを作成する方法

円チャートや棒グラフなど、インフォグラフィクスに必須アイテムを、カラフルな配色でデザインします。

infograhic_vector_elements

 

 

 

立体的なカスタムマップをデザインする方法

フラットスタイルを基調に、目印の建物は立体的にデザインされた、ひと目で分かりやすいカスタム地図を作成します。

illustration-map

 

 

 

Illustratorでのハーフトーンの効果的なデザインテクニック

どのようにハーフトーンを利用したり、オリジナル素材を作成することができるのか、カテゴリ別に詳しく紹介されています。

how-to-use-halftone

 

 

 

点画法で描く、ビンテージデザインのこだわり、コツ

タトゥーで見かける、ドット点エフェクトを表現できるカスタムブラシの作成方法。

stripple_brush

 

 

 

4 Free Ink Stamp Effect Styles for Adobe Illustrator

フォントやデザインでもお好みの素材に適用することで、インクで印刷されたような質感を表現できる無料スタイル。4パターン用意されているので、お好みでどうぞ。

illustrator-ink-stamp-styles

 

 

 

ストロークパネルのもっと詳しい使い方

あまりうまく活用されていないストロークパネルも、きちんと理解することで、さまざまなラインスタイルを表現できるようになります。

line-variation

 

 

 

グラデーションが美しい、アイスキャンディ型アイコンを作成する方法

夏の暑い季節にぴったりなアイテムで、グラデーションメッシュで表現された、淡い色合いが美しいデザイン。

ice-cream-icon

 

 

 

夏をテーマにした、かわいい似顔絵イラストを作成する方法

ペンツールやシェイプツールなど基本的な操作のみで作成できる、かわいい女の子のイラストデザイン。覚えておくと応用の効くテクニックのひとつ。

summer_girl_illustration

 

 

 

カラフルな花がらの結婚式招待状をデザインを作成する方法

シンプルなシェイプツールのみで完成する、かわいい花がらオーナメントデザインを作成します。

wedding-save-the-date

 

 

 

カラフルな子供用自転車をデザインする方法

ストロークパネルと、パスファインダー機能を活用することで、鮮やかな配色の自転車をデザインします。

flat-bicycle-wheels600

 

 

 

フラットスタイルでオフィス文房具を表現する方法

人気トレンドのフラットスタイルは、わずかにドロップシャドウを適用したスタイルが魅力的。

desk-stationary

 

 

 

水彩絵の具でペイントした猫をデザインする方法

ペンツールを基本に、本物そっくりな水彩ペイントを作成するテクニックが紹介されています。

watercolor_cat_illustration

 

 

 

ネオンライトでできたテキストエフェクトの作り方

カスタムブラシとアピアランスパネルを組み合わせて利用することで、Illustratorで淡い光を表現するテクニック。

neon-light-effect

 

 

 

カメレオンをモチーフにした、継ぎ目のないパターンテクスチャの作り方

ライブコーナーに、パターンオプション機能を利用した、シームレスパターンの作り方。

lizards-pattern

 

 

 

ワークデスク用ランプを作成する方法

イメージ写真を元に、メタリックな光沢感や立体的な影まで再現できる、ワンランク上のデザインチュートリアル。

desk-lamp

 

 

 

高品質な絵文字アイコンを作成する方法

基本的なシェイプツールやグラデーションツールと一緒に、パスファインダー機能を利用することで、デザインレベルをアップさせるテクニックが紹介されています。

emoticons

 

 

 

歴史的建築物をピクセルアートで表現する方法

ペンツールや長方形ツールなどの、Illustratorの基本的な操作のみで完成させる、ピクセルアート用チュートリアル。

illustration-house

 

 

 

本物そっくりなスポーツカーを、Illustratorで作成する方法

バンパーのメッシュデザインなど、細部まで忠実に再現するプレミアムチュートリアル。

Photorealistic_Vector_Mustang_Car

 

 

 

モルドバ民族衣装のキャラクターデザインを作成する方法

手描きスケッチをベースに作成するイラストレーションで、光沢感たっぷりなハイライトの使い方など参考に。

final-cute-moldovan-chibi

 

 

 

カジノ用グッズを立体的にデザインする方法

ギャンブルには欠かせないトランプやサイコロ、チップ、ルーレット台などをひとつずつ作成していきます。

isometric_gambling_assets_illustration

 

 

 

Illustratorをマスターする!すごいチュートリアル、使い方まとめ 2015年7月度

進化するIllustratorを使ったデザインテクニックを、定期的にまとめています。前回エントリーも参考にどうぞ。

latestai2015july-top

 

 

参照元リンク : Create a Beach Illustration in Adobe Illustrator | Veerle’s Blog 3.0

投稿ここまでできるIllustrator!すごいデザインチュートリアル、作り方まとめ 2015年8月度PhotoshopVIPの最初に登場しました。

これはすごい!フォトショップの使い方を学ぶチュートリアル30個まとめ 2015年8月度

$
0
0
latesttutorial2015aug-top2

latesttutorial2-15aug-top

 

デザイナーだけでなく、フォトショップを扱うすべてのひとが覚えおくと便利な、最新デザインテクニック、使い方をまとめています。

 

 

進化を続けるPhotoshopのデザインテクニックは、時間を見つけながらスキルを磨くことで、よりクリエイティブな表現を可能にしてくれます。今回は、最近公開されたばかりで、応用の効くテクニックを中心にあつめています。

 

 

 

詳細は以下から。

 

 

 

これはすごい!フォトショップの使い方を学ぶチュートリアルまとめ

 

手描きスケッチのラインアートを、自由に色をペイントする方法

アルファチャンネルを利用した選択方法に、レイヤーマスクを追加することで、お好みのカラーリングで配色できる、お手軽テクニック。

lineart-coloring

 

 

 

編集しやすい、手描きスケッチのPhotoshopへの取り込み方法

描画モードも自由にいじることができる、アルファチャンネルを使った手描きスケッチのスキャン方法。上記チュートリアルと合わせていかがでしょう。

lineart-transparent

 

 

 

レイヤーマスク機能と消しゴム機能の使い方を比較しよう。

イメージ写真を非破壊で編集することができる、便利なレイヤーマスクを使った、デザインの修正テクニック。

eraser-vs-layer-mask-2-sample-9

 

 

 

手描きスケッチで、継ぎ目のないパターンテクスチャを作成する方法

グリッド機能を利用することで、シームレスに広がるオリジナルパターンを作成できます。

lola-floral-final

 

 

 

スマートオブジェクト機能を使った、レスポンシブ用スクリーンモックアップの作り方

スクリーン画面だけ異なるファイルで編集できる、スマートオブジェクト機能は、ボタンひとつでデザイン編集も自由。ぜひ覚えておきたいテクニックのひとつ。

responsive-mockup

 

 

 

あやしく輝く黄金テキストのGIFアニメーション

各レイヤーの透明度を少しずつ変えることで、ロウソクの光のような雰囲気を実現します。

lighting-animation

 

 

 

GIFアニメーション付きキャラクターをデザインする方法

タイムライン機能を利用することで、各フレームごとに変化を付けたレイヤーを連続で表示することが可能になります。

animated-character

 

 

 

アニメーションつきのベクターアイコンを作成する方法

トレンドにもなりつつあるアニメーションを見事に取り入れた、活用ポイントの高いGIFアニメーション付きアイコンの作り方。

animated-icon

 

 

 

3ステップで完成、クロスプロセス・エフェクトの作り方

トーンカーブ、レベル補正、明るさ/コントラストを調整するだけで、イメージ写真が見違えるほどのクオリティに。

cross-process-effect

 

 

 

文字テキストをつかったポートレイト・エフェクトの作り方

人物モデルのイメージ写真に、文字を羅列したレイヤーを重ね、置き換えフィルタを利用することで、簡単に作成できます。

text-portrait-tutorial

 

 

 

埠頭の秘密の取引現場を再現する方法

危険の雰囲気を演出する、コンテナが積み上げられた埠頭を、写真合成することで完成させます。

secret-surreal-photomanipulation

 

 

 

レトロな立体テキストエフェクトの作り方

文字レイヤーひとつに、スタイルを適用するだけで完成する、見た目以上に簡単なテクニック。

one-layer-retro-text

 

 

 

キラキラに輝く宝石でできた、テキストエフェクトの作り方

こちらもレイヤースタイルのみで表現できる、立体的な文字テキストを完成させます。

pendant-jewelry-text

 

 

 

水彩ペイント風テキストエフェクトの作り方

入力した文字レイヤーに、直接レイヤースタイルを適用するだけの、お手軽で効果的なチュートリアル。

warped-text-effect-flatten

 

 

 

色鮮やかなメタリック・テキストエフェクトの作り方

こちらもレイヤースタイルを適用した文字テキストを、重ねるだけで完成するデザインテクニック。

metalic-text-effect

 

 

 

風船でできたテキストエフェクトの作り方

空気いっぱいに膨らませた風船でかたどった、立体的なテキストエフェクト。

balloon_text_final-result1

 

 

 

干し草でできたテキストエフェクトの作り方

まるで本当に作成したようなクオリティが自慢で、選択範囲にテクスチャ素材を合成して、リアルな質感を表現していきます。

harvestend

 

 

 

ライムでできた、ジューシーな文字エフェクト

基本的な3Dツールの使い方を覚えることで、デザイン表現の幅が広がるテクニック。

juicy-effect

 

 

 

砂浜に好きな文字やデザインを描く方法

レイヤースタイルを活用するので、文字テキストの他に、デコレーション模様などにも対応できるテクニック。

sand-style-write-in-sand-psd

 

 

 

フォトショップの小技が効いた、ロゴテキストのデザイン方法

Illustratorのブレンドオプション機能をうまく活用したロゴを、Photoshopでよりグッと質感をあげるテクニック。

abduzeedo-logo

 

 

 

幻想的な夕日の湖を描く方法

まるでファンタジー映画の世界を再現したような空間をデザインします。レイヤーの描画モードにトーンカーブを調整する、基本的なテクニック。

bright-gradient-lake

 

 

 

海を泳ぐ超巨大ガメをデザインする方法

あらかじめ用意した亀のイメージ写真を、違和感なく合成するテクニックが紹介されています。

turtle-with-forest

 

 

 

ホラー映画のようなホラー系イメージ写真合成テクニック

用意したイメージ写真の編集にはじまり、本物そっくりの光の当り方や、影の付き方を表現できる、いろいろ応用できそう。

emotional-dark

 

 

 

アクション映画のポスターデザインを作成する方法

トーンカーブやレベル補正といった、シンプルな機能のみで、まるでハリウッド映画のようなポスターを作成します。

movie-poster

 

 

 

Photoshopでゼロからアイアンマンをデザインする方法

立体的なメタリックな質感も、見事にデジタルペインティングで表現する、本格派プレミアムチュートリアルが、ついに無料公開となりました。

ironman

 

 

 

メタリックで立体的なロゴバッジを作成する方法

Illustratorでていねいに作成されたバッジを、3D機能を利用することで、Photoshopのみで立体的なデザインを表現します。

RocketEagle-Final-Image-sm

 

 

 

本物そっくりなカフェの看板をデザインする方法

立体的で、木製のやさしい印象が素敵な看板を、FilterForgeツールを利用して作成します。

3d-sign-cafe

 

 

 

人物モデルを水彩ペイントとうまく重ねる方法

部分的に人物モデルとペイントを重ねる、グラフィックデザインには必須テクニック。

color-explosion-girl

 

 

 

ハーフトーンで表現する、漫画コミック用テキストエフェクト

レイヤースタイルで立体的に魅せたテキストに、ブラシツールを使って、ハーフトーンを追加し、質感をアップするテクニックが披露されています。

pow-comic-text

 

 

参照元リンク : How to Create a Soft Pastel Effect in Photoshop – PhotographyPla.net

投稿これはすごい!フォトショップの使い方を学ぶチュートリアル30個まとめ 2015年8月度PhotoshopVIPの最初に登場しました。

Viewing all 172 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>