今日のAIチュートリアル比較テストのすべての人の忍耐は、しかし、アイコンの完全なセットと収穫のアイコンを描画することは間違いの絵のアイコン、ギアの設定の大きな違い、このチュートリアルAIに言及した実用的なヒントの多くがいかに簡単であるか、それ?段階的なアクティビティ?アイコンの質感になる方法?あなたが知っている手の練習!まあ、のは、AIを見ては、Appleウォッチアイコン?プロセスの完全なセットを描いてみましょう、私たちは助けをもたらすことを願って!

  アイコンが表示さ:

  

  次のように具体的な描画処理は次のようになります.

  1. アップルウォッチアイコンのガイドライン

  アップルウォッチアイコンが特定の機能を打つ、他のiOSアイコンフラットトレンディなスタイルに非常に似ているように設計されています:アイコンが円形であります. あなたは、とても素敵なベクトルのアイコンテンプレートをダウンロードし、あなたがより簡単に動作させることができます.

  あなたはアップルウォッチアイコンのより詳細な理論的な生産に興味があるなら、私は非常にアップルウォッチインターフェイスガイドラインと仕様あなたが公式に行くのをお勧めします.

  2. 作成時間、電子メール、音楽アプリのアイコン

  ステップ1

  まず、アイコンテンプレートのオープン1(ダウンロード上記のリンクをクリックしてください.このチュートリアルでは、我々は)テンプレートのアイコン80x80pxを使用し、38ミリメートルの時計に適しています. [表示]> [隠すグリッドに移動し、グリッドが表示されていないが、スマートガイドを確認してくださいと整列機能が見えるように.

  

  ステップ2

  私たちの最初のアイコンを作成してみましょう、4×4ピクセルの円を作成します. 二重楕円ツール(L)コールオプションウィンドウがポップアップし、次にパネル、排出方向アートボードに整列水平および垂直円を整列させます. このサークルは、オレンジ(#FF9506)で満たされています.

  

  ステップ3

  2×40ピクセルの矩形ツール(M)の作成は、矩形秒として使用されます.オレンジ色のスクリーンショットに示すような、中心基準線に入れ、次いで同じで満たされ、そして.

  

  あなたは、Altキーを同時に押しながら円アラインキーオブジェクトと秒針をクリックすることができます.

  

  ステップ4

  レッツは、以下に示すように、基準線のように、それは少し短いその後、-60度を選択させる、秒針をコピーします.

  

  今、私たちは体の分針を描画します. 黒四角形PX 4 X 30を作製し、次に小さな丸印を引っ張ることによって後端が最大化することを可能にするためにダイレクト選択ツールを使用して、丸め.(この例では、半径2ピクセルです).

  

  ステップ5

  このポインタは、次の基準線(それは円形のベースアイコン内に収まるように、それを小さくすることができる)位置に配置されています

  

  ステップ6

  当社の他の4×20時針として長方形ピクセルサイズを作成します.. ラウンドそれし、次に60度回転し、分針が変更に対向して配置されます.

  

  ステップ7

  最後に、楕円ツール(L)を白色の楕円形のアイコンとして80×80ピクセルベース、及び次に、他のすべてのアイコンを作成. すごい! 私たちの最初のアイコンの準備.次のバーに行こう.

  

  ステップ8

  今、私たちは、メールアイコンを作成します.. 任意の色、エンベロープを作る矩形50×33ピクセルを用いて第1、.

  

  三辺を有する三角形または多角形ツールペンツールを作成し、ストロークは2 PTに添加します. オブジェクト>ように三角形になって曲がっを展開.

  

  ステップ9

  最下部の角度が広がると丸みを帯びた形状となるように、包絡線の別の上三角ベースを追加. あなたは、私たちがそれらを必要としないので、長方形の上部と下部を拭き消しゴムツール(Shiftキーを押しながらE)を使用することができます.

  

  下三角トップ消しゴムツール(シフト-E)を削除し、ファインダー三角パス部分をマージ. 最終的エンベロープベースのコピーの、形状(コントロール-C>コントロール-F)、及び上部の長方形の形状を選択し、部分アウトエンベロープカットのパスファインダー機能付き次いで交差点.

  

  ステップ10

  選択矩形再びストライプ、および、これらのトップレベル機能の切断線を引いファインダーパスを適用すること.

  次いで、白色の色のエンベロープ、および直線勾配上でダークブルー(#2066F0)から充填の端部に我々のアイコンの円形の基盤、ライトブルー(#1DD4FD)を追加.

  

  ステップ11

  ノート記号:音楽Appで私たちの次のアイコンは、一つだけの要素が含まれています. 最初の偏向形状をプルダウンし、次に、長方形ピクセル27×11を作成し、ダイレクト選択ツールで、左のアンカー形状を選択.

  

  ステップ12

  「脚」のシンボルを形成する、ツール(M)の二つの長方形形状を作成します.

  

  ステップ13

  次の三つのアンカーブロックを選択するためのダイレクト選択ツールは、丸みを帯びた角を許可します. これらの形状は、次いで、活性になる丸い角を使用するパスファインダーや特性に結合され.

  

  ステップ14

  、シンボルの第2の部分を追加するように滑らかな丸みの全体形状.

  ピンクすることファンデーション、オレンジ(#1 FA5D3B)から充填(#FF2968)の直線勾配.

  

  3. 世界時計、ストップウォッチ、タイマー、目覚まし時計のアイコン

  ステップ1

  今、私たちは時間関連のアイコンに移動します. まず、小円の内側を作成し、48×48ピクセルの円を作成します. パスファインダーマイナストップレベルの機能デバイスを使用して、円を作成します.

  

  ステップ2

  小さな楕円リングに第一の形状で作成され、2つの交差する行を追加し、中心アラインメント.

  

  この形状の上部の水平線、変形>で混合しの効果>ヘルプアークを追加. -35%、水平屈曲に設定されています.

  

  ステップ3

  私たちのボールの下部に別の曲線を追加します..

  直線勾配と暗いオレンジとトップ明るいオレンジ(#ff9408)(#ff7632)プロットファンデーション.

  小さな暗いオレンジ(#e45221)円を追加して、球状の後ろに隠れて、よりコントラストを与えます.

  

  ステップ4

  アイコンの横のストップウォッチのために、我々は時計アイコンの前に作成された世界の基盤を使用します..

  時計のために、楕円の中心から8×8ピクセルのストップウォッチ、秒針と整列し、2×25ピクセルの長方形を作ります.

  

  ステップ5

  長方形ツールを使用すると(M)私たちのストップウォッチのマイナーの詳細の先頭に追加されます. より1に活動角と角の半径を使用して、ストップウォッチの下を滑らかにするには.4PX.

  

  ステップ6

  上のタイマーのアイコンに行こう - それはストップウォッチと同じ基盤を持っています.

  リングの上部中央に矩形ツール(M)と2を作成します.5×13本のピクセルストライプ. 辺3のツールセットの数多角形、またはペンツール(P)と、次に三角形を描きます.下に配置.

  

  ステップ7

  基本的なリングと白の三角形を選択し、リングの左部分マイナス根本的な機能を差し引くことにより、. 中心円アイコンの6×6ピクセルの外部の追加.

  

  ステップ8

  左アンカーに約45度以上の最後に、円形の回転ビニリデン. 形状を拡大し、アンカーを引っ張るダイレクト選択ツール(A).

  時計の形状の我々の手にして、コーナーを固定するために選択アンカーポイントツール(Shiftキーを押しながらC)上のクリックで形質転換.

  

  ステップ9

  当社グループの最後のアイコンが目覚まし時計です. オレンジのアイコンは白いリングとしてだけでなく、同じ基盤を持って前に、. アラームポインタを作ることによって形成された長方形の2つの狭いストライプツール(M)であります.

  

  ステップ10

  私たちは時計部からなる円、はさみツール(C)メソッドを有する側アンカーをクリックして描画する楕円ツール(L)を使用してみよう、円を二つの等しい部分に分割されます. 半円アラームの下部に配置され、その後、このアイコンを完了するには、下部にある二つの小さな「足」を追加.

  

  4. 天気カメラアプリケーションのアイコンを作成します.

  ステップ1

  実質的形状の空を充填底青色までの直線勾配ダークブルー(#2066f0)トップ(#1dd4fd).

  太陽のアイコンとして、円の左側に黄色(#ffc505から#fee403への直線勾配)を追加します. クラウドは、二つの円によって形成された:25.5×25.テンプレートの中央に丸い5 PX、および右部21×21ピクセルの円アイコン.

  

  ステップ2

  矩形43×16ピクセルを作成して、丸みを帯びた角を有するように8ピクセルのコーナー半径. 矩形および円形の位置合わせ、次いで合わせた3つのファインダー形状経路、滑らかな丸みを帯びた雲を形成します.

  

  ステップ3

  90%の透明度を減らすために、白い雲でいっぱい.

  

  ステップ4

  レッツは、カメラアイコンを移動します. 灰色の丸底を作り、底部は、ライトグレー(#dadcdd)の上部に濃いグレー(#dadcdd)直線勾配で充填されています

  濃いグレーを作成する(#3c3c3c)角丸矩形形成カメラシルエット.

  矩形の上部に小さな30×17ピクセルを追加し、丸みを帯びたコーナー半径7pxの左上隅を持つことができ.

  これらの形状も円形、次いで、これらの形状の間の角部を結合さ.

  

  ステップ9

  カメラの上端に幅の狭いストライプを追加し、それはトップを減算する減算.

  

  その後、私たちのテンプレートの中央に配置された9×4ピクセルの四角形を作成するために、シャッターアイコン、. ペンツールは4 PTのストローク幅、およびストロークパネル操作端と丸い角を設定し、シャッターを指す矢印を追加して.

  

  ステップ10

  私たちのカメラのための最終的な詳細を追加します:明るい黄色の6×6ピクセルサイズ(#1 fac81b)指標を作成します. また、ストローク幅4PT大きな円を作成します. スクリーンショットを示すことカメラの直角の円の底部の位置.

  

  ステップ11

  オブジェクト>この大円を展開し、リングに変換. リングとカメラを選択し、上部層マイナスマイナス円を適用し、オブジェクトを形成 - ガラス. カメラ暗い灰色部分を押しを選択コントロール-8は、単一の組み合わされた形状に変換しました.

  

  最後に、生成ツール(シフト-M)又はパスルックアップ関数の形状は、我々のカメラアイコンの不要な部分を切り出し、血管と交差します.

  

  5. 作る通話、テキストメッセージ、およびリモートアプリケーションのアイコン

  ステップ1

  のは、電話のマイクアイコンを作ってみましょう. 8×40の矩形ピクセルを作成し、効果>ディストーション>アーク、27%の垂直偏向値を選択し、湾曲した長方形の左. 2、その後、マイクの上下に滑らかな形状を、その丸みを帯びた角を17×20ピクセルの矩形を追加. マイク部パスファインダーに結合されたすべての.

  

  ステップ2

  その後、ハンドセットの左側が滑らかになるように、削除アンカーポイントツールで不要なアンカーポイントを削除することにより、内部活動が角丸なる使用.

  最後に、携帯電話は、回転45度であり、グラデーション塗りつぶし線形ダークグリーン(#1 0fd51c)に光緑色(#86fb71)と、アイコンの下の上に置きます.

  

  ステップ3

  私たちは、以前に使用したのと同じ緑色の基盤とSMSのアイコンを形成してみましょう. 40×40ピクセル白丸の生産、及びエッジが延びることは、48×40ピクセルの形状に平坦化.

  プラス下部に小さな白い三角形は、吹き出しを形成します. 三角形は、ポイントを以下わずかに丸みを帯びた角であること. 三角形がわずかに弓状になるように、湾曲した円弧上の垂直偏向値を使用して、-36%.

  

  これは、完全なアイコンの外観を示します.

  

  ステップ4

  私たちの次のアイコンは、これは単一の要素が含まれている非常にシンプルなアイコンであり、リモートアプリケーションのアイコンであります.

  まず、勾配の基礎(下部から上部#2066f0深い青に青#には1dd4fd). 5を追加.内部から3PT広い白ストロークとアラインメント. 私たちのアイコンの中央には30×30ピクセル白い三角形を配置します.

  

  ステップ5

  最後に、三角形の二隅があります.5角の半径. すごい! このアイコンは、すでに場所で、それでは次に行きましょうさ.

  

  6. 外出の作成、設定や写真アプリのアイコン

  ステップ1

  外出アイコンは、ランナーの定型化された姿を描いています.

  黄緑色の上部(#c2ec38)と明るい基盤を作成するグラデーション塗りつぶし線形底緑色(#a3fc3f)と.

  曲げ腕、足、体幹等のペンツール(P)によって作成された単離された線は、3 PTストローク幅及び丸い角及びエンドポイントを追加しました.

  6 Ptにトランクの厚み幅ストロークを増加させ、そして次に円形のヘッドとして9×9ピクセルを追加し.

  

  ステップ2

  オブジェクト>延長線、この形状は、ブラックが充填されています.

  

  ステップ3

  アイコンセットは、ギアを含み. 48×48ピクセル、カット状の中間部分からなるリング円を描きます.

  3本の3 ptのストローク幅のラインがテンプレートアイコンセンターを相互接続しそこを添加しました.

  

  ステップ4

  今、私たちは段ボールのラックに追加する必要があります.

  9 PXは次いで上端がわずかに狭い長方形の5 Xを生成しました. 上記角度が有するように1.計6Px丸みを帯びた角の半径. トップとラックの代わりに、波形の下部.

  すべての段ボール回転ツール(R)を選択し、オプションウィンドウを呼び出すために、回転工具(R)をダブルクリックし、その後、回転値18分の360を設定します. この方法では、Adobe Illustratorの18は自動的に形状の適切な値を計算します. 押してコピーボタン.

  

  ステップ5

  プレスコントロール-Dは、何回も私たちの最後のアクションを繰り返して、より多くの波紋を追加. このアイコンを達成するために、色は全ての波形と、次に回転-10度、白変換、すべての波形を選択します.

  

  ステップ6

  私たちの次のアイコンが定型化された写真アプリです. 第20 X30のPXを作成し、10は、花弁のように、丸みを帯びた長方形のコーナー半径PXを有します.

  下のスクリーンショットのように花びらが、それをコピーして、テンプレートの下部にあるアイコンを入れ、コピー.

  コピーを作成すると、回転工具(R)、アプリケーション角度値8分の360を花びらのすべての花弁を8部を選択し、コピーボタンを押してください.

  

  ステップ7

  8の花を形成するためのプレスコントロール-D数回. 変換乗算は、混合モードペタル80%の透明度を減少させます. オレンジ(#fa9700)、黄色(#1 f0e22c)、(#b5d558)、ターコイズ(#6ec19d)、緑、青(#:レッツは、ほとんどの時計回りの途中から移動し、各花びらに好きな色を使用します71b5e1)、バイオレット(#8f60c3)、ピンク(#1 d782a4)と赤(#1 ff2c2c).

  白い床の上のアイコン上の花.

  

  7. 証券、イベント、書籍やカレンダーアイコン

  ステップ1

  ストックアイコンは、ミニマリストのマップが含まれています. アイコン暗い床を作成する(#3f3f3f)、次いで縦サイズチャート形成3PT水色(#02a6f5)を作るためにラインツールを使用し. テンプレートの真ん中にそれを入れて、

  それ視覚が分離を行うために、小さな青い円と濃いグレーを適用する(#3f3f3f)1PTストロークを追加. アイコンの両側に別の4行を追加し、3PT脳卒中のライトグレー(#555555)で .

  オブジェクト>延長線、およびアイコンの底部の除去、ビルダーの形状(シフト-M)を必要としない、またはパスファインダーとすることができます.

  

  ステップ2

  ペンツール(P)が1を描画していると.5ptストロークは生産を終了するには、アイコンを追加するには地図上の線をギザギザ.

  

  ステップ3

  イベントアイコンは、3色のグラデーションリングが含まれています. そのようなA環を形成するために、最初の必要性は、混合グループを作成します.

  同じ長方形の6×7 PX 2、請求ピンク(#ff2b91)赤色(#1 f1281e)の製造.四角形を選択し、オブジェクトを検索する>ミックス>を作成.

  あなたは素敵なスムーズなシームレスなミックスを作るために編集したオブジェクト>ブレンドオプションこの設定、使用色を混在させることができます>. 混合グループは、ブラシパネルをドラッグして、デフォルトの設定で新しいアートブラシを作成するために作成しました.

  

  ステップ4

  私たちのベース円アイコンとして濃いグレー(#393839)を作成し、その上に別の円を置き、我々は、ブラシストロークなどで作成しました. それはテンプレートアイコンの外縁に一致するように、円の大きさを調整します. オブジェクトを選択し、1 PT幅ストロークを設定>拡張外観、ブラシストロークの形状となります. 所望であれば、ミラー手段(O)または水平フリップ形状は、我々は、リングの左から右に赤ピンク色有するよう.

  、上部中央領域にピンク(#ff2b91)小さな円は、カラーリングを作成することは2つの色の間のリンクを非表示に使用される、高さの形状に適合行います.

  

  ステップ5

  今、私たちは、微妙な影を追加する必要があります. あなたはいくつかの部分に分割して、我々はリングでそれを展開することがあり. これは、私たちが必要とするものです!

  赤トップリングは、セグメントを選択しコピーし、正面に貼り付け(コントロール-C>コントロール-F). 白色の線形勾配としてコピー層マゼンタ(#a11b17)に添加し、次いで混合モード乗算に変換し、したがって白色チップの階調が表示されていません.

  

  ステップ6

  同じ技術を持つ円形の形状の内側にある2つの以上の色を作成します.. 青(#06e3f9)混合グループにターコイズ(#1 06ffaa)から黄色(#1 d8ff06)と緑色から芸術ブラシ(#86e402)と混合したグループを作成します. このアイコンの生産を完了するために、小さな丸いソフトシャドウやアプリケーションを追加します.

  

  ステップ7

  次に、本のアイコンである四つの小絵文字が含まれています.クレジットカード、飛行機、カメラやコーヒーカップを. これらは、単純な絵文字であり、形状が活動や特性ヘルプパスファインダー角度において実質的により形成されます. あなたが一歩一歩下のスクリーンショットから見ることができるようにどのように各絵文字アイコンが作られています接続します.

  

  ステップ8

  ファンデーションのアイコンは、4本の異なる色のストライプで構成されています(#ff4e46)、青(#439eca)赤、緑(#3dca36)とオレンジ(#ffa02b)は、それぞれ高さが20ピクセルであります. Altキーを押しながら、すべてのオブジェクトを選択することで、デフォルトの円形ベースの形状生成ツール(Shiftキーを押しながらM)の助けを借り80×80pxのアイコンを使用して作成した後、不要な部分をクリックし、削除不要なストライプ.

  

  ステップ9

  3の作成.5×3.ラウンド5ピクセル、およびトップと交差オレンジストライプ、形状を引っ張っプレスAltキーとShiftキーのキーのコピー. より丸みを帯びたレプリカを形成するために、コントロール-Dを押し. 続いて、押して、組み合わせパスにすべてのレプリカとコントロール-8を選択. その穴からラウンドとオレンジのストライプを選択し、マイナストップレベルのアプリケーション機能カット.

  私たちは、アイコンの中央に作成した絵文字を配置する前に最後に、それらを揃えます.

  

  それはヘルベチカノイエフォントで作られたテキストで、シンプルな白いアイコンは基盤を構成するアイコンアイコンの私たちの最後のセットは、カレンダーです.

  

  上手! アップルウォッチメイン画面のアイコンが完了しています!私たちは20個のアイコン画面アプリケーションの全体集合、いくつかの基本的な図形の使用、曲がった効果といくつかのヒントを作成しました. 私はあなたがプロセスを楽しむために、このガイドに従うことを願って、そしていくつかの興味深い技術を見つけました.

  

  AIは、全体のプロセスのアイコンアップルウォッチの完全なセットを描くのエンドは、チュートリアルでは長いですが、知識は、この記事はあなたにいくつかの助けを与える非常に多くの希望を含ま!

AIは、アイコンのAppleウォッチの完全なセットを描きます

Recommend Article: