Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence CBT
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Graphic Design & Illustration Icon Design

【超入門】iPhoneアプリのアイコンをAdobe Illustratorで作成しよう!Xcodeへの登録まで!

XcodeでiOSアプリを開発していて、アイコンもご自身で作成したい方向けの講座です。10種類のアイコンを一緒に作成しながらIllustratorの操作と機能を学習しXcodeへの登録もします。Illustrator未経験者向けの講座です。
Rating: 3.9 out of 53.9 (13 ratings)
84 students
Created by 渡部 学
Last updated 1/2021
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • Adobe Illustratorの無料体験版(7日間)をダウンロードし、基本操作を学習できます。
  • Adobe Illustratorを使ってiPhoneアプリのアイコンの作成方法を学習できます。
  • iOSアプリに必要になる複数のサイズにリサイズし、Xcodeに登録する方法を学習できます。

Requirements

  • Adobe Illustratorがインストールできる(されている)PC
  • XcodeがインストールされているPC

Description

iPhoneアプリを開発していて、アイコンもご自身で作成したい方向けの講座です。

Adobe Illustrator未経験者でも大丈夫です。Illustratorの7日間無料体験版インストールから始めます。

受講された方がダウンロードできる「アイコン作成用のテンプレート」を使用してiPhoneアプリのアイコンをデザインしていきましょう。

10種類のアイコンを一緒に作成しながらIllustratorの操作と機能を学習していきます。

講座を学び終えた後には、学習した様々な機能を応用してご自身が思い描くアイコンデザインをすることができるようになります。

※このコースではデザイン的に優れたアイコンデザインを作成することがゴールではなく、Illustratorを使用してアイコンを作成し、Xcodeに登録するまでをご自身で完結することを目的としたコースです。


ーーコース内容ーー

【Adobe Illustrator無料体験版のダウンロード方法】

無料体験版は7日間、全機能を使用することができます。本コースは短時間でアイコンを作成できるので7日間の間に修了することもできます。


【Illustratorの基本操作を学習しよう】

Illustratorの基本操作を学習します。画面の見方、保存方法から学習します。


【アイコンデザインについて】

最近のアイコンのトレンドと、このコースで学べることの関係性について説明します。

AppleのiOSアプリアイコンのガイドラインの簡単な説明。

このコースではデザイン的に優れたアイコンデザインを作成することがゴールではなく、Illustratorを使用してアイコンを作成し、Xcodeに登録するまでをご自身で完結することを目的としたコースです。


【Adobe Illustratorを使ってiPhoneアプリのアイコンを作成しよう】

本コースでは10個のアプリアイコンを例に一緒に作成していきます。


①リマインダーアプリのアイコンを作成しよう」

図形と線を描画して簡単なアイコンを作成します。


②SNSアプリ風のアイコンを作成しよう

文字のアウトライン化、影をつけるドロップシャドウの使い方を学習します。


③メールアプリのアイコンを作成しよう

クリッピングマスク・透明効果を学習しましょう。


④メッセージアプリのアイコンを作ろう

グラデーションの使い方、パスファインダーの使い方を学習することができます。


⑤ファイルアプリ風のアイコンを作成しよう

パスのアウトライン化・パスファインダーの復習と、応用を学習することができます。


⑥ビジネスアプリ風アイコンを作成しよう

オブジェクトのグラデーションのかけ方、立体感のあるグラッフィクの作成方法を学習することができます。


⑦フォトライブラリアプリ風のアイコンを作ろう

透明効果の乗算を使用して、重なり合った透明感のあるグラフィックを作成することができます。


⑧アイソメトリックで立体的なアイコンを作ろう

アイソメトリックのグリッドの作成方法を学習し、擬似的な立体的グラフィックを制作するスキルを身に付けます。


⑨ネオン管グラフィックのアプリアイコンをつくろう

ドロップシャドウの効果を使用してネオン管のような効果をつける方法を学習できます。


⑩インスタグラム風の背景のアイコンを作ろう

グラデーションメッシュ機能を用いて、インスタグラム風の複雑なグラデーションをつける方法を学習できます。


【テンプレートにあてはめよう】

iOSアプリアイコンをデザインするためのテンプレートに当てはめて、実際のアイコンになった時のデザインの確認や微調整する方法を学習します。


【Xcodeに登録するための画像を書き出そう】

iOSで必要になってくる様々なサイズのアイコンの作成方法を学習します。


【Xcodeにアイコン画像を登録しよう】

iOSアプリ開発環境のXcodeのアセットファイルに、適切なアプリアイコン画像を登録できるようになります。

最後にはシュミレーターで実際にアイコンが反映されるか確認するところまで行います。


Who this course is for:

  • XcodeでiPhoneアプリを開発していて、ご自身でアイコンを作成されたい方
  • iPhoneアプリのアイコンをデザインしたい方
  • Adobe Illustrator未経験者・初心者の方

Course content

17 sections • 53 lectures • 2h 33m total length

  • Preview03:08
  • iosアイコン用のaiファイルのダウンロード
    00:04
  • レビューについての考え方とお願い
    02:27

  • Preview01:41
  • Preview03:23

  • Preview00:49
  • Appleのガイドラインについて
    02:25

  • Preview06:33
  • Preview06:01
  • Preview00:34

  • Preview00:18
  • レイヤー分けをしよう
    03:12
  • 円と文字を描こう
    03:31
  • テキストをアウトライン化しよう
    04:01
  • パスをアウトライン化しよう
    03:30
  • ドロップシャドウをかけよう
    02:32

  • Preview00:38
  • 透明表現と乗算について
    05:53
  • クリッピングマスクをしよう
    02:56

  • Preview00:25
  • Preview04:27
  • パスファインダを使って結合しよう
    05:52
  • 文字にグラデーションをかけよう
    02:38
  • 補足:文字で切り抜くパスファインダー
    01:52

  • Preview00:32
  • パスファインダーで中抜きしよう
    04:38
  • 補足:グループ解除でパーツを編集しよう
    00:33

  • Preview00:52
  • 長方形ツールを変形させてZを描こう
    03:56
  • グラデーションで立体感をつけよう
    03:54

  • Preview00:24
  • 回転ツールで複製しよう
    05:55
  • 乗算で透明表現をしよう
    03:42

Instructor

渡部 学
クリエイター / キャラクターデザイン・グラフィックデザイン・立体造形・3Dモデリング
渡部 学
  • 4.4 Instructor Rating
  • 1,002 Reviews
  • 5,595 Students
  • 6 Courses

キャラクターデザイン・グラフィックデザイン・WEBデザイン

3Dモデリング・立体造形・原型制作

など平面のグラフィックと立体を組み合わせた作品を制作しているクリエイターです。


「もにまるず」「 Ambiance Paper」「TRFG」という作品を制作しております。


武蔵野美術大学 視覚伝達デザイン学科 卒

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.