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

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

by
Difficulty:IntermediateLength:ShortLanguages:
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 promoProduct promoProduct promo

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

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

الخطوة 1

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

Creating a documentCreating a documentCreating a document

الخطوة 2

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

Placing image inside documentPlacing image inside documentPlacing image inside document

الخطوه 3

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

Resizing of imageResizing of imageResizing of image

الخطوة 4

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

Rasterizing the layerRasterizing the layerRasterizing the layer

الخطوة 5

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

Selecting the area of your imageSelecting the area of your imageSelecting the area of your image

الخطوة 6

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

Cutting new layer from selectionCutting new layer from selectionCutting new layer from selection

الخطوة 7

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

Deleting of the empty layerDeleting of the empty layerDeleting of the empty layer

الخطوة 8

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

Renaming of the layerRenaming of the layerRenaming of the layer

الخطوة 9

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

Converting the image to smart objectConverting the image to smart objectConverting the image to smart object

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

الخطوة 1

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

Creating duplicates of the main layerCreating duplicates of the main layerCreating duplicates of the main layer

الخطوة 2

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

Renaming of layersRenaming of layersRenaming of layers

الخطوه 3

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

Making layers invisibleMaking layers invisibleMaking layers invisible

الخطوة 4

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

Activation of the warp toolActivation of the warp toolActivation of the warp tool

الخطوة 5

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

Stretching the imageStretching the imageStretching the image

الخطوة 6

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

Stretching the imageStretching the imageStretching the image

الخطوة 7

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

Stretching the imageStretching the imageStretching the image

الخطوة 8

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

Selection of tool for the transformationSelection of tool for the transformationSelection of tool for the transformation

الخطوة 9

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

Distortion of the layerDistortion of the layerDistortion of the layer

الخطوة 10

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

Disabling color channelsDisabling color channelsDisabling color channels

الخطوة 11

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

Distortion of the layerDistortion of the layerDistortion of the layer

الخطوة 12

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

Disabling color channelsDisabling color channelsDisabling color channels

الخطوة 13

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

Changing of the blending modeChanging of the blending modeChanging of the blending mode

الخطوة 14

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

Creating rectangleCreating rectangleCreating rectangle

الخطوة 15

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

Moving the rectangleMoving the rectangleMoving the rectangle

الخطوة 16

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

Moving the duplicate of the rectangleMoving the duplicate of the rectangleMoving the duplicate of the rectangle

الخطوة 17

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

Filling the background with linesFilling the background with linesFilling the background with lines

الخطوة 18

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

Rasterizing layersRasterizing layersRasterizing layers

الخطوة 19

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

Merging layers to oneMerging layers to oneMerging layers to one

 الخطوة 20

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

Creating duplicate of the layer and moving itCreating duplicate of the layer and moving itCreating duplicate of the layer and moving it

الخطوة 21

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

Merging and renaming the layerMerging and renaming the layerMerging and renaming the layer

الخطوة 22

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

Changing the opacity and the blending mode of the textureChanging the opacity and the blending mode of the textureChanging the opacity and the blending mode of the texture

الخطوة 23

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

Creating new frame layerCreating new frame layerCreating new frame layer

الخطوة 24

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

الخطوة 25

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

Rasterizing the layer styleRasterizing the layer styleRasterizing the layer style

الخطوة 26

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

Adding gaussian blur effectAdding gaussian blur effectAdding gaussian blur effect

الخطوة 27

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

Resizing the layerResizing the layerResizing the layer

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

الخطوة 1

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

Creating a timelineCreating a timelineCreating a timeline

الخطوة 2

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

Preparing workflow for animationPreparing workflow for animationPreparing workflow for animation

الخطوه 3

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

Changing the opacity of the layerChanging the opacity of the layerChanging the opacity of the layer

الخطوة 4

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

Preparing time idicatorPreparing time idicatorPreparing time idicator

الخطوة 5

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

Creating the first keyframeCreating the first keyframeCreating the first keyframe

الخطوة 6

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

Creating the second keyframeCreating the second keyframeCreating the second keyframe

الخطوة 7

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

Adding last keyframeAdding last keyframeAdding last keyframe

الخطوة 8

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

Creating frames for seconde layerCreating frames for seconde layerCreating frames for seconde layer

الخطوة 9

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

Copying keyframesCopying keyframesCopying keyframes

الخطوة 10

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

Pasting keyframesPasting keyframesPasting keyframes

الخطوة 11

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

Creating variations of the keyframes sequenceCreating variations of the keyframes sequenceCreating variations of the keyframes sequence

الخطوة 12

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

Shortening of the keyframe sequenceShortening of the keyframe sequenceShortening of the keyframe sequence

الخطوة 13

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

Creating animation for next layerCreating animation for next layerCreating animation for next layer

الخطوة 14

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

Changing the duration of the last keyframeChanging the duration of the last keyframeChanging the duration of the last keyframe

الخطوة 15

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

Creating a copy of keyframesCreating a copy of keyframesCreating a copy of keyframes

الخطوة 16

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

Creating keyframe sequence for next layerCreating keyframe sequence for next layerCreating keyframe sequence for next layer

الخطوة 17

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

Creating final keyframes sequence for Frame 05Creating final keyframes sequence for Frame 05Creating 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 06Creating keyframe sequence for Frame 06Creating keyframe sequence for Frame 06

الخطوة 19

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

Duplicating the keyframe sequenceDuplicating the keyframe sequenceDuplicating the keyframe sequence

الخطوة 20

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

Creating keyframe sequence for Frame 07Creating keyframe sequence for Frame 07Creating keyframe sequence for Frame 07

الخطوة 21

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

Duplicating and placing keyframesDuplicating and placing keyframesDuplicating and placing keyframes

الخطوة 22

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

Duplicating and placing keyframesDuplicating and placing keyframesDuplicating and placing keyframes

الخطوة 23

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

Creating animation for Tv TextureCreating animation for Tv TextureCreating animation for Tv Texture

الخطوة 24

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

Creating animation for Tv TextureCreating animation for Tv TextureCreating animation for Tv Texture

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

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

Saving the animation as gif fileSaving the animation as gif fileSaving the animation as gif file

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

الخطوة 1

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

Opening the placeholderOpening the placeholderOpening the placeholder

الخطوة 2

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

Saving new image inside placeholderSaving new image inside placeholderSaving new image inside placeholder

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

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

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

Product promoProduct promoProduct promo
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.