نوشته شده توسط عرفان در تاریخ سه شنبه، ۱۹ آذر ۱۳۸۷
سلام; امیدوارم حال شما خوب باشه.

3d_box_windows_vista0013d_box_windows_vista002

در آموزش امروز قصد دارم شما را با ساخت جعبه ها (پکیج های) سه بعدی شرکت ماکروسافت که در سری جدید ویندوز ویستا استفاده شده است رو آشنا کنم.شاید به وفور دیده باشید که در تمامی فروشگاه های آنلاین مانند فروشگاه مجید آنلاین از پکیج های سه بعدی برای معرفی محصولات استفاده میکنند, نرم افزار های متفاوتی وجود دارد که به راحتی میتوان چنین پکیجهایی را خلق نمود. و شما در این آموزش یاد خواهید گرفت که چگونه میتوان با استفاده از نرم افزار فتوشاپ و بدون هیچ گونه نرم افزار جانبی این پکیج های سه بعدی را درست کرد. برای بهتر دیدن تصاویر روی آنها کلیک کنید. پس همراه باشید… 1. در اولین قدم بیایید یک سندی در سایز 800 در 800 پیکسل با رنگ پس زمینه سفید ایجاد کنید.برای خلق جعبه نرم افزاری چشم اندازم (Vista Boxes) ابتدا این شیپ را نصب کنید. (برای نصب شیپ مورد نظر روی آن کلیک کنید تا محیط نرم افزار فتوشاپ باز شود), سپس ابزار Shape Tool انتخاب کنید و کنار گزینه مورد نظرتان با استفاده از پیکان کلید کنید.نمونه را سپس ذخیره کنید.

1

2. پس از انتخاب فایل نمونه تان آن را جایی برایش تعریف کنید سپس روی Open کلیک کنید. (این روش برای خواندن فایل شیپ مورد نظر بود.), سپس با استفاده از ابزار دلخواه نمونه یک جعبه را روی صفحه نقاشی تان ایجاد کنید. زمانی که دارید درگ ( Dragging) (میکشید) از صفحه کلید, کلید Shift را نگه دارید.

2

3. تذکر : شما میتوانید از ابزار قلم (Pen tool) استفاده کنید, اگر نمیخواهید از نمونه درخواستی (PSD) من استفاده کنید.برای این نمونه لایه های نمونه ای, تا بعد را اضافه کنید. (همچنین میتوانید فایل PSD را ذخیره کنید که در آن برای ایجاد این لایه ها انجام کاری لازم ندارد و همه چیز آماده است.) اما اگر خودتان میخواهید این امر را شروع کنید پس خوش آمدید.

31

4 از سمت چپ به ترتیب کد رنگ ها به این صورت است : 6b7471 3c3c3c 434343 6c6d6a 3e403c 585f5b 555d59 61656a 666a6d 55585d 838a8c 848d8e 969ea8 969fa6 a5b2b8 f0f6fb f0f6fb 737d7a b5c8cf 717d7a 636a6c 767f88 838c90 4. این نتیجه اعمال مراحل قبل من است :

5

5. در این جای کار ابزار Custom Shape Tool را انتخاب کنید و سپس نمونه و شکل دیگری را ایجاد کنید. (درست شبیه به شکل اولی باشد اما کوچکتر)

6

6. برای این شکل آخری که شما ایجاد کردید از رنگ های تابع استفاده کنید. (#1f1f1f) - حالا لایه نمونه ای تابع را اضافه کنید.

7

8

9

10

7. سرانجام این شد نتیجه کار :

11

8. سپس ابزار قلم (Pen tool) را انتخاب کنید و یک مسیر جدید ایجاد کنید. (من این مسیر را ایجاد خواهم کرد با یک رنگ آبی, بنابراین شما آنچه من انجام میدهم را بهتر خواهید دید).

12

9. سپس این لایه را دقیقاً تا بالای صفحه نمایش بکشید. (رنگ این لایه را به رنگ مشکلی تغییر دهید.)

13

10. سرانجام یک بار دیگر ابزار Custom Shape Tool را انتخاب نمائید. رنگ پیش زمینه را #777777 انتخاب کنید.

14

11. کد رنگ آن را تا 15 درصد تغییر دهید. مطابق تصویر زیر :

15

12. سپس این لایه را دقیقاً بالای صفحه نمایش (پیش زمینه) بکشید. این نتیجه کار من است :

16

13. مجدداً ابزار Custom Shape Tool انتخاب کنید و شکل دیگری را بسازید و ایجاد کنید. این لایه ممکن است بالای همه لایه ها قرار گیرد. مقدار کدری رنگ آن بین 15 تا 20 درصد باشد. این نتیجه کار فوق میباشد :

17

14. کار تا حدودی به پایان رسیده است و شما میبایست مقداری جزئیات اضافه کنید. که این امر بستگی به نوع کار شما و سلیقه خود شما میباشد. من برای نمونه یک پکیج با عنوان مجید آنلاین آماده کردم که شما را با نحوه چیدمان جزئیات بیشتر آشنا کنم, هر چند مطمئن هستم شما زیباتر از من میتوانید این کار را انجام دهید.

majidonline_pack_full_2008

majidonline_pack_full_2008_2_smallmajidonline_pack_full_2008_3_small

اگر شما مهارتی در تهیه بکگراندهای رویایی نیز دارید به شما تبریک میگویم, چون مطمئن هستم کار شما دیگر بی عیب و نقص خواهش شد. و اگر مهارتی ندارید بهتر است دست بجنبانید و تکانی به خود بدهید برای هر چه زیباتر کردن کار خود. دانلود نسخه html با حجم ۱۲۶۲ کیلوبایت دانلود نسخه pdf با حجم ۱۶۸۳ کیلوبایت دانلود فایل psd آموزش با حجم ۹۰کیلوبایت امیدوارم از این آموزش لذت برده باشید. در آموزش که امروز برای شما توضیح دادم امیدوارم به حدی ساده و گیرا بوده باشد. قصد ما در این آموزش, آشنایی شما با لایه ها و استفاده های مفید و جادویی از ابزار شیپ (Shapes) و خاصیت های آن بوده که انشالله در آموزش های بعدی بیشتر در این رابطه صحبت خواهیم کرد. موفق باشید,عرفان
۱۷ نظر از کاربران             » شما هم نظر خود را بگویید
فرحان - پنجشنبه، ۲۱ آذر ۱۳۸۷

بسیار جالب بود مرسی

ماهان - پنجشنبه، ۲۱ آذر ۱۳۸۷

خيلي خوب بود...متشكرم

حامد - پنجشنبه، ۲۱ آذر ۱۳۸۷

سلام
آقا بسيار زيبا و جالب بود
به كار خوبتون ادامه بديد

موفق باشيد

Hassan1 - پنجشنبه، ۲۱ آذر ۱۳۸۷

مرسی جالب بود!

رضا - پنجشنبه، ۲۱ آذر ۱۳۸۷

سلام واقعا جالب بود نظیر وبلاگتون رو هیچ کجا ندیدم
اگر مایل به تبادل لینک هستید با هم تبادل لینک کنیم من هم وبلاگ گرافیکی دارم که نسبتا وبلاگ خوبیه
اگر مایل به تبادل لینک هستید حتما خبرم کنید
منتظرم بای

amir - پنجشنبه، ۲۱ آذر ۱۳۸۷

-so good,Thank you

مجید - پنجشنبه، ۲۱ آذر ۱۳۸۷

سلام
بهتر بود با جزئیات بیشتری می نوشتین که مبتدی هایی مثل من هم راحتتر استفاده کنن!!!

عرفان :
دوست عزیز من تمام سعی خودم رو کردم که خیلی مبتدی توضیح بدم. چشم از سری بعدی بیشتر روی جزئیات کار میکنم.

موفق باشید.

ناصر - پنجشنبه، ۲۱ آذر ۱۳۸۷

سلام... خيلي جمع و جور قشنگ آموزش مي دي... اميدوارم موفق باشي...

ابوالفضل - شنبه، ۲۳ آذر ۱۳۸۷

عالی بود
ولی حیف که این پرشین گبگ همش مشکل داره
فایلهات رو توی هاست جیمیل بریزی بهتره.

سعید - شنبه، ۲۳ آذر ۱۳۸۷

سلام
1: عالی بود
2: عالی تر زمانی بود که آموزش رو به صورت یک فایل pdf قرارداده بودی
3: امیدوارم موفق باشی

با تشکر

عرفان :
مرسی دوست عزیز, ممئن باشید در سری های بعدی همین روال تکرار خواهد شد و فایل پی دی اف همیشه خواهد بود !!

مهدی مسکوت - يكشنبه، ۲۴ آذر ۱۳۸۷

آموزش را دیدم و بسیار پسندیدم. از اینکه مردم را راهنمایی می‌کنی از تو ممنونم! عرفان جان

آموزش - يكشنبه، ۲۴ آذر ۱۳۸۷

با سلام خيلي عالي و مفيد بود خسته نباشيد.

reza - دوشنبه، ۲۵ آذر ۱۳۸۷

salam man shoma ro link kardam shoma ham link konid
tnx

M.H - سه شنبه، ۲۶ آذر ۱۳۸۷

عرفان جان فوق العاده بود خسته نباشی

زیلان - چهارشنبه، ۲۷ آذر ۱۳۸۷

واقعا خیلی تکان دهنده بود ...
یعنی آموزشی برای انقلاب ...
آماده تبادل لینک با شما ...

محمد آوا÷ - پنجشنبه، ۲۸ آذر ۱۳۸۷

kheili alie

Anonymous - يكشنبه، ۱۵ فروردين ۱۳۸۹

جالب