デザイナーがCanvaを使って本気でデザインを作ってみたらこうなった
『レイアウト・デザインの教科書』（SBクリエイティブ）の共著者であるベーコンさんが、ちょっとしたデザイン術やツールの使い方を解説します。今回は、Canvaによるデザイン制作がテーマです。 Canvaは、一言でいうと「素人でも一定のレベルのデザインを良い感じに作れる」無料デザインツールです。言ってしまえば、「デザイン力を強化してくれる」ツールと言ってもいいかもしれません（この言いかただと語弊があるかもしれませんが） そんな「デザイン力強化ツール」を、プロのデザイナーが使ったらどうなると思います？ 鬼に金棒？プロデザイナーにCanva？ 今回はデザイナーでありCanva公式クリエイターでもある僕ベーコンが、Canvaを使って本気でデザインを作ってみました。畳めるかわからないほどの大きな風呂敷を広げたけど、最後まで読んでもらえばCanvaのすごさをわかってもらえるはずです。 Canvaって実際な
Webデザイン（ウェブデザイン）の勉強・スキルアップ方法まとめ
Webデザインを学んで「Webデザイナー」になろう！ Webデザイナーってどんな仕事？ Webデザイナーとは、依頼されたWebサイトのデザインを担当する職業です。クライアントがイメージするWebサイトデザインを具現化することが、Webデザイナーの役割です。 日本においてはWebデザインスキルを持つ人材として定義されることの多い職業ですが、海外ではWebデザインスキルだけでなく、プログラミング、SEO（検索エンジン最適化）やアクセス解析のスキルを持っていることが一般的です。そのため、日本と海外のWebデザイナーは年収に差があります。 Webデザイナーを名乗る上で必須となる資格はありませんが、スキルや知識をアピールできる資格として、「Webクリエイター能力認定試験」「HTML5プロフェッショナル認定資格」「ウェブデザイン技能検定」などがあります。 「Webディレクター」「Webプロデューサー」
【総まとめ】2015年すごいIllustratorチュートリアル、作り方厳選50個 - PhotoshopVIP
Illustratorのデザインテクニックを学ぶ、2015年に公開されたチュートリアルを50個厳選でまとめています。 これからはじめるひとが覚えておくことで、デザインの幅がグッと広がる基本テクニックから、より思い通りのエフェクトを実現できる高度なテクニックまで、来年のスタートダッシュにいかがでしょう。 詳細は以下から。 2015年総まとめ！すごいIllustratorチュートリアル、作り方厳選50個 ハーフトーン・エフェクトをIllustratorで作成する方法 漫画などで見かけるテクニックのひとつで、モノクロ・グラデーションでペイントした範囲を、自由な大きさのドットで継ぎ目なく表現します。 みどりのクルクル髪がポイントのポートレイト制作 もともと有料チュートリアルでしたが、無料公開された高品質な作品。実践でも利用できるテクニックばかり。 透明感たっぷりなウイスキー・オン・ザ・ロックを作成
Illustratorを使ったロゴデザインの基礎の基礎【クラウドワークス】
皆さんこんにちは。旬な業界情報をお届けするクラウドワークスブログです。 本日のテーマは「Illustratorを使ったロゴデザインの基礎の基礎」です。 皆さんのロゴ作成の参考になれば幸いです。 はじめに ロゴデザインをする場合、Illustratorなどのソフトがあるのならば自分で良いロゴを作ることは可能です。 CS4やCS5などバージョンがさまざまありますが、バージョンが違ったからと言って良いデザインができないというわけではありません！ プロのデザイナーが使っているものと基本的な操作は同じソフトを使っている、つまり制作する同じ環境であるわけなので、あとは考え込んで作れば有名企業のようなロゴを作成することも可能なのです。 しかし今まで仕事としてデザインをこなしてきているわけではない素人なので、きっとわからないことだらけ。 今回はそんな人のためにIllustratorを使ったロゴの基本的な作
Illustratorでのイマドキな画像書き出し方法【アセットの書き出し】
2016年12月7日 Illustrator 昔からIllustratorラブ！な私ですが、いつの間にやらWebデザインをする上での便利な機能が増えてきて、ますます嬉しい次第です。その中で今回は画像アセットを使った書き出し方法を紹介します。昔はスライスツールを使っていましたが、そんな面倒なことをしなくてもオブジェクトをドラッグ＆ドロップで簡単に書き出せちゃいますよ。 ↑私が10年以上利用している会計ソフト！ アセットの書き出しって何？ 2016年6月にアップデートされたIllustrator CCでは、従来のスライスとは違う、新感覚の画像書き出し方法である「アセットの書き出し」という機能が追加されました。オブジェクトをパネルにドラッグして追加すると、サイズや解像度、デバイスに合わせたフォーマットに書き出せます。Webやアプリ用のアイコンや、画面全体のデザインを行う上でも欠かせない、便利な機
Webデザインの勉強を始める人が幸せになれるツール＆サービス
2015年7月7日 便利ツール 先日超初心者さん向けにHTML・CSSを使ってWebページを作る講座を開いたのですが、予想通りやはり「これから勉強したい！」という人は、何から勉強すればいいのかがわからない事が多いです。また情報が多すぎて必要なツールもどれを選んだらいいかわからないケースもよく耳にします。そこで今回はその時教えたツールやサービスを中心に「これだけはそろえておこう！」というものを紹介します。あまりたくさん挙げても使い切れないかなーと思ったので、かなり絞っています。まずはこれらをとっかかりにし、自分好みのものを探していってくださいね！ ↑私が10年以上利用している会計ソフト！ 環境を整えよう まずはWebサイト制作をするための環境を整えましょう。 テキストエディター テキストエディターは、HTMLやCSSなどを使ってWebページを作成する際に使うツールです。Windowsに最初か
初心者がIllustratorを使いこなすためのショートカットキー、 テクニック集 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらは「Illustratorをはじめて使う人が、ひと通りの基本的な操作ができるようになる」ところまでを目標とした全4回の超初心者向けIllustrator講座です。 第1回ではIllustratorの基本的な設定を、第2回ではIllustratorの基本画面およびベジェ曲線について、第3回ではIllustratorの各ツールについて説明をしました。 最終回となる今回では、総まとめとして、Illustratorを効率化するためのショートカットキー、過去にLIGブログに掲載された役に立つIllustratorの記事などを紹介していきたいと思います。初心者ではない方も、おさらいのつもりでぜひ確認してみてください。 ▼目次 Illustratorを効率化するためのショートカットキー 拡大、縮小、手のひらツール ペンツールを効率化 文字ツールを効率化 Illu
べジェ曲線・パスとは？Illustratorの基本画面・基本概念について学ぼう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらは「Illustratorをはじめて使う人が、ひと通りの基本的な操作ができるようになる」ところまでを目標とした全4回の超初心者向けIllustrator講座です。 前回は「Illustratorって何？」というところから、ダウンロードしたIllustratorをWeb制作に適した環境に設定するところまでを説明しました。 第2回となる今回では、Illustratorの基本画面および基本概念について説明をしていきます。とくにIllustratorの特徴でもある「ベジェ曲線」は、多くの初心者の方が挫折してしまうポイントでもあります。初心者の方はもちろん、初心者ではない方も、おさらいのつもりで確認してみてください。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの
illustratorでUIデザイン：設定編 - Two hats
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
イラストレーター（AdobeIllustrator）ベジェ曲線講座 どどファクトリー
ベジェ曲線講座1.初級編 アドビ イラストレーターの基本となるベジェ曲線講座です。ベジェ曲線のしくみや使い方から、ロゴやイラストをトレースするコツなどを図解しています。 ベジェ曲線講座2.能率アップ編 イラストレーターで能率を上げる使い方や、ミスを防ぐ注意点などに関する講座です。 ベジェ曲線講座3.Shade初級編 3DCGソフトのShadeで、誰もがつまずく線形状（ベジェ曲線）と自由曲面の解説です。 Illustrator講座 DTPに欠かせないアドビ イラストレーターですが、5から8～10、CS～CCへと変わっていく間にいろいろと機能が増え、何から学べば良いか分かりにくくなりました。原点に戻って基本的な使い方を中心に解説しています。 初めてのIllustrator 簡単な課題を通して、アドビ イラストレーターを最初の一歩から学ぶ講座です。 アドビ イラストレーター スクリプト イラスト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn | Adobe Creative Cloud
Illustratorを覚えたいと思っている人へおすすめ記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
実用書には載ってないイラストレーターの使い方。
http://illustrator-ok.com/