آموزش های این وب سایت به صورت رایگان در دسترس است. اطلاعات بیشتر
مشکل عدم دسترسی خریداران پیشین به برخی آموزش ها برطرف شد
بروز خطا
   [message]
اشتراک در سوال
رای ها
[dataList]

آموزش Long Shadow برای ساخت آیکن های برجسته!

احسان منصوری  10 سال پیش  9 سال پیش
+57 0

سلام. 

قصد داریم با استفاده از قابلیت 3D فتوشاپ، تصویری مثل تصویر زیر رو طراحی کنیم. از این نوع تصاویر به دلیل زیبایی و برجسته گون بودن، بیشتر در آیکن های برنامه ها استفاده می شود.

از طریق منوی فایل یا با استفاده از کلید های ترکیبی Ctrl+N یک فایل جدید با اندازه دلخواه (در اینجا 250x250) و با بکگراند Transparent ایجاد کنید.

با استفاده از ابزار  یا Elliptical Marquee Tool، یک دایره رسم کنید. برای کشیدن یک دایره دقیق، از پالت ابزاری که در بالای صفحه نمایش داده می شود، مقادیر زیر را وارد کنید: ( Width:250 و Height:250)

روی محیط کار کلیک کنید تا یک دایره کشیده شود. 

سپس با استفاده از ابزار رنگ آمیزی (Paint Bucket Tool) دایره را به رنگ دلخواه خود رنگ کنید.

حال نوبت وارد کردن شکل یا متن مورد نظر روی دایره است. شکل مورد نظر را وارد فتوشاپ می کنیم و با استفاده از ابزار Move، آنرا به محیط کار Drag می کنیم. (در صورتی که شکل وارد شده از تصویر زمینه بزرگتر بود، با استفاده از کلید ترکیبی Ctrl+T و با نگه داشتن دکمه Shift، تصویر را کوچک نمایید)

از پالت لایه ها، لایه شکل مورد نظرتان (در اینجا کامپیوتر) را انتخاب کنید سپس از منوی 3D، گزینه New 3D Extrusion from Selected Layer را انتخاب کنید.

در گوشه بالا سمت چپ کادر Secondary View قرار دارد. اگر وجود نداشت، از منوی View و در قسمت Show، آنرا انتخاب کنید.

سپس روی دکمه Swap Main and Secondary View که در شکل پایین نیز مشخص شده است، کلیک کنید تا شکل مورد نظر، از بالا نمایش داده شود.

در مرحله بعد، از پالت های سمت راست فتوشاپ و در قسمت Properties، روی دکمه Coordinates کلیک کرده و در قسمت Rotation X، مقدار 90 را وارد کنید که در شکل هم نمایش داده شده است.

حال، محیط کار شما به این صورت باید باشد:

سپس روی دکمه سفید رنگ Infinite که در شکل بالا مشخص شده و در پایین صفحه قرار دارد، کلیک کنید.

مانند شکل زیر، یک اهرم روی شکل قرار می گیرد که به هر طرفی که آنرا حرکت دهید، سایه تصویرتان خلاف آن حرکت خواهد کرد.

تصویر نهایی سایه دار به این شکل است:

اما به دلیل اینکه این تصویر باید رندر شود تا کیفیت خوبی داشته باشد، مانند تصویر زیر، از پالت سمت راست و در پایین قسمت Properties، روی دکمه Render کلیک کنید تا تصویرتان رندر شود.

(مدت زمان رندر تصویر بستگی به اندازه تصویر و قدرت کامپیوترتان دارد. پس هنگام رندر شدن تصویر صبر کنید. فکر نکنید فتوشاپ هنگ کرده:))

تصویر نهایی بدین شکل است:

تصویر را با فرمت PNG ذخیره کنید.

+1 0
خیلی عالی و زیبا.مثل شما که حرفه ای مثل به ابزار 3d نیستم یبار میخواستم یه همچین سایه ای درست کنم اگه بگم برای ساختش چکارا کردم خندتون میگیره (10 سال پیش)
0 0
ممنون. آره قسمت 3D دنگ و فنگ زیادی داره. منم خیلی از قسمتاش رو بلد نیستم:) (10 سال پیش)
0 0
خوب بود (10 سال پیش)
+1 0
احسان جان فکر کنم این آیکون ها بیشتر در برنامه های Flat استفاده میشن ! ولی واقعا زیبا هستن :) خسته نباشی. (10 سال پیش)
0 0
سلام.لینک ها مشکل دارن (10 سال پیش)
0 0
سلام.لینک ها مشکل دارن (10 سال پیش)
0 0
سلام.آموزش ها با فتوشاپ cc هست یا با فتوشاپ cs6 (10 سال پیش)
+3 0
سلام فرقی نمیکنه توی هر دوتاشون شیوه کار به یک شکل هست ! موفق باشید. (10 سال پیش)
+2 0
خدمت آقا حمید عزیز عرض کنم که توی هر نسخه از فتوشاپی که منوی 3D داشته باشه این آموزش قابل اجرا هست. نحوه فعالسازی منوی 3D رو هم توی آموزش های قبلی توضیح دادم. (10 سال پیش)
0 0
آقا صلاح من فتوشاپ پرتابل بالای صفحه رو دانلود کردم منو 3دی نداره چطوری میشه این منو را فعال کرد.ممنون (10 سال پیش)
+1 0
سلام آقا علی شما باید از قسمت Windows > Workspace > 3D منوی 3D رو به برنامتون اضافه کنید ! اگر باز هم اضافه نشد در آموزش های قبلی آقای احسان منصوری نحوه حل کردن مشکل را شرح داده اند . (10 سال پیش)
0 0
سلام حالا که اینجا اساتید فوتوشاپ هستن یه سوال دارم که ممنون میشم جواب بدین... چجوری میشه از این دکمه ها ساخت که یه حالت شیشه ای دارند که بک گراند اکتیوتی معلومه پشتشون...امیدوارم منظورمو خوب رسونده باشم :| باتشکر (10 سال پیش)
+1 0
دوست عزیز، در پالت Layers لایه ی تصویرتون رو انتخاب کنید و مقدار Opacityش رو کاهش بدین. موفق باشید (10 سال پیش)
0 0
دست شما درد نکنه واقعا... من فک میکردم چقدر پیچیده باشه که همه سعی میکنن تو برنامه اشون اینو بزارن... مونده بودم کجا و چجوری بپرسم :دی (10 سال پیش)
0 0
آموزش خیلی خوبی بود ممنون. ولی تو فتوشاپ برای ساختن همچین سایه ای راه های دستی بهتر جواب میده و زمان کمتری میگیره. ولی در کل آموزش خیلی خوبی بود (9 سال پیش)
0 0
ممنون از اموشهای خوبتون. من نتونستم منوی 3D را فعال کنم اموزشهای قبلی را چک کردم ولی مطلبی در مورد حل این مشکل پیدا نکردم. (9 سال پیش)
+2 0
سلام، ممنون از آموزش فقط من لایه رو انتخاب کردم ولی تو منوی 3D گزینه " New 3D Extrusion from Selected Layer " وجود نداشت. ممکنه ربطی به ورژن فوتوشاپ داشته باشه؟ من از فوتوشاپ CS5 استفاده میکنم. یه سرچ کوچیک کردم گویا " در نسخه های قبلی فوتوشاپ با نام repoussé شناخته می شود "! ؟! (9 سال پیش)
 برای این سوال پاسخی وجود ندارد.
پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .