TOP  >  illustrator

Tag : illustrator

2007年12月04日

65種類のイラストレーターチュートリアルを集めた「65 Adobe Illustrator Tutorials」

今まで「イラストレータのチュートリアル集「Illustrator
Tutorials」
」や「illustratorのペジェ曲線特訓チュートリアル「Illustrator Pen tool exercises」」などイラストレーターのチュートリアルを紹介してきましたが、今回紹介するのは65種類ものイラストレータのチュートリアルを集めた「65 Adobe Illustrator Tutorials」です。

イラストレータチュートリアル

上記のようにアイコンからからカットイラストまで様々なジャンルのチュートリアルが集められています。

詳しくは以下

(さらに…)

続きを読む
posted 02:28  |  
Category: Design   
このエントリーをはてなブックマークに追加
2007年11月17日

illustratorのペジェ曲線特訓チュートリアル「Illustrator Pen tool exercises」

イラストレータで各線は制御点が3つ (始点・中継点・終点)あり、イラストレータを覚えたての頃や使ったことが無い人はなかなか難しいものです。今回紹介する「
Illustrator Pen tool exercises」はそんなペジェ曲線を華麗に操るためのチュートリアルです。

イラストレータのチュートリアル

チュートリアルはai配布されていて上記のように、チュートリアルを背景にしながら自分でペジェ曲線を書きながら進めていけるようになっていて、文章や本で見るよりも実践的に覚えることができます。チュートリアルは全部で6種類あり、星を各方法や滑らかなラインの書き方等が収録されています。難易度は低めですが、これからイラストレータを覚えたいと言う方にはかなり役立つチュートリアルだと思います。

配布しているaiのバージョンはCS, CS2 .CS3となっています。下記のリンクの「Download the AI file」の「here」からダウンロードできます。この他にもaiファイルの他にも英語のドキュメントになりますがペジェ曲線の基本記したpdfが配布されていますのでチュートリアルと合わせてどうぞ

Illustrator Pen tool exercises | Veerle’s blog

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

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

2015年07月19日

インターフェイスデザインをもっとスムーズにしてくれるチュートリアル集「Interface Design 101: Tutorial Roundup」

webサイトやスマートフォン、タブレットなどのインターフェイスデザインを手がける時には、いろいろな要素が必要になってきます。しかしすべてを一から作り上げたり、構成を抽出するのはなかなか難しく、ましてやそこにデザインが加わるとなるとかなり大変な作業。今回はそんなインターフェイスデザインをもっとスムーズにしてくれるチュートリアル集「Interface Design 101: Tutorial Roundup」を紹介したいと思います。

tu0720_1
Designing Custom iOS App Interface Elements using Photoshop – DesignM.ag

さまざまデザインのインターフェイス設計用デザインや参考リンクがまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2008年12月01日

テクスチャをつくりだすphotoshopブラシ集「Huge collection of 200+ Texture brushe」

テクスチャについては今までDesigndevelopでも何度も取り上げてきましたが、今日紹介するエントリー「Huge collection of 200+ Texture brushes」はテクスチャを自分で作りあげることができるphotoshopブラシをまとめたものです。

紹介されているブラシは全部で200種類。煉瓦の壁から、コンクリート、木目にいたるまで、様々なテクスチャが表現できるphotoshopブラシが収録されています。今回はいくつか紹介されているなかから、いくつか気になったブラシセットをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:26  |  
Category: Design , Photoshop   
2013年04月26日

印象的な雲が豊富に揃うテクスチャまとめ「20 Dramatic Clouds Textures」

最近の暖かい春の日差しに、空を見上げることも多くなってきているのではないでしょうか?毎日、毎時間、一瞬として同じ表情のない空や雲の風景は、いつ眺めても感動させられるように思います。そんな中今回紹介するのが、印象的な雲が豊富に揃うテクスチャをまとめた「20 Dramatic Clouds Textures」です。


All sizes | sky-clouds-texture-19 | Flickr – Photo Sharing!

昼間の明るい雲の様子から、朝焼けや夕焼けの美しい雲まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:18  |  
Category: Design   
2012年01月05日

アプリインターフェイスに活用したい on/off スイッチデザイン集「20 Elegant User Interface Switch Designs」

日々進化するスマートフォン・タブレット等のアプリケーション。時代が移り変わると共に、デザイン性もどんどんと変化しつつあり、流行を取り入れたインターフェイス設計が非常に重要視されます。今回はそんなシーンに活用したい、on/off スイッチデザイン集「20 Elegant User Interface Switch Designs」です。


Dribbble – Drill: On by Mohanad Yajouri

リアルなスイッチが多数まとめられており、デザインのクオリティを高めることができそうです。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:55  |  
Category: Design   
2017年07月07日

美しい配色を思うままに!クリエイティブなグラデーションパターンセット「coolhue」

近年流行になりつつあるグラデーション表現を取り入れたデザイン。背景やボタンなどのベタ面に、シンプルながらもニュアンスをつけることができ非常に便利な手法です。そんな今回ご紹介するのは、グラデーションの配色パターンを30種類まとめた「coolhue」です。

coolhue02

キュートな印象を与えるフェニミンなグラデーションから、コーポレートサイトにピッタリな先進的なカラーリングまで多数のグラデーションパターンが揃います。

詳しくは以下

(さらに…)

続きを読む
2007年10月15日

Google Sitemap Generator を導入

googlesitemaps

googleにはGoogle Sitemapsというサービスがあり、こちらを使えばgoogleさんが効率的にページをインデックスしてくれるようになります。しかしこのGoogle Sitemapsを利用する為にはsitemap.xml を作成する必要があります。手動でsitemap.xmlを作るのは一仕事なので今回はプラグイン「Google Sitemap Generator 」に頼りました。

プラグイン自体は日本語に対応していますが、インストール手順が日本語で同封されていませんでしたので今回は「Google Sitemap Generator 」導入までを紹介したいと思います。ちなみに当ブログはwordPress2.3で動作していますが問題なく利用できました。

念のために書いておきますが、「Google Sitemaps」の利用にはGoogleアカウントを取得する必要があります。

インストール手順は以下

(さらに…)

続きを読む
posted 11:03  |  
Category: plugin , WordPress   
tag: 
2016年05月14日

シームレスに使える 金色のカラーデザインが印象的なフリーパターンセット「Seamless Gold Pattern Set」

デザインに彩りを与えてくれるパターン素材。いろいろな種類のものが配布されていますが、中でもシームレスで、継ぎ目を気にすることなく敷き詰められるパターンはとても重宝します。今回はそんな、シームレスに使える「Seamless Gold Pattern Set」を紹介したいと思います。

gold1

金色のカラーデザインが印象的なフリーパターンセット。デザイン性もあり、おしゃれな印象にデザインを仕上げることができそうです。

詳しくは以下

(さらに…)

続きを読む
posted 04:20  |  
Category: Design   
2008年07月02日

CSSで実現するアコーディオン「Concertina menu」

最近ではスクリプトでHTML上でも様々な動きを実現できるようになっていますが、今日紹介するのはスクリプトを一切使わずCSSのみで実現するアコーディオン「Concertina menu」です。

上記の画像は投じている時の状態です。スクリプトのような滑らかな表現みたいな所はさすがに実現は出来ませんが、見事にアコーディオンをCSSのみで実現しています。

詳しくは以下

(さらに…)

続きを読む
posted 01:29  |  
Category: WebDesign   
tag: CSS webdesign
2011年09月13日

Photoshopの合成で創り出す空想世界チュートリアル集「30 Breathtaking Surreal Photoshop Tutorials」

Photoshopを使った写真加工は、いろいろな素材やパーツを組み合わせることで、無限の表現を可能にしてくれます。そんな中今日は、Photoshopの合成で創り出す空想世界チュートリアル集「30 Breathtaking Surreal Photoshop Tutorials」を紹介したいと思います。


Create a Surreal Turtle Image – Photoshop Tutorial – Pxleyes.com

幻想的な雰囲気のビジュアルをどのように表現したのか、詳しく解説されています。写真加工の技術はもちろん、組み合わせた写真同士のなじませ方、光の入れ方など、勉強になるものばかりです。

詳しくは以下

(さらに…)

続きを読む
2009年03月19日

布地のテクスチャを集めた「50 Free Fabric Textures」

様々なテクスチャを今までdesigndevelopで紹介してきましたが、今回紹介するのは布地のテクスチャをあつめたエントリー「50 Free Fabric Textures」です。

favrictxture01
sxc.hu

布地と一口に行っても様々な素材が用意されており、様々なバリエーション印象を与える事ができるテクスチャセットだと思います、今日は紹介されているものの中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:54  |  
Category: Design , Photoshop   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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