آموزش ایجاد یک iMac واقعی و یک ماوس زیبا در ایلستریتور …

در این آموزش من برای تصویر بک گراند مونیتور از این تصویر استفاده کرده ام .

مرحله 1
ما آموزش را با ایجاد یک سند جدید شروع می کنیم. نام سند جدید را iMac و ابعاد را 1024pt ب رای عرض و 768pt برای ارتفاع قرار دهید . با توجه به این که این طرح برای چاپ طراحی می شود ، حالت رنگ CMYK و رزولوشن 300dpi مورد استفاده قرار می گیرد.

مرحله 2
با مدل سازی صفحه نمایش شروع میکنیم . برای اولین چیز ، سمت قرارگیری صفحه نمایش iMAC را ایجاد میکنیم . یک با ابزار Rounded Rectangle یک شکل ساده ایجاد کنید(ابعاد من 545pt در 440pt است)، رنگ آن را  807F83# گذاشته و آنرا با ابزار انتخاب مستقیم (A) تغییر شکل دهید. به گوشه ها خیلی توجه کنید .

مرحله 3
حالا از ابزار (Mesh (U استفاده می کنیم. ابزار را انتخاب کنید و یک نقطه لنگر (anchor) در مرز شکل نزدیک به گوشه پایین سمت راست ایجاد کنید . مطمئن شوید که نقطه بر روی خط مرزی ایجاد شود .

مرحله 4
حالا زمان تمرین و نشان دادن خلاقیت است . با ابزار (Mesh (U  بازی کنید و سعی کنید چیزی شبیه به تصویر زیر ایجاد کنید. شما می توانید تصاویر واضح تری از گوشه ها را در مراحل بعدی ببینید .

مرحله 5
در اینجا شما می توانید یک تصویر دقیق از گوشه mesh را ببینید. از ابزار انتخاب مستقیم (A) و رنگ های D8D9DA # ، # 807F83 برای ایجاد این گرادیانت و حالت سه بعدی استفاده کنید . فقط یک بخش خاص از mesh را انتخاب کنید و رنگ را بر روی آن اعمال کنید تا چیزی مثل تصویر زیر داشته باشید.

مرحله 6
در این مرحله با همان رنگ های قبلی ایجاد گوشه بالا سمت راست را ادامه خواهیم داد. فلش بالایی قسمت تیره تر را نشان می دهد و فلش پایین تر بخش روشن. این ها همه برای ایجاد بخش کناری مونیتور بود. در چند مرحله بعدی ما خود صفحه نمایش را ایجاد میکنیم.

مرحله 7
یک مستطیل گوشه گرد دیگر (537pt در 441 pt) ایجاد و آن را با # A1A1A4 رنگ کنید . در صورت لزوم ، آن را به جلو بیاورید (bring forward) و موقعیت آنرا روی قسمت کناری تنظیم کنید.

مرحله 8
با استفاده از ابزار (Mesh (U و رنگ های # EFE9E5 و # A1A1A4 برای ایجاد گرادیانت ، مانند شکل زیر عمل کنید.

مرحله 9
لایه مرحله 8 را کپی کنید . با ابزار انتخاب (V) روی آن کلیک و رنگش را به #261c02 تغییر دهید. سپس ، دو مستطیل (M) ایجاد و شکل آنها را با حرکت دادن نقطه های لنگر با ابزار انتخاب مستقیم (A) تغییر دهید . حالا ما آماده هستیم تا با کم کردن آنها از یکدیگر ( substract ) یک قاب مشکی برای مونیتور ایجاد کنیم . مستطیل شماره 1 را انتخاب کنید و به مسیر Object > Path > Divide Objects Below بروید . همین کار را با شکل 2 تکرار کنید .

مرحله 10
حالا ما می خواهیم از عکس عنکبوت استفاده کنیم. فقط آن را در سند قرار داده و اندازه آن را به ابعاد لازم تغییر دهید ، فقط باید گوشه بالای سمت راست در نزدیکی گوشه سمت راست بالایی قاب مونیتور باشد و همین کار را با گوشه پایین سمت چپ انجام دهید .

در پنل کنترل ، بر روی ماسک کلیک کنید و شکل را با ابزار انتخاب مستقیم (A) اصلاح کنید . آخرین کاری که با عکس انجام میدهیم این است که آنرا بعنوان بک گراند قرار دهیم . با استفاده از منوی (Control > Arrange) گوشه های تصویر را پشت قاب سیاه مخفی کنید.

مرحله 11
حالا با استفاده از ابزار (Pen(P  لوگوی Apple و یا آرم مورد نظر خود را آن گونه که مایلید ایجاد کنید. به یاد داشته باشید که بر اساس پرسپکتیو باید آن را کمی تغییر شکل دهید .

مرحله 12
با ابزار (Pen (P  یک شکل برای انعکاس ایجاد کنید . شما می توانید یک شکل کاملا جدید ایجاد و یا با کپی کردن لایه اول صفحه نمایش و ویرایش آن با استفاده از ابزار Anchor Point میانبر (Shift + C) این کار را انجام دهید . سپس یک gradient نیمه شفاف بر روی آن اعمال کنید. گرادیانت با رنگ # FFF با %Opacity 0  و رنگ 000# با %Opacity 100   و زاویه 81،82 درجه ایجاد شده است.

مرحله 13
و آخرین چیزی که برای ایجاد iMAC نیاز داریم پایه آن است. شکل زیر را با ابزار (Pen (P ایجاد و رنگ # D8D9DA را به آن اعمال کنید .

مرحله 14
یک مستطیل جدید بسازید (ابعاد من 102pt در 79pt است) و با استفاده از ابزار (Mesh (U دو خط عمودی ایجاد کنید . حتما باید بر روی خطوط مرزی ( border) کلیک کنید نه داخل شکل.

مرحله 15
با ابزار (Mesh (U ادامه دهید و یک خط عمودی دیگر و سپس 8 خط افقی ایجاد کنید . دوباره ، مطمئن باشید که بر روی خطوط مرزی کلیک می کنید .

مرحله 16
از ابزار انتخاب مستقیم (A) ، ابزار (Mesh (U و ابزار (Anchor Point  (Shift + C  برای تبدیل شکل خود به تصویر زیر استفاده کنید.

مرحله 17
خوب تقریبا کار ما با iMAC تمام شده . فقط با ابزار انتخاب مستقیم (A) مناطق خاصی از mesh را انتخاب و با رنگ های 807F83, #C2CDC5, #EFE9E5, #A1A1A4 سایه و بازتاب ها را ایجاد کنید. به مناطق مشخص شده توسط فلش در شکل زیر توجه کنید ، آنها اهمیت ویژه ای دارند.

مرحله 18
و آخرین مرحله این است که موقعیت لوگوی iMAC را روی مونیتور تنظیم کنید.

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

مرحله 20
با استفاده از ابزار (Pen (P  ، ابزار انتخاب مستقیم (A) ، ابزار (Anchor Point  (Shift + C   و ابزار (Mesh (U شکل پایه Mesh ماوس را ایجاد کنید.

مرحله 21
دو شکل  برای بازتاب اضافه کنید(ابزار (Pen (P). شکل شماره 1 رنگ # FFF با %Opacity 0   به رنگ # bfbfbf با %Opacity 50   ، و زاویه  93,74- درجه است. شکل شماره 2 رنگ # FFF با %Opacity 0  ، به رنگ #DDD با %Opacity 100   و رنگ bfbfbf با %Opacity 10   ، و  زاویه 175،71 درجه است.

مرحله 22
یک شکل برای حاشیه ماوس ایجاد کنید. آن را با یک گرادینت با استفاده از رنگ ، زاویه و موقعیتی که در شکل نشان داده شده پر کنید. تنها استثنا Opacity 0 ٪ برای رنگ # ABABAB در وسط گرادینت است.

مرحله 23
آخرین تصویر به شما شکل سایه و لوگو را نشان می دهد. لوگوی اپل لایه بالایی است و با رنگ #a1a1a5 پر شده. سایه هم که قاعدتا لایه زیرین ما است با رنگ #162732 پر شده است.

نتیجه
حالا شما می توانید iMAC و ماوس را کنار هم قرار دهید و کار ما به پایان می رسد.

با تشکر از شما برای توجه به این آموزش و امیدوارم که برای شما مفید بوده باشد.

دریافت آموزش به صورت PDF از لینک زیر …

PDF_Create_iMac_Real[www.ideaGFX.com]