TOP  >  Tutorial

Tag : Tutorial

2018年04月22日

動画で学べるPhotoshopチュートリアル「10 Free Video Series for Learning to Design in Photoshop」

Webサイトやロゴ、UIのデザインを制作する時どんなツールを使っているでしょうか。中でも、慣れていないとちょっと倦厭されがちなPhotoshopですが、便利な機能が詰まっているので慣れてしまえば様々な用途で使えます。今回は、動画で学べるPhotoshopチュートリアル「10 Free Video Series for Learning to Design in Photoshop」を紹介したいと思います。

tutorial
(16) Web Design Tutorial For Beginners: How To Design A Cool Website Billboard In Photoshop CC – YouTube

ランディングページからロゴまで、初心者でも安心な動画を使ったチュートリアルのまとめです。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年03月25日

デザインをもっと魅力的にするハイレベルなテキストエフェクトチュートリアルまとめ「New Free Text Effect Photoshop Tutorials (30 Tuts) 」

テキストをリッチに装飾して印象的に見せてくれるテキストエフェクト。エフェクトによってがらりと全体の印象が変わるので、重宝します。今回ご紹介するのは、そんなテキストエフェクトを制作する際に役立つ、ハイクオリティなチュートリアルまとめ「New Free Text Effect Photoshop Tutorials (30 Tuts) 」です。

new-free-text-effect-photoshop-tutorials1
New York text effect photoshop tutorial on Behance

レトロな雰囲気のエフェクトから、ポップな雰囲気のエフェクトまで多数のテイストのテキストエフェクトが30種類揃っています。

詳しくは以下
(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年02月24日

高度な技術を習得できる便利なPhotoshopチュートリアル「32 New Photoshop Tutorials – Learn Essential Techniques」

Photoshopを自在に操ることができると様々な場面で役に立ちます。高度な合成技術があれば、まるで1枚の幻想的な写真であるかのような作品が出来上がります。今回紹介するのは、高度な技術を習得できる便利なPhotoshopチュートリアル「32 New Photoshop Tutorials – Learn Essential Techniques」です。

Photoshop_Tutorials_01
Create Hot Air Balloon Adventure Photo Manipulation in Photoshop – PSD Vault

比較的簡単な写真の加工から、高度な合成の手順まで様々なチュートリアルが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2018年02月22日

制作時に役立つillustratorのチュートリアル「Illustrator Tutorials: 35 Fresh and Useful Adobe Illustrator Tutorials」

デザイナーはイラストレーションやフォントの処理など様々なテクニックが求められます。高度な技術を求められた時、チュートリアルがあるととても便利です。今回紹介するのは、制作時に役立つillustratorのチュートリアル「Illustrator Tutorials: 35 Fresh and Useful Adobe Illustrator Tutorials」です。

Illustrator_Tutorials_01
Create a Shattered 3D Geometric Text Effect in Adobe Illustrator – Vectips

初心者にも役立つ基本的な操作から、高度な技まで幅広くチュートリアルが紹介されています。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年10月17日

webサイトのUIデザインに関するPhotoshopチュートリアルまとめ「50 Tutorials for Designing Website in Photoshop – Ultimate Roundup」

デザインのスキルアップはデザイナーにとって重要な課題。日々技術を上げるため、常にアンテナを貼っている方も多いはず。そんな中今回ご紹介するのは、webサイトデザインに関するPhotoshopチュートリアルをまとめた「50 Tutorials for Designing Website in Photoshop – Ultimate Roundup」です。

50-tutorials-for-designing-photoshop1
Design a Textured Outdoors Website in Photoshop

デザインの参考やスキルアップに使える、WebのUIデザインに関したチュートリアルが、50種類もまとめられています。その中から特に気に入ったものを幾つかピックアップしてご紹介しますので、ご確認下さい。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年10月01日

貴方の技術を格段にレベルアップしてくれるハイクオリティなphotoshopチュートリアルまとめ「Photoshop Tutorials – 35 New Tutorials to Learn Advance Techniques Of Photo Manipulation」

写真を加工するなど、美しいグラフィック制作に欠かせないデザインソフトphotoshop。たくさんの機能や効果がついており、プラグインなどもあるため非常に奥の深いソフトです。今回ご紹介するのは、そんなphotoshopを使ったフォトレタッチなどのチュートリアルまとめ「Photoshop Tutorials – 35 New Tutorials to Learn Advance Techniques Of Photo Manipulation」です。

photoshop-tutorials-35_1
Photoshop Tutorials – 35 New Tutorials to Learn Advance Techniques Of Photo Manipulation | Tutorials | Graphic Design Junction

photoshopの技術を格段にレベルアップしてくれる、ハイレベルなphotoshopチュートリアルが多数紹介されています。その中から幾つかおすすめのチュートリアルをピックアップしてまとめましたので、ぜひご覧ください。

詳しくは以下
(さらに…)

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

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

2018年05月24日

デザイナーやコーダーにとって役に立つDreamweaverのテンプレート「25 Free Dreamweaver Templates for Every Website」

Webサイトは1ページで構成されるランディングページ、複数ページでの構成とさまざま。そんな中、デザイナーやコーダーにとって役に立つのがWebサイト用のテンプレートです。そんな中今回はDreamweaverのテンプレート「25 Free Dreamweaver Templates for Every Website」を紹介したいと思います。

dw_template01
Iridium by TEMPLATED

構成やデザインの参考としても使える25種類のテンプレートです。中でも気になったものをピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
2010年05月18日

2010年のWEBトレンドをまとめた「Web Design Trends for 2010」

WEBデザインにも流行り廃りが合って、デザインのテイストや技術は毎年大きく変わっています。今日紹介するのは2010年のWEBトレンドをまとめたエントリー「Web Design Trends for 2010」です。

newtrend01

去年後半からの流れも大きく反映されているので、今年これからのというよりは、今のトレンドをまとめたというような感じだと思います。今回はまとめられているトレンドの中からデザインの部分を中心にいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:58  |  
Category: WebDesign   
tag: webdesign
2018年03月27日

デザインにアクセントを加えてくれるモダンフリーフォント「15 Modern Free Fonts for Graphic Designers」

シンプルなものから手書きで柔らかな印象を与えてくれるものまで、フォントの種類は様々。最近ではフリーでダウンロード出来るものも多くなり、選択肢がどんどん広がっています。そんな中今回紹介するのは、デザインにアクセントを加えてくれるモダンフリーフォント「15 Modern Free Fonts for Graphic Designers」です。

modernfont03

異なるテイストのモダンフォント15種類の中から、気になったものをいくつかピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
2008年11月02日

商用可!火花の表現に特化したフリーphotoshopブラシ「A Free High Res Photoshop Brush Set」

火の粉の表現といのはとても難しいもので、写真で撮影できれば良いのですが、あとから合成となると飛び散り方や自然な感じを考慮していくと手作業は途方もない作業だと思います。

そんな火の粉の表現を簡単につくれてしまうphotoshopブラシが今回紹介する「A Free High Res Photoshop Brush Set」です。上記のような表現を簡単に実現できます。

詳しくは以下

(さらに…)

続きを読む
posted 02:39  |  
Category: Design , Photoshop   
2007年11月14日

貼付けコードも生成してくれるリボンジェネレーター「Ribbon Generator」

WEBサイトでたまに見かけるリボンがけの処理を簡単に自分のものにできるサービスが今回紹介する「Online Ribbon Generator Tool」です。このサービスではリボン画像の生成と合わせてサイトに貼付けるコードも生成してくれます。

QuickRibbon

リボンのほうもかなりカスタマイズが可能で縁飾りや色など調整が可能で、打ち込む文字も書体も選択が可能でかなり作り込んだものが生成できます。

詳しくは以下

(さらに…)

続きを読む
posted 05:10  |  
Category: WebService   
2010年10月05日

美しくて新しいフリーフォント50選「50 Beautiful and Fresh Free Fonts」

デザインにおいて非常な重要な役割を持つフォント。選ぶフォント一つで激的にデザインの印象が変わります。日々様々なフォントが世界では作られていて、無料で公開されているフリーフォントも次々と発表されています。今日紹介するのは、美しくて新しいフリーフォントを集めたエントリー「50 Beautiful and Fresh Free Fonts」です。


Musa Ornata (tt)

今回は今まででDesigndevelopで紹介していないフリーフォントで気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:11  |  
Category: WebService   
2017年09月17日

時短やデザインの幅を広げたい時に便利なWebデザインテンプレートまとめ「40 Free Web Page Templates in Photoshop PSD」

いつもと違うデザインに挑戦したい時や工数のかけられない案件などに、便利なのがWebデザインテンプレート。他人の作ったデータをベースにすることで時短や、デザインの勉強にも繋がります。そんな中、今回ご紹介するのは、フリーのWebデザインテンプレートをまとめた「40 Free Web Page Templates in Photoshop PSD」です。

40-free-web-page-templates
Pasco: A free PSD multipurpose template – Freebiesbug

全てPSDデータで制作されたデータが全部で40種類まとめられています。その中から気になったものをいくつかピックアップしてまとめましたので、以下よりご覧ください。

詳しくは以下
(さらに…)

続きを読む
2010年04月02日

WEBデザインのワイヤーフレームを書くためのツール10選「10 Excellent Tools for Creating Web Design Wireframes」

WEBデザインと言っても様々なフローがあり、受注を受けたとき、いきなり、Fireworksやphotoshopでデザインを始めるという方はなかなか少ないと思います。今回はデザインの前段階のワイヤーフレームを描くためのツールを集めたエントリー「10 Excellent Tools for Creating Web Design Wireframes」を紹介したいと思います。

.mockflow.com/”>MockFlow

基本的にモックアップをつくるための前段階のものなので、そこまで複雑な表現はできませんが、WEBのワイヤーを作るという意味で、様々な便利な機能が組み込まれています。今日はまとめられているツールのなかからいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:57  |  
Category: Design , WebDesign , WebService   
2008年01月10日

数々のクールなWordPressテーマを配布する「Design Disease 」

WordPressの魅力の一つにデザインの豊富さがあります。日本ではテーマを配布している所は少なめですが、海外ではクオリティの高いテーマが豊富に公開されています。今回紹介するテーマ配布ブログ「Design Disease 」はクオリティの高いテーマをいくつか配布しています。

wordpresscooltheme01.jpg

いくつか公開されていますが、公開されているテーマの中から気になったテーマをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 07:56  |  
Category: WordPress   
tag: 
2013年06月30日

様々な質感のフリーテクスチャを集めたテクスチャ集「30 Free High Resolution Texture Packs」

デザインの質感をより高めてくれるテクスチャ。下に敷くテクスチャで大きくデザインの印象は変わりますが、今日紹介するのは、様々な質感のフリーテクスチャを集めたテクスチャ集「30 Free High Resolution Texture Packs」です。

textures_01
Texture Pack 04: black by =mercurycode on deviantART
(6 Textures, 4200×2800px)

高品質なテクスチャセットが全部で30紹介されていますが、今日はその中から幾つか気になったテクスチャセットをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:27  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る