آموزش ساخت پکیج های سه بعدی شرکت ماکروسافت

سلام; امیدوارم حال شما خوب باشه.

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) و خاصیت های آن بوده که انشالله در آموزش های بعدی بیشتر در این رابطه صحبت خواهیم کرد.

موفق باشید,عرفان

برچسب‌ها: , , , , , , , ,

18 پاسخ to “آموزش ساخت پکیج های سه بعدی شرکت ماکروسافت”

  1. فرحان Says:

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

  2. ماهان Says:

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

  3. حامد Says:

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

    موفق باشيد

  4. Hassan1 Says:

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

  5. رضا Says:

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

  6. amir Says:

    -so good,Thank you

  7. مجید Says:

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

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

    موفق باشید.

  8. ناصر Says:

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

  9. ابوالفضل Says:

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

  10. سعید Says:

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

    با تشکر

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

  11. مهدی مسکوت Says:

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

  12. آموزش Says:

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

  13. reza Says:

    salam man shoma ro link kardam shoma ham link konid
    tnx

  14. M.H Says:

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

  15. زیلان Says:

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

  16. محمد آوا÷ Says:

    kheili alie

  17. گيسو Says:

    سلام.من هنوز اموزشهاي شمار ا نخواندمولي انها را سيو كردم به نظرم خيلي جالب اومد .از شما بي نهايت سپاسگذارم.

  18. حسین Says:

    خوب بود ولی لینک ها ارور داشتن

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s


%d وب‌نوشت‌نویس این را دوست دارند: