القائمة الرئيسية

الصفحات

كيفيه عمل تاثير صورة كتلة الشكل بالفوتوشوب

 

كيفيه عمل تاثير صورة كتلة الشكل بالفوتوشوب
الصورة المستخدمة فى التصميم

كيفية إنشاء تأثير عرض صور الكتلة الشكل

الخطوة الأولى: إنشاء مستند جديد

لنبدأ بإنشاء مستند Photoshop جديد. اصعد إلى القائمة ملف في شريط القوائم على طول الجزء العلوي من الشاشة واختر جديد :

تحديد أمر مستند جديد في Photoshop.
انتقل إلى ملف> جديد.

يؤدي هذا إلى فتح مربع الحوار New Document في Photoshop. تعمل وثيقة على شكل مربع الأفضل لهذا الغرض، ولذا فإنني سوف تعيين كل من العرض و الطول من المستند إلى 1000 بكسل ، ومنذ ذلك أنا لا تخطط لطباعة هذه، سأترك القرار مجموعة قيمة 72 بكسل / بوصة . قد تكون الأبعاد والدقة التي تحتاجها مختلفة ، خاصة إذا كنت تقوم بإنشاء هذا للطباعة. اضبط محتويات الخلفية على الأبيض ، ثم انقر على موافق للإغلاق خارج مربع الحوار. سيظهر مستند جديد مليء باللون الأبيض على شاشتك:

شاشة New Document في Photoshop.
اضبط العرض والارتفاع على 1000 بكسل ، والدقة على 72 بكسل / بوصة ، ومحتويات الخلفية على الأبيض.

الخطوة 2: تغيير حجم الشبكة في تفضيلات Photoshop

سنستخدم شبكة Photoshop لمساعدتنا في إنشاء تصميم الشكل الخاص بنا ، ولكن أولاً ، نحتاج إلى إجراء تغيير على حجم الشبكة ، ونقوم بذلك في التفضيلات. على جهاز الكمبيوتر ، انتقل إلى قائمة التحرير في الجزء العلوي من الشاشة ، واختر التفضيلات ، ثم اختر الأدلة والشبكة والشرائح . على جهاز Mac ، انتقل إلى قائمة Photoshop ، واختر التفضيلات ، ثم اختر Guides، Grid، & Slices :

تحديد تفضيلات Guides، Grid & Slices في Photoshop.
على جهاز الكمبيوتر ، يمكن العثور على التفضيلات ضمن قائمة التحرير. على جهاز Mac ، يكونون ضمن قائمة Photoshop.

يؤدي ذلك إلى فتح شاشة التفضيلات المعينة على خيارات الأدلة والشبكة والشرائح. في قسم الشبكة ، اضبط خيار Gridline Every على 2.5 بالمائة . اترك الخيارات الأخرى مضبوطة على الإعدادات الافتراضية. انقر فوق "موافق" عندما تنتهي من إغلاق مربع الحوار:

خيار Gridline Every في تفضيلات Guides و Grid و Slices في Photoshop.
تعيين خط الشبكة كل 2.5 بالمائة في قسم الشبكة.

الخطوة 3: قم بتشغيل الشبكة

لقد قمنا بتغيير حجم الشبكة ، لكننا ما زلنا بحاجة إلى تشغيل الشبكة في وثيقتنا. للقيام بذلك ، انتقل إلى قائمة العرض في الجزء العلوي من الشاشة ، واختر إظهار ، ثم اختر الشبكة :

خيار Show Grid في Photoshop.
اذهب إلى عرض> إظهار> الشبكة.

الشبكة الآن مرئية في المستند. على الرغم من أنه يمكننا رؤيتها ، فإن الشبكة ليست في الواقع جزءًا من التصميم. إنه موجود فقط للإشارة المرئية لمساعدتنا:

الشبكة المعروضة في المستند في Photoshop.
المستند مع الشبكة قيد التشغيل.

الخطوة 4: إضافة طبقة جديدة

انقر على أيقونة طبقة جديدة في أسفل لوحة الطبقات:

أيقونة New Layer في لوحة Layers في Photoshop.
انقر على أيقونة طبقة جديدة.

يؤدي هذا إلى إضافة طبقة فارغة جديدة تسمى "الطبقة 1" فوق طبقة الخلفية:

تتم إضافة طبقة جديدة تسمى Layer 1 إلى المستند.
يضيف Photoshop طبقة جديدة ويسميها "الطبقة 1".

الخطوة 5: حدد أداة الخيمة المستطيلة

حدد أداة الخيمة المستطيلة من لوحة الأدوات:

تحديد أداة الخيمة المستطيلة في برنامج فوتوشوب.
اختيار أداة الخيمة المستطيلة.

الخطوة 6: ارسم تحديدًا أوليًا حول الشبكة

مع تحديد أداة Rectangular Marquee Tool ، ارسم مخطط تحديد أولي حول الشبكة ، لكن اترك حدًا بعرض مربعين بين مخطط التحديد وحواف المستند. قد يكون من الصعب بعض الشيء رؤية مخطط التحديد في لقطة شاشة ، لذلك قمت بتسليط الضوء على اللون الأحمر فقط لتسهيل رؤية أنني تركت حدودًا مربعة حولها:

رسم مخطط تحديد أولي حول الشبكة.
ارسم مخططًا خارجيًا للتحديد حول الشبكة ، تاركًا حد مربعين سميكًا حول الحواف.

الخطوة 7: املأ التحديد باللون الأسود

مع التحديد في مكانه ، انتقل إلى قائمة التحرير في الجزء العلوي من الشاشة واختر تعبئة :

تحديد أمر Fill من قائمة Edit في Photoshop.
اذهب إلى تحرير> تعبئة.

يؤدي هذا إلى فتح مربع حوار Fill في Photoshop. قم بتغيير خيار Use في الجزء العلوي من مربع الحوار إلى Black :

مربع الحوار Fill في Photoshop.
قم بتغيير خيار Use إلى Black.

انقر فوق "موافق" للإغلاق خارج مربع الحوار. يقوم Photoshop بتعبئة التحديد باللون الأسود في المستند. لم نعد بحاجة إلى مخطط التحديد بعد الآن ، لذا لإزالته ، انتقل إلى قائمة التحديد في الجزء العلوي من الشاشة واختر إلغاء التحديد . يمكنك أيضًا الضغط على Ctrl + D (Win) / Command + D (Mac) لإلغاء تحديده بسرعة باستخدام اختصار لوحة المفاتيح الأسرع:

اختيار إلغاء التحديد من قائمة التحديد في Photoshop.
انتقل إلى تحديد> إلغاء التحديد لإزالة مخطط التحديد من حول المنطقة المليئة بالأسود.

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

الشكل المربع الأولي المملوء بالأسود.
الشكل الأولي المملوء بالأسود.

الخطوة 8: ارسم سلسلة من التحديدات المستطيلة الضيقة

سنقسم الشكل الأولي إلى عدة أشكال أصغر ، وسنفعل ذلك بحذف أجزاء منه. أولاً ، نحتاج إلى تحديد المناطق التي سنقوم بحذفها. مع استمرار تحديد أداة Rectangular Marquee Tool ، ابدأ من الجانب الأيسر من الشكل وعد 10 أعمدة رأسية من المربعات إلى الداخل نحو اليمين ، ثم ابدأ من أعلى الشكل وارسم تحديدًا لأسفل حول العمود الحادي عشر ، ولكن اترك 10 المربعات بين الجزء السفلي من التحديد وأسفل الشكل. أدرك أن ذلك قد يبدو محيرًا ، لذا حاولت توضيحه في لقطة الشاشة من خلال إبراز مخطط التحديد مرة أخرى باللون الأحمر. لاحظ أن التحديد الخاص بي هو عرض عمود واحد فقط وأن هناك 10 مربعات بين التحديد والجانب الأيسر من الشكل ،

تحديد العمود الحادي عشر من المربعات من اليسار ، وترك صفًا من 10 مربعات أسفل التحديد.
ارسم تحديدًا حول العمود الحادي عشر من المربعات من اليسار ، واترك 10 مربعات في الأسفل غير محددة.

بمجرد رسم التحديد الأول ، استمر في الضغط على مفتاح Shift ، والذي سيحولك مؤقتًا إلى وضع Add to Selection في Photoshop ، ثم عد 10 صفوف أفقية من المربعات لأعلى من أسفل الشكل وارسم تحديدًا مشابهًا حول 11th صف من المربعات يبدأ من اليسار ، مع ترك 10 مربعات بين الحافة اليمنى من التحديد والجانب الأيمن من الشكل. مرة أخرى ، نأمل أن تسهل لقطة الشاشة رؤيتها. بالضغط باستمرار على مفتاح Shift ، تتم إضافة هذا التحديد الثاني إلى الأول ، ولدينا الآن أجزاء من عمود واحد وصف واحد من المربعات المحددة:

تحديد صف من المربعات في المستند.
استمر في الضغط على مفتاح Shift وارسم تحديدًا حول الصف الحادي عشر من المربعات من الأسفل ، مع ترك 10 مربعات على اليمين غير محددة.

تحديدان لأسفل ، واثنين آخرين للذهاب. استمر في الضغط باستمرار على مفتاح Shift ، ثم عد 10 أعمدة من المربعات من الجانب الأيمن من الشكل وارسم تحديدًا لأعلى حول العمود الحادي عشر ، مع ترك 10 مربعات بين الحافة العلوية للتحديد وأعلى الشكل. يضاف هذا التحديد الثالث إلى أول اثنين:

تحديد الصف الثاني من المربعات في المستند.
مرة أخرى ، اضغط مع الاستمرار على Shift وارسم تحديدًا حول العمود الحادي عشر من المربعات من اليمين ، مع ترك 10 مربعات من الأعلى غير محددة.

أخيرًا ، مع استمرار الضغط على مفتاح Shift ، قم بعد 10 صفوف من المربعات من أعلى الشكل وارسم تحديدًا حول الصف الحادي عشر ، بدءًا من يمين الشكل ، مع ترك 10 مربعات بين الحافة اليسرى للتحديد و الحافة اليسرى للشكل. عند الانتهاء ، يجب تحديد أجزاء من صفين وعمودين من المربعات:

تحديد العمود الثاني من المربعات في المستند.
استمر في الضغط على مفتاح Shift وارسم تحديدًا حول الصف الحادي عشر من المربعات من الأعلى ، تاركًا 10 مربعات على اليسار غير محددة.

الخطوة 9: احذف المناطق المحددة

اضغط على Backspace (Win) / Delete (Mac) على لوحة المفاتيح لحذف المناطق المحددة من الشكل ، والتي تفصل على الفور الشكل الأكبر إلى خمسة أشكال أصغر. اضغط على Ctrl + D (Win) / Command + D (Mac) لإزالة حدود التحديد بسرعة من حول الأشكال. لم نعد بحاجة إلى عرض شبكتنا في المستند ، لذا ارجع إلى قائمة العرض ، واختر إظهار ، ثم اختر الشبكة لإيقاف تشغيل الشبكة. يمكنك أيضًا الضغط على Ctrl + ' (Win) / Command +' (Mac) لإيقاف تشغيله باستخدام اختصار لوحة المفاتيح الأسرع. إليك ما يبدو عليه المستند الآن بعد إزالة حدود التحديد وإيقاف تشغيل الشبكة:

تم تقسيم الشكل الواحد إلى خمسة في المستند.
تم تقسيم الشكل الأولي الأكبر إلى خمسة أشكال أصغر.

الخطوة 10: أضف Drop Shadow

انقر فوق رمز Layer Styles في أسفل لوحة Layers:

رمز Layer Styles في لوحة Layers في Photoshop.
النقر فوق أيقونة Layer Styles.

اختر Drop Shadow من قائمة أنماط الطبقة التي تظهر:

اختيار Drop Shadow من قائمة أنماط الطبقة في Photoshop.
اختر Drop Shadow.

يؤدي هذا إلى فتح شاشة Photoshop Layer Style المعينة على خيارات Drop Shadow في العمود الأوسط. انا ذاهب لضبط زاوية من الظل إلى 120 درجة وسوف تعيين كل من القطر و الحجم إلى 12 بكسل . قد تحتاج إلى استخدام قيم مختلفة لخيارات المسافة والحجم إذا قمت بإنشاء مستند أكبر من الحجم الذي أستخدمه في هذا البرنامج التعليمي. أخيرًا ، لتقليل كثافة الظل ، سأخفض قيمة التعتيم إلى 60٪ :

خيارات Drop Shadow في شاشة Layer Style.
خيارات Drop Shadow في شاشة Layer Style.

انقر فوق OK للإغلاق خارج مربع الحوار Layer Style. يتم الآن إضافة الظل المسقط إلى الأشكال:

يضاف الظل المسقط إلى الأشكال.
الصورة بعد إضافة الظل المسقط.

الخطوة 11: افتح صورتك

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

صورة لموجة عملاقة.  صورة مرخصة من Fotolia بواسطة Photoshop Essentials.com.
الصورة الأصلية.

الخطوة 12: انسخ والصق الصورة في مستند الأشكال

اضغط على Ctrl + A (Win) / Command + A (Mac) لتحديد الصورة بأكملها بسرعة ، ثم اضغط على Ctrl + C (Win) / Command + C (Mac) لنسخها إلى الحافظة. انتقل إلى مستند الأشكال ، ثم اضغط على Ctrl + V (Win) / Command + V (Mac) للصق الصورة في المستند. سيظهر على طبقته الخاصة (الطبقة 2) أعلى طبقة الأشكال (الطبقة 1) في لوحة الطبقات:

الصورة موضوعة على الطبقة 2.
يضع Photoshop الصورة على طبقتها الخاصة فوق طبقة الأشكال.

الخطوة 13: إنشاء قناع لقطة

اصعد إلى قائمة الطبقة في الجزء العلوي من الشاشة واختر إنشاء قناع القطع :

اختيار أمر Create Clipping Mask من قائمة Layer في Photoshop.
انتقل إلى Layer> Create Clipping Mask.

يقوم هذا "بقص" الصورة إلى الأشكال الموجودة على الطبقة الموجودة أسفلها مباشرة ، مما يخلق الوهم بأن الصورة يتم تقسيمها وعرضها على الأشكال:

يتم الآن قص الصورة إلى الأشكال الموجودة أسفلها.
التأثير بعد قص الصورة على الأشكال.

إذا نظرنا إلى لوحة Layers ، فإننا نرى أن الطبقة 2 قد تم تحريكها الآن إلى اليمين بسهم صغير على يسار الصورة المصغرة للمعاينة يشير لأسفل إلى الطبقة 1 تحتها. هذه هي طريقة Photoshop لإعلامنا بأن الطبقة 2 قد تم قصها الآن إلى محتويات الطبقة 1:

تُظهر لوحة Layers Layer 2 مقطوعة إلى الطبقة 1 تحتها.
يقوم Photoshop بعمل مسافة بادئة للطبقات التي تم قصها إلى الطبقة الموجودة أسفلها.

الخطوة 14: نقل الصورة وتغيير حجمها باستخدام التحويل الحر

لتغيير حجم الصورة وإعادة وضعها داخل الأشكال ، انتقل إلى قائمة " تحرير " في الجزء العلوي من الشاشة واختر التحويل الحر ، أو اضغط على Ctrl + T (Win) / Command + T (Mac) لتحديد أمر التحويل الحر باستخدام الزر اختصار لوحة المفاتيح:

تحديد أمر التحويل الحر في Photoshop.
انتقل إلى تحرير> التحويل الحر.

يؤدي هذا إلى وضع مربع التحويل الحر في Photoshop والمقابض حول الصورة. على الرغم من أنه لا يمكننا رؤية سوى مساحة الصورة الموجودة فوق الأشكال ، سيظهر مربع التحويل الحر والمقابض حول الحجم الفعلي للصورة إذا لم تتمكن من رؤية المقابض لأن الصورة كبيرة جدًا وتمتد خارج المنطقة الحالية القابلة للعرض من المستند ، فانتقل إلى قائمة العرض في الجزء العلوي من الشاشة واختر Fit on Screen . يمكنك أيضًا الضغط على Ctrl + 0 (Win) / Command + 0 (Mac) لتحديد أمر Fit on Screen باستخدام اختصار لوحة المفاتيح:

تحديد أمر Fit on Screen في Photoshop.
اذهب إلى View> Fit on Screen.

سيتم تصغير Photoshop على الفور بقدر ما يلزم لملاءمة الصورة بأكملها في المنطقة القابلة للعرض في المستند حتى تتمكن من الوصول إلى مقابض التحويل الحر. لتغيير حجم الصورة ، اضغط مع الاستمرار على مفتاح Shift ، والذي سيحد من نسبة العرض إلى الارتفاع للصورة أثناء تغيير حجمها ، ثم اسحب أيًا من مقابض الزوايا الأربع (المربعات الصغيرة). لتحريك الصورة ، ما عليك سوى النقر فوق أي مكان داخل المربع المحيط Free Transform واسحب الصورة حولها بالماوس. أثناء تغيير حجم الصورة وتغيير موضعها ، ستراها تتحرك داخل الأشكال:

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

عندما تكون سعيدًا بمظهر الأشياء ، اضغط على Enter (Win) / Return (Mac) لقبول التغييرات والخروج من Free Transform. وبهذا ، انتهينا! ها هي النتيجة النهائية "عرض صور مجموعة الأشكال":

تأثير عرض الصور العنقودية في Photoshop.
النتيجة النهائية.
  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
إظهار التعليقات