Major Softwares

  INDEX PAGE

  1. 簡介
  2. Java, Android和LibGDX好書推介
  3. Java, Android和LibGDX要學的知識
  4. 用Windows寫Java程式
  5. 用Eclipse寫Java程式
  6. 用Eclipse寫Android程式
  7. 用Eclipse寫LibGDX程式
  8. Standard Java Naming Conventions
  9. System.out.println()的用法和意思
  10. Where is main() method in Android?

LibGDX - Splash & Menu Screen

  1. LibGDX: World, Texture, Background, Camera, Viewport, Screen & OpenGL
  2. LibGDX: Texture, TextureRegion, SpriteBatch & Sprite
  3. UML(Unified Modeling Language): Class Diagram
  4. Type Casting, Upcasting & Downcasting
  5. @Override的用法和意思
  6. LibGDX: Scene2d & Graphical User Interface(GUI)
  7. LibGDX: Splash Screen
  8. LibGDX: Texture Packer
  9. LibGDX: BitmapFonts, JSON & Skin
  10. Android: R.java File
  11. Android: onClick事件的5種實現方式
  12. LibGDX: Game Menu Screen
  13. LibGDX: Advanced Game Menu Screen (using Abstract Screen)
  14. LibGDX: Disposable Interface
  15. Java & LibGDX: super keyword
  16. LibGDX: Advanced Game Menu Screen (using AssetManager)
  17. Java: Array, Arrays, List, ArrayList & LibGDX: Array
  18. LibGDX: File I/O (Preferences)
  19. LibGDX: Game Level Selection Screen
  20. LibGDX: Advanced Game Level Selection Screen (using AssetManager)

LibGDX - Tiled 2D Platform Game

  1. LibGDX: Lifecylce (Render() Method)
  2. LibGDX: Delta Time
  3. LibGDX: Animation & Spritesheet
  4. LibGDX: Keyboard, Mouse & Touch Screen Control
  5. Input Control (Polling VS Event Driven Input)
  6. LibGDX: Tiled (Background and Foreground)
  7. LibGDX: Jumping Action
  8. LibGDX: Tiled (Collision Detection)
  9. LibGDX: Tiled (Bullet Class)
  10. LibGDX: Audio (Sound & Music)
  11. LibGDX: Tiled (Scrollable Background with Camera & HUD)
  12. LibGDX: WorldController & WorldRenderer Class

LibGDX/Java - Card Game No.1 - Blackjack

  1. LibGDX: Install & Setup Android Studio IDE
  2. LibGDX: Use Android Studio to Run Java Hello World
  3. LibGDX: Use Android Studio to Run LibGDX Hello World
  4. Adobe Illustrator: Basic Components Part 1
  5. Adobe Illustrator: Basic Components Part 2
  6. Adobe Illustrator: BlackJack Table & Cards
  7. LibGDX: Blackjack Animation
  8. LibGDX: Interpolation
  9. Java: toString() Method
  10. Java: Blackjack Shuffle Methods
  11. LibGDX: Blackjack Shuffle Method
  12. Java: Blackjack Card Game

LibGDX - Others

  1. Making and Displaying App Icon
  2. LibGDX: Displaying Traditional and Simplified Chinese Characters
  3. LibGDX: Handling Different Screen Resolutions

Unity Game Engine & C#

  1. Visual Studio: C# Hello World
  2. Unity: C# Hello World
  3. Unity: Handling Different Screen Resolutions
  4. Unity: Life Cycle
  5. Unity: StartCoroutine, StopCoroutine, IEnumerator & Yield
  6. Unity: Splash Screen
  7. Unity: Fonts, Traditional and Simplified Chinese Characters
  8. Unity: GameObject, Class Object, new & Instantiate
  9. Unity: Start Screen with Glowing Animated Button
  10. Unity: C# Get & Set Modifier
  11. Unity: Delegates & Events
  12. Unity: File I/O, Read & Write Text File & PlayerPrefs
  13. Unity: Game Level Selection Screen
  14. Unity: Game Menu Screen & ScreenManager
  15. Unity: Encrypt and Decrypt Text File
  16. Unity: Options Menu Screen
  17. Unity: Convert Numbers Image to Custom Font

Unity - Card Game No.1 - Blackjack

  1. Unity: Blackjack Card Game - Part 1 (Full Game)
  2. Unity: Blackjack Card Game - Part 2
  3. Unity: Blackjack Card Game - Part 3
  4. Unity: Blackjack Card Game - Part 4
  5. Unity: Blackjack Card Game - Part 5
  6. Unity: Blackjack Card Game - Part 6
  7. Unity: Blackjack Card Game - Part 7

以下是預告-Coming soon!


Secret Weapon No.1

  1. Unity: Card Game No.2

Advanced Programming

  1. Unity: GPS Programming
  2. Unity: User Login System
  3. Unity: Augmented Reality (AR)

Secret Weapon No.2

  1. Unity: GPS & AR Application

第48節 - Adobe Illustrator: BlackJack Table & Cards

從這一節開始,我會開始製作Adobe Illustrator的Blackjack Table(桌子)、Cards(紙牌)、Gambling Chips(籌碼)和Scores(分數)等等。

注意,這一節會很長,一次過介紹全個製作,大家可以在本節尾部下載Adobe Illustrator的Blackjack Table檔案。

BlackJack的草圖

首先我們可以用紙筆設計我們心目中的Blackjack遊戲畫面,如下圖:

Adobe Illustrator: BlackJack Table & Cards

Adobe Illustrator - BlackJack的完成圖片

用Adobe Illustrator製作BlackJack的圖片,我會在下幾節詳細介紹:

注意,圖片製作是參考http://tutsplus.com

Adobe Illustrator: BlackJack Table & Cards

Adobe Illustrator: BlackJack Table & Cards

開始製作:

第1部分

Adobe Illustrator: BlackJack Table & Cards
  1. 建立新檔案,大小為1024x768 px。

第2部分

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為1024x30 px。

  3. 設定顏色。

  4. 把剛剛完成的圖片合併在一起。

第3部分

Adobe Illustrator: BlackJack Table & Cards

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為1024x40 px。

  3. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定字型、字型粗幼和字型大小。

  3. 設定顏色。

  4. 設定Drop Shadow,Y Offset=1代表Shadow向下,再設定Shadow顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為1024x1 px。

  3. 因為我們想建立一個比底色較深的顏色,所以我們可以把圓圈向下移動,如上圖。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為1024x2 px。

  3. 因為我們想建立一個比底色較淺的顏色,所以我們可以把H值加大約22

  4. 再把圓圈向上移動,如上圖。

Adobe Illustrator: BlackJack Table & Cards
  1. 把剛剛完成的圖片合併在一起。

  2. 再把剛剛完成的圖片合併在一起。

第4部分

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為1024x698 px。

  3. 設定顏色。

  4. Add New Fill,再設定Fill的Gradient,設定顏色和Opacity=50% Overlay。

  5. Add New Fill,設定顏色,再在Menu中選擇Effect>Effect Gallery>Film Grain和Opacity=8% Multiply。

  6. Add New Fill,設定顏色,再在Menu中選擇Effect>Effect Gallery>Sponge和Opacity=10% Multiply。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為400x55 px。

  3. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為60x60 px。

  3. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Add Anchor Point Tool,在正方形的左面中間位置加上一粒狀Anchor Point。

  2. 選擇Direct Selection Tool,選擇左面中間剛剛新增的Anchor Point。

  3. 向左移動20 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Object>Transformer>Reflect。

  2. 按Copy鍵,複製一個反映圖像。

Adobe Illustrator: BlackJack Table & Cards
  1. 把三個圖像放在如圖位置。

  2. 選擇左邊二個圖像。

  3. ^代表鍵盤的話Control鍵,Control C代表Copy,而Control V代表Paste,則是複製一次的意思。

  4. 選擇Minus Front。

  5. 選擇右邊二個圖像。

  6. ^代表鍵盤的話Control鍵,Control C代表Copy,而Control V代表Paste,則是複製一次的意思。

  7. 選擇Minus Front。

    最後,把三個圖像放在如圖位置。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Type Tool。

  2. 設定字型、字型粗幼和字型大小。。

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Opacity=70% Overlay。

  2. 選擇圖片和所有文字,再在Menu中選擇Effect>Warp>Arc,再設定Warp Options的值。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為100x100 px。

  3. 選擇No Fill。

  4. 設定Opacity=70% Overlay。

  5. 設定四個角的Radius = 10 px。

  6. 設定Stroke(邊線)=3px,inside,再設定Stroke(邊線)的顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 把剛剛完成的圖片合併在一起。

第5部分

Adobe Illustrator: BlackJack Table & Cards

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為1024x80 px。

  3. 設定Fill的Gradient和顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為1024x2 px。

  3. 因為我們想建立一個比底色較深的顏色,所以我們可以把圓圈向下移動,如上圖。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為1024x1 px。

  3. 因為我們想建立一個比底色較淺的顏色,所以我們可以把H值加大約22

  4. 再把圓圈向上移動,如上圖。

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Opacity=100% Overlay。

  2. 把剛剛完成的圖片合併在一起。

第6部分

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為100x40 px。

  3. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 首先選擇Rectangle,再在Menu中選擇Effect>Stylize>Round Corners。

  2. 把握Radius設定為5px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Object>Expand Appearance。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Object>Path>Offset Path。

  2. 設定Offset Path=-2。

    注意,Offset Path不是把原本的Rectangle縮小,而是會自動產生一個新的Rectangle。

Adobe Illustrator: BlackJack Table & Cards
  1. ^代表鍵盤的話Control鍵,Control C代表Copy,而Control F代表Paste in Front,則是在正前方複製兩次的意思。

    Path就會在正前方複製兩次。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇最上層的Path。

  2. 按鍵盤向下鍵兩次,,則向下2 px。

  3. 按鍵盤Shift鍵再選擇第二層的Path,現在已選擇了二層的Path。

  4. 在Pathfinder按Minus Front,把兩個Path物件相

Adobe Illustrator: BlackJack Table & Cards
  1. 把兩個Path物件相後,會產生一個Path物件。

  2. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇下一層的Path,則原本的話Rectangle。

  2. ^代表鍵盤的話Control鍵,Control C代表Copy,而Control F代表Paste in Front,則是在正前方複製兩次的意思。

  3. Path就會在正前方複製兩次。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇最上層的Path。

  2. 按鍵盤向下鍵五次,,則向下5 px。

  3. 按鍵盤Shift鍵再選擇第二層的Path,現在已選擇了二層的Path。

  4. 在Pathfinder按Minus Front,把兩個Path物件相

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Fill的Gradient和顏色。

  2. 設定Fill的Gradient和顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇剛剛產生的圖形。

  2. ^代表鍵盤的話Control鍵,Control C代表Copy,而Control F代表Paste in Front,則是在正前方複製一次的意思。

  3. 用Rotate Tool把圖形迴轉180度,再放置在下方,如上圖。

Adobe Illustrator: BlackJack Table & Cards
  1. 把原本的Rectangle暫時拉出。

  2. 設定Stroke(邊線)=2px,inside,再設定Stroke(邊線)的顏色。

  3. 設定Stroke(邊線)的Opacity=20%。

  4. Appearance Panel如上圖。

Adobe Illustrator: BlackJack Table & Cards
  1. Add New Stroke,設定Stroke(邊線)=1px,inside,再設定Stroke(邊線)的顏色和設定Opacity=20%。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定Fill的Gradient和顏色。

  3. 設定Fill的Gradient和顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Opacity=50% 。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇上方較小的Rectangle,並按鍵盤的delete鍵,把較小的Rectangle刪除。

  2. 最後把它們合併。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Type Tool。

  2. 設定字型、字型粗幼和字型大小,再製作四種植Button。

  3. 把剛剛完成的圖片合併在一起。

第7部分

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為158x30 px。

  3. 設定Drop Shadow,Y Offset=1.5代表Shadow向下,再設定Shadow顏色。

  4. 設定Fill的Gradient和顏色。

  5. 設定Stroke(邊線)=3 px,inside,再設定Stroke(邊線)的顏色。

  6. Add New Stroke,設定Stroke(邊線)=1.5 px,inside,再設定Stroke(邊線)的顏色。

  7. 設定四個角的Radius = 4.5 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Type Tool。

  2. 設定字型、字型粗幼和字型大小。

  3. 選擇Type,再在Menu中選擇Create Outlines。

  4. 選擇Type,再在Menu中選擇Object>Compound Path>Make。

  5. 設定Fill的Gradient和顏色。

  6. 設定Drop Shadow,Y Offset=-1代表Shadow向上,再設定Shadow顏色。

  7. 設定Drop Shadow,Y Offset=1代表Shadow向下,再設定Shadow顏色。

  8. 把剛剛完成的圖片合併在一起。

第7部分

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為500x30 px。

  3. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Effect>Stylize>Round Corners。

  2. 設定四個角的Radius = 3 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Object>Expand Appearance。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇最上層的Path。。

  2. ^代表鍵盤的話Control鍵,Control C代表Copy,而Control F代表Paste in Front,則是在正前方複製兩次的意思。

    Path就會在正前方複製兩次。

  3. 按鍵盤向上鍵一次,則向上1 px。

  4. 按鍵盤Shift鍵再選擇第二層的Path,現在已選擇了二層的Path。

  5. 在Pathfinder按Minus Front,把兩個Path物件相

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定Fill的Gradient和顏色。

  3. 設定Opacity=80% Color Burn。

Adobe Illustrator: BlackJack Table & Cards
  1. Add New Fill。

  2. 設定Fill的Gradient和顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. Add New Fill。

  2. 設定Fill的Gradient和顏色。

  3. 設定Stroke(邊線)=1 px,inside,再設定Stroke(邊線)的顏色。

  4. 把剛剛完成的圖片合併在一起。

第8部分

Adobe Illustrator: BlackJack Table & Cards

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為1x30 px。

  3. 設定Fill的Gradient和顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為4x30 px。

  3. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為4x1 px。

  3. 設定顏色和Opacity=15%。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 選擇Rectangle Tool。

  3. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為4x6 px。

  3. 設定顏色。

  4. 設定顏色。

  5. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為1x30 px。

  3. 設定Fill的Gradient和顏色。

  4. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Fill的Gradient和顏色。

  2. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Fill的Gradient和顏色。

  2. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Fill的Gradient和顏色。

  2. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Fill的Gradient和顏色。

  2. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Fill的Gradient和顏色。

  2. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Effect>Distort & Transform>Transform。

  2. 設定Transform Effect值。

  3. 把剛剛完成的圖片合併在一起。

第9部分

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Ellipse Tool。

  2. 設定大小為40x40 px。

  3. 設定Stroke(邊線)=7 px,inside,再設定Stroke(邊線)的顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Object>Path>Outline Stroke。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Line Segment Tool。

  2. 建立兩條十字線,按照Mouse右鍵,選擇Group把它們合併。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Object>Transformer>Rotate。

  2. 設定Rotate值。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Object>Transformer>Rotate。

  2. 設定Rotate值。

Adobe Illustrator: BlackJack Table & Cards
  1. 建立所有線,按照Mouse右鍵,選擇Group把它們合併。

  2. 在於Pathfinders內,選擇Divide。

  3. 按照Mouse右鍵,選擇Ungroup把它們分析。

  4. 把不須要部分刪除。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇圖片的四個部分,設定顏色為白色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇剛剛完成的四個白色部分。

  2. 設定Offset Path=-1 px和Opacity=5%。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Ellipse Tool。

  2. 設定大小為42x42 px。

  3. 設定Stroke(邊線)=1 px,再設定Opacity=10%。

  4. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Ellipse Tool。

  2. 設定大小為38x38 px。

  3. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇最上層的Path。^代表鍵盤的話Control鍵,Control C代表Copy,而Control F代表Paste in Front,則是在正前方複製一次的意思。

    Path就會在正前方複製一次。

  2. 按鍵盤向下鍵一次,則向下1 px。

  3. 按鍵盤Shift鍵再選擇第二層的Path,現在已選擇了二層的Path。

  4. 在Pathfinder按Minus Front,把兩個Path物件相

  5. 設定Fill的顏色為白色和Opacity=50%。。

  6. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為26x26 px。

  3. 設定Fill的Gradient和顏色。

  4. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Ellipse Tool。

  2. 設定大小為26x26 px。

  3. 設定Stroke(邊線)=2 px,再設定Stroke(邊線)的顏色為黑色。

  4. 設定Drop Shadow,Y Offset=1代表Shadow向下,再設定Shadow顏色。

  5. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Type Tool。

  2. 設定字型、字型粗幼和字型大小。

  3. 選擇Text,再在Menu中選擇Type>Create Outlines。

  4. 選擇Text,再在Menu中選擇Object>Compound Path>Make。

  5. 設定Fill的Gradient和顏色。

  6. 設定Drop Shadow,Y Offset=1代表Shadow向下,再設定Shadow顏色。

  7. 設定Drop Shadow,Y Offset=-1代表Shadow向上,再設定Shadow顏色。

  8. 把剛剛完成的圖片合併在一起。

Adobe Illustrator: BlackJack Table & Cards
  1. 按照Mouse右鍵,選擇Ungroup把它們分析。

  2. 選擇每一個部分。

  3. 設定顏色。

  4. 設定顏色。

  5. 設定顏色。

  6. 設定顏色。

  7. 設定顏色。

  8. 把剛剛完成的圖片合併在一起。

第10部分

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為300x212 px。

  3. 設定Fill的Gradient和顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Add New Fill。

  2. 設定Fill的Gradient和顏色。

  3. 設定Fill的Opacity=15%。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Add New Fill,再新增一個Fill,設定Fill的顏色。

  2. 選擇Rectangle,再在Menu中選擇Effect>Artistic>Colored Pencil,再設定Colored Pencil的數值。

  3. 設定Fill的Opacity=5% Multiply。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為34x152 px。

  3. 設定Fill的Gradient和顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Effect>Stylize>Round Corners。

  2. 設定四個角的Radius=3 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Effect>Stylize>Inner Glow。

  2. 設定Inner Glow的數值。

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Stroke(邊線)=3x,inside,再設定Stroke(邊線)的顏色。

  2. 設定Stroke(邊線)的Opacity=10% 。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Effect>Stylize>Drop Shadow。

  2. 設定Drop Shadow,Y Offset=1代表Shadow向下,再設定Shadow顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Effect>Stylize>Drop Shadow。

  2. 設定Drop Shadow,X Offset=-1代表Shadow向左。,再設定Shadow顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Effect>Distort & Transform>Transform。

  2. 新增五個Rectangle,每個相距38 px,則否copy=5, Move Horizontal=38 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Direct Selection Tool。

  2. 選擇圖片下方的兩個角。

  3. 按鍵盤Shift鍵可以連續選擇。

  4. 在Menu中選擇Other Scripts,選擇已下載完成的Round Any Corner.js

  5. 設定Radius=10 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇最上層的Path。。

  2. ^代表鍵盤的話Control鍵,Control C代表Copy,而Control F代表Paste in Front,則是在正前方複製兩次的意思。

    Path就會在正前方複製兩次。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇最上層的Path。

  2. 按鍵盤向上鍵一次,則向上1 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 按鍵盤Shift鍵再選擇第二層的Path,現在已選擇了二層的Path。

  2. 在Pathfinder按Minus Front,把兩個Path物件相

  3. 把Fill的的所有設定刪除,再設定Fill的顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 按鍵盤向上鍵兩次,則向上2 px。

  2. 把剛剛完成的圖片合併在一起。

第11部分

Adobe Illustrator: BlackJack Table & Cards

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為102x152 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Direct Selection Tool。

  2. 選擇圖片下方的兩個角。

  3. 按鍵盤Shift鍵可以連續選擇。

  4. 在Menu中選擇File>Scripts>Other Scripts,選擇已下載完成的Round Any Corner.js

  5. 設定Radius=5 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle。^代表鍵盤的話Control鍵,Control C代表Copy,而Control F代表Paste in Front,則是在正前方複製兩次的意思。

    Path就會在正前方複製兩次。

  2. 選擇最上層的Path。

  3. 按鍵盤向上鍵一次,則向上1 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 按鍵盤Shift鍵再選擇第二層的Path,現在已選擇了二層的Path。

  2. 在Pathfinder按Minus Front,把兩個Path物件相

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Fill的顏色。

  2. 按鍵盤向上鍵兩次,則向上2 px。

Adobe Illustrator: BlackJack Table & Cards
  1. Add New Fill,再設定Fill的Gradient和顏色。

  2. Add New Fill,再設定Fill的Gradient和顏色。

  3. 在Menu中選擇Effect>Artistic>Colored Pencil,再設定Colored Pencil的數值。

  4. 設定Opacity=5% Multiply。

  5. 設定Stroke(邊線)=1 px,inside,再設定Stroke(邊線)的顏色為黑色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為88x115 px。

  3. 選擇Rectangle,再在Menu中選擇Effect>Stylize>Round Corners。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Ellipse Tool。

  2. 設定大小為30x14 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇剛剛完成的兩個圖片。

  2. 在Pathfinder按Minus Front,把兩個Path物件相

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Fill的Gradient和顏色。

  2. 選擇Rectangle,再在Menu中選擇Effect>Stylize>Inner Glow,並設定Inner Glow的值。

  3. 設定Drop Shadow,Y Offset=-1代表Shadow向上,再設定Shadow顏色。

  4. 設定Drop Shadow,Y Offset=1代表Shadow向下,再設定Shadow顏色。

  5. 設定Stroke(邊線)=3 px,inside,再設定Stroke(邊線)的顏色為黑色,再設定Opacity=10%。

  6. 完成圖片。

  7. 把剛剛完成的圖片合併在一起。

第12部分

Adobe Illustrator: BlackJack Table & Cards

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為56x82 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 設定Fill的Gradient和顏色。

  2. 設定四個角的Radius = 4 px。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Object>Path>Offset Path。

  2. 選擇Rectangle Tool。

  3. 設定Fill的Gradient和顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Object>Path>Offset Path。

  2. 選擇Rectangle Tool。

  3. 設定顏色。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle Tool。

  2. 設定大小為2x3 px。

  3. 設定顏色。

  4. 設定顏色。

  5. 選擇Rectangle Tool。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Object>Path>Offset Path。

Adobe Illustrator: BlackJack Table & Cards
  1. 把Swatches內自建的圖案拉入Rectangle內。

Adobe Illustrator: BlackJack Table & Cards
  1. 選擇Rectangle,再在Menu中選擇Effect>Distort & Transform>Transform,並設定Transform Effect的值。。

  2. 把剛剛完成的圖片合併在一起。

  3. 再把剛剛完成的圖片合併在一起。

第13部分

Adobe Illustrator: BlackJack Table & Cards

  1. 以上紙牌圖片不會在這樣介紹,因為在網上有很多這類的圖片下載。大家也可以在本節尾部下載。

Adobe Illustrator - BlackJack的完成圖片

Adobe Illustrator: BlackJack Table & Cards
Adobe Illustrator: BlackJack Table & Cards

Download above Illustrator file here!