كيفية إنشاء رسم شفاف. كيفية إنشاء PNG بشفافية في Adobe Photoshop (CC والإصدارات الأحدث)؟ كيفية عمل خلفية شفافة للصورة

في بعض الأحيان تحتاج إلى تحميل صورة تحتوي على عناصر شفافة تسمح للخلفية الأصلية بالظهور من خلالها. في هذه الحالات، سيكون من المناسب تنزيل صور PNG نظرًا لأنها قادرة على الحفاظ على الشفافية.

في هذا المقال سنخبرك كيفية جعل الشفافية في برنامج فوتوشوب.

إنشاء ملف

الخطوة الأولى هي إنشاء ملف . للقيام بذلك، افتح أدوبي فوتوشوبوفي القائمة "ملف" ( ملف) في أعلى الصفحة حدد "إنشاء" ( جديد).

ثم في النافذة التي تظهر " مستند جديد » ( مستند جديد) قم بإنشاء ملف بالحجم المطلوب، وتأكد من أن دقة المستند هي 72 بكسل لكل بوصة ( نظرًا لأن الملف مخصص للاستخدام على الويب). وأيضا أنك قمت بتحديد القيمة "شفاف" ( شفاف) في القائمة المنسدلة "محتوى الخلفية" ( محتويات الخلفية).

*قبل أن تقوم بعمل PNG مع الشفافية في Photoshop، عليك توضيح أننا في هذا المثال نقوم بإنشاء صورة لتحميلها كخلفية للموقع، بحيث يتم ضبط حجم الوثيقة على النحو التالي: العرض 3000 بكسل، الارتفاع 1730 بكسل، ما هي الأحجام الموصى بها لتنزيلات الصور عالية الدقة:

بعد تعيين المعلمات، انقر فوق "موافق" لفتح مستند جديد.

ثم في لوحة "الطبقات" ( طبقات) تأكد من أنك تعمل على الطبقة الشفافة وليس على الخلفية:

بمجرد الانتهاء من الإنشاء والاستعداد لحفظ صورتك الشفافة، اعتمادًا على إصدار Photoshop الذي تستخدمه، من القائمة "ملف" ( ملف) يمكنك استخدام أحد الخيارات الممكنة:

إصدارات Photoshop الأقدم من CC 2015:

الآن سوف نخبرك كيفية جعل الصورة شفافة في الفوتوشوب، والذي صدر قبل CC 2015. تستخدم هذه الإصدارات طريقة "الحفظ للويب" ( حفظ للويب والأجهزة) لحفظ صور PNG وتحسينها لاستخدامها على الويب. لاستخدام هذه الطريقة، ما عليك سوى الانتقال إلى القائمة "ملف" ( ملف)، ثم "حفظ للويب" ( حفظ للويب والأجهزة):

ثم في النافذة التي تظهر، حدد PNG-24 من القائمة المنسدلة للقيم المحتملة، ثم تأكد من تحديد خيارات "الشفافية" ( الشفافية) و " تحويل إلى إس آر جي بي» ( تحويل إلى إس آر جي بي). وهذا يؤكد أن الصورة سوف تحتوي على خلفية شفافةوسيتم تحويل وضع الألوان الخاص به إلى sRGB، وهي مساحة الألوان الموصى بها للويب.

مجالات " حجم الصورة» ( حجم الصورة) يتم ملؤها تلقائيًا بالقيم التي حددتها عند إنشاء الملف. ولكن إذا كنت تريد تغيير حجم الملف قبل الحفظ، فيمكنك القيام بذلك الآن.

نسخة الفوتوشوب CC 2015 :

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

ملاحظة: لا تزال Adobe تقدم خيار "حفظ للويب" ( حفظ للويب والأجهزة) في Photoshop CC 2015، ويمكن الوصول إليه من خلال القائمة ملف > تصدير ( ملف > تصدير) أو باستخدام اختصار لوحة المفاتيح Command+Option+Shift+S (لنظام التشغيل Mac) أو Ctrl+Alt+Shift+S (لأجهزة الكمبيوتر الشخصي):

ثم في النافذة التي تظهر، حدد PNG من القائمة المنسدلة "تنسيق" ( شكل) وتأكد من تحديد خيارات الشفافية ( الشفافية) و " تحويل إلى إس آر جي بي» ( تحويل إلى إس آر جي بي).

مرحبا عزيزي الزوار.سأوضح في هذا الدرس كيف يمكنك استخدام Photoshop إزالة الخلفيةوجعل الصورة شفافة. لا تحتاج إلى أي معرفة خاصة بـ Photo Monster، لأن كل شيء هنا بسيط للغاية. الشيء الرئيسي هو أن يكون لديك Photoshop مثبتًا وأن تكرر جميع الخطوات بعدي.

لذا، كيفية جعل خلفية شفافة في برنامج فوتوشوب؟

قم بتشغيل Photoshop وافتح الصورة التجريبية. انقر فوق القائمة "ملف - فتح" وحدد موقع الصورة.

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

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

الآن نحن بحاجة إلى إزالة الخلفية. للقيام بذلك، استخدم أداة التحديد، على سبيل المثال، العصا السحرية.

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

ظهر خط منقط (النمل الجاري). كل ما عليك فعله هو الضغط على مفتاح DELETE الموجود على لوحة المفاتيح وسيتم حذف الخلفية. انظر كيف اتضح:

ممتاز! الآن قم بإلغاء تحديده بالضغط على اختصار لوحة المفاتيح CTR+D.

حسنا، بشكل عام، كيف صنع خلفية شفافة بالفوتوشوبلقد اكتشفنا ذلك والآن كل ما تبقى هو حفظ هذه الصورة بشكل صحيح.

للقيام بذلك، انقر فوق القائمة ملف - حفظ للويب. أو مجرد استخدام ALT+SHIFT+نسبة النقر إلى الظهور+S.

ستظهر لك نافذة يتعين علينا فيها تحديد تنسيق PNG-24 وبعد ذلك فقط انقر فوق الزر "حفظ".

والآن أنظر ماذا حدث وماذا أصبح:

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

هذا كل شيء لهذا اليوم، حظا سعيدا!

ألق نظرة على الرسم بالتنسيق jpg، الشخصية الكرتونية المعروفة بيبي ماموث الذي فقد أمه.. أريد أن أبكي.. لا، ليس لأن طفل الماموث لا يستطيع العثور على أمه (رغم أنه بسبب هذا أيضا)، ولكن لأن الخلفية الزرقاء تؤذي العينين رهيب! أريد فقط إزالة هذا اللون الأزرق وملء خلفية الصورة بهذا اللون الذي يندمج مع خلفية الصفحة..

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

مثال حيث يتم تراكب صورة فوق مادة:











افتح Photoshop وارسم صورة مع ماموث صغير بدلاً من الخلفية الزرقاء؟ ثم حاول مطابقتها مع الخلفية الرئيسية للصفحة؟ هذا ليس خيارا!!!

لذلك، أبلغ عن ذلك الأشكال الرسومية gifو بي إن جي- دعم وضع الشفافية، مما يسمح لك بجعل بعض مناطق الرسم غير مرئية للعين البشرية - وهذا بالضبط ما نحتاجه!

الآن بالترتيب:

1. افتح الصورة التي تريد جعل خلفيتها شفافة أدوبي فوتوشوب.

2. افتح إشارة مرجعية "صورة" >> "الوضع" >> "الألوان المفهرسة".


3. في نافذة الحوار التي تظهر "الألوان المفهرسة"وضع علامة "الشفافية"و اضغط "نعم"


4. استخدام أداة التحديد "العصا السحرية"و "ممحاة"نقوم بمسح الخلفية في الرسم، مما يجعل الأجزاء التي نحتاجها شفافة.

5. حسنًا، نحن نحفظ صورتنا بالتنسيق gif.. المرجعية "ملف" >> "حفظ للويب..."في النافذة التي تظهر، أشر (موافق) إلى أنه سيتم حفظ الصورة بالتنسيق gifانقر "يحفظ".. حدد مجلدًا واكتب الاسم - أتمنى أن تتمكن من فعل كل هذا..

تم إنشاء الصورة بأكملها بخلفية شفافة !!

يمكنك الآن لصقه مرة أخرى في صفحتنا، دون أن تنسى تغيير الامتداد jpgعلى gif .




إنشاء مناطق شفافة في الرسم


gif" alt="بيبي ماموث"> !}



في كثير من الأحيان، عند إنشاء بطاقات تهنئة أو مقاطع فيديو، كنت أواجه السؤال التالي: كيف يمكن القيام بذلك؟ بدونمعرفة محل تصوير?

أي شخص على دراية ببرنامج Photoshop سيفعل ذلك دون صعوبة. لكن لم يدرس الجميع هذا البرنامج الذكي بعد. كيف يمكن أن يكونوا؟ هل حقا لا يوجد مخرج؟

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

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

دعونا ننكب على العمل.

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

ستفتح أمامك النافذة التالية:

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

تظهر الصورة على صفحة الخادم:

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

على الجانب الأيسر ترى اللوحة " أدوات"، منها أن" العصا السحرية"، والتي سوف نستخدمها الآن. اضغط عليها مرة واحدة، ثم اضغط على أي مساحة فارغة في خلفية الصورة التي حددتها. سيظهر خط منقط حول الصورة.

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

تظهر نافذة تسألك: "حفظ الصورة قبل الإغلاق؟" انقر " نعم".

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

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

لم أتمكن من العثور على أي أفكار جيدة على شبكة الإنترنت. كيفية عمل خلفية شفافةل الصورة النهائية، لذلك بدأت بالتجربة بنفسي ووجدت حلاً مناسبًا إلى حد ما!

كيفية عمل خلفية شفافة للصورة

لنأخذ مثالا واحدا صورة بسيطةبتنسيق .jpg (بشكل عام، التنسيق ليس مهمًا بشكل خاص):

هناك خلفية بيضاء هنا أريد التخلص منها وإنشاء خلفية شفافة بدلاً من ذلك. سيساعدنا Pixlr، وهو إصدار عبر الإنترنت من Photoshop، في ذلك.

تحميل صورتنا. على اليمين في نافذة "الطبقات" ستظهر طبقة "الخلفية" التي يوجد بها قفل (يمنع حذف خلفية الصورة).

من خلال النقر المزدوج بزر الفأرة الأيسر على هذا القفل، يمكنك إزالة القفل من الخلفية. ستظهر علامة اختيار بدلاً من القفل.

الآن خذ العصا السحرية (شريط الأدوات، العمود الأيمن، الزر الثاني من الأعلى)، وحدد المعلمات التالية: التسامح = 21، خانات الاختيار للتجانس والاستمرارية(عادة ما تكون هذه المعلمات قياسية)، على الرغم من أنه يمكنك تجربة المعلمات؛ وانقر على خلفية الصورة (في حالتنا، على الخلفية البيضاء).

الآن نقوم بحذف الخلفية بالضغط على زر "حذف" ونحصل على الصورة التي نحتاجها بخلفية شفافة.




قمة