Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Graphic Design

एडोब इलस्ट्रेटर में iMessage स्टिकर कैसे बनाएं और अतिरिक्त नकद कमाए!

by
Read Time:11 minsLanguages:
This post is part of a series called Home Sweet Home.
How to Create a Mini 3D House in 3D Studio Max
How to Create an Abstract Vietnamese Woman Portrait in Adobe Photoshop

Hindi (हिंदी) translation by Ashish Rampal (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

आपने देखा होगा कि iMessage स्टिकर के लिए एक क्रेज है क्योंकि उन्हें  iOS 10 के साथ पेश किया गया था। आज, आप पहले से स्थापित emoji का उपयोग करने के बजाय अब अपने डिजिटल स्टिकर बना सकते हैं और बेच सकते हैं।

IMessage स्टिकर आपके विचारों और ख्यालों को व्यक्त करने के लिए एक शांत और मजेदार तरीका है क्योंकि आप उन्हें गढ़ सकते हैं, स्थापित कर सकते हैं और अपनी चैट में शामिल कर सकते हैं !

अगर आपने कभी सोचा है कि iOS के लिए एक स्टिकर पैक बनाने में क्या लगता है, तो इस ट्यूटोरियल में, हम एक स्केच से काम करेंगे, जिसमें Adobe Illustrator में लाइन, आकृति और रंगों का उपयोग करके सरल iMessage स्टिकर्स का निर्माण किया जाएगा। फिर ऐप स्टोर पर अपने iMessage स्टीकर पैक को लॉन्च करने के लिए iTunes Connect और Xcode में लांच करेंगे।

यदि आप अपने स्वयं के स्टिकर डिजाइनों के लिए emoticon inspiration तलाश रहे हैं, तो GraphicRiver पर पॉप करें.

1. एक अवधारणा के साथ आओ और एडोब इलस्ट्रेटर में अपनी स्टिकर फाइल तैयार करो

Step 1

मैं थोड़ी देर के लिए घर को मिस कर रहा था कोई भी बात नहीं है कि मैं यात्रा के चमत्कारों का कितना आनंद लेता हूं, मेरा पेट हमेशा "घर" के भोजन की खुशबू से भरा रहता है. इसलिए मैंने अपना थीम "Lebanese food" पर आधारित करने का निर्णय लिया। लेबनानी व्यंजनों के रूप में विविधता के साथ अमीर और प्रचुर मात्रा में कुछ भी नहीं है.

तो आइए हम अपने भोजन की अवधारणा को कागज पर डिजिटल रूप से शुरू करें.

मैंने Lebanese की मेज से 12 भोजन के "स्टिकर" तैयार किये हैं, और Labanese में उनके नामों को सिर्फ संदर्भ के लिए लेबल किया है।

आम तौर पर स्टिकर पैक के लिए लगभग 24 डिज़ाइनों का होना अच्छा है, लेकिन इस ट्यूटोरियल के लिए हम सिर्फ 12 पर काम कर रहे हैं।

नीचे के रूप में, 4 x 3 ग्रिड फ़ॉर्म में 12 आइटम स्कैचिंग से प्रारंभ करें

sketch lebaanese foodsketch lebaanese foodsketch lebaanese food

स्केचिंग समाप्त करने के बाद, स्केच को एडोब इलस्ट्रेटर में ले जाएं।

Step 2

Adobe Illustrator CC को प्रारम्भ करें.

एक नया डॉक्यूमेंट खोलेंFile > New (Command-N) और अपने कस्टम फाइल को सेटअप करें:

Name: "Lebanese_Food_iMessage_Stickers".

  • Number of Artboards: 12 (स्टिकर की संख्या के अनुसार, प्रत्येक स्टीकर के पास अपना आर्टबोर्ड होना चाहिए)

बनाने के लिए आपके पास स्टीकर आकार के तीन विकल्प हैं

  • Small: 300 x 300 pixels
  • Medium: 408 x 408 pixels
  • Large: 618 x 618 pixels

मैं व्यक्तिगत तौर पर 618 x 618 पर काम करना पसंद करता हूं। इसलिए New Document सेटिंग्स को एडजस्ट करें:

  • Columns: 4
  • Width: 618 px
  • Height: 618 px
  • Units: Pixels
  • Color Mode: RGB
  • Create Document पर क्लिक करें
Adobe illustrator open new documentAdobe illustrator open new documentAdobe illustrator open new document

Step 3

प्रथम आर्टबोर्ड पर स्केच को रखने के लिए Place के शॉर्टकट (Command-Shift-P) का उपयोग करें सभी आर्टबोर्ड को भरने के लिए चित्र को खींचें, ताकि आपके स्केच तैयार किए गए सभी आर्टबोर्ड को भर दें।

Command Shift P Place Command Shift P Place Command Shift P Place

इसके बाद, हमें हमारे लाइन के काम के लिए एक लेयर बनाने की जरूरत है

Layers पैनल को खोलें, Window > Layers.

Layer पैनल के सब-मेनू पर क्लिक करें 

  1. Name: Sketch
  2. Lock को सेलेक्ट करें
  3. Images को डिम करें: 20%
  4. OK
Adobe Illustrator layer optionsAdobe Illustrator layer optionsAdobe Illustrator layer options

"स्केच" लेयर को लॉक करने के बाद, 'स्केच' के ऊपर नई लेयर बनाएं, और इसे 'Linework' नाम दें

File > Save (Command-S), and अपने Illustrator फाइल को सेव करें.

2. Line Work को कैसे ड्रा करें

Step 1

आइए हम अपनी line work को ड्रा करने की  तैयारी करते हैं।

सबसे पहले, हमें "pressure" Calligraphic art ब्रश बनाने की जरूरत है Brushes पैनल खोलें: Window > Brushes

काले Fill और null Stroke के साथ Ellipse Tool (L) को सेलेक्ट करें, और एक छोटे से Ellipse ब्रश के आकार को ड्रा करें जिसे आप ड्रा करना चाहते हैं।

create art brushescreate art brushescreate art brushes

Step 2

चयनित ellipse के साथ, इसे Brushes पैनल में खींचें और ड्रॉप करें।

एक New Brush डायलॉग बॉक्स खुलेगा. Art Brush का चयन करें, और OK करें.

create art brush new brushcreate art brush new brushcreate art brush new brush

Art Brush Options का डायलॉग बॉक्स खुल जाएगा.

नोट: यदि आपके पास एक डिजिटल पेन टैबलेट है, तो कलम के दबाव के अनुसार प्रतिक्रिया करने वाला एक art brush बनाने के लिए यह सही है।

पेन के दबाव में मूव करने वाले ब्रश बनाने के लिए, Art Brush Options के डायलॉग बॉक्स में से चुनें:

  • Width: Pressure
  • Brush Scale Options: Stretch to Fit Stroke Length
  • Colorization Method: Tints; यह हमें बाद में हमारे कस्टम ब्रश स्ट्रोक के रंग को अनुकूलित करने में सक्षम करेगा।
  • Click OK.
create art brushcreate art brushcreate art brush

art brush बनने के बाद, बनाए गए ellipse को डिलीट कर दें

अब हमारे पास pressure-oriented art brush तैयार है!

Step 3

आइए स्केच को ट्रेस करना शुरू करें।

  1. Stroke पैनल को खोलें: Windows > Stroke.
  2. Brushes पैनल से, हमारे द्वारा बनाये गए art brush का चयन करें
  3. Tools पैनल में से Paintbrush Tool (B) को चुनें
  4. Stroke पैनल में, 0.5 pt का एक काला Stroke चुनें, और Fill को none सेट करें।

सुनिश्चित करें कि आपका ब्रश बहुत smooth नहीं है जब आप ट्रेस करें, जिससे कि ऐसा लगता है कि यह हाथ से ड्रा किया गया है art brush को सुचारू बनाने के लिए, टूल्स पैनल से Paintbrush Tool (B) पर डबल क्लिक करें, और Paintbrush Tool Options डायलॉग बॉक्स खुल जाएगा।

Fidelity को एक या दो निशान नीचे करें

paint brush tool artbrush fidelitypaint brush tool artbrush fidelitypaint brush tool artbrush fidelity

Step 4

आइये Paintbrush Tool (B) के साथ ट्रेसिंग शुरू करें।

स्केच का अनुसरण करें और लाइन वर्क में ट्रेस करें. यह परफेक्ट हो ऐसा जरूरी नहीं है, क्योंकि हम इसे एक साधारण हाथ से खींचा डूडल प्रभाव देना चाहते हैं।

sketch trace lineworksketch trace lineworksketch trace linework

एक बार जब सभी line work किया जाता है, तो Layers पैनल में से अपनी "Linework" लेयर को Lock करें

नई लेयर बनाएं, 'Linework' के तहत, और इसे "Color" नाम दें, ताकि हम लाइन के काम के नीचे रंग भर सकें।

adobe illustrator create new layeradobe illustrator create new layeradobe illustrator create new layer

हमेशा अपनी फाइल को Save करे  File > Save (Command-S).

3. कैसे जल्दी से आर्टवर्क में रंग करे

Step 1

चलो रंग करे 

Tools पैनल से, Blob Brush Tool (Shift-B) चुनें। Blob Brush एक मार्कर के समान है, और इसका प्रयोग करना मजेदार है।

बस अपनी पसंद के कलर Stroke swatch को चुनें, null fill के साथ, और फ़ूड आइकॉन में कलर करें।

  • एक quick टिप: Blob Brush Tool के साइज को मैनेज करने के लिए, लेफ्ट square ब्रैकेट key ([) को ब्रश के साइज को काम करने के लिए और राइट square ब्रैकेट (]) को बढ़ाने के लिए दबाएं।
  • Blob Brush Tool (Shift-B) के साथ, किसी भी ब्लॉब शेप, जिन्हें आप साफ़ करना चाहते हैं को मिटाने के लिए Eraser Tool (Shift-E) का उपयोग करें।

रंग भरना परफेक्ट हो ऐसा जरूरी नहीं है, क्योंकि हमें इसकी आवश्यकता एक आर्गेनिक फील करने के लिए है।

hummus से शुरू करो

adobe illustrator tip blob brush tool adobe illustrator tip blob brush tool adobe illustrator tip blob brush tool

जैसा कि आप देख रहे हैं, आप Blob Brush Tool के साथ अपने आकार और रंगों को बदलकर बहुत कुछ हासिल कर सकते हैं। साथ ही साथ यह उपयोग करने  में तेज है 

तो आप मजे करें और बाकी आर्टवर्क में रंग भरे!

Step 2

आपको blob shapes की व्यवस्था करने की जरूरत होगी, जब आप उसमे रंग करते हैं, ताकि ऑब्जेक्ट्स को Arrange करें, workflow को गति देने के लिए इन शॉर्टकट का उपयोग करें:

  • Arrange > Bring to Front (Command-Shift-])
  • Arrange > Bring Forward (Command-])
  • Arrange > Send Backward (Command-[)
  • Arrange > Send to Back (Command-Shift-[)

एक बार जब आप सब कुछ व्यवस्थित कर लेते हैं, तो आपके पास आइकन का एक अच्छा रंगीन सेट होना चाहिए.

arrange layers arrange layers arrange layers

Step 3

अब हम अपने आर्टबोर्ड को साफ करते हैं

  1. Layers पैनल से "Linework" लेयर को अनलॉक करें
  2. "Sketch" लेयर को Layers पैनल से पैनल में मौजूद trash आइकॉन तक खींचकर डिलीट कर दें।
  3. Selection Tool (V) का चयन करें, और प्रत्येक food आइकन के लिए, संबंधित line work और रंग चुनें
  4. इसे एक साथ Group (Command-G) करें। ऑटोमेटिकली, एक बार आप दो लेयर्स को ग्रुप करते हैं, तो नया ग्रुप "Linework" लेयर में स्थानांतरित हो जाता है
  5. प्रत्येक आइकन को आर्टबोर्ड के केंद्र में बस देखकर केन्द्रित करें.
selection tool selection tool selection tool

6. ग्रुप ऑब्जेक्ट को आर्टबोर्ड के डायमेंशन के भीतर फिट करने के लिए स्केल करें, और बॉर्डर्स के साथ एक छोटा सा स्थान रखिए। ऑब्जेक्ट के अनुपात को बनाए रखने के लिए, शिफ्ट को दबाए रखें जब तक आप ऑब्जेक्ट वांछित आकार का नहीं बना लेते, तब तक आप बाउंडिंग बॉक्स हैंडल को खींचते रहें।

7. एक बार सभी food icons को छोटा कर दिया जाए, "Color" लेयर को डिलीट कर दें, क्योंकि यह खाली है।

selection v tool selection v tool selection v tool

File > Save (Command-S).

4. हमारे App icons को कैसे बनाएं और एक्सपोर्ट करें

Step 1

Export for Screens फीचर (File > Export > Export for Screens) का उपयोग करके art फ़ाइलों को Export करें।

  1. PNG के रूप में Export करें.
  2. Advanced Settings आइकन पर क्लिक करें, अपनी फ़ाइलों को export करने के लिए उस लोकेशन को सेलेक्ट करें, और 1x तक Scale सेट करें।
  3. Background Color: Transparent सेट करें.
  4. आर्टबोर्ड को एक्सपोर्ट करें
adobe illustrator export files adobe illustrator export files adobe illustrator export files

Step 2

आपके पास दो विकल्प हैं या तो किसी दूसरे app मार्केटप्लेस को अपने stickers को लॉन्च करने के लिए चुनिए, जैसे की LINE Creators Market, या Apple Developers Account का उपयोग करके खुद ही बनाएं।

इस ट्यूटोरियल के लिए मैं आपको Apple Developers Account खोलने के लिए संक्षेप में मार्गदर्शन करूँगा, जिसकी कीमत सालाना 100 डॉलर है। आवेदन प्रक्रिया काफी सरल है, और स्वीकृति शीघ्र है। हालांकि, अगर आप अपने स्टिकर को बेचने की योजना बना रहे हैं, तो आपको iTunes Connect में sign in करने और टैक्स और बैंकिंग जैसी एडमिनिस्ट्रेटिव स्टफ को सेटअप करने की आवश्यकता है (यह निःशुल्क स्टीकर पैक के लिए आवश्यक नहीं है)।

अधिक जानकारी के लिए, iTunes Connect Developer Guide पर जाएं, और इसे अपने लिए परिचित करने का समय निकालें।

Step 3

हमारे स्टिकर बनाने के लिए, हमें Xcode का उपयोग करना होगा।

Mac App Store से Xcode 8 के नवीनतम संस्करण को डाउनलोड करें और इंस्टॉल करें।

Step 4

Xcode में स्टिकर अपलोड करना आसान है; बस स्टेप्स को फॉलो करें:

Xcode को खोलें.

सुनिश्चित करें कि आप अपने Apple ID के साथ Xcode में signed in हैं

Preference > Account > Select + > Sign in.

  1. नया Xcode प्रोजेक्ट बनाएं
  2. Sticker Pack Application को सेलेक्ट करें.
  3. Next पर क्लिक करें.
  4. स्टिकर को पहचानने के लिए एक प्रोडक्ट नाम दें: 'Lebanese Food'।
  5. अपने विवरण के अनुसार, Team, Organization Name, और Identifier (com.yourcompany.ProductName) भरें।
  6. Next पर क्लिक करें
  7. Stickers.xcstickers > Sticker Pack फ़ोल्डर को सेलेक्ट करें, और सभी इमेज को ड्रैग और ड्राप करके स्टिकर अपलोड करें।
Xcode Xcode Xcode
Xcode Select sticker pack application Xcode Select sticker pack application Xcode Select sticker pack application
Xcode Sticker Bundle Xcode Sticker Bundle Xcode Sticker Bundle
Xcode Xcode Xcode

Step 5

अगला  iMessage App Icons अपलोड करें।

फ़ोल्डर 'स्टीकर पैक' फ़ोल्डर के ऊपर है

ऐप आईकॉन के लिए इस्तेमाल करने वाले food सेट से एक इमेज चुनें, और इसे एडोब फोटोशॉप में jpg में बदलें, तो इसमें सफ़ेद बैकग्राउंड है. ऐप आइकन इमेज का नाम बदलें: "Lebanese_Food_App_Icon.jpg"।

कुल मिलाकर 12 आइकन इमेज हैं, जिन्हें आपको Xcode के लिए जरूरत है और iTunes Connect के लिए 1 की आवश्यकता होगी। app icons आसानी से बनाने के लिए, MakeAppIcon पर जाएं।

वेबसाइट पर चयनित food आइकन अपलोड करें, अपना ईमेल दर्ज करें, और यह आपके लिए सभी तरह के app icon फाइल के साइज को जेनेरेट कर देगा।

आप उन्हें अपने ईमेल से सीधे डाउनलोड कर सकते हैं

makeappicon generator appmakeappicon generator appmakeappicon generator app

जेनेरेट की गयी सभी इमेज को ड्रैग और ड्राप करके Xcode में अपलोड करें।

Xcode पर अपलोड करने के बाद इसे इस तरह दिखना चाहिए

Xcode upload iMessage app Xcode upload iMessage app Xcode upload iMessage app

5. स्टिकर को कॉन्फ़िगर और रजिस्टर करें

Step 1

स्टिकर अपलोड करने के बाद, आपको Xcode से 'Test the Build' करने की आवश्यकता है, यह देखने के लिए कि क्या स्टिकर कार्य में अच्छे हैं। आप इसे Xcode Simulator के माध्यम से कर सकते हैं, या आप इसे अपने डिवाइस पर चला सकते हैं। आपको बस इतना करना होगा:

  1. Set the Active Scheme के तहत, अपने मोबाइल डिवाइस का चयन करें।
  2. Run बटन पर क्लिक करें.
Xcode select iphone deviceXcode select iphone deviceXcode select iphone device

यदि कोई नोटिफिकेशन एरर दिखाई दे रहा है, तो अनुरोध किए गए परिवर्तन को, एक्सपोर्ट करें और सही icons को फिर से अपलोड करें।

फिर Run आइकन क्लिक करके Xcode Simulator पर स्टिकर की जांच करें। दिखने में बेहतरीन है!

test run stickers imessage test run stickers imessage test run stickers imessage

यदि आपको iMessage पर अपने स्टिकर के डिस्प्ले साइज को एडजस्ट करने की आवश्यकता है, तो आप दांये (right) पैनल में जैसा दिया गया है  ऐसा कर सकते हैं।

"Medium" या "Small" साइज अच्छा कार्य कर रहे हैं.

Xcode sticker Xcode sticker Xcode sticker

एक बार यह हो जाने के बाद, हमें स्टिकर के लिए एक App ID रजिस्टर करना होगा।

Step 2

App ID रजिस्टर करने के लिए अपने Apple Developer Account में लॉग इन करें

  1. Enter Account > Identifiers > App ID > Select +
  2. डिटेल्स को भरें और Register करें.
apple developer account appapple developer account appapple developer account app

Step 3

अब हम अंत में एक्सपोर्ट कर सकते हैं और iTunes Connect के लिए हमारी "build" अपलोड कर सकते हैं!

Xcode पर वापस जाएं

  1. Set the Active Scheme के अंडर "Generic IOS device" का चयन करें
  2. फिर 'Stickers.xcstickers' फ़ोल्डर का चयन करें, और शीर्ष मेन मेन्यू से Product > Archive क्लिक करें, build को Archive करें

एक नई विंडो दिखाई देनी चाहिए जो archived "Build" दिखाएगी. आप बांये (left) पैनल में स्टिकर देखेंगे।

सभी स्टीकर अच्छे हैं यह देखने के लिए Validate पर क्लिक करें। यदि समस्याएं हैं, तो Xcode शीर्ष मेनू बार पर लाल रंग में एक सूचना प्रदर्शित करेगा।

यदि सब कुछ "Build" के साथ अच्छी तरह से काम करता है, तो आपको इसे iTunes Connect में Review के लिए अपलोड करना होगा।

Upload to App Store पर क्लिक करें। यह iTunes Connect में स्टिकर को अपलोड करेगा। अपलोड करने के बाद, यह आपके iTunes Connect खाते पर दिखना चाहिए। इसे कुछ मिनट दें

xcode archives sticker pack xcode archives sticker pack xcode archives sticker pack

Step 4

App Store में स्टिकर submit करने का समय आ गया है!

iTunes Connect में:

  1. Select My Apps.
  2. Select + > New App, और 'Build' का चयन करें जिसे हमने अभी Submit करने के लिए अपलोड किया है।
itunes connect plus add new appitunes connect plus add new appitunes connect plus add new app
  1. IOS प्लेटफार्म को चुनें
  2. Name: Lebanese Food.
  3. Language and Bundle ID को चुनें.
  4. एक unique SKU बनाएँ "eg.location.com.bundle_title"।
  5. Create!
itunes new appitunes new appitunes new app

बाएं (left) मेनू पैनल पर, App information और Pricing & Availability भरें। यहां आप ऐप का विवरण, भाषा, श्रेणियां (categories) और ऐप की कीमत लिख सकते हैं। हम सभी विवरणों में नहीं होंगे, क्योंकि यह काफी सीधा है, लेकिन इसे इस प्रकार दिखना चाहिए:

itunes connect appitunes connect appitunes connect app

Step 5

Adobe Photoshop में  कुछ स्क्रीनशॉट्स को create करें, Xcode Simulator का प्रयोग करते हुए, और इन्हे iTunes Connect पर अपलोड करें, स्क्रीनशॉट डिस्प्ले के लिए iMessage प्रीव्यू इमेज बनाने के लिए। इसमें कुछ समय लग सकता है 5 स्क्रीनशॉट dimensions बनाएं: आईफोन 5.5 इंच का डिस्प्ले (1242 x 2208 पिक्सल)। सिस्टम आपके लिए शेष सभी साइज उत्पन्न करेगा.

itunes imessage preview images app itunes imessage preview images app itunes imessage preview images app

एक बार करने के बाद, समीक्षा के लिए Submit पर क्लिक करें।

और बस इतना ही!

अब आपको जो कुछ भी करना है, उसे स्वीकृति मिलने के लिए कुछ दिनों के लिए समीक्षा प्रक्रिया का इंतजार करें।

जबकि आपके स्टिकर समीक्षा में हैं, तो आप स्टिकर को 60 दिनों के लिए नि: शुल्क डाउनलोड करने के लिए TestFlight के माध्यम से अपने प्रशंसकों के लिए टेस्ट आमंत्रण भेज सकते हैं। या आप Apple के साथ अपने taxes, agreements, certificates और बैंक details सेट करने के लिए समय का उपयोग कर सकते हैं।

यहाँ थोड़ा समय लगता है, और आपको रास्ते में कुछ त्रुटियों का सामना करना पड़ेगा, लेकिन कुछ धैर्य और सहायता के साथ, आप वहां पहुंचेंगे।

बधाई हो! हमारा "Lebanese Food" iMessage स्टिकर तैयार हैं!

Wow, मुझे आशा है कि आपने इस ट्यूटोरियल का आनंद लिया है! स्टिकर को डिज़ाइन करना मजेदार है, खासकर यदि आप इससे कुछ पैसे कमा सकते हैं!

iTunes से 'Lebanesy Food' स्टीकर पैक खरीदें।

मुझे आशा है कि आपको यह ट्यूटोरियल उपयोगी लगा! मुझे यह देखना अच्छा लगेगा कि आप क्या बनाते हैं! हमारे साथ अपने स्टीकर डिजाइन साझा करें

Lebanese Food FinalLebanese Food FinalLebanese Food Final
One subscription.
Unlimited Downloads.
Get unlimited downloads