TOP  >  Tutorial

Tag : Tutorial

2015年12月26日

デザイン性の高い表現を手に入れられるPhotoshopチュートリアル「12 Fresh & Creative Photoshop Tutorials」

Photoshopを使うことで、難しいグラフィック表現も可能に。しかしどのように操作したら良いかわからないということも多いのではないでしょうか?そんな時に参考したい、デザイン性の高い表現を手に入れられるPhotoshopチュートリアル「12 Fresh & Creative Photoshop Tutorials」を紹介したいと思います。

tutorial1224_2
Create a Pizza Food Text Effect in Photoshop – Photoshop tutorial | PSDDude

非常に高いクオリティのデザインチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年12月14日

ハイクオリティなグラフィック描写を表現できるphotoshopチュートリアルまとめ「26 New Photoshop Tutorials to Improving Your Photoshop Skills」

Photoshopを利用することで、リアルであったり、自分ではなかなか描き出せないようなグラフィック表現も実現させることができます。そんな中今回紹介するのは、ハイクオリティなグラフィック描写を表現できるphotoshopチュートリアルまとめ「26 New Photoshop Tutorials to Improving Your Photoshop Skills」です。

tutorial1212_0
Create This Dark Matte Landscape Composite in Photoshop – Photoshop Tutorials

まるで映画のポスターのようにリアリティのある表現から写真加工まで、さまざまな種類のチュートリアルが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年10月26日

テキストデザインをより魅力的に デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」

イラストや写真などの他、テキストを使ってデザインを魅力的に表現する方法もありますが、表現の幅がどうしても狭くなってしまいがち。今回はそんなシーンに活用したい、デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」を紹介したいと思います。

texteffect1
How to Conform Text to a Surface Using a Displacement Map in Photoshop | Design Panoply

テキストデザインをより魅力的に演出できるエフェクト例がまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年10月19日

制作方法の参考に 最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」

イラストレーターなどのデザインソフトを使うことで、さまざまなグラフィック表現が可能となりますが、頭で思い描いているデザインをどうやったら作り出せるかわからない時もあるのではないでしょうか?今回はそんなシーンで参考にしたい、最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」を紹介したいと思います。

tutorials1019_1
Create a Highlighter Text Effect Vector in Adobe Illustrator – Vectips

イラストレーターでの制作チュートリアルを中心に、いろんな種類のグラフィック制作方法が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:33  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年07月12日

テキストをグラフィカルかつより魅力的に見せるチュートリアルまとめ「50 Best Text Effect Tutorials」

デザイン上で非常に重要な役割を持つテキスト。内容やフォント選びも重要ですが、イメージに合った加工が必要な場合もでてくると思います。しかしなかなかイメージどおりの表現をどうやって作ったらよいか?技術的な面で苦労してしまうことも多いもの。今回はそんな時参考にしたいチュートリアルまとめ「50 Best Text Effect Tutorials」を紹介したいと思います。

texteffect0713_1
Create a Glowing Liquid Text with Water Splash Effect in Photoshop – PSD Vault

テキストをグラフィカルかつより魅力的に見せてくれる、ハイセンスなチュートリアルがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:03  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年06月21日

イラストレーターで作成できる ベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」

Photoshopではなく、イラストレーターでもグラフィカルなグラフィック作品を作ることは可能。しかしなかなか技術的にどのように作業したら良いのかわからないことも多いのではないでしょうか?そんな中今回紹介するのは、イラストレーターで作成できるベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」です。

illu_tu90
How To Create a Vector Illustration from Start to Finish

イラストレーターを使って作られたハイクオリティなグラフィック作品の作成フローがわかりやすく紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2014年05月21日

デザイナー必見 50種のフリーフォントまとめ「50 Handpicked Free Fonts for Designers」

デザイナーにとっては制作に欠かせないフォント。実にさまざまな種類のフォントが存在しており、中にはフリーで使用できるものも多く、重宝しているという方も多いのではないでしょうか?そんな中今回紹介するのは、50種のフリーフォントまとめ「50 Handpicked Free Fonts for Designers」です。

font140521_4
Kirvy Font | dafont.com

定番として利用できるものから、個性溢れるタイプまで、いろんなテイストのフォントが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2014年03月25日

ベーシックからユニークなテーマまで フリーフラットアイコン「15 Sets of Vector / Flat PSD Icons – Free Download」

webのトレンドとして今主流となっているフラットデザイン。ベースに合わせて、素材もフラットタイプのものが多く流通しています。そんな中今回紹介するのは、ベクター形式で便利に利用できる、フリーフラットアイコン「15 Sets of Vector / Flat PSD Icons – Free Download」です。

iconset0325_0
Dribbble – Flat Icons / PSD by Yiğit Pınarbaşı

定番として利用できそうなものから、ちょっと変わったテーマのものまで、15種のアイコンセットが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:04  |  
Category: Design   
2009年05月07日

第3回AMNブログ読者アンケート[Designworks & Designdevelop]

Designdevelop上のラージバナーで告知がすでに出ていますが、参加させて頂いているブログネットワーク、AMN(アジャイルメディアネットワーク)で読者アンケートが開催されています。普段ブログを定期的に読んでいる方はどういう方々なのか、また、今後ブログにどういった内容を期待されているのかのアンケートです。

amnancart

普段Designworks、Designdevelopを行動されている方、または読んで頂いている方は、お時間ありましたら、ご協力頂けるとありがたいです。DesignworksとDesigndevelopでは初めてのアンケートとなります。普段読んで頂いている方の意見に耳を傾けながら、今後もブログ運営を続けていきたいと考えておりますので、なにとぞよろしくお願い致します。

アンケートは「第3回AMNブログ読者アンケート」から行なえます。

※無記名のアンケートになりますので、本音のご意見をお寄せ頂ければ幸いです。
※このデータは集計して利用するだけで、個別のデータを外部に開示することはありません。

第3回AMNブログ読者アンケート

続きを読む
posted 07:45  |  
Category: WebService   
2011年09月12日

夜空を彩る月と星のPhotoshopブラシ集「A Collection of Moon and Stars Photoshop Brushes」

写真や画像上にさまざまなモチーフが手軽に合成できるPhotoshopブラシは、たくさんチェックしておきたいもの。そんな中今回紹介するのが、さまざまな月と星を再現できるPhotoshopブラシを集めた「A Collection of Moon and Stars Photoshop Brushes」です。


Moon and Stars photoshop brush by ~seiyastock on deviantART

イラストタッチの月・星を描くことができるブラシから、リアルな表情を再現したものまで、さまざまなブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:45  |  
Category: Design , Photoshop   
tag: 
2011年08月15日

デザイン性の高いPSDデザイン集「25 High Quality Free PSD Files」

グラフィカルでリアルなデザインの制作に欠かせないソフトといえばphotoshopですが、クオリティの高いものを仕上げるには時間を要することが多いかと思います。そこで今回は、制作時間の短縮にもつながる、PSD形式で制作されたさまざまなデザインを集めた「25 High Quality Free PSD Files」を紹介したいと思います。


MeegoFurn. Landing Page PSD | elemis | raw materials for design

webサイトデザインに利用するさまざまなパーツデザインから、飛行機やマウスなどのCGパーツまで、さまざまなPSD素材が紹介されています。中でも気になったものをピックアップしましたので、下記からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:36  |  
Category: Design , Photoshop   
2015年02月15日

ボールド系・見た目に印象的なフリーフォントが揃った「40 Free Beefy And Bold Fonts You Should Grab」

フォントは太さや全体のバランスによって、見た目の印象やインパクトがかなり変わってくるもの。目を引きたい、デザインを強調したい時には太めのフォントが有効です。今回はそんな時に使用したい、ボールド系・見た目に印象的なフリーフォントが揃った「40 Free Beefy And Bold Fonts You Should Grab」を紹介したいと思います。

boldfont1
Sail Font · 1001 Fonts

比較的太さがあったり、しっかりとした形をしているなど、デザインを力強く演出してくれそうなフォントが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2008年08月21日

iPhoneのユーザーインターフェイス素材集「iPhone GUI PSD」

先日発売され、日本でも話題を振りまいたiphone3Gですが、今回紹介するのはそのiphoneやipod touchに使われているインターフェイスの素材集「iPhone GUI PSD」です。

これはその名の通り、iPhoneで使われているユーザーインターフェイスのパーツを素材として使えるようにPSDファイルにし、配布されている物です。上記の写真のようにかなり細かく作り込んであり、忠実に再現されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:23  |  
Category: Design , Font , Photoshop , plugin   
2015年09月19日

ヴィンテージテイストのベクターフリー素材まとめ「30 Vintage Vector Freebies Download Roundup」

ベクター形式の素材は、色が簡単に変更できたり文字の編集が可能だったりと、いろいろと便利な要素がたくさん。よく利用される方も多いと思います。今回はそんなヴィンテージテイストのベクターフリー素材まとめ「30 Vintage Vector Freebies Download Roundup」を紹介したいと思います。

vintage2
Menu template on blackboard Vector | Free Download

ヴィンテージテイストのフリーベクター素材のさまざまな種類がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:30  |  
Category: Design   
2015年10月02日

いろいろな種類の最新フリー素材をまとめた「50 Free Resources for Web Designers from October 2015」

日々、さまざまな種類の素材がフリーでダウンロードできるよう配布されており、常にチェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、いろいろな種類の最新フリー素材をまとめた「50 Free Resources for Web Designers from October 2015」です。

free1102_4
10 Free and Gritty Photoshop Brushes Made With Tea

フォントやアイコン、UIといった種類のフリー素材が厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:10  |  
Category: Design   
2010年09月30日

WEB制作に便利な60種類のアイコン、ボタンPSD素材まとめ「60 PSD Icon and Button Templates」

媒体を選ばず、幅広く利用されているクリエイティブツールphotoshop。利用されているシーンも多く、そのため、photoshopのための素材は世界中で数多く公開されていますが、今日紹介するのはWEB制作に便利な60種類のアイコン、ボタンPSD素材をまとめた「60 PSD Icon and Button Templates」です。


The Button Project

WEB制作では、ボタンやアイコン等、細かな素材のクオリティが全体のクオリティを決定づける要素の一つになりますが、細かな処理やデザインを加えるというのは小さな素材といえども時間がかかります。原文では、時間を短縮できる便利につかえるpsdがまとめられていましたが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:47  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る