DesignWalker » Photoshop関連

動画のチュートリアルは、英語がわからない…。と敬遠している方も多いかもしれませんが、なるべくわかりやすく説明してくれているものをピックアップしました。英語の勉強をしている方でデザインにも興味ある方には一石二鳥！？ですね。もし、Photoshopを普段から使っている人などは、いきなり字幕無しの映画を見たり、ニュースを聞いたりするよりも、かなり英語がすんなり耳に入ってくると思いますよ。

Photoshop Background Eraser

『背景消しゴム』ツールの使い方を動画で説明してくれています。とってもわかりやすく説明してくれています。中心のプラスマークが切り抜きたい対象にかからないようにすることがポイント。

ExtractSM

こちらはいきなり難易度があがってしまいましたが…。英語はとってもゆっくり話してくれているので、わかりやすいと思います。パスとチャンネルを利用してきれいに背景を切り抜く方法を説明してくれています。

抽出ツール

Removing a Picture from it’s Background using extract in Photoshop

こちらは比較的簡単な『抽出ツール』を使って背景を切り抜く方法です。

チャンネル

Adobe Photoshop CS3 Tutorials – Extract Complex Shapes

こちらは『チャンネル』を利用して背景をきれいに切り抜く方法です。

Removing the Background – Photoshop Channel Mask

こちらも『チャンネル』を利用してきれいに花火を切り抜く方法です。上のやり方と同様にチャンネルを使う方法は背景とのコントラストが高い場合にこの方法が有効ですね。

Masking a Tree

こちらも同様に複雑な木の葉を切り抜く方法が紹介されています。

パス

Using the Pen Tool to Extract or Make Selection

パスを使って切り抜く方法が一番一般的かもしれません。

応用編

Awesome Photorealistic Coloring Techniques

こちらは、少しだけ応用編。大まかなところはパスで囲んで、髪の毛など細かい部分はチャンネルで切り抜く合わせ技です。

A Comprehensive Introduction to Photoshop Selection Techniques

こちらはPhotoshopを利用した様々な切り抜き方法がまとめられています。参考にどうぞ。

アイコンを作ろう！チュートリアルまとめ

admin — Wed, 18 Mar 2009 21:38:53 +0000

今では、かなりたくさんのクオリティの高いアイコン素材が無料で配布されていたりします。

そういったアイコンを利用するのも良いのですが、やはり実際にどうやって作られているのかが気になります。

また、自分でアイコンを作ってみたいと思っている方には結構参考になるかもしれません。

今回は、アイコンのチュートリアルをいろいろとまとめてみました。

3/20
まだまだ、クオリティの高いアイコンのチュートリアルを見つけたので、追加しました。追加分はこちら

Create a Custom Mac OSX Style Ring Binder Address Book Icon

かなり手の込んだ、Mac風のアドレス帳アイコンの作り方です。細部にまでしっかりこだわって作られています。

The Making of an Icon

手書きのスケッチから、仕上げまでテキストエディターのアイコンを作るチュートリアルです。

Create a Jaguar Style Folder Icon

ジャガーのフォルダアイコンの作り方です。質感があっていいですね。

Creating a Cool Yellow Helmet Icon

工事現場の黄色いヘルメットのアイコンのチュートリアルです。実物のヘルメットの写真をなぞって作っているので、とてもわかりやすいです。

Keyfob: Anatomy Of An Icon

下書きから仕上げまで車のキーのアイコンの作り方。

How to Turn Glasses into a Great Geek Icon

実際のメガネの写真から、アイコンを作る方法が説明されているチュートリアルです。

Create a High-Gloss Graduation Hat Icon Design

かなり光沢のある卒業生がかぶる帽子のアイコンです。

Illustrate a Traffic Cone Icon in Photoshop

工事現場などで見かける三角コーンのアイコンチュートリアルです。影や光沢のつけ方など参考になります。

Icon Design Tutorial: Drawing A Pencil Icon

下書きから仕上げまで、鉛筆アイコンのチュートリアルです。

How to Create a Super Shiny Pencil Icon

光沢のある鉛筆アイコンのチュートリアル。

Pencil Icon | Web Design Belfast

かわいらしい鉛筆アイコンのチュートリアルです。

Design a Detailed Compass Icon in Photoshop

方位磁石のアイコンチュートリアルです。

Making digital watch icon

いろいろ使い道のありそうな時計のアイコンのチュートリアルです。

World Icon Tutorial

キラキラがとってもきれいな地球アイコンのチュートリアル。

Create a Shiny Lock Icon Design

光沢のある鍵アイコンのチュートリアルです。

iTune Icon

iTunesのアイコンのチュートリアルです。

Create a TinyTux with Photoshop

ベタなイラストに、光沢をつけて立体感を出してアイコンに仕上げる方法が説明されているチュートリアル。

Safety Icon Design

道路標識のようなアイコンの作り方が説明されています。

How to Make a Folder Icon

一般的なフォルダのアイコンチュートリアル。

以下、さらに追加したアイコンチュートリアルです。

Adobe Photoshop CS3 Style Icons

Make a Handy 3D Vector Calendar Icon

How I Created Turqua: 3d Isometric Vector Icon Tutorial

Photoshop design USB portable speaker logo icon in Photoshop

Create a Vector Film Slate Icon

Photoshop design paint brush logo icon in Photoshop

Photoshop Tools Website Hammer Icon

How to Create a Transparent Battery Icon

Create a Vector Lock Icon Design

Create a Speed Gauge and Watch Icon in Photoshop

Carbon Style Icon

Create An Aperture Style Camera Lens Icon

Mac Os X Mail Icon Style

Icon Design Tutorial – Designing a New Icon In Illustrator

How to Create a Vector Safari Compass in Illustrator

Adobe Bridge Icon

Photoshop website skype icon design in photoshop

クリック一回でプロの仕上がりPhotoshopアクションファイルいろいろ

admin — Thu, 19 Feb 2009 03:15:35 +0000

Photoshopのアクションファイルは、ブラシ同様に多くのクリエイターが無料で配布している、Photoshopで読み込み可能なファイルです。

アクションファイルは、あらかじめPhotoshopの作業工程が記憶されているファイルで、その作業工程を自動で再現してくれる、とっても便利な機能です。

プロの技を保存したアクションファイルを手に入れると、クリック一回でプロの作業工程を再現してくれるのです。

まずは、アクションファイルのインストール方法から。

1. アクションウインドウを開く

既に、いくつかのアクションがプリセットされています。

2. アクションファイルを読み込む

アクションウインドウの右上の矢印ボタンをクリックして、『アクションファイルの読み込み』をクリックして、インストールしたいファクションファイルを選択します。今回、インストールしたアクションファイルは、こちら

3. アクションファイルのスタート

読み込んだアクションを選択して、ウインドウしたの矢印ボタンをクリックしてアクションをスタートします。

今回、以下の画像を用意していたのですが。

クリック一回で以下のようになりました。

このように、アクションファイルを利用すると自動で画像の加工をしてくれます。

他にもたくさん無料でアクションファイルが公開されているので、いくつかまとめてみました。

タブレットを使って描くPhotoshopチュートリアルいろいろ

admin — Thu, 18 Dec 2008 04:58:33 +0000

先日、家の近くのスタバに出かけると、タブレットを持ち込んで、イラストを描いている方がいらっしゃいました。

おそらくプロのイラストレーターの方だと思うのですが、タブレットとPhotoshopを使って、スイスイときれいなイラストを描く様は、見ているだけでもとても楽しいものでした。

今回は、タブレットを使って描くPhotoshopのチュートリアルなどをいろいろと集めてみました。

見てるだけでもとても楽しいものばかりです。タブレットをお持ちの方は、是非挑戦してみてはいかがでしょうか？

Photoshopファイルがダウンロードできるサイトまとめ

admin — Tue, 02 Dec 2008 19:48:32 +0000

これまで何度かPhotoshopのチュートリアルをご紹介してきました。

初心者の方々から、「途中でやり方がわからなくなってしまいました。」などと、ご質問いただくことがあります。

確かに、チュートリアルを追って行くのは、ある程度Photoshopを使いこなしていないと難しいかもしれません。

今回は、『百聞は一見にしかず。』

クオリティの高いPhotoshopファイルがダウンロードできるサイトをまとめてみました。

Photoshopで開いて、中身が見れるので、レイヤーの構成がどのようになっているのか確認することができますね。

DesignWalker » Photoshop関連

ビジネスサイトに使えるレイアウトのチュートリアルいっぱい

Photoshop ブレンドモードを使いこなしてワンランク上の画像合成

photoshopでゼロから作るウェブデザイン チュートリアル30選

Photoshopレイヤースタイルいろいろ

Photoshopで作るウェブデザイン レイアウト・チュートリアル50選

Photoshopを使って背景をきれいに切り抜く方法まとめ

動画チュートリアル

抽出ツール

photoshopでゼロから作るウェブデザインチュートリアル30選

Photoshopで作るウェブデザインレイアウト・チュートリアル50選