この記事では、基本操作から制作時間を短縮するテクニックまで、Illustratorを実践的に学ぶ最新デザインチュートリアル、つくり方レシピをまとめてご紹介します。 実際に手を動かし、手順どおり進めることで、Illustratorのツールや機能の実践的な使い方が、自然と身につきます。 Illustratorを本気でモノにする最新デザインレシピ、つくり方まとめ 美しいグラデーションをつかったロゴアイコンのつくり方 シェイプツールを使って基本的なデザインを作成し、トレンディーで鮮やかなグラデーションをつかって立体的なロゴに仕上げます。 モコモコとした毛皮をつかったテキストエフェクトの作り方 手描きしたパスに沿って立体感のある3Dスタイルを表現し、さらに「ラフ」効果をつかってモコモコ感のあるデザインに仕上げます。 カラフルなカスタムグラデーションの作り方 フリーフォームグラデーションとメッシュグラ

こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた

Zホールディングス株式会社

こんにちは、Spinners の元山 (@kudakurage) です。 最近はresize.fmという緩めのデザイン系ポッドキャストを @dex1t と始めて、オーディオ系のデバイスや仕組みについて勉強する毎日です。今のポッドキャストの収録環境についても近々書き残しておこうと思っています。 2021年1月に日本で話題になった音声SNS「Clubhouse」についてresize.fmでも取り上げて話したのですが、その中でも話しているスーパー楕円というものについて今回は詳しく書いていこうと思います。 INDEXピート・ハインのスーパー楕円スーパー楕円とデザイン建築や家具のデザインデジタルプロダクトのデザインスーパー楕円を利用した印鑑スーパー楕円の描き方数式を使った描き方（Adobe Illustrator）簡易的な描き方（Vector Draw Tool）ピート・ハインのスーパー楕円 Sou

InDesignにはバージョンCS2以降、「データ結合」という便利な機能がついています。 「データ結合」とは、Excel等の表計算ソフトや各種データベースソフト等から作成できるCSVファイル（もしくはタブ区切りテキストファイル）をInDesignに読み込ませ、簡単な自動組版が行える機能です。XMLやスクリプト等の専門知識がなくても手軽に自動組版が出来るので、敷居はかなり低いです。 今回は「データ結合」の説明用に、会社の名刺を作ってみたいと思います。 作業環境はMacOS 10.5.8、InDesign CS5.5です。 まずはCSVファイルかタブ区切りテキストファイルを用意しますが、今回はExcelを使ってCSVファイルを作ることにします。 名前、肩書、住所等の名刺に載せたい情報を埋めたExcelデータを用意します。 一行目には「肩書」や「名前」という風に、任意の項目名をあらかじめを入れて

[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 更新日：2024/05/24 Webデザイナーにとって、自分のデザインがコーディングしやすいのかどうかは意外と気になるもの。 コーダー側は受け取ったデザインを粛々とコーディングするだけなので、あまり「こうしてほしい」と声を上げることはありませんが、デザイナーの観点だけでは気付きにくい問題が埋もれてしまっているかもしれません。 ということで今回は、日々のコーディング作業で気になった覚えのあることをどどんとまとめてみました。 このデザインだとどんな風に困ってしまうのか、そしてどう変えれば改善できるのか、なるべく具体例を挙げて説明していきます。 どのデザインツールでも共通の内容が多いと思いますが、基本的にはPhotoshopでの作業を想定しています。 常識的な内容も多いので、そのレベルは当然できてますという方

こばやすさんの企画がとってもいい企画だったので、参加しつつ自分なりに制作過程をアウトプットしていきます。 こばやすさんからのオーダーはこちら。 ■コンセプト 冬限定一口チョコ。普段高いが今だけ割引価格 ■キャッチコピー ちょっと一息。贅沢をお裾分け ■期間 11/◯〜12/◯まで ■ターゲット 20〜40代の働く男女 ■イメージカラー 白、水色 ■バナーサイズ W300×H280px 現役でデザイナーやってるのでわかりますが、今回のような季節モノは毎年の定例化によって依頼主のオーダーに気合が感じられないケースが多いです。言い換えると「オーダーの文章が必要最低限でくるので、本質を見抜く必要がある」です。 今回はそんな依頼主を（勝手に）想定して、制作を進めます。 ちなみに完成形はこちら。 ツールはillustratorを使用してます。 バナーを制作する前に今回は企画なので関係ないですが、実際の

twitter企画 #バナーお題 って何？ こんにちは、Webデザイナーの こばやす（@kobayas_s）です。 今回は参加型のバナーお題企画についてご案内します。 01. 企画開始の経緯 私の仕事はWebデザイナーなのですが、最近ディレクターの肩書を持つようになりました。仕事は順調ではありましたが、時折「人のデザイン添削ばっかりで自分のデザインワークが出来ない！つまらない！」というストレスで、発狂しそうになります。 そんな鬱憤を晴らすべくブツくさ呟いていたところ、 思いつきで呟いたこの呟きに、良い反応が。 We

グラフィックデザインが苦手。 私の会社の後輩デザイナーもそうだし、UI/UXからキャリアをはじめたジュニアデザイナーからよく聞く言葉です。 私は元々大学でグラフィックデザイン(正確にはコミュニケーションデザイン)を専攻しており、実務としても2年以上グラフィックデザイナーとして経験を積んでいるので言わばグラフィック上がりのUI/UXデザイナーです。そのためグラフィックデザインが苦手ということはありません。 UI/UXデザイナーであったとしても事業会社にいるとちょっとしたイベントのバナーやフライヤーを作ったり、資料の見栄えを良くしたりとグラフィックデザインのスキルが要求されることが多々あるかと思います。そんなときに苦しんでしまうようなデザイナーに向けてグラフィックデザインの上達へのアプローチ方法とトレーニング方法を今回はまとめてみました。 私が全くグラフィックデザインのスキルがなかった頃から今

この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。 通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフローに取り入れ、自分だけの爆速制作スタイルを確立してみませんか。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. デザインコレクション 3. モックアップツール 4. デザインからコードへの変換ツール 5. Web制作お役立ちツール 6. プロトタイプツール 7. アイコン素材パック 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Illustrations 商用利用もでき

Anycloud Inc.COO ex-SAGOJO Inc. COO マーケのコンサル→プログラミング独学して起業。 プログラミング、データ分析、デジタルマーケディングなどが得意。 学校講師、プロボクサーもたまに。

毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト

こんにちは。 今回はProjectStepUPでUIデザインをやってきた自分が、独学で勉強する方法を考えてみました。これをやりきれば、『自力で綺麗なUIが作れる状態』にはなるはず。 内容は初心者にわかりやすいというのを大事に、かなり簡素化して書いております。とりあえず4STEPにわけてみました。そういや高校時代に4STEPとかいう数学問題集あったなあ... STEP1：UIデザインに関係する一般知識を得る ◎目的 このステップはUIデザインに関する前提を知るためにあります。STEP2以降と平行してやってOKです。というよりちゃんと学ぼうと思ったら無限に続きそう。 主なトピックとしては、UIUXとはなにか・人間中心設計・デザインの4原則・デザインガイドラインの4つでしょうか。 ・UIUXとはなにか UIデザインはUX（顧客体験）大きな流れの一部なので、そこを理解しているかどうかは本質的なUI

みなさんこんにちは！青山です。 最近急に暑くなってきましたね。自分は最近、健康に気を使う余裕がなくて体重が増える一方なのでより暑く感じます。 早速ですがお読みいただいた皆さん！ 皆さんのなかに『UIデザイナーを目指している人』や『駆け出しUIデザイナー』の方はいらっしゃいませんか！ いたらなによりです。このまま読み進めてください。読み終わったらすぐにAdobe XDやFigma、そしてSketchを開きたくなることでしょう。 UIトレースの定義(本記事において)この記事で言うところの『UIトレース』とはこのような意味合いです。 - 世の中にあふれる数多のUIパターンをストックし、未来の自分がUI制作にかける時間を短縮することでハッピーライフを目指す。 - UIの原理原則を体得するよくある『情報設計やビジネス的な意図を深く読み解く』ようなことは含みません。代わりに必要な知識・考え方として、『

江戸時代〜昭和時代に制作された図案集や文様集を紹介するコーナー。今回紹介するのは、明治36年（1903年）に山田芸艸堂から出版された図案集「応用漫画」です。 「応用漫画」は上下巻からなる図案集で、明治〜大正時代の図案化・荻野一水によって制作されました。ただし、荻野一水は監修として参加し、実際の図案作成は杉浦非水がおこなったという見方もあります。 杉浦非水は後の日本のデザイン史に大きな影響を与えたデザイナーで、三越呉服店のポスターデザインを手がけたデザイナーでもあります。

2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co

ベテランほど知らずに損してるIllustratorの新常識（10）CSVサポートで身近になったデータ駆動グラフィックでアートワークのバリエーションを作成 連載 ベテランほど知らずに損してるIllustratorの新常識 「変数」機能を使った「データ駆動グラフィック」は、Illustrator 10（2001年にリリース）から搭載されています。しかし、これを使うためにはXMLファイルの準備が必要なため、使うのに躊躇される方が多いようでした。 Illustrator CC 2018（3月アップデート）から、XMLのほか、CSVファイルを扱えることになり、一気に使うハードルが下がりました。 今回は、変数とは何か、どんなときに使えるのか、また、使う上での注意点などについてご紹介します。 https://blog.adobe.com/media_b7215f30a421b3aae8b44948718

1987年埼玉生まれの栃木育ち・群馬県在住。 週末は群馬の温泉を巡っています。 漫画やイラストを描いたり、それに付随した講師もたまにしております。（動画インタビュー） 前の記事：鮭フレークを切り身に戻す ＞ 個人サイト Nuki 参考にした取扱説明書のイメージ。これから説明する部品の全手順を１枚にまとめたものです。 まずはオムレツ 最近よく作るオムレツを１枚にまとめました。なぜ最近よく作っているかというと、YouTubeでセイキンさんがオムレツ専用機でオムレツを作っていて美味しそうだったからです。 我が家にはオムレツ専用機が無いのでフライパンでのレシピです。 バターが決め手。バターがあるのとないのとでは香り・味が違います。 うまくまとまりました。 器具を記載したのは、卵をつかった料理は初心者向けというイメージがあるからです。ここから慣れていきましょう。 実際に運用してみよう！ オムレツレシ

PLAID AdventCalendar 21日目の記事ですデザイナーの@kenichisuzukiです。自分が働いているプレイドでは、新しく入社される方向けにおすすめする推薦図書リストというものがあります。 来年から新たにデザインメンバーの入社が控えているのですが、デザイン文脈での情報が不足していたため、既存のデザインメンバーのおすすめを調査してまとめてみました。 その中から、個人的に共通認識にしたいと感じた書籍を主観でまとめてみたので共有します。 ◇ UXデザイン、UIデザイン編📱 1. Web制作者のためのUXデザインをはじめる本 ユーザビリティ評価からカスタマージャーニーマップまで

フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる