photoshopだけでレザーの質感たっぷりのボタンを作るチュートリアル

今回はこのようなレザー質感のボタンを作ってみたいと思います。
効果を使用する際、色々な数値がでてきますがその通りにされなくても結構です。
自分の作りたいサイズによってサイズの数値は変わってきますし、見た通りにならない場合があります。ただ、比率の参考にはなると思います。
最終的にはご自分の目でバランスを調整していくのが一番いいと思います。

STEP1 型となるベースを作る
新規作成をします。サイズは自分の配置したい場所に合わせて
作成していただいて結構です。 

 

新規作成したらまず、シェイプ生成ツールの中の角丸長方形ツールを

選択し、角丸の四角を描きます。

右上に角丸の丸みを入力するボックスがあります。
今回は40pxにしてみました。

STEP2 レザー質感を作る

レザーテクスチャを入手し、作業中のファイルにドラッグします。

レイヤーパレットでSTEP1で作成した角丸をCommand（windowsだとCtrl）をクリック
して選択範囲を作ります。そしてレザーのレイヤーを選択した状態で下の画像の赤丸の部分をクリックし、レイヤーマスクを作成します。
すると、下の画像のように右側にマスクが表示されます。

次にレザーのレイヤーにメニューバーの「レイヤー」＞「レイヤースタイル」＞光彩（内側）を選択し、下のように設定します。

ここはお好みでいいのですが、今回はまわりをしめるため
1pxのグレーで境界線を適用してみました。

STEP3 縫い目を作る
角丸で選択範囲を作り、メニューバー「選択範囲」＞「選択範囲を変更」＞「縮小」
を選択し、5pxに設定しました。

次に今作成した選択範囲でパスを作ります。
「パス」のパレットにいき、下のパス選択範囲からパスを作成をクリックします。
注：選択範囲からパスを作成するとギザギザになります。
　  ペンツールで作成した方が綺麗なブラシが描けます。（参考まで）
　  今回はギザギザが逆に糸のほつれっぽくていいかなと思い、そのまま進行しました。

パスを作成したら、ツールボックスのブラシを選択し、ブラシの設定を行います。
固さ100%を選び、間隔と真円率を下のような感じに設定します。
真円率は図形の丸をドラッグして調節することも可能です。

シェイプを選択し、角度のジッターを「進行方向」に合わせます。
これをすることでパスにそったブラシを描く事ができます。

そして、新規レイヤーをレザーテクスチャの上に作成し、パスパレットに戻り、
右上のオプションボタンから「パスの境界線を描く」を選択するとさきほど設定されたブラシが下図のようにパスに沿って新規作成されます。

あとはレイヤースタイル適用します。今回は白のブラシで描いた後、縫い目が目立ちすぎるのが気になったため、「カラーオーバーレイ」でグレーに設定しました。他には「ドロップシャドウ」 を適用しています。今回はしていませんが、これに「ベベルとエンボス」を適用してあげると作るサイズによってはより立体感を演出できます。今回は適用してもあまり変化がわかりずらかったため、適用していません。

完成！！
最後にボタンにドロップシャドウを適用し、立体感をだしました。あとはテキストをいれてボタンとして完成です。テキストにもドロップシャドウをかけることを忘れずに！！

自分が実際参考書などを片手につくっていた時わかりずらかったりしたことがあったので、なるべくわかりやすく書いていこうと思っています。
初めてこういう記事を書いてその伝える難しさを痛感しています。わかりずらい点などあるかもしれませんが、お気軽に声かけてください。他にも色々やり方もありますし、もっと綺麗にできる方法もあると思います。
普段からこういう記事を書く事を前提でやっていくと文字にすることを考えるので自分の理解力も深まり、技術向上に繋がるのではないかと感じました。
最後までおつきあいいただきありがとうございます。

デザイナーに必須な激安ネット印刷を比較してみた

グラフィックデザインの仕事をするうえで必要となるのが
印刷を頼む外注先ですよね？ 
個人で仕事を受けたりすると特にネット印刷を利用する機会も多いとおもいます。
既にいろんなところを利用されている方もいるとは思いますが
今回は自分で実際に利用してみた経験も含めて
ネット印刷会社を紹介してみたいとおもいます。

まず最初に紹介するのはプリントパック

 

http://www.printpac.co.jp/

ここはフライヤー・チラシ・ポスターを印刷するなら格安です。

営業日が7、８営業日と長い営業日を選択できるので納期にゆとりがある

案件ならオススメです。他にも色々加工オプションもありますし

上質紙等他の紙もオールマイティで格安です。

小ロットオンデマンドも格安で対応です。

続いてファインワークス

 

http://fine-works.jp/

ここもどちらかというとフライヤー、ポスター等に強いと思います。

 5営業日が最高で追加断裁ができます。

なのでA4に名刺サイズを10丁付けして追加断裁オプションをつけて

発注なんてこともできちゃいます。

ただ、上質紙や特殊な紙を利用するとちょっと高い気がします。

使い方によってはコストをさげる事も可能です。

他にもミシン目、すじ入などのオプションも細かく追加することが可能です。

小ロットオンデマンド有です。

お次はグラフィック

 

http://www.graphic.jp/

こちらの印刷会社もオールマイティで格安です。

オフセット印刷で25枚から印刷できますし、なんといっても

印刷する媒体の幅の広さが驚きです。

紙の印刷物、加工オプションはもちろん全て対応していますし

Tシャツやスマホケース、マグカップ、キーホルダー、クッション、コースター

さらにはウェッディングのウェルカムボードだって印刷できちゃいます。

1個から注文できちゃいますし、値段もリーズナブル！

オリジナルグッズをいっぱい作りたくなります！

いつか自分でも色々作ろうと企んでる次第です。

お次は名刺に特化した印刷会社を紹介

スーパープリント

 

http://superprint.jp/

 ここは名刺専門に印刷されているところなんですが、

紙の種類が僕も聞いた事ないような種類ばかりで種類が豊富です。

 名刺の紙も用途によってカテゴリー分けされてますし、

用紙が書き込みやすいか否か等、紙についての詳細もしっかり書いてあります。

不安な方はサンプルを請求されてみるといいとおもいます。

さらに名刺の箔押しは当然のことながら浮き出し箔や角丸など

オプションも豊富です。

人とちょっと違った高級感のある名刺を作りたいときには

いいかもしれません。

最後は東京名刺ランドです。

 

http://tokyo-print.just-shop.jp/

ここも名刺に特化したサイトですが、とにかく格安です。

プラス納期も早くて激安なので「名刺にお金をかけたくない」

「急に必要になったのですぐ欲しい」という方にオススメです。

格安な上に紙の種類も特殊紙等、追加料金は必要ですが

選べます。追加料金といえども安いです。

今回は僕のよく利用するネット印刷会社を数は少ないですがいくつか紹介しました。

他にも色々と印刷会社はありますし、ご存知の方もおられるとはおもいますが

みなさんの参考になれば幸いです。

※この紹介は個人的感想を含んでいます。ご了承ください。

デザインのことについてまとめるブログ

初めまして。
今日からBloggerにてブログを書かかせていただきます。

私、メインでグラフィックデザインをやっております。
そのかたわらWebデザインもかじっております。
このブログではデザインに関する記事を
自分の記録的用としてだけでなく、参考サイトやデザインに役立つ情報を
発信していこうとおもいます。
そして、このブログを通じて微力ながら
なにか誰かのためになれればと思います。

このようなブログを書くのは初めてなので文章も
いたらぬ点があるとはおもいますが、
このブログにたどり着いた方はよろしくお願いいたします。