X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

الوصول الحر بريميوم

وصول إلى مكتبة والمواد برمتها محور بريميوم ، ملفات المشاريع ، وأول 10 ٪ من كل فيديو تعليمي من دروس المكتبة على الانترنت .

إنشاء حسابك المجاني الآن!

الشروع في العمل مع تدرجات اللون في CS5 فوتوشوب
ترجم من قبل مترجم جوجل

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

ما الذي يجب أن حجم وجعل لكم القرار الخاص فوتوشوب الملف؟ منذ سنكون خلق الانحدار لموقعنا ، يمكننا الحفاظ على القرار كل شيء منخفضة (72ppi). أما بالنسبة للأبعاد ، تتقرر حسب تخطيط أن موقعنا في. دعونا نفترض لهذه العملية أن منطقة رأس لموقعنا هو 960 بكسل في 100 بكسل.

ولكن لا تنسى ، ويمكن أيضا أن تستخدم في التدرجات الطباعة. في هذه الحالة ، وكنت للتو كيف الرقم مساحة كبيرة من الوثيقة الطباعة تريد تعبئته ، وتعيين حجم المستند وفقا لذلك. بطبيعة الحال ، وكنت أيضا باستخدام دقة أعلى بكثير (أشبه 300ppi).

Okay, let's get started on creating our web gradient.

الخطوة 1

والمضي قدما في إنشاء مستند فارغ جديد في برنامج فوتوشوب.

استخدام مثالنا على رأس التدرج لموقع على شبكة الانترنت ، تأكد من تعيين العرض والارتفاع وفقا لذلك الخاص (مرة أخرى ، 960x100 بكسل). أيضا ، تعيين دقة إلى 72 نقطة في البوصة ووضع لون RGB. اضغط زر موافق عندما كنت جاهزا.

الخطوة 2

From the Toolbox, grab the Gradient tool.


The default gradient that's set for the Gradient tool is Foreground To Background. That means that the starting color in the gradient will be the color that's loaded into the foreground color swatch at the bottom of the Toolbox. The ending color would be the color that's loaded into the background color swatch.

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

الخطوة 3

On the Options bar, click the drop-down arrow beside the gradient swatch.


This opens Photoshop's Gradient Picker. You can either choose from the set of available gradients, or open another gradient library. To open a new gradient library, open the Options menu in the top-right corner of the Gradient Picker, then choose from the list of libraries towards the bottom of the Options menu.

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

بمجرد اختيار التدرج ، كنت على استعداد لتطبيقه على الملف.

الخطوة 4

التدرج في تطبيق الخاص بك ، انقر واسحب داخل نافذة المستند.

For example, click and drag from the left side of your document to the right; or from the top to the bottom. You can even drag on an angle if you wish. If you'd like your gradient to be perfectly straight either horizontally or vertically, hold down Shift as you drag.


Sometimes it takes a few tries to get the look you're after. Once you're done, you're ready to save the file out for use on the web.

الخطوة 5

Choose File > Save As; then name your file and choose JPEG from the Format menu.

هنا ما لدينا التدرج النهائية تبدو مثل :

في البرنامج التعليمي في المستقبل ، وسوف نتحدث حول استخدام حفظ فوتوشوب للويب

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

Geoff Blake

Geoff Blake | Articles by this author

Geoff Blake is a book author, video presenter, designer, and visual artist. As an in demand live-on-stage software educator since 1997, Geoff has taught desktop publishing, web design and graphics courses all over North America and is regarded as an expert in Adobe's Creative Suite applications, as well as in HTML, CSS, WordPress, and related technologies. With his humorous, non-jargonny approach, Geoff produces highly regarded articles, video training and DVDs, and regularly contributes to top industry magazines and websites.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link