Advertisement
  1. Design & Illustration
  2. Animation

كيفية إنشاء تأثير Gif مضطرب  متحرك في أدوب فوتوشوب

Scroll to top
Read Time: 7 min
This post is part of a series called How to Make Glitch Art.
How to Create Vector Glitches Using Adobe Illustrator
How to Create an Easy Digital Glitch Text Effect in Adobe Photoshop

Arabic (العربية/عربي) translation by Maryam Abbas (you can also view the original English article)

في هذا البرنامج التعليمي سنقوم بإنشاء قالب مضطرب  متحرك في أدوب فوتوشوب التي يمكن استخدامها مع أي صورة.

لقد أنشأت  الرسوم المتحركة لقالب الموجة المرتدة 8 بت بنفس طريقة محفظتي في غرافيك ريفير المنتج الترويجي.

Product promo

أصول البرنامج التعليمي

1. كيفية إعداد الوثيقة

الخطوة 1

اضغط على كونترول-N لإنشاء مستند جديد واستخدم الإعدادات التالية: 500 x500 بكسل؛ 300 نقطة في البوصة.

Creating a document

الخطوة 2

انتقل إلى ملف > حدد مكان وضع صورتك داخل المستند.

Placing image inside document

الخطوه 3

يمكنك تغيير حجم الصورة لملء قماش المستند وانقر على ادخال.

Resizing of image

الخطوة 4

انقر بزر الماوس الأيمن على طبقة الصورة وحدد طبقة التمرير.

Rasterizing the layer

الخطوة 5

اضغط على M ثم حدد المساحة المربعة للمستند.

Selecting the area of your image

الخطوة 6

لاقتصاص صورتنا، انقر بزر الماوس الأيمن على اختيارك وحدد طبقة بمساعدة قص.

Cutting new layer from selection

الخطوة 7

اختار طبقتك الفارغة وانقر على رمز الحذف في الركن السفلي الأيسر من واجهة الطبقات.

Deleting of the empty layer

الخطوة 8

انقر نقرا مزدوجا فوق اسم طبقتك الجديدة وقم بتغييره إلى "رمز تعبيري".

Renaming of the layer

الخطوة 9

انقر بزر الماوس الأيمن فوق الطبقة ثم حدد تحويل الى كائن ذكي 

Converting the image to smart object

2. كيفية إنشاء إطارات وعناصر الرسوم المتحركة

الخطوة 1

الآن نحن بحاجة إلى إنشاء إطارات للرسوم المتحركة في المستقبل. أنشئ سبعة نسخ من الكائن الذكي الخاص بك باستخدام النقر بزر الماوس الأيمن> تكرار.

Creating duplicates of the main layer

الخطوة 2

أعد تسمية التكرارات للطبقة إلى تسلسل الإطار.

Renaming of layers

الخطوه 3

اجعل جميع الطبقات غير مرئية باستثناء الثانية.

Making layers invisible

الخطوة 4

حدد إطارك الثاني، انقر فوق كونترول-T، ثم انقر على أيقونة الاعوجاج.

Activation of the warp tool

الخطوة 5

اسحب نقاط شبكة الاعوجاج إلى جوانب مختلفة لجعل الصورة تبدو وقد امتدت.

Stretching the image

الخطوة 6

اجعل الطبقة التالية مرئية ومدها باستخدام أداة الاعوجاج في نفس الطريقة.

Stretching the image

الخطوة 7

مد الطبقة التالية قليلا باستخدام أداة الاعوجاج.

Stretching the image

الخطوة 8

اختار الطبقة التالية، وانقر فوق كونترول-T، ثم انتقل إلى تحرير> تحويل> تشويه.

Selection of tool for the transformation

الخطوة 9

أثناء الضغط مع الاستمرار على شيفت، حرك النقطة اليمنى العليا إلى -2 درجة والنقطة اليمنى السفلى إلى 2 درجة، وانقر على ادخال.

Distortion of the layer

الخطوة 10

انقر نقرا مزدوجا فوق نفس الطبقة ثم قم بإلغاء تحديد القنوات الخضراء والزرقاء.

Disabling color channels

الخطوة 11

حدد الطبقة التالية. استخدم أداة التحويل في وضعية تشويه لنقل النقطة اليسرى العليا 2 درجة إلى اليسار والنقطة اليمنى السفلى 2 ° إلى اليسار، ثم انقر فوق ادخال.

Distortion of the layer

الخطوة 12

انقر نقرا مزدوجا فوق الطبقة ثم قم بإلغاء تحديد القنوات الحمراء والزرقاء.

Disabling color channels

الخطوة 13

حدد الطبقة الأخيرة لدينا وغير وضع مزج  الى خلط قاسي.

Changing of the blending mode

الخطوة 14

الآن نحن بحاجة إلى إنشاء جوهر خطوط التلفزيون. اضغط على U وقم بإنشاء مستطيل جديد مع الإعدادات التالية: العرض: 500 بكسل؛ الارتفاع: 4.

Creating rectangle

الخطوة 15

حرك المستطيل إلى أعلى المستند.

Moving the rectangle

الخطوة 16

انسخ المستطيل وانقله 8 بكسل لأسفل أثناء الضغط على شيفت.

Moving the duplicate of the rectangle

الخطوة 17

الآن تحتاج إلى إنشاء المزيد من النسخ من المستطيل حتى ملء الوثيقة بأكملها.

Filling the background with lines

الخطوة 18

حدد كل طبقات المستطيل أثناء الضغط على شيفت، ثم انقر بزر الماوس الأيمن وحدد طبقة تنقيط.

Rasterizing layers

الخطوة 19

بعد ذلك، انقر بزر الماوس الأيمن و اختار دمج الطبقات.

Merging layers to one

 الخطوة 20

انسخ طبقتنا الجديدة وانقله 504 بكسل مع الضغط على شيفت.

Creating duplicate of the layer and moving it

الخطوة 21

ادمج هذه الطبقات وأعد تسمية الطبقة "جوهر التلفزيون ".

Merging and renaming the layer

الخطوة 22

غير التعتيم للطبقة إلى 15٪ ووضع المزج إلى تراكب.

Changing the opacity and the blending mode of the texture

الخطوة 23

قم بإنشاء طبقة جديدة باستخدام شيفت-كونترول-N و سمها "اطار"، ثم قم بملئها باللون الأسود. غير خيار التعبئة إلى .

Creating new frame layer

الخطوة 24

انقر نقرا مزدوجا فوق الطبقة وحدد البارامتر خفقان. استخدم الإعدادات التالية: القياس: 25 بكسل؛ الموضع: داخل ؛ لون أسود.

الخطوة 25

الآن نحن بحاجة إلى تنقيط نمط الطبقة: انقر بزر الماوس الأيمن> تنقيط نمط الطبقة.

Rasterizing the layer style

الخطوة 26

انتقل إلى مرشح> ضبابي> ضبابي غاوصي واستخدم الإعدادات التالية: القطر: 4px.

Adding gaussian blur effect

الخطوة 27

تغيير حجم الطبقة لملءاللوحة  القماشية باستخدام كونترول-T مع مسك شيفت.

Resizing the layer

3. كيفية إنشاء الرسوم المتحركة

الخطوة 1

الآن نحن على استعداد لبدء إنشاء الرسوم المتحركة لدينا. انتقل إلى نافذة> المخطط الزمني وانقر على إنشاء مخطط زمني للفيديو.

Creating a timeline

الخطوة 2

اجعل الإطارين الأول والثاني مرئيان، ثم حدد الإطار الثاني وانتقل إلى لوحة جدول زمني.

Preparing workflow for animation

الخطوه 3

غير التعتيم ل"الإطار 02" إلى .

Changing the opacity of the layer

الخطوة 4

افتح الإطار الثاني في لوحة جدول زمني وحرك مؤشر الوقت إلى 0: 00: 00: 05.

Preparing time idicator

الخطوة 5

الآن تحتاج إلى إنشاء الإطار الرئيسي الأول. انقر على أيقونة الموقت بالقرب من التعتيم لإنشاء الإطار الأساسي الأول.

Creating the first keyframe

الخطوة 6

حرك مؤشر الوقت إلى 0: 00: 00: 13 ثم قم بتغيير درجة التعتيم للطبقة إلى 100٪.

Creating the second keyframe

الخطوة 7

بعد ذلك، حرك مؤشر الوقت إلى 0: 00: 00: 20 وغير التعتيم للطبقة إلى.

Adding last keyframe

الخطوة 8

حدد الطبقة التالية وغير التعتيم إلى . بعد ذلك، قم بإنشاء ثلاثة إطارات أساسية مع تغيير التعتيم، بنفس الطريقة كما فعلنا أعلاه، في 0: 00: 00: 13، 0: 00: 00: 20، و 0: 00: 00: 26.

Creating frames for seconde layer

الخطوة 9

حدد الإطارات الرئيسية الثلاثة في لوحة جدول زمني، ثم انقر بزر الماوس الأيمن وحدد نسخ.

Copying keyframes

الخطوة 10

حرك مؤشر المخطط الزمني إلى 0: 00: 01: 00، ثم انقر على الإطار الرئيسي الجديد والصق الإطارات الرئيسية باستخدام كونترول-V.

Pasting keyframes

الخطوة 11

بعد ذلك، حرك مؤشر المخطط الزمني إلى 00: 00: 02: 00 والصق الإطارات الأساسية مرة أخرى. قم بتحريك الإطار الرئيسي الأول إلى 0: 00: 00: 24 وآخر إطار أساسي إلى 0: 00: 02: 20. بحيث نتمكن من إضافة تشكيلة إلى استخدام طبقتنا.

Creating variations of the keyframes sequence

الخطوة 12

الآن نحن بحاجة إلى نقل مؤشر المخطط الزمني إلى 00: 00: 03: 10 ولصق الإطارات الرئيسية مرة أخرى. بعد ذلك، قم بتحريك الإطار الرئيسي الأول إلى 0: 00: 03: 13 و الإطار الرئيسي الأخير إلى 0: 00: 03: 21.

Shortening of the keyframe sequence

الخطوة 13

دعونا نحرك الطبقة التالية لدينا. حدد الطبقة "الإطار 04" وغير التعتيم للطبقة إلى . بعد ذلك، أضف تسلسلين قصيرين من الإطارات الأساسية التي صنعناها من قبل، مع إطارات مركزية في الساعة 0: 00: 00: 18 و 0: 00: 01: 03.

Creating animation for next layer

الخطوة 14

أضف تسلسل إطارات أساسية أخرى في الساعة 0: 00: 03: 00 مع الإطار المركزي في الساعة 0: 00: 03: 05 والإطار الأساسي النهائي عند الساعة 0: 00: 03: 20.

Changing the duration of the last keyframe

الخطوة 15

نشئ نسخة من الإطارات الأساسية التي صنعناها للتو، وانقلها إلى 00: 00: 04: 00.

Creating a copy of keyframes

الخطوة 16

حدد الطبقة التالية في واجهة الطبقات، وقم بتغيير التعتيم إلى . بعد ذلك، أضف ثلاثة سلاسل قصيرة من الإطارات الأساسية كما فعلنا من قبل، مع إطارات مركزية في الساعة 0: 00: 00: 15، 0: 00: 01: 00، و 0: 00: 01: 15.

Creating keyframe sequence for next layer

الخطوة 17

يمكنك إضافة تسلسل إطارات أساسية أخرى بنقاط في الساعة 0: 00: 02: 15، 0: 00: 02: 20، و 0: 00: 03: 20.

Creating final keyframes sequence for Frame 05

الخطوة 18

الآن نحن بحاجة إلى إنشاء الرسوم المتحركة للطبقة التالية. غير تعتيم  "الإطار 06" إلى وأنشئ ثلاثة سلاسل قصيرة من الإطارات الأساسية مع إطارات مركزية في 0: 00: 01: 00، 0: 00: 01: 15، و 0: 00: 02: 00.

Creating keyframe sequence for Frame 06

الخطوة 19

انسخ الإطارات الأساسية والصقها مع الإطار الرئيسي الأول في 0: 00: 03: 00.

Duplicating the keyframe sequence

الخطوة 20

حدد الطبقة الأخيرة وغير التعتيم إلى . بعد ذلك، قم بإنشاء تسلسل إطار أساسي مع النقاط التالية: 0: 00: 00: 15، 0: 00: 00: 18، و 0: 00: 00: 22.

Creating keyframe sequence for Frame 07

الخطوة 21

أنشئ مكررتين من الإطارات الأساسية وانقلهما إلى 0: 00: 01: 24 و 0: 00: 01: 24.

Duplicating and placing keyframes

الخطوة 22

أنشئ نسخة مكررة من تسلسل الإطارات الأساسية الأخيرة وانقلها إلى 0: 00: 03: 10.

Duplicating and placing keyframes

الخطوة 23

والآن نحن بحاجة إلى إنشاء الرسوم المتحركة لدينا لمادة تلفزيونية. حدد الطبقة وانقر على أيقونة المؤقت بالقرب من الموضع لإنشاء أول إطار أساسي في 0: 00: 00: 00.

Creating animation for Tv Texture

الخطوة 24

حرك مؤشر الوقت إلى نهاية المخطط الزمني ثم حرك الطبقة 500 بكسل لأسفل أثناء الضغط على شيفت.

Creating animation for Tv Texture

4. كيفية حفظ الرسوم المتحركة كملف جيف

رسومنا المتحركة جاهزة الآن للتقديم. اضغط ألت-شيفت-كونترول-S لفتح نافذة حفظ للانترنت، ثم قم بتعيين الخيار حلقة إلى الأبد. بعد ذلك، يمكنك حفظ الرسوم المتحركة كملف جيف. يمكنك أيضا تغيير حجم الصورة في هذه القائمة إذا كنت ترغب في تقليل حجم ملف جيف.

Saving the animation as gif file

5. كيفية استبدال الصورة المستخدمة في القالب

الخطوة 1

إذا كنت تريد تغيير الصورة المستخدمة للرسوم المتحركة، فانقر بزر الماوس الأيمن> تعديل المحتويات في طبقة العنصر التعبيري.

Opening the placeholder

الخطوة 2

ضع الصورة الجديدة فوق الصورة القديمة، واضغط على ألت-F4 لإغلاق العنصر التعبيري ، ثم حدد حفظ.

Saving new image inside placeholder

لقد قمت الان بعمل رهيب!

وبهذه الطريقة، يمكننا إنشاء قالب الرسوم المتحركة في أدوب فوتوشوب باستخدام الكائنات الذكية.

أرجو أن تكون قد استمتعت بهذا البرنامج التعليمي، ولا تتردد في الاتصال بي لأي مساعدة في البرنامج التعليمي. يمكنك أيضا التحقق من القالب الخاص بي بت 8 في أعمالي على جرافيك ريفير.

Product promo
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads