Main

PROCREATE Animation for Beginners - EASY Step by Step Tutorial

This can be your first animation in Procreate, because I will guide you through every single step of this Procreate animation for beginners! In this easy step by step tutorial I will explain the basic animation features of Procreate while we create this logo animation together. Get the logo for the animation here: https://www.patreon.com/posts/61146662 Here's the hexadecimal code of the yellow we use: #ffc82f ★Get my TREASURE CHEST full of Procreate freebies: https://freefromflo.com ◈◈◈◈◈◈SHORT VIDEOS WITH TIPS AND TRICKS◈◈◈◈◈◈ ► Setting up a canvas size: https://youtu.be/j9LP6cOHyPg ► Install Procreate Brushes: https://youtu.be/S8X0AGTaYdw ► Importing my Free Procreate Brushes: https://youtu.be/I6ShsMdQH6c ► Filling shapes in Procreate: https://youtu.be/rw0h3u4zReQ ► Alpha Lock Explained: https://youtu.be/QOE9wp5v7Mo ► Clipping Mask Explained: https://youtu.be/rFpBhbT4Di0 ► Draw a Straight Line in Procreate: https://youtu.be/Lm5hc8lgitU ► Draw a Perfect Circle in Procreate: https://youtu.be/x_oxI8KedLA ∾∾∾ Find more tutorials at Patreon ∾∾∾ ★ Beginner Level: https://artwithflo.com/procreate-beginner-tutorials/ ★ Intermediate Level: https://artwithflo.com/procreate-intermediate-tutorials/ ★ Advanced Level: https://artwithflo.com/procreate-advanced-tutorial/ ★ Learn to Sketch: https://artwithflo.com/learn-to-sketch/ ★ Flo's Fundamentals: https://artwithflo.com/flo-fundamentals/ ∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾ ✎ MY GEAR I work with an iPad Pro 12.9 inch 256GB: https://amzn.to/3n7arSl I also use an Apple Pencil 2: https://amzn.to/2HTD7y5 And here you'll find my Apple Pencil sleeve: https://amzn.to/2U9bB5W And stand: https://amzn.to/3usk2pY (note that these links are affiliate links, this means that I get a small fee when you purchase something, at no extra cost for you of course!) ∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾∾ I will walk you through the steps of creating this logo animation for beginners in Procreate. You can create this logo animation using free Procreate brushes only! I'll guide you through all the steps in this how to make an animation tutorial and remember, if things are going too fast, just pause the video and take your time. I'm sure you can create this logo animation in Procreate! ★Get more out of Procreate with over 200 of my handmade Procreate brushes: https://gumroad.com/l/procreatemegapack In this digital drawing tutorial for beginners you will be learning by doing! In this Procreate tutorial I will show you the basics of animation in Procreate, like making new frames, changing onion skin settings and exporting your animation from Procreate. ★★★Copyright notice: My tutorials are meant for practice purposes, feel free to share your results on social media and tag me. You are not allowed to use direct copies of my artwork for commercial purposes, like selling prints. You should create your own original artworks. Of course you can use my tutorials as a base/start though.★★★ Be sure to check out my other Procreate easy drawing tutorials as well! Check the full playlist of You Can Draw This video tutorials: https://youtube.com/playlist?list=PLjTjiGdGPyO3Yca4bT5S073QlrHacObpT You want to see more beginner tutorials for Procreate? Let me know in the comments and leave a thumbs up so I will know that you like it. I'd be happy to make more step by step drawing tutorials! ◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈ Join the BIGGEST Procreate community at Patreon to watch more and longer video tutorials, get free brushes and get in touch with other Procreate creators: https://www.patreon.com/artwithflo ◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈◈ ★★Still reading? So there are people doing that huh? Thank you so much. I hope I'm able to inspire people to draw and paint or else entertain people with my videos and tutorials. If you have any questions, please feel free to leave a comment.★★ ------------------- Let's keep in touch! ►Patreon: https://www.patreon.com/artwithflo ►Skillshare: https://www.skillshare.com/r/user/artwithflo ►Instagram: https://www.instagram.com/floortjesart ►TikTok: https://www.tiktok.com/@artwithflo ►Facebook: https://www.facebook.com/ArtwithFlo ►Twitter: https://www.twitter.com/floortjesart ►Tumblr: https://artwithflo.tumblr.com/ ►Grab my brushes: https://artwithflo.com/procreate-brushes Thanks so much for watching! See you next time ❤ - Flo - #animation #procreate #drawing ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ Go with Flo! Creative drawing lessons for everyone. You don't need any experience to be able to follow my drawing lessons for Procreate. Just have fun and keep creating!

Art with Flo

2 years ago

هذا الفيديو هو كل ما تحتاجه لتبدأ بالرسوم المتحركة في Procreate وسأرشدك خلال جميع الخطوات لإنشاء الرسوم المتحركة الأولى في Procreate ولكن بالطبع يمكنك أيضًا اتباع هذا البرنامج التعليمي إذا كنت قد قمت بعمل رسوم متحركة من قبل لهذا البرنامج التعليمي ، كل ما تحتاجه هو لوحة قماشية من 2300 بكسل في 3000 بكسل الآن إذا كنت لا تعرف كيفية تغيير حجم اللوحة القماشية الخاصة بك ، فإنني أوصي بمشاهدة الفيديو الخاص بي حول البدء في Procreate بهذه الطريقة ستعرف كل الأساسيات قبل أن ننتقل إلى هذا لقد أضفت أيضًا رابطً
ا في الوصف للحصول على شعار التدفق الجديد الخاص بنا والذي سنستخدمه لشعار الرسوم المتحركة هذا ، ولكن بالطبع يمكنك أيضًا استخدام شعار آخر أو رسم توضيحي لهذه الرسوم المتحركة فائقة السهولة الآن أول شيء سنفعله هو تغيير لون الخلفية لدينا لأن اللون الأبيض يبدو مملاً ، دعنا نذهب إلى قائمة الطبقة التي هي هاتان المربعتان الصغيرتان ولون خلفية علامة التبويب ، وسأختار هذا الأصفر ، وسأقوم بإسقاط الكود السداسي العشري والوصف الذي يمكنك قم بإسقاط الكود السداسي العشري تحت القيمة هنا ، هذا هو رمز اللون الأصفر الخاص
بنا ، يمكنك فقط كتابته هنا والضغط على إدخال ، وبعد ذلك سيكون لديك نفس اللون الأصفر في حالة رغبتك في استخدامه الآن ، دعنا نسقط في شعارنا الذي نحتاج إليه انتقل إلى مفتاح الربط ثم للإضافة ثم لإدخال صورة وسألتقط الشعار هنا ودعنا نجعله أكبر قليلاً ، دعنا نذهب لشيء كهذا ونضعه في المنتصف الآن إذا كنت لا ترى هذه هذا جيدًا هذا الخط العمودي وهذا الخط الأفقي ، فسيتعين عليك تشغيل الالتقاط هنا ، لذا إذا كنت ترى الخط الرأسي والأفقي ، فستعرف أن الشعار موجود في وسط اللوحة بالضبط ثم يمكنك فقط النقر فوق السهم ال
صغير هنا الآن لبدء الرسم المتحرك في Procreate ، نحتاج إلى الانتقال إلى مفتاح الربط مرة أخرى ثم إلى لوحة الرسم القماشية ، ثم يمكنك تشغيل مساعدة الرسوم المتحركة هنا ، ثم سترى هذا الشريط الصغير المنبثق هنا في أسفل والآن تحتوي الرسوم المتحركة الخاصة بنا على إطار واحد فقط وكل طبقة أو كل طبقة المجموعة في قائمة الطبقات الخاصة بك ستكون إطارًا في الرسم المتحرك الآن ، دعنا نبدأ فقط في إنشاء طبقات قبل أن ندخل في الإعدادات الأخرى ، واعلم فقط أن مقدار الطبقات أو مقدار الإطارات يعتمد على جهازك ، لذا فمن الممك
ن أن تكون كذلك قادرًا على إنشاء طبقات أقل أو إطارات أقل مما سأكون قادرًا عليه في هذه الحالة ، يمكنك الانتقال إلى مفتاح الربط ثم إلى القماش ثم القص وتغيير الحجم وهنا في الإعدادات ، تأكد من تشغيل إعادة تشكيل اللوحة القماشية ثم يمكنك عمل لوحة قماشية أصغر قليلاً بهذه الطريقة ، سيكون جهازك قادرًا على التعامل مع المزيد من الطبقات المزيد من الإطارات وستكون قادرًا على متابعة البرنامج التعليمي ، ثم انقر فوق تم الآن لإنشاء إطارنا الأول ، سنقوم بتكرار شريحة الطبقة هذه إلى اليسار ثم انقر فوق تكرار وسنخفض عت
امة هذه الطبقة العلوية ، لذا انقر فوق النهاية ثم اسحبها لأسفل لنفترض 56 ثم انتقل إلى الطبقة السفلية ، وستكون هذه الطبقة العلوية مجرد مرجع لذلك سنعرف كيف لدينا سيبدو الشعار الكامل حتى نتمكن من ذلك راقب الشعار الكامل أثناء عملنا على الطبقات السابقة أو الإطارات السابقة بعد ذلك ، سنقوم بالنقر فوق الطبقة السفلية وتشغيل القناع الآن لدينا قناع طبقة مرتبط بشعارنا والآن أصبح أبيض مما يعني أننا يمكنك رؤية كل شيء موجود في الطبقة الأولى ، ولكن بمجرد أن تبدأ في الرسم عليه باللون الأسود ، فسوف يحظر كل شيء بال
طبع إذا كنت تشاهد دروسي التعليمية الأخرى ، فقد تعرف هذا بالفعل ولكني سأكرره لأنه حتى لو كان هذا هي المرة الأولى لك في Procreate ، أريدك أن تكون قادرًا على متابعة هذا الآن ، دعنا نذهب ونختار الأسود النقي ، دعنا نذهب إلى القرص هنا في الأسفل ثم انقر نقرًا مزدوجًا هنا في الأسفل للحصول على أسود نقي والآن بينما لديك قناع الطبقة حدد سحب اللون على شاشتك والآن سترى أن كل شيء محجوب على الطبقة ، يمكنك فقط رؤية الطبقة العلوية الآن التي تحتوي على عتامة منخفضة ، دعنا نذهب إلى الأسفل مرة أخرى ويبدو أنها تبدو خ
ضراء قليلاً بسبب الإعدادات هنا إذا ذهبت ر o إعدادات الرسوم المتحركة الخاصة بك يمكنك رؤيتها هنا في أسفل ألوان جلد البصل والآن تم ضبطها على الأحمر والأخضر مما يعني أن الإطار السابق سيبدو باللون الأحمر والإطار التالي سيبدو باللون الأخضر والإطار التالي هو شعارنا الكامل لذلك إنه يعمل بشكل صحيح ، لذا تسمح لك إطارات قشرة البصل هذه برؤية الإطارات السابقة والتالية ، لذا من الأسهل إنشاء الرسوم المتحركة الآن ، دعنا نواصل العمل على قناع الطبقة ودعنا نعمل عليه باللون الأبيض ، لذا سنضغط مرتين هنا لتحديد اللون
الأبيض النقي والآن بالنسبة إلى الفرشاة الخاصة بنا ، دعنا نذهب ونمسك بالفرشاة أحادية الخط التي يمكنك العثور عليها تحت الخط الآن إذا كنت تميل إلى إنشاء خطوط متذبذبة أو إذا كنت لا تزال معتادًا على العمل على جهاز ipad ، يمكنك النقر فوق الفرشاة أحادية الخط ثم انتقل إلى التثبيت ويمكنك اللعب مع الانسيابية ومقدار التثبيت لأنه بهذه الطريقة حتى لو كان لديك مثل اليد المتذبذبة ، فستعمل على تنعيم خطك الآن ، لقد قمت بتعيينه على 61 و 47 هنا ولكنك يمكنك r قم بالتلاعب بها حتى تجد مقدار الاستقرار الذي تحتاجه ، ث
م فقط انقر فوق تم ، والآن لنقم بإنشاء إطارنا الأول ، سنضيف القليل من الشعار هنا في الجزء السفلي فقط قليلاً لتلوينه واثنين القطرات الصغيرة التي ترتفع هنا لدي عتامة هذه الفرشاة مضبوطة على مائة بالمائة والحجم هو ثلاثون 30 الآن ستنشئ الإطار التالي ، يمكنك فقط سحبه إلى اليسار على هذه الطبقة ثم النقر فوق تكرارها سنقوم أيضًا بتكرار قناع الطبقة ، لذا فلنعمل الآن على قناع الطبقة هذا ودعنا نجعله أكبر قليلاً هنا ، فلنجعله قليلاً من خط متموج ولا يتعين عليك تلوينه بالكامل طالما أن الشكل الخاص بك مغلقًا ، يمك
نك فقط السحب باللون الأبيض لملء تلك المنطقة والآن دعنا نضيف القطرات هنا أيضًا سأجعل الفرشاة أصغر قليلاً 15 ودعنا نجعل هذه القطرات أعلى قليلاً هنا وهي في هذا الاتجاه والآن دعونا نكرر هذه الطبقة ، لذا مرر إلى اليسار انقر فوق du ثني ثم حدد قناع الطبقة والآن دعنا نجعل هذا الخط المتذبذب أعلى قليلاً أغلق الشكل خلفه حتى تتمكن من سحب اللون الأبيض لملء هذا الشكل إذا كانت هناك فجوة ، فسيتم ملء كل قناع الطبقة هذا باللون الأبيض تمامًا إذا لم تتمكن من رؤية الشكل فهو موجود ، فتأكد من إغلاقه قبل أن تسحب اللون
ثم قطرتين صغيرتين أخريين ، والآن دعنا ننتقل إلى الإطار التالي ، دعنا نسحب إلى اليسار انقر فوق تكرار ثم حدد قناع الطبقة الآن نحن سنعمل في طريقنا إلى الأعلى ، وقم بعمل خط متذبذب مرة أخرى ، وأغلقه خلف الدائرة واسحب باللون الأبيض إلى التالي ، لذا انتقل إلى قائمة الطبقة أولاً ، ثم اسحب إلى اليسار لتكرار الطبقة ثم تأكد من تحديد قناع الطبقة خط متذبذب ليس عليك إنشاء نفس الخط المتذبذب بالضبط كما فعلت قبل محاولة تغييره قليلاً وببطء ولكن بالتأكيد سنقوم بملء الشعار بالكامل ، لذا قم مرة أخرى بتكرار الطبقة وح
دد قناع الطبقة واملأ تلك المنطقة تأكد من إغلاق الشكل اسحب أنا n باللون الأبيض ثم انتقل مرة أخرى إلى قائمة الطبقة ، قم بتكرار الطبقة وحدد قناع الطبقة ودعنا نصنع خطًا متذبذبًا آخر بحيث تتأرجح في طريقك من اليسار إلى اليمين وأغلق الشكل اسحب اللون ولدينا إطار آخر الآن دعنا نكرره مرة أخرى. إلى قناع الطبقة ونقوم بملء شعارنا ببطء هنا ، تأكد من إغلاق الشكل مع السحب في اللون ومرة ​​أخرى دعنا نكرره ، وننقر على قناع الطبقة وهو يملأ ببطء ، فنحن نسحب اللون ونكرره مرة أخرى ، انتقل إلى قناع الطبقة ، دعنا نفعل ش
يئًا آخر ، إنه سحب كامل تقريبًا للون ، والآن سيكون إطارنا التالي هو الشعار بالكامل ، لذا يمكننا في الواقع استخدام هذا هنا ، دعنا نرفع مستوى التعتيم حتى أصبح لدينا الآن كل هذه الإطارات يمكنك انقر فوق تشغيل لرؤية الرسوم المتحركة الخاصة بك ، إنه سريع حقًا الآن ولكن إذا انتقلت إلى الإعدادات ، يمكنك خفض الإطارات في الثانية ، فسنقوم بتعيينها على ستة إطارات في الثانية الآن رسميًا لمقاطع فيديو الرسوم المتحركة الحقيقية ، uh 24 إطارًا في الثانية مثل المعيار ولكننا ننشئ نوعًا صغيرًا من نوع gif gif من الأشي
اء التي نلعبها مع إعدادات الرسوم المتحركة ، لذلك لا تقلق من أننا سنذهب لستة إطارات في الثانية ، يمكنك النقر فوق إيقاف مؤقت لإيقاف الرسوم المتحركة الصغيرة الآن الآن إنه مجرد ملء الشعار ولكننا نريد إضافة بعض الإطارات الإضافية أولاً ، أريد إضافة بعض الإطارات إلى البداية ، أريد إضافة قطرة صغيرة تسقط في الشعار ثم نملأها ، لذا دعنا نضيف طبقات جديدة إلى الأسفل ، دعنا نختار أولاً الطبقة الأولى ، ثم انقر فوق علامة الجمع لطبقة جديدة ثم اسحبها أسفل الطبقة الأولى الآن ، ستبدأ قطرتنا هنا في الأعلى الآن أولاً
، دعنا نذهب ونلتقط اللون الذي نحتاجه ، يمكنك في الواقع الانتقال إلى هذه الطبقة العليا ، انقر فوق واحتفظ بإصبعك على الشاشة لتحديد اللون الآن لدينا هذا اللون الأخضر ثم نعود إلى الطبقة 22 ، وبينما لدي هذا اللون ، سنبدأ بقطيرة ستأتي من الأعلى ، لذا دعنا ننشئ قطرة صغيرة هنا ثم يمكنك سحب تي قام بتلوينها لملئها ثم إنشاء طبقة جديدة في الأعلى بحيث يمكنك فقط النقر فوق علامة الجمع لطبقة جديدة والآن سترى أن القطرة التي أنشأناها للتو باللون الأحمر هي إطارنا السابق وهذه هي إطاراتنا التالية لذلك الآن دعنا نصن
ع قطرة صغيرة أقل قليلاً ونسحب اللون لملئها ثم ننشئ طبقة أخرى ، لذا انتقل إلى قائمة الطبقة واضغط على علامة الجمع والآن لننشئ قطرة أخرى أقل قليلاً هناك مسافة أكبر بين هذين طبقة أخرى انقر فوق علامة الجمع مرة أخرى لإنشاء قطرة أخرى ونريد أن نكون قادرين على رؤية تلك البركة الصغيرة أول بركة صغيرة لدينا ، لذا سيتعين علينا أن نكون قادرين على رؤية إطارات قشرة بصل أقل نراها كثيرًا في الوقت الحالي لذا تحتاج للانتقال إلى الإعدادات وهنا يمكنك ضبط مقدار إطارات قشرة البصل إذا قمت بتدويرها إلى اليسار ، يمكنك أن
ترى أنك تقلل عدد الإطارات ، لذا الآن هنا يمكننا فقط رؤية إطار واحد من قشرة البصل ، وهذا هو السابق الإطار والإطار التالي ، دعنا نضبطه على yo واحد يمكنك أيضًا ضبط التعتيم لجعله أفتح وأكثر شفافية ، وأعتقد أن 50 على ما يرام ، والآن دعنا نستمر في إنشاء طبقة أخرى في الأعلى من خلال النقر على علامة الجمع ، سنقوم بإنشاء قطرة أخرى تسحب اللون لملئها ، والآن دعنا نتحقق أشعر أن الرسوم المتحركة الخاصة بنا يجب أن تكون أقل قليلاً ، دعنا ننتقل إلى آخر قطرة وهي الطبقة 26 ، دعنا ننتقل بعد ذلك إلى أداة السهم ودعنا
نحركها لأسفل قليلاً بحيث تكون قريبة من البركة والآن هيا نلعب مرة أخرى ، أعتقد أن هذا يبدو أفضل ، أريد أن أضيف شيئًا في نهاية الرسوم المتحركة بعض القطرات الصغيرة التي تظهر في الأعلى ، لذا دعنا ننتقل إلى الأعلى ثم دعنا نكرر هذه الطبقات عدة مرات أريد أن أحصل على ثلاث طبقات مع دعونا نكررها الآن لدينا ثلاث طبقات مع القطرات ، ثم أرغب في وضع طبقة بشعار فقط ، لذا دعنا نكررها مرة أخرى ثم ننتقل إلى هذه الطبقة الأولى حيث نريد القطرات ثم نضيف قطرات صغيرة هنا ص فتح في الأعلى ثم انتقل إلى الإطار التالي ثم اجع
لهم يتحركون لأعلى قليلاً وإلى الخارج ودعنا نضيف أيضًا القليل هنا ثم التالي الآن نريد أن تكون القطرات أصغر قليلاً و بعيدًا قليلاً وستكون هذه مجرد نقطة صغيرة الآن ، دعنا نتحقق من الرسوم المتحركة مرة أخرى الآن أضفنا القليل في النهاية ولكننا نريد أن يكون الشعار مرئيًا في النهاية لفترة أطول ، لذلك كل ما عليك فعله هو قم بتكرار الشعار العلوي عدة مرات ، دعنا نقول ثلاث مرات ، والآن عندما تشاهد الرسوم المتحركة ، ستظل في النهاية لبضع مرات فقط ، وهذه هي الطريقة التي يمكنك بها إنشاء شعار رسوم متحركة بسيط للغ
اية إذا كنت تريد عمل المزيد من الرسوم المتحركة للشعار لدي في الواقع برنامج تعليمي آخر للرسوم المتحركة للشعار في patreon حيث نستخدم نفس الشعار ولكن حيث نقوم بإنشاء تأثير البداية ولكن بالطبع في patreon يمكنك أيضًا العثور على الكثير من دروس Procreate الأخرى والكثير من الفرش ومجتمع رائع الآن أخيرًا وليس آخرًا يمكنك تصدير الرسوم المتحركة الخاصة بك من بالطبع ، يمكنك الانتقال إلى مفتاح الربط ثم الانتقال إلى المشاركة وهنا يمكنك مشاركة الرسوم المتحركة الخاصة بك كهدية gif بغض النظر عن png mp4 أو agvc ربما
أذهب إما للحصول على صورة gif متحركة أو mp4 إذا نقرت عليها يمكنك رؤية الرسوم المتحركة الخاصة بك في العمل ، لا يزال بإمكانك ضبط الإطارات في الثانية ويمكنك جعلها جاهزة للويب بحيث تكون صغيرة جدًا وتشبه إلى حد كبير بالبكسل إذا ذهبت للحصول على الدقة القصوى ، فسيكون أكبر قليلاً وبعد ذلك يمكنك فقط النقر فوق تصدير وتصدير إلى أي مكان تريده ، على سبيل المثال ، يمكنك إنزاله عبر الهواء إلى هاتفك ، يمكنك وضعه على google drive ، وإرساله عبر البريد الإلكتروني أو حفظه على جهازك ، لذا انطلق وشارك عملك ، ولا تنسى
وضع علامة علي فيه ستتمكن من العثور على عملك لأنه بهذه الطريقة قد تنتهي نتيجتك في أحد مقاطع الفيديو الخاصة بي مثل نتائج البرنامج التعليمي السابقة ، يمكنك رسم دروس الفيديو هذه أو هذه النتائج الرائعة من أصدقائي في patreon ، وآمل أن تكون قد استمتعت إذا فعلت ذلك لا تنسى أن تضغط على أن ممتاز اترك تعليقا اشترك في c إذا لم تكن قد قمت بذلك بالفعل ، فهذه طرق سهلة للغاية لدعم هذه القناة وتأكد من أنني سأستمر في إنشاء هذه البرامج التعليمية ، وأود أن أشكرك على المشاهدة وسأراك في المرة القادمة في البرنامج الت
عليمي التالي

Comments