apeescape2.com
  • メイン
  • Uiデザイン
  • 設計プロセス
  • 計画と予測
  • 製品の担当者とチーム
ツールとチュートリアル

経験のないカスタムイラストをデザインするためのステップバイステップガイド

今日、多くの企業がかなり一般的なイラストや画像を使用しているようです。これらのオプションは安価ですが、画像が製品に固有のものではないため、ブランドメッセージは薄められています。

私にだってなれる世界 74パーセント メディアとB2Bマーケターがプロモーションで画像を使用する場合、視覚的にどのように異なるかが重要です。

あなたのブランドが多作である場合、人々はあなたのブランドに関連する視覚言語を学びます。彼らが別の製品に関連付けられている同じ一般的なイラストを見るとすぐに、あなたのブランドアイデンティティは弱まります。



カスタムイラストを使用すると、ブランドアイデンティティの要素を共有の視点と個性の周りに融合させることができます。彼らは直感的なレベルで顧客とコミュニケーションを取り、ブランドが永続的な方法でストーリーを語るのを助けます。

しかし、多くのデザイナーはとして働くことを拒否します イラストレーター 彼らは描画スキルを持っていないことを恐れて。私たちは、すべてのデザイナーが描画せずに美しいイラストを作成する方法を紹介します。

人気のある3つのイラストスタイルを見て、非常に簡単な手順で独自のイラストを一から作成します。次の記事で説明されている手順に従ってください。次のプロジェクトのために素晴らしい作品を作成する方法を学びます。

有名な宇宙のイラストを再現する

画像

ソース: ニーナ・ゲオルギエバ



デザイナー兼イラストレーターのニーナ・ゲオルギエヴァは、この有名なドリブルのパイオニアであり、今ではこのスタイルが独自のトレンドになっています。

Georgievaのインスピレーションを盗んで、いくつかの簡単な手順に従って、独自の空間イラストを作成します。

これはあなたが最終的に得るものです。

画像


一時停止したり、巻き戻したりする場合の完全なビデオチュートリアルは次のとおりです。

1.星から始める

画像

Illustratorの「スターツール」を使用して、4点のスターを作成します。次に、75%を透明にします。

選択した状態で、Ctrl + C、次にCtrl + Fを押して、所定の位置に複製します。

小さいスケールで、前の形を置きます。

次に、スパークリング効果を追加します。最大の形状を選択します。効果を適用します ガウスぼかし パネル 外観 。

最後に、パネル内に星の形を保存できます 記号 後で構成で使用します。

2.雲の形を作成します

画像

長方形をさまざまな幅の測定に配置します。

それらをパネルと組み合わせる パスファインダー 。

それは全体の形に高い価値を与えることになります コーナー半径。

3.雲の惑星のテクスチャを作成します

画像

雲の形から始めて、上記のように惑星のテクスチャ効果を作成します。

たくさんの雲の形を積み重ねて、波状のパターンを作成するために、外側と内側の曲線が連続していることを確認します。

4.テクスチャを調整します

画像

波状のパターンを単純化してから、惑星の形状に適用します。

テクスチャの片側にある余分なドットを取り除き、平らにします。

5.テクスチャ惑星を作成します

画像

波状のパターンを円でオーバーレイし、オプションを使用して分割を作成します 除算 パネル内 パスファインダー 。

円の外側に作成された余分な形状を削除し、惑星の両側に異なるグレー値を適用して照明効果を作成します。

6.地球に環境を追加する

画像

2つの大きな円を作成し、Ctrl + X、次にCtrl + Bを使用して惑星の後ろに貼り付けます。

それらを正しく位置合わせします。

新しい円に透明度を追加し、3番目の円(パネル内)にぼかし効果を追加します 外観 )。

グループ化(Ctrl + G)して、結果をパネルに保存します シンボル 。 ### 7。惑星を複製して色を付けます。

画像

エラー処理のベストプラクティスを表現する

パネルからさまざまな惑星の形をコピーします 記号 それぞれの面に2つの異なる色を使用してそれらを再着色します。

「直接選択ツール(A)」を使用して選択し、「スポイトツール(I)」を使用して色を選択して適用します。

8.惑星をスケーリングして配置します

画像

「選択ツール(V)」を使用して惑星をさまざまな位置に移動し、選択時に表示される白い角をドラッグして、さまざまなサイズを指定します( シフト 比例スケールの場合)。

9.リングを追加します。

画像

惑星の周りにいくつかの円を描いてリングを作ります。

リングの前に小さな惑星を貼り付けるには、それらを選択してから、Ctrl + X(切り取り)およびCtrl + F(貼り付け)を押します。

10.空に雲と星を追加します。

画像

パネルに戻る シンボル 、いくつかの雲と星の形をドラッグアンドドロップします。

複製し、拡大縮小して、必要に応じてスペースに配置します。

これが最終結果です。

画像

スケール、位置、色を試して、自分だけのものにしましょう。

いくつかのタイポグラフィを追加すると、新しいカスタマイズされたデスクトップの背景ができます。

ApeeScapeブログのイラストのスタイルを再現する

画像

ソース: ApeeScapeブログ



ApeeScapeブログは、世界中のトップタレントによって作成されたアイデアとインスピレーションの豊富な情報源です。あなたが今読んでいるもののように、ほとんどの記事はコンテンツをサポートするためにイラストを特徴とします。シンプルな幾何学的形状と明るい色を使用してオブジェクトを表現します。

このスタイルを適用して、独自の食べ物のイラストを作成する方法を見てみましょう。

これはあなたが最終的に得るものです。

画像


一時停止したり、巻き戻したりする場合の完全なビデオチュートリアルは次のとおりです。

1.簡単なポテトチップスを描く

画像

ポテトチップスを作成するには、長い長方形から始めて、「ペンツール(P)」で端にいくつかのドットを追加します。

「直接選択ツール(A)」を使用して、ポイントを移動して形状を調整します。

2.マヨネーズコンテナを作成します

画像

サイズを小さくして、後ろから前に3つの円を作成します。

外側の円はコンテナ、真ん中の円(白)はマヨネーズ、小さい円(色付きのストローク)は照明効果用です。

内側の円を半分に切り、 キャップ そしてその コーナー パネル 脳卒中 丸くなりなさい。

3.ケチャップとマスタードを作成します

画像

マヨネーズを2倍にして、マスタードとケチャップを作ります。

上で提案したように、ソースとライトに異なる色を適用するだけです。

4.レタスに波形を追加します

画像

「ペンツール(P)」で直線を描き、点を数点追加します。

cを学ぶための最良の方法

パネルからの水平方向の分離を分散します 並べるには 。

ポイントを変更して下にドラッグし、完全に滑らかになるまですべてのコーナーを完全に完成させます。

5.パンのスライスを作成します

画像

長い楕円を作成します。波形に配置し、オプションを使用して除算を作成します 除算 パネル パスファインダー 。

ツールから取得した余分な形状を削除します 除算 その後、パンのスライスを再着色します。

7.ハンバーガーを仕上げる

画像

レタスを緑色にします。

次に、それぞれ茶色、黄色、赤の色を使用して、肉、チーズ、トマトに異なる「丸みを帯びた長方形」を作成します。

物を動かして、ハンバーガーを正しく配置します。

8.ハンバーガーからホットドッグを作成する

画像

ハンバーガーのイラストから始めて、トマトとチーズを取り除き、レタスをマヨネーズとマスタードで色を変え、下のパンを2倍にして、より対称的なホットドッグにします。

9.ピザの形をデザインする

画像

ハンバーガーの最上層から始めて、最下点を下に移動してズームインします。

三角形の形を複製し、縮小してから黄色にして、チーズベースを作成します。

10.トマトの形を追加します

画像

大きな赤い円を小さな内側の円でオーバーレイし、パネルの「マイナスフロント」オプションを使用します ディスプレーサ

ピザの形にサイズと位置が異なるトマトのスライスをいくつか配置します。

11.肉のスライスをいくつか作成します

画像

「ペンツール(P)」で有機的な茶色の形を描き、複製して、ピザの上に置きます。

12.追加の材料を追加します

画像

ピザのトッピングを仕上げるために、空のスペースに小さく、よりカラフルで、丸みを帯びたストロークを追加します。

13.シャーベットを作成する

画像

長い白い長方形の星。

「ペンツール(P)」で2点追加し、上端を動かしてストローを曲げます。

中点をコピーして右端に貼り付けてから、赤いストロークを適用し、塗りつぶさないでください。

白い長方形の真ん中に赤い線を移動します。

14.ソーダ缶の形を作る

画像

8面のポリゴンを描画します。缶を追加します。上部の4つのドットを上に移動し、上部と下部のエッジを拡大縮小(S)して、缶のように見せます。

上部と下部に角の丸い長方形を追加して、境界線を作成します。

15.缶の形とストローの大きさを調整します

画像

ドットを動かして形を調整し、缶とストローを適切な比率で拡大縮小します。

16.缶の波のデザインで仕上げます

画像

缶のデザインに有機的な波状の形を描きます。

次に、パネルでスライスを作成します パスファインダー 余分な外形を取り除きます。

最終結果は次のとおりです。

画像

モニュメントバレーゲームに触発されたイラストを再現する

画像

ソース: モニュメントバレー



モニュメントバレー スタジオによって作成されたベストセラーゲームです セット。 2014年のAppleのベストiPadゲームを含む数十の賞を受賞し、そのイラストスタイルはEscherの美しい幾何学的イラストに触発されています。

ここでは、このゲームを大成功に導いたのと同じ視覚スタイルを簡単に作成する方法を学びます。

これはあなたが最終的に得るものです。

画像

イラスト全体の構成要素として使用されるのは、青写真と立方体のみです。

カラーパレットには、水、草、木、建物の4色があります。自然光をシミュレートするために、それぞれ3つの色合いで。


一時停止したり、巻き戻したりする場合の完全なビデオチュートリアルは次のとおりです。

1.アイソメ平面を作成します

画像

正方形から始めて、次の3つの手順に従ってアイソメ形状を作成します。別のアイソメ形状が必要になるたびにこのプロセスが繰り返されるため、注意してください。

これを「アイソメトリック効果」と呼びます。

[効果]> [3D]> [押し出しとベベル]に移動します。

表示されるオプションパネルで、[位置]リストから[アイソメトップ]を選択します。

最初のオプションの[押し出しとベベル]ボックスで[押し出しの深さ]をゼロに設定します。

これでアイソメ平面ができました。

シェイプを上手に操作するには、[オブジェクト]> [外観の展開]に移動します。

これにより、平面の色を変更したり、ポイントを自由に移動したりできます。

これを「拡散効果」と呼びます。

2.島の顔を描きます

画像

島の形の3つの面を作成するには、正方形と2つの長方形を作成します。

それぞれに「アイソメトリック効果」を繰り返します。

ステップ2の場合、 アイソメトリックトップ 、 等尺性左 Y 等尺性の権利 それぞれ。

3.島のベースを完成させて着色します

画像

「拡張」効果を適用し、各顔を異なる緑の色合いで着色し、常に最も明るいものを上にします。

4.パースペクティブキューブ面を作成します

画像

ステップ2で左、上、右の3つの正方形に「アイソメ効果」を適用します。これにより、アイソメキューブを取得するために必要な3つの面が得られます。

イラストの各オブジェクトは3つの面のみを使用することに注意してください。それが等角投影の美しさです。

5.立方体を作る

画像

「拡張効果」でシェイプをドロップし、面をまとめ、3つのグレーのシェードを適用して照明をシミュレートします。

ヒント:最も明るい影は常に上部にあります。右側が最も暗く、左側が中程度のトーンです。これをイラスト内の各形状に適用して、自然光の印象を作成します。

6.ツリーベースを開始します

画像

アイソメキューブと同じ手順に従い、今回は、セットを接続する前に、左右の面を長くします。

次に、木を表すために茶色の3つの色合いを適用します。

7.ツリーを完成させる

画像

木の樹皮を登ります。立方体を複製し、その面と地球の形を緑色で着色します。

8.キューブを使用してビルディングブロックを作成します

画像

建築材料の立方体とピンクの色を複製します。

体重計で遊んでください。下部のポイントを下に移動してタワーベースを作成し、それを拡大縮小して柱を作成します。

9.タワーをマウントします

画像

塔の付け根とピンクの立方体を並べます。

それらとそのギャップ内の3本の柱の位置との間にいくらかのスペースを残してください。

完璧な位置合わせのために、必ず調整してください ポイントにスナップ Y スマートガイド メニューオプション「表示」で。

10.塔に橋を架ける

画像

より高い平面から一番上の点と正しい点を選択し、ツインタワーの同等の平面で点をスナップします。

右側の平面を複製してサイズを変更するだけで、タワーブリッジの境界線を作成できます。

11.階段を作成する

画像

タワーから3つの面をコピーして貼り付けます。エッジを揃えてブロックを作成してから、下のポイントを移動して単一の階段ステップを作成します。ステップを複製して数回配置します。

12.階段を閉じる

画像

左側からドットを並べて階段の吹き抜けを閉じます。

13.階段を回す

画像

階段全体を選択し、「反射ツール(O)」を使用して、2番目の左向きのブロックを作成します。

照明効果を尊重するために、必ず左右の顔の色を変更してください。右側が最も暗い影、左側が中程度の影、上部が最も明るい影です。

14.階段をリンクする

画像

いくつかの立方体を階段に取り付けて階段を作成し、それらを塔にリンクします。

15.水深効果を作成します

画像

複製し、水色の表面を減らします。

さまざまな位置に配置し、さらに濃い青の色合いを追加して、海の深さの効果を完成させます。

16.既存の計画を使用してデッキを開始します

画像

階段やタワーブリッジと同様に、既存の面から開始し、ドットを正しく位置合わせして形状を閉じ、茶色の木の影を適用して終了します。

17.デッキに柱を追加する

画像

樹皮を選択して複製し、縮小して配置し、屋根の柱を作成します。

これが最終結果です。

画像

c言語は何に使用されますか

草や花をシミュレートするために、島の平面に色を付けた、海の大きくて暗いスポット、または小さい等角の正方形を追加できます。

全体として、楽しんで、物事を動かし、今学んだシンプルなビルディングブロックを使用していくつかの素晴らしいタワーを構築してください。

結論として

これらの3つのガイドで見たように、描画したり、きれいなイラストを作成したりするのに、多くのスキルは必要ありません。

覚えておく必要があるのは、次の3つの原則だけです。

  • 明確なアイデアやコンセプトを念頭に置いて始めましょう-あなたは何を表していますか?
  • 既存のアートワークとスタイルからインスピレーションを得てください-アーティストのように盗んでください。
  • 複雑な要素を観察して、操作可能な基本的な幾何学的形状に変換します-シンプルに保ちます。

独自のイラストを作成して、新しいアートワークをDribbbleやWeb上の他の場所にアップロードして楽しんでください。楽しむ!

プライベートエクイティ承継計画のすべきこととすべきでないこと

財務プロセス

プライベートエクイティ承継計画のすべきこととすべきでないこと
ブログを高コンバージョントンネルに変換するための5ステップのプロセス

ブログを高コンバージョントンネルに変換するための5ステップのプロセス

Uxデザイン

人気の投稿
デザインディーバを管理する方法(そして1つではない)
デザインディーバを管理する方法(そして1つではない)
デザインのパートナー–クライアントの共感へのガイド
デザインのパートナー–クライアントの共感へのガイド
収益の質:財務デューデリジェンスの重要な柱
収益の質:財務デューデリジェンスの重要な柱
デザイントーク:UXリサーチャーのCaitriaO'Neillとの実際の研究
デザイントーク:UXリサーチャーのCaitriaO'Neillとの実際の研究
野生のRailsエンジンのガイド:実際のRailsエンジンの実例
野生のRailsエンジンのガイド:実際のRailsエンジンの実例
 
フレームワークを保持する–依存性注入パターンの調査
フレームワークを保持する–依存性注入パターンの調査
ブランドマーケティング担当副社長
ブランドマーケティング担当副社長
SRVB暗号システム入門
SRVB暗号システム入門
デジタル遊牧民のための人間工学:自殺せずに道路で働く
デジタル遊牧民のための人間工学:自殺せずに道路で働く
ビデオゲームの物理チュートリアル-パートIII:拘束された剛体シミュレーション
ビデオゲームの物理チュートリアル-パートIII:拘束された剛体シミュレーション
人気の投稿
  • ラズベリーパイ3サーバープロジェクト
  • クレジットカード情報を検索する
  • あなたは現在ウィンドウズ7を実行しているコンピュータを持っています。次の理由のどれが正当化するでしょう
  • 閉鎖の原則は次のように述べています。
  • c corp vs s corp vsllcテーブル
カテゴリー
製品ライフサイクル データサイエンスとデータベース ヒントとツール Uxデザイン リモートの台頭 ライフスタイル 財務プロセス アジャイルタレント プロセスとツール ツールとチュートリアル

© 2021 | 全著作権所有

apeescape2.com