هل جمعت تصميمًا أصليًا مع عناصر رسومية وترغب في عمل تخطيط؟ أولاً ، تحتاج إلى معرفة كيفية تقسيم التخطيط بحيث يكون كل عنصر من العناصر الرسومية في المكان المناسب لاحقًا في منتصف الصفحة أو أعلاها أو أسفلها.
تعليمات
الخطوة 1
عند اختيار التقنيات الخاصة بكيفية قص التخطيط ، تذكر أن كل مصمم تخطيط يستخدم طريقته الخاصة في قصه عند العمل مع تخطيطات PSD. لذلك ، في المرحلة الأولى ، اختر فقط أبسط التقنيات ، والتي تشمل قطع التصميم الذي تم إنشاؤه بالرسومات إلى أجزاء ، وهو أمر مناسب للمبتدئين. أولاً ، تخيل أولاً في ذهنك الأجزاء التي ستقسم مخططك إليها ، وفكر في كل جزء من أجزائه المنفصلة ، وبعد ذلك فقط انتقل إلى الجزء الفني من العملية نفسها. تذكر أن تخطيط PSD ينقسم إلى "أجزاء" حسب درجة تعقيده ، ويقسمه إلى عناصر منفصلة. علاوة على ذلك ، يجب أن يكون كل عنصر رسومي مستقلاً عن جميع التفاصيل الأخرى.
الخطوة 2
عند تحديد كيفية قص تخطيط برأس يتكون من أزرار وطبقة خلفية منفصلة وطبقات نصية ، تذكر أنه في هذه الحالة لا يمكن قص الرأس بالكامل كصورة. في مثل هذه الحالة ، من الأفضل تقطيع كل طبقات النص ، كل زر ، وكذلك طبقة الخلفية للرأس إلى صور منفصلة. ثانيًا ، يفترض تقسيم المخطط إلى شرائح أن مصمم التخطيط يقوم بتنفيذ إجراءات بالتسلسل التالي. إذا كان النص جزءًا فقط من الزخرفة ، فاستخدمه قبل تنسيق HTML / CSS.
الخطوه 3
أولاً ، افتح التخطيط نفسه في Photoshop بحيث تظهر لوحة الطبقات على اليمين ، والتي تعتبر العمود الفقري المطلوب لبدء التخطيط. في حالة إمكانية النقر على جميع الصور ، افتح النسخة ذات الدقة الكاملة للتخطيط الخاص بك. بعد ذلك ، قم بتخطيط جميع العناصر الرسومية بحيث تبدو كما هي في تنسيق HTML ، لذا احفظ كل عنصر رسومي واضح بالتنسيق المطلوب: GIF أو.
الخطوة 4
لتحديد العنصر الرسومي المطلوب ، استخدم أداة مثل Rectangular Marquee Tool ، والتي تسمح لك بتمييز المنطقة المحددة بخط منقط. بعد ذلك ، قم بقص باقي التخطيط وصولاً إلى العنصر المنقط باستخدام قائمة Image> Crop. للتخلص من طبقات الخلفية غير الضرورية ، قم بتطبيق تعبئة متدرجة ، وقم بإيقاف تشغيل رؤية طبقات الخلفية. بعد ذلك ، قم بقص زوايا الجزء المحدد ، ثم احتفظ بجميع الطبقات الأخرى شفافة.