fc2ブログ

Home > Archive of デザイン

デザイン

【YouTube/チュートリアル】イラストレーターで文字を加工するチュートリアル(Adoobe Illustrator CC)



Youtubeにて、イラストレーターで文字を加工するチュートリアルを公開しました。最近よく見る文字加工のひとつ、平行線のみ打ち消してニュアンスを変える表現です。[動画はこちらから]

Read More

【YouTube/ウェビナー】いろのはなし - 普段使いの色の概念的なこと


こんにちは、ばにです。
今日は、色のはなし。
デザインするときや、服選びなど
色を選ぶ瞬間は多くあります。
様々なシーンで活用できるようシンプル化した色の概念的なことを5つお話していきたいとおもいます!
youtubeでぜひご覧ください。

Read More

【note】Web,ios,Android等で無料で使える!クリーンな汎用オープンソースアイコンセット3種

タイポグラフィ・カラー・レイアウト・・デザインをこれから学びたい初心者の方に、デザインの基礎の全体像が掴める動画を紹介

01_20180619192101edd.png

デザインは、フォントや、色、レイアウト、空間を使って構成を行っていくわけですが、最初はどこから学んだら良いかわからないかと思います。
自分の好きなデザインを見つけて真似してみたり、収集して自分の好みを知ったり、研究することも大切です。
けれど、本格的に勉強しようとした時に、自分がどの部分を集中的に学びたいか、次に何について学ぶ必要があるのかといった目標を立てる時に役立ちそうな動画を紹介します。英語ではあるのですが、とっても分かりやすいので、デザインに興味を持ち、学びたいと考えている方にオススメです。

Read More

UIデザインに使用できる、クールで美しいグラデーション配色セットをダウンロードできるサイトを紹介



去年ぐらいから流行りだしているグラデーションカラーは、明るめで、複数の色が混じっているのが特徴です。グラデーションを効果的に使用すると、新しいイメージや、デザインに奥行き感を出すことができます。

Read More

いまさら聞けない?グリッド・システムでのデザインの基礎

grid_03.jpg

グリッド・システムはデザインの基礎として敷いておくことで、自由なデザインを起こすことができる素敵なシステムです。グリッド・システムはシンプルですが、感覚的なところも多いため、言語化が難しい部分も多くあり、実際何度か挫折して書いていなかったのですが、ネットの言葉も借りながら、なんとか言葉で起こしてみました。

Read More

Illustratorでアセット書き出しした際に、マスクした部分が残ってしまったpngデータの空白を自動処理で削除する方法

maskillustrator.jpg

Illustratorでパーツをpng形式で「アセット書き出し」をする時に、マスクした部分まで透過でついてきてしまう問題を解決するための方法です。
この方法では、イラレから書き出したものだけでなく、pngの透過部分を一括で削除したい場合にも使えます。

Read More

最近作ったウェブデザイン系のチュートリアルビデオ3本

vanivideo20180131.jpg

最近アップしたウェブデザイン制作系のチュートリアルビデオ3本まとめ。Udemyでのウェブデザイン講座を作っているうちに作りたくなって作ったミニマムコンテンツです。

Read More

アートブラシで描いたような手書き風文字をイラストレーターで表現するチュートリアル

blog1_20160718190941f41.jpg

アートブラシや筆ペンで描く今風のカリグラフィーをイラレでずっと描きたいと思っていまして。イラレの線幅ツール(CC3以降?)である程度表現することが出来そうなので、手順を書いてみます。

※たぶん中〜上級者向け。ある程度イラレがわかる人じゃないとついてこれないかもです。

Read More

Illustratorでつくるシンプルですこし複雑なカタチは分割で考える

path_blog.png

Adobe Illustratorで、シンプルだけどすこしだけ複雑な形をつくる考え方です。
基本は、縦や横に割って、繰り返すということだけ。楽しいですよー。
実際の作業をアニメーションgifにしてみましたので、感じを掴んでいただければ嬉しいです。

Read More

Index of all entries

Home > デザイン Archive

Sponsored Link
【WebDesign】Photoshopでプロになる!オシャレ&クールなWebデザイン作成講座
▲Udemy講座第二弾!Photoshopデザインカンプ作成の流れをレクチャーします。クーポンコード【PS_BANIDESIGN】
はじめよう!Wordpressで作るおしゃれサイト【デザイン入門】
▲WordPress初心者向けに、ばにが書きおろしたオンライン授業です。上記バナーから受講いただくと、お得な価格で受講可能!
ホームページ・ウェブサイトデザイン・制作ならバニレートデザイン事務所まで。10年以上に渡りオールラウンドウェブクリエイターとして活動した経験を活かして高品質なPhotoshopデータでの「デザインカンプ作成」のお仕事を主に行っています。業務提携いただける企業さま、ウェブディレクターさまを随時募集中です。Wordpress(ワードプレス)、レスポンシブ、スマホ用サイトもできます♪
Books - 寄稿させていただいた本たち
WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
WordPressを利用して、趣味〜お仕事が可能なレベルの実践的な内容になっています。 ブログ風、Pinterest風、CMSとしてWordPressを利用する方法の3つをメインに、さらにこれらを拡張していきやすいような考え方や、きっかけを掴んでいただければという想いで書かせていただきました。担当Chapter:9chapter (メイン3、サブ6。110ページ前後ぐらい。)
【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製PSショートカットステッカー for Mac 付
Photoshopの作業をすばやく行って、デザイン自身に集中できるように。基本動作であっても、考え方としてどのように持っていくか、ということをテーマに書かせていただきました。(担当:本編の全体89のテクニックのうち、23ぐらいのテクニックと、特典PDFの中にもいくつか。)
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
「レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」にてCase Studyの1つを寄稿させていただきました!
Popular Posts
Recent Entry
Category
about:vanillate
vanillate

author: vanillate(バニレート)

フリーランスのウェブクリエイター。
wordpressやカラーミーショップのデザインなど、シンプルで可愛いサイトを作っています。






Link
Recommend
レンタルサーバー 【ヘテムル】 なら、 独自ドメイン【無制限】、データベース【50 個まで】を追加費用無料で設定できます。 しかも、サーバー容量は余裕の 42.195GB! 1 つの契約でたくさんのサイトを運営したい方にぴったりのサービスです。
★【カラーミーショップ】なら本当に安心!★
かわいいテンプレートが続々登場するから、初心者のあなたにも安心!
オンラインショップ・ショップブログ・モバイルショップなど、こんなに揃って月額875円~!
有名ショップ様にも多数ご利用をいただいているから、どんどん参考にしちゃおう!
Design Items