TOP  >  チュートリアル

Tag : チュートリアル

2014年11月17日

美しいグラフィックパターンを作成できるチュートリアル集「20 Pattern Tutorials For Your Future Designs」

背景イメージや、時にはメインのグラフィックとしても使用できるパターンは非常に重宝する素材。完成されたパターンもたくさん配布されていますが、今回は自分で制作するためのチュートリアル集「20 Pattern Tutorials For Your Future Designs」を紹介したいと思います。

patten1
Geometric Pattern in Illustrator | Abduzeedo Design Inspiration

美しいグラフィックパターンを作成できるチュートリアルが20種類紹介されています。

詳しくは以下

(さらに…)

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

イラストレーターを使って描き出すテキストエフェクトチュートリアル「Awesomely Brilliant Adobe Illustrator Text Effects Tutorials」

いろいろなデザイン表現を可能にするソフト・イラストレーター。さまざまな場面で活躍してくれますが、機能が多くなかなか使いこなせないことも。今回はそんな時に参考にしたい、イラストレーターを使って描き出すテキストエフェクトチュートリアル「Awesomely Brilliant Adobe Illustrator Text Effects Tutorials」を紹介したいと思います。

illusttu1
How To Create a Comic Style Text Effect in Illustrator

テキストをグラフィカルに表現できるイラストレーターのチュートリアルが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:08  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2014年10月02日

イラストレーターを使い慣れていない人でもわかりやすいチュートリアルまとめ「50 Fresh Adobe Illustrator Tutorials for Beginners」

幅広いグラフィック表現を可能にするソフト・イラストレーター。豊富な機能ゆえ、なかなか使いこなせていないという方も多いのではないでしょうか?そんな中今回は、イラストレーターを使い慣れていない人でもわかりやすいチュートリアルまとめ「50 Fresh Adobe Illustrator Tutorials for Beginners」を紹介したいと思います。

tutorials1001_1
Create a Tasty Pretzel Text Effect in Adobe Illustrator – Tuts+ Design & Illustration Tutorial

さまざまな種類のグラフィックを描き出せる、イラストレーターでの制作方法が分かりやすく紹介された記事がまとめられています。

詳しくは以下

(さらに…)

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

web開発者のための さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」

webサイトを魅力的に見せるためには、デザインはもちろん、動きにも力を入れたいもの。シンプルなフラットデザインが主流となっているため、特に重要な要素となってきているのではないでしょうか?今回はそんな時に参考にしたい、さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」を紹介したいと思います。

articles1
Stylish CSS Buttons

いろいろなパーツに動きや、エフェクトを加えられるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

本物のようにリアルな質感を表現できる イラストレーターチュートリアルまとめ「Illustrator Tutorials: 26 Amazing Tutorials to Learn Digital Illustration」

イラストレーターを日々使っていても、難しいグラフィック表現を作り出すのはなかなか大変なもの。どんな機能を使ったらよいのか、分からず困ってしまった経験をしたことがあるという方も多いのでは?そんな中今回紹介するのは、本物のようにリアルな質感を表現できるイラストレーターチュートリアルまとめ「Illustrator Tutorials: 26 Amazing Tutorials to Learn Digital Illustration」です。

tutorials0926_1
Video Tutorial: How To Create A Vintage Badge Using Adobe Illustrator | Solopress

イラストレーターのいろんな機能の使い方を覚えながら、クオリティの高い加工を施すことができるチュートリアルが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 01:17  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年09月04日

リアルな質感を表現するためのイラストレーターチュートリアル「25 New Illustrator Tutorials to Learn Design & Illustration Techniques」

さまざまな描写表現が可能なイラストレーターは非常に重宝するソフトの一つ。しかし、思い描いたグラフィックを作り出すのになかなか機能を使いこなせず苦戦することもあると思います。今回はそんなシーンで是非参考にしたい、リアルな質感を表現するためのイラストレーターチュートリアル「25 New Illustrator Tutorials to Learn Design & Illustration Techniques」を紹介します。

tutorials0904_1
Create Yummy Donut Text Effect in Adobe Illustrator

いろんなデザインのグラフィックを作り出すための手順が分かりやすく紹介された記事がピックアップされています。中でも気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2012年02月09日

バレンタインやカップルにぴったりなハートパターンまとめ「100+ Free Valentine and Heart Patterns」

バレンタインを間近に控え、さまざまなショップがハートで飾り付けられていると、どこかウキウキした気分になるのではないでしょうか。そんな中今回は、気分をアップさせてくれるハートをモチーフにデザインされたパターンをまとめた「100+ Free Valentine and Heart Patterns」を紹介したいと思います。


DinPattern – Free seamless patterns » Finding A Cure

可愛らしいハートパターンはもちろん、エレガントな雰囲気を演出できるパターンやユニークなパターンまで、さまざまなハートパターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:56  |  
Category: Design   
2013年06月25日

シンプルな表現が魅力的 200種類の食べ物が揃うアイコンセット「200 Foodie Pack」

多種多様なデザインが展開される中、最近では平面的でシンプルなカラーと文字、アイコンで魅せるフラットデザインが注目を集めています。そんな中今回紹介するのが、シンプルな表現が魅力的な、200種類の食べ物が揃うシルエットアイコンセット「200 Foodie Pack」です。

foodie

果物や飲み物、スイーツ、料理やキッチン用品など、食べ物に関わるさまざまなアイコンがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 02:00  |  
Category: Design   
2009年03月28日

写真補正の手間を軽減してくれるphtoshopアクション集「30 Photoshop Actions for Touch Ups」

以前Designdevelopで「写真を美しくするphotoshopアクション60選「60 Photoshop Actions for Photo Touch-Ups and Enhancements」」と言う記事で紹介したアクション集のpart2に当たるエントリー「30 Photoshop Actions for Touch Ups」を紹介したいと思います。

actionspact-01
50 Photoshop Postwork Actions

今回もちょっとした手間の部分を簡単にできるアクションが全部で30用意されています。今回も紹介されているアクションの中から気になったアクションをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:20  |  
Category: Design , Photoshop   
2012年12月02日

フリーで利用できるWEBカレンダーデザイン集を「30+ Inspiring Free Calendar and Date Picker PSD Designs」

WEB上でもよく見かけるインターフェイスの一つカレンダー。日付ベースでデータを整理したり、直感的に時間を理解したりするのに便利なものですが、今回紹介するのは、フリーで利用できるWEBカレンダーデザイン集を「30+ Inspiring Free Calendar and Date Picker PSD Designs」です。


Calendar Freebie

シンプルなものを中心に、様々なカレンダーデザインがまとめられています。いくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2011年02月22日

デザイン性の高いフォームデザインのあるwebサイト集「25 Excellent Examples of Forms in Web Design」

ユーザーが運営側に問い合わせを行いたい時に利用するコンタクトフォーム。基本シンプルなタイプを見かけることがほとんどですが、デザインにこだわりを見せるwebサイトはフォームも一味違ったクリエイティブ要素の高いものとなっているようです。そこで今回は、デザイン性の高いフォームデザインのあるwebサイト集「25 Excellent Examples of Forms in Web Design」を紹介いたします。


Contact Vincent Mazza, Morris County’s top Web Site Design and Graphic Designer

デザインのテイストに合わせて、通常のコンタクトフォームとは一線を置いたユニークかつ、デザイン性の高いフォームを持ったwebサイトがまとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 11:00  |  
Category: Design   
2014年03月20日

絶妙なニュアンスのテクスチャを集めた 高解像度フリーテクスチャセット「20 High Resolution Textures」

さまざまなデザイン制作で活躍してくれるテクスチャ、種類も豊富で特にデザイナーの方は常にチェックしておきたい素材ではないでしょうか?そんな中今回紹介するのは、絶妙なニュアンスのテクスチャを集めた 高解像度フリーテクスチャセット「20 High Resolution Textures」です。

20tex

かすれ具合や色合いに特徴のある20種のテクスチャがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 01:54  |  
Category: WebService   
2015年10月13日

UIデザインに使用したい さまざまなツール&リソースまとめ「New Essential UI Design Tools & Resources for Web Designers」

webサイトのUI設計をする際に、さまざまな機能を取り入れることでより魅力的なサイトを作り上げることができます。今回はそんなシーンでチェックしたい、さまざまなツール&リソースまとめ「New Essential UI Design Tools & Resources for Web Designers」を紹介したいと思います。

tool1013_1
bigfoot.js

jQueryやJavaScriptなど、ぜひ利用してみたいツールやリソースがピックアップされ、まとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:11  |  
Category: Tool   
2017年01月22日

テクスチャ画像やグラフィック表現のPhotoshopチュートリアル「20 Free Texture Photoshop Tutorials」

背景素材として活躍するテクスチャや、複雑なグラフィック表現。完成されているものも便利ですが、時にはオリジナルで作成したいこともあるのではないでしょうか。今回はそんな時に参考したい、テクスチャ画像やグラフィック表現のPhotoshopチュートリアル「20 Free Texture Photoshop Tutorials」を紹介したいと思います。

tutorial0122_2
Create a Surreal Photo Manipulation by Mixing Ice and Fire Textures – Photoshop Tutorials, Digital Art Tutorials and Showcase – PSD Vault

Photoshopを使って、いろいろなテクスチャ表現の手法が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:58  |  
Category: Photoshop   
2018年02月27日

トレンドを踏襲したデザイン感で簡単に使用することができるテンプレート・モックアップまとめ「30 Fresh Freebies for Web & Graphic Designers」

デザイナーにとってテンプレート・モックアップは非常にありがたい存在。デザイナー以外でもディレクションに関わる人であれば完成イメージとして、これらを使用する機会もあるのではないでしょうか。そんな人たちにおすすめできるまとめ「30 Fresh Freebies for Web & Graphic Designers」を今回はご紹介していきます。

FreshFreebies_top
Mobile Chat App Design – free download by Claudio Parisi – Dribbble

トレンド感のあるシンプルかつフラットなデザインで表現された完成度の高いテンプレート・モックアップ。下記にいくつかピックアップしているので、チェックしてみてください。

詳しく見る

(さらに…)

続きを読む
2009年08月13日

3Dモデルやテクスチャ素材を検索できる「3DFilter」

今までDesigndevelopではグラフィックデザインやWEBデザインなど平面のデザイン素材を中心に紹介してきましたが、今日紹介するのは3Dモデルやテクスチャ素材を検索できるWEBサイト「3DFilter」です。

3dfilter01

女性や家具といった基本モデルやテクスチャなど様々な3D素材を探し出す事ができます。検索対象はフリー素材、有料素材とまたが手検索でき、さらに3Dソフトのフォーマットで絞り込んだり、価格順にならべたりと様々な使い方が可能です。

詳しくは以下

(さらに…)

続きを読む
posted 10:48  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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