illustrator آموزش ایلوستریتور Illustrator CC Aligning objects to the pixel grid

 

 

در این فیلم من به شما نشان می دهم که چگونه اشیاء را به شبکه پیکسل ترجیح می دهم، و من توضیح خواهم داد که چرا این کار بسیار مهم است زیرا شما در حال صادرات گرافیک روی پیکسل بر روی آن هستید، ، یک دستگاه، ارائه، یا آنچه شما دارید. بنابراین در اینجا ما به یک اسلاید از دوره های ادوبی Pen Tools Fundamentals نگاه می کنیم. و بگذارید بگویم که پیش برویم و زوم را با ctrl + spacebar، یا cmd + spacebar کلیک کنم. و شما می توانید مهم نیست که تا چه اندازه من در همه چیز به دنبال کامل کامل، و به همین دلیل است که Illustrator به طور مداوم آثار هنری بر اساس من بر روی صفحه نمایش مبتنی بر پیکسل بر روی پرواز من رندر. اما هنگامی که یک تصویر مبتنی بر پیکسل را صادر می کنید، این کار چطور نیست. و این به این دلیل است که پیکسل ها همیشه مربع کوچکی از رنگ هستند. و برای اینکه حس کنید که چه تصویری از صفحه نمایش شما به نظر می رسد، می توانید به منوی View بروید و Pixel Preview را انتخاب کنید. شما همچنین دارای میانبر صفحه کلید Ctrl + Alt + Y یا cmd + opt + Y در مک است که براساس آن میانبر است که ما را قادر می سازد بین حالت افقی و پیش نمایش را به عقب و جلو تغییر دهیم. به هر حال، من پیش می روم و پیش نمایش پیکسل را انتخاب می کنم. و اکنون متوجه این تغییرات ناهموار می شوید. در حال حاضر این پیکسل های انتقالی در اینجا پیکسل های تیز نیستند،

 بلکه آنها چیزی است که به نام anti aliasing شناخته می شود. بنابراین ایده این است که اگر یک پیکسل کاملا در داخل این نامه سفید اتفاق بیفتد، سفید می شود. اگر به طور کامل در داخل این نوار آبی اتفاق می افتد، آبی می شود. اما اگر این خط را بزند، آن را به نوعی ترکیبی از این دو خواهد بود. به طور کلی این یک چیز واقعا عالی است، حتی اگر به نظر می رسد خیلی نزدیک به نظر می رسد، به نظر می رسد خیلی راحت از دور. و شما می توانید ببینید که این مورد است اگر من با استفاده از ctrl + 1، و یا CMD + 1 در یک مک، برای بزرگنمایی به 100٪، در آن نقطه همه چیز به نظر می رسد بسیار خوب. اما استثنا در اینجا وجود دارد. من جلو بروید و کنترل + spacebar، یا دستور command + spacebar دوباره کلیک کنید. و اگر به زوم به 600٪ و یا دورتر نگاهی بیندازید، خواهید دید که شبکه پیکسل را ببینید، که این خطوط کوچک بین پیکسل ها است. من قصد دارم کمی در اینجا کوچک بشم، به طوری که ما می توانیم مشکل بزرگی را ببینیم، و این لبه های عمود است. بنابراین هر زمانی که شما یک خط افقی یا عمودی یا لبه دارید، می خواهید آنتی اکسیدان های غیر ضروری را بیابید. دلیل این ضرورت این نیست که لبه های عمود بر درون پیکسل های مربع بسیار زیبا قرار می گیرند. بنابراین آنچه که ما می خواهیم انجام دهیم این است که با استفاده از تراز آنها به شبکه پیکسل، anti-aliasing را برای این اشیا ها خاموش کنیم. و شما این کار را با انتخاب اشیاء به طوری انجام می دهید، بنابراین من فقط به جلو بروید و بخشی از آنها را با ابزار فلش سیاه من بگذارید. و سپس شما می خواهید پانویس Transform را با کلیک بر روی کلمه Transform در اینجا در پانل کنترل ظاهر کنید و اگر کلمه Transform را نبینید، پیوندهای X و Y را مشاهده خواهید کرد که میتوانید روی آن کلیک کنید.

 

یا شما می توانید به منوی پنجره بروید و دستور فرمان را انتخاب کنید. در حال حاضر در مورد من، پانل Transform در اینجا کمی کوچک شده است. برای گسترش آن، من به جلو بروید و بر روی این آیکون فلش دوبار کلیک کنید تا بتوانم این کادر را در پایین پانل قرار دهید، Align to Pixel Grid. آنچه شما می خواهید انجام دهید این است که آن را روشن کنید و سپس متوجه شوید که آنتیا آلیاژی غیر ضروری می رود و ما این لبه های عمیق صاف و زیبا را می گیریم. در حال حاضر مهم است که توجه داشته باشیم که شما فقط باید بخش های عمود بر را به شبکه پیکسل برسانید. بنابراین برای مثال، اگر بر روی یکی از این خطوط مسیر انحرافی کلیک کرده و بار دیگر پانل Transform را ظاهر کنم، من روی Align to Pixel Grid را روشن می کنم که دقیقا چه چیزی با این مرد واقعی در آنجا اتفاق می افتد. و این به این دلیل است که شما نمیتوانید چیزی به جز یک قطعه مستطیلی عمود بر آن شبکه پیکسل را هماهنگ کنید. با این وجود ما مشکلات زیادی در اینجا داریم، بنابراین من فقط به جلو برویم و بخشی از این اشیا را بردارم، و من روی Align to Pixel Grid روشن میکنم، و سپس یک لبه افقی زیبا و تیز را دریافت میکنیم. چیزی که شما نمی توانید به شبکه پیکسل برساند، متن است. بنابراین توجه کنید که ما مشکلی در اطراف لبه های عمود بر این حروف وجود دارد، اما اگر بر روی این متن نقطه کلیک کنید تا آن را انتخاب کنید، جعبه همگام سازی با پیکسل Grid ظاهر می شود. 

اگر این یک مشکل برای شما باشد، پس آنچه می خواهید انجام دهید این است که به منوی Type بروید و Create Outlines را انتخاب کنید یا Ctrl + shift + O یا cmd + shift + O را روی یک مکینتاش فشار دهید، اما فقط اگر بخواهید به یاد داشته باشید انجام دهید که متن دیگر قابل ویرایش نخواهد بود، زیرا شما آن را به خطوط مسیر تبدیل کرده اید. با این حال، این بدان معنی است که شما می توانید پیش بروید و کادر مجاز به پیکسل Grid را مانند این تغییر دهید. در حال حاضر توجه شما ممکن است یک اشکال کوچک روبرو می شوند. توجه داشته باشید که جعبه جابجایی به پیکسل Grid ظاهر می شود، حتی اگر ما هماهنگی نداشته باشیم. و ما می توانیم ببینیم که اگر من CTRL + H، یا CMD + H را بر روی یک مکینتاش، لبه ها را پنهان کنم. اگر شما با این مشکل روبرو هستید، فقط جلو بروید و جعبه چک را خاموش کنید و سپس آن را به عقب برگردانید، در این صورت همه چیز درست خواهد شد همانطور که در اینجا می بینیم درست می کنیم. بنابراین، یک بار دیگر، تنها بخش هایی که تحت تأثیر قرار می گیرند، آنهایی هستند که هم راست و هم افقی هستند

آموزش ایلوستریتور Illustrator CC Making Screen Graphics Saving for devices and the web

 

 

برای سالها Illustrator یک برنامه چاپی بود. در حقیقت این برنامه در ابتدا طراحی شده بود که یک برنامه باشد که بتواند آثار هنری را برای PostScript، اولین زبان اصلی در جهان، ارائه دهد. و در این زمینه، Illustrator همواره آن را لرزاند. خوب، بنابراین من نمیگویم این روزها همه با هم فرق دارند. من نمی گویم چاپی مرده است اما بسیاری از ما در حال آمدن است، خوب، بیایید بگوئیم انتخاب در مورد مصرف ما از کتاب های فیزیکی و نشریات. منظورم این است که تا به حال در کنار یک هواپیما کنار آن مرد نشسته اید  کسی که از طریق یک فلاپی پرتلاطم پر سر و صدا پرتلاش می کند  روزنامه فیزیکی عجیب و غریب؟ آن مرد چه کسی است؟ آیا او از قرن دیگری است؟  آیا او یک ماشین زمان دارد؟ به طور جدی شخص، لوله کجاست؟ به همین دلیل است که این روزها Illustrator عنصر خنثی است.  که می گویند، همه چیز را برای هر و هر  مقصد که تا کنون بوده یا همیشه ممکن است.  چاپ شرط می بندی. وب البته.  پاورپوینت؟ آیا هنوز از آن استفاده می کنید؟ 00:01:00 اما مطمئن باشید کیوسک، کلیدی، ویدئو، رسانه های اجتماعی، گوشی های هوشمند، دستگاه من،  تلویزیون، صفحه لمسی، تی شرت، یوتیوب،، پرواز ماشین، ماهانه ماژول فرود، 00:01:15 کمیته مبارزه با سانسور، شکلک، صبحگاهی اسطوره ای، 00:01:18 و استیو مارتین خود. 00:01:20 به معنای واقعی هر چیزی. 00:01:22 بنابراین به جای رفتن به منوی File 00:01:24 و انتخاب چاپ، 00:01:25 به همان Menu File بروید 00:01:27 و Save for Web را انتخاب کردید. 00:01:29 این فقط برای وب نیست، نه فقط به هر حال. 00:01:32 این برای همه چیز است و باید نام آن 00:01:35 برای همه چیز ذخیره شود. 00:01:37 هر چیزی که تا کنون بوده یا ممکن است باشد. 00:01:41 اما ابتدا اجازه دهید شما را به شبکه پیکسل معرفی کنم. 00:01:43 از آنجا که پیکسل، این مربع کوچک از رنگ، 00:01:46 بر خلاف روزنامه های پر سر و صدا و لوله های بر روی هواپیما، 00:01:49 قرار است در اطراف برای یک لحظه 00:01:51 و من فکر می کنم شما و پیکسل شبکه 00:01:53 می رویم به بهترین دوستان شما است.

آموزش ایلوستریتور Illustrator CC Decorating an iPhone screen

 

 

 در این فیلم، ما صفحه نمایش آیفون 00:00:02 را با این متن تزئین می کنیم، و همچنین این 00:00:04 گل مجموعه ای به یک حالت ترکیبی خاص است. 00:00:06 در حال حاضر آیفون با استفاده از یک فونت سفارشی، 00:00:08 که بر اساس Helvetica Neue UltraLight، 00:00:11 که در این سیستم نصب می شود، 00:00:13 و من به شما نشان می دهم چگونه کار می کند 00:00:15 اما احتمالا در سیستم شما نصب نشده است. 00:00:17 اگر شما به آن دسترسی ندارید 00:00:19 شما می توانید دیگر فونت های نور را پیدا کنید 00:00:21 با رفتن به منوی نوع، و 00:00:23 انتخاب اضافه کردن فونت از Typekit ، 00:00:25 و Typekit را در یک پنجره مرورگر باز می کند 00:00:28 همانطور که ما در اینجا می بینیم، و بعد از 00:00:30 هنگامی که Typekit بارگیری می شود، 00:00:31 شما فقط می توانید بروید پیش بروید و روی 00:00:33 در فیلد جستجو کلیک کنید و نور را وارد کنید، 00:00:35 و کلید ورود یا کلید برگشت در Mac را فشار دهید، 00:00:37 برای جستجوی فونت های نور که 00:00:39 در هر لحظه ای در زمان در Typekit گنجانده شده است. 00:00:43 شما می توانید این فونت های نور را مشاهده کنید 00:00:45 پایین در اینجا در پایین صفحه نمایش. 00:00:47 و این آیکون درست در اینجا، اولین آن، نشان می دهد 00:00:49 که آن را برای وب در دسترس است، 00:00:51 و این آیکون دوم، این نماد ابر کوچک در اینجا، 00:00:54 نشان می دهد که برای همگام سازی در دسترس است. 00:00:57 بنابراین به عبارت دیگر، شما واقعا می توانید 00:00:58 این فونت را بدون هزینه اضافی دانلود کنید. 00:01:01 این همه بخشی از اشتراک Creative Cloud شماست. 00:01:03 بنابراین این یک راه برای کار است، اما من می روم 00:01:05 برای نشان دادن چگونگی کار با Helvetica Neue. 00:01:07 بنابراین من به جلو بروید و به سند من بروید 00:01:09 در حال پیشرفت است، و بعد من هم در حال بزرگ شدن هستم، 00:01:13 و سپس ابزار Type را انتخاب می کنم ، 00:01:14 که شما می توانید با فشار دادن کلید T دریافت کنید، 00:01:16 و من مکان نما خود را به داخل حرکت می دهم، 00:01:18 شما نمی خواهید با من ببندید 00:01: 20 دایره نقطه ای در اطراف آن، شما می خواهید یک مربع خال خال را ببینید، 00:01:23 در آن نقطه، به جلو بروید و کلیک کنید، 00:01:25 برای قرار دادن نشانگر چشمک زدن من، 00:01: 27 و پس از آن، شما می توانید هر زمان که دوست دارید وارد کنید، 00:01:30 به دنبال یک روز، و سپس تاریخ. 00:01:33 و اکنون، من به جلو بروید و کلید فرار را فشار دهید تا شی متن آن ایجاد شود. 00:01:38 ما می خواهیم متن متمرکز شود، 00:01:40 بنابراین من به جلو بروید و با کلیک بر روی 00:01:41 آیکون مرکز align اینجا در کنترل پنل، 00:01:43 یا شما می توانید فشار کنترل را فشار دهید C، 00:01:45 یا تغییر فرمان Command C در مک، 00:01:47 و من به جلو بروید و این متن را بکشید 00:01:49 به طوری که آن را به alignment با راهنمای عمودی حرکت می کند. 00:01:52 ما می خواهیم این متن سفید باشد، 00:01:53 بنابراین من به جلو بروید و بر روی 00:01:54 swatch اول رنگ در اینجا در کنترل پنل، 00:01:56 و تغییر آن را به سفید و پس از آن، 00:01:59 من برو جلو و در داخل گزینه فونت کلیک کنید 00:02:01 آن را انتخاب کنید، و من وارد نور 00:02:04 به منظور دیدن همه فونت های سبک 00:02:05 که بر روی سیستم نصب شده اند، 00:02:07 که بسیار کمی هستند، همانطور که می توانید ببینید در اینجا. 00:02:10 اما من می توانم کمی جستجو کنم کمی 00:02:11 با کلیک کردن در مقابل نور کلمه، 00:02:13 و وارد Ultra، بنابراین من می توانم ببینید 00:02:15 همه از فوق العاده فونت های نور 00:02:17 و تنها کسی است که درست است 00:02:18 و دارای یک عرض کاراکتر عادی است 00:02:20 این مرد این جاست، Helvetica Neue STD 25 UltraLight، 00:02:24 که من برو جلو و انتخاب کنید 00:02:26 به منظور اعمال آن به متن من. 00:02:28 و اکنون من به جلو بروید و دوبار کلیک کنید 00:02:30 در آن خط بالا نوع، به منظور 00:02:32 به طور خودکار به ابزار ابزار تغییر، 00:02:34 و موقعیت مارمتر ماندن را نشان می دهد، 00:02:36 و من سه بار بر روی آن خط بالا کلیک می کنم 00:02:39 برای انتخاب همه چیز، و من 00:02:41 فشار کنترل shift alt دوره، 00: 02:43 این گزینه گزینه تغییر فرمان در Mac است، 00:02:46 به منظور افزایش اندازه نوع مانند دیوانه، 00:02:48 و سپس یک بار من نزدیک به اندازه مناسب، 00:02:50 من ' من فقط کنترل تغییر را فشار می دهم، یا زمان تغییر فرمان، 00:02:54 تا زمانی که اندازه تایپ من 48 عدد باشد 00:02:57 همانطور که ما در اینجا می بینیم که به نظر می رسد بسیار خوب است. 00:03:00 در حال حاضر، سه بار در خط دوم نوع کلیک میکنم، 00:03:04 برای انتخاب همه چیز، 00:03:05 و من روی پایین رو به بالا arrowhead کلیک میکنم 00 : 03: 07 با نوع سبک مرتبط است، 00:03:09 و من آن را به نور منظم قدیمی، 00:03:12 به عنوان فوق العاده نور مخالف، و پس از آن 00:03:14 من نوع را اندازه گیری توسط 00:03:15 فشار دادن تغییر کنترل، و یا تغییر کاما کاما. 00:03:18 حالا متن خیلی نزدیک است، بنابراین ما باید اجازه دهیم. 00:03:22 بهترین راه برای انجام این کار این است که روی 00:03:23 بر روی کلمه شخصیت به منظور 00:03:25 برای نمایش پانل شخصیت، 00:03:26 و سپس روی این کلیک می کنم کمی A 00:03:28 نشسته در بالای یکی دیگر، 00:03:30 و من ارزش دادن به 16 امتیاز را عوض می کنم، 00:03:33 و کلید را وارد می کنم، 00:03:34 یا کلید بازگشت در Mac، برای ایجاد این تغییر. 00:03:36 درست است، اکنون ما باید متن را که در آن می رود قرار دهیم. 

00:04:59  document in progress, and I'll

00:05:01  go up to the edit menu and choose paste.

00:05:03  Just paste, nothing more, or you could

00:05:05  press control V, or command V on the Mac

00:05:07  in order to paste that flower into the center

00:05:09  of the visible portion of the artboard.

00:05:12  All right, now I'll go ahead and drag it

00:05:13  by it's center point, so that it snaps

00:05:15  into alignment with the intersection

00:05:17  of those two guidelines, and I'll press

00:05:19  shift down arrow twice in order

00:05:21  to move the flower down 20 points.

00:05:24  All right, now I want to blend

00:05:25  the brightness that we're seeing

00:05:26  inside the flower with that blue color of the gradient.

00:05:30  You can do that by clicking on

00:05:32  the word opacity up here in the control panel,

00:05:34  and then clicking on normal in order

00:05:36  to bring up a list of blend modes,

00:05:39  which are more complicated mathematical

00:05:40  means of blending objects inside Illustrator,

00:05:43  and then choose this last one, Luminosity,

00:05:46  and that will keep the luminous levels of the flower

00:05:49  and blend in the color from the gradient in the background.

00:05:52  At which point I'll go ahead and press the escape key

00:05:54  in order to hide that panel, I'll click off

00:05:56  the art work in order to deselect it,

00:05:58  and I'll zoom out so that we can take in

00:06:00  the entire iPhone as well, and then

00:06:03  finally, just in case you happen to open

00:06:05  this document in the future,

00:06:07  I don't want you to get a font warning,

00:06:08  so I'll go ahead and select this text,

00:06:10  and I'll go up to the type menu

00:06:12  and choose create outlines,

00:06:14  or I could press control shift O,

00:06:16  or command shift O on a Mac,

00:06:17  in order to convert that editable

00:06:19  text into static path outlines.

00:06:21  And now I'll go ahead and click

00:06:22  off the text to deselect it, I'll switch

00:06:25  over to the layers panel, and I'll

00:06:26  turn off the guides layer so that

00:06:28  we can take in the phone all by itself.

00:06:31  And that is at least one way to

00:06:32  decorate an iPhone screen here inside Illustrator.

 

آموزش ایلوستریتور Illustrator CC Drawing a leather smartphone case

در این فیلم ما قصد ایجاد این چرم 00:00:02 مورد گوشی های هوشمند، و پس از آن ما در حال رفتن به قرار دادن آی فون خود را 00:00:04 به مورد. 00:00:06 من با چرخاندن لایه های راهنماهای من به عقب در 00:00:09 شروع می کنم، به طوری که من می توانم ببینم کجا باید این اشیاء مختلف را در اینجا قرار دهم 00:00:11. 00:00:12 و سپس من به جلو بروید و بر روی آن مستطیل گرد را کلیک کنید 00:00:15 آن را انتخاب کنید. 00:00:16 حالا من می خواهم مستطیل را به مرکز 00:00:19 از منوی صفحه کپی کنم، و می خواهم این کار را با 00:00:21 انجام دهم با کشیدن مرکزیت آن. 00:00:22 در حال حاضر یکی از چیزهای بزرگ در مورد Illustrator، 00:00:24 و این راه برای همیشه، 00:00:26 است که شما می توانید انتخاب شی را 00:00:28 حتی زمانی که آن را تحت پوشش اشیاء دیگر 00:00:31 همانطور که ما اینجا می بینیم 00:00:32 و بنابراین اگر من این نقطه مرکزی انتخاب را بکشم، 00:00:34 من موضوع انتخاب شده را بدون هیچ گونه اضطراب 00:00:37 در مقابل آن حرکت خواهم داد. 00:00:38 و اکنون من به جلو بروید و مکان نما من را 00:00:40 به تقاطع این دو دستورالعمل، 00:00:42 حرکت دهید و سپس کلید Alt را فشار داده یا کلید انتخاب 00: 00:44 در Mac، بنابراین من می توانم یک کپی از این شی، 00:00:47 و پس از آن من دکمه موس خود را 00:00:49 آزاد کردن آن را به محل آزاد. 00:00:50 راستش، در حال حاضر من می خواهم ctrl + c، 00:00:52 یا cmd + c را روی یک مکینتاش برای کپی آن شی 00:00:55 زیرا من قصد دارم دوباره به آن برگردم در یک لحظه. 00:00:57 و من به منوی پنجره 00:00:59 بروید و فرمان Appearance 00:01:01 را انتخاب کنید تا به پنل Appearance برسید. 00:01:03 و بر روی آن سکته مغزی بالا سمت چپ کلیک میکنم 00:01:06 و سپس بر روی آیکون سطل زباله کلیک میکنم 00:01:08 در گوشه پایین سمت راست پانل 00:01:10 به منظور خلاص شدن از شر آن اضافی سکته مغزی. 00:01:12 درست است، در حال حاضر تا زمانی که ما در اینجا در داخل 00:01:14 پانل ظاهر، من قصد دارم برای تغییر ظاهر 00:01:16 و استروک

00:01:17  So first, I'll go ahead and click on the fill swatch

00:01:19  and I'll change it to the second to darkest warm brown,

00:01:22  which is R=96 G=56 B=19,

00:01:26  and then I'll go ahead and click on the stroke swatch

00:01:28  right here, and I'll change it to the darkest brown,

00:01:31  R=66 G=33 B=11.

00:01:34  And then I'll go ahead and take the line weight down

00:01:36  to 1 pt.

00:01:38  All right, now we need to create the hole

00:01:39  for the phone's camera, and we're going to do that

00:01:42  using yet another rounded rectangle.

00:01:44  So go ahead and select the Rectangle Tool,

00:01:46  which you can get by pressing the m key.

00:01:48  And then click in order to bring up

00:01:50  the rectangle dialog box.

00:01:52  And again, based on my measurements,

00:01:54  the hole is three quarters of an inch wide,

00:01:56  so I'll just enter 3/4,

00:01:58  and press the tab key to advance to the height value,

00:02:01  which is 5/16 of an inch.

00:02:03  So I'll enter 5/16 and press the tab key

00:02:06  in order to perform the conversion,

00:02:08  and then I'll click OK in order to create that rectangle.

00:02:12  All right, now what we need to do is move it

00:02:14  into the right place.

00:02:15  So I'm going to press the V key

00:02:16  to switch to my Black Arrow Tool,

00:02:18  and I'll drag its right edge until it snaps

00:02:20  to the right edge of the rounded rectangle.

00:02:23  And then I'll drag its top edge while pressing the shift key

00:02:25  until it snaps into alignment with the top of the rectangle.

00:02:28  All right, now I need to move it into the proper location.

00:02:31  So I'll press the enter key, or the return key on the Mac,

00:02:33  to bring up the move dialog box.

00:02:35  And I'll set the horizontal value to -3/8

00:02:39  in order to move the rectangle 3/8 of an inch to the left.

00:02:43  And then I'll change the vertical value to 1/8

00:02:45  in order to move that rectangle down 1/8 of an inch.

00:02:49  And then I'll click OK to accept that change.

00:02:51  All right, now we want to combine these two shapes

00:02:53  into a compound path, and I'm going to do that

00:02:56  by shift clicking on the big round rectangle,

00:02:58  and then I'll go up to the Object menu,

00:03:00  choose Compound Path and choose Make,

00:03:03  in order to turn the smaller rectangle into a hole.

00:03:06  Now this needs to be another rounded rectangle,

00:03:08  so I'll press the a key to switch to my White Arrow Tool.

00:03:12  I do not want the large rectangle to be selected,

00:03:14  so I'll shift click on it, but if I do,

00:03:17  I also deselect the innermost rectangle

00:03:20  because insofar as Illustrator is concerned,

00:03:22  they're both part of the same path.

00:03:23  If I want to select the innermost one independently,

00:03:26  then I need to press the alt key or the opt key

00:03:29  on the Mac, which gives me a little plus sign

00:03:31  next to my white arrow cursor,

00:03:33  and then I'll click on the path's outline.

00:03:36  So don't click in the brown area.

00:03:37  Alt click or opt click in the outline instead,

00:03:40  and then you want to go ahead and drag

00:03:42  one of the round corner widgets as far as you can

00:03:45  in order to get the maximum amount of round as possible,

00:03:48  so that we essentially have two half circles

00:03:51  connected by horizontal segments,

00:03:53  in which point you can go ahead and press ctrl + shift + a,

00:03:55  or cmd + shift + a on the Mac, in order to deselect

00:03:58  your artwork.

00:03:59  All right, now I'm going to zoom out a little bit here

00:04:01  so that I can see the entire case at once.

00:04:04  All right, now I want to draw an edge around the case,

00:04:07  and so I'll bring back that round rectangle

00:04:09  that I copied earlier in this movie

00:04:10  by pressing ctrl + f, or cmd + f on the Mac.

00:04:13  Now we need to get rid of the fill

00:04:15  by clicking on this first color swatch

00:04:17  up here in the control panel and changing it to none

00:04:20  so that we can see our shape in the background.

00:04:22  And I'm also going to change the stroke here

00:04:25  to 6 pt, in order to make it nice and thick.

00:04:28  And now we want to change the stroke attributes as well,

00:04:31  and because we have two strokes, we need to do so

00:04:33  inside the Appearance panel.

00:04:34  So I'll click on the rearmost stroke here,

00:04:37  and I'll click on its color swatch and change it

00:04:39  to that second to darkest shade of brown,

00:04:41  which begins R=96.

00:04:43  And I'll also change its line weight.

00:04:45  Notice that it's currently 2 pt still.

00:04:47  I need to raise it up to 6 pt like so.

00:04:51  And then I'll go ahead and click on the topmost stroke.

00:04:53  I want to reverse its direction,

00:04:54  and I can do that here inside the Gradient panel,

00:04:57  just by changing that angle value to -90 degrees like so.

00:05:01  And I also want to do a better job of blending the gradient

00:05:04  with the stroke behind it,

00:05:06  and so I'm going to click on the word Opacity

00:05:08  below the top stroke.

00:05:09  And I'm going to apply a blend mode

00:05:11  by clicking on the word Normal

00:05:12  and choosing this guy right here, Soft Light.

00:05:15  Now we're going to be reviewing blend modes in detail

00:05:18  when we get to the mastery course,

00:05:19  but for now, just know that soft light

00:05:21  gently enhances the contrast, as we're seeing right here.

00:05:26  So we get a nice colorful blend.

00:05:28  All right, now I'll press the escape key

00:05:30  in order to hide that panel.

00:05:31  And then finally, I need to open up this path outline

00:05:33  down here at the bottom.

00:05:35  So I'm going to press ctrl + shift + a,

00:05:36  or cmd + shift + a on the Mac to deselect this object,

00:05:39  and then I'm going to click on this bottom segment

00:05:42  to select it independently of the rest the shape,

00:05:44  and I'll press the backspace key,

00:05:46  or the delete key on the Mac, to get rid of it.

00:05:49  All right, now if you notice here,

00:05:50  we've got some butt caps going on.

00:05:53  We need them to be round,

00:05:54  so I'll go ahead and click on the top stroke here

00:05:57  inside the Appearance panel, and I'll select a round cap.

00:05:59  And then I have to do that again for the bottom stroke

00:06:02  by clicking on it and then selecting round cap once again.

00:06:05  All right, now let's just go ahead and press ctrl + 0,

00:06:08  or cmd + 0 on the Mac to zoom out.

00:06:10  And let's put the iPhone in the case

00:06:12  by pressing the V key to switch to the Black Arrow Tool.

00:06:15  I'll go ahead and marquee the paths that make up the iPhone

00:06:18  over here on the left hand side of the artboard,

00:06:20  and then I'll go ahead and drag the centerpoint over

00:06:23  until snaps into alignment

00:06:25  with that final pair of guides.

00:06:26  And then I'll press the alt key, or the opt key on the Mac,

00:06:29  in order to create a copy.

00:06:30  All right, now we want to do the same thing with this path,

00:06:33  just the foremost path,

00:06:34  so go ahead and select it and drag it by its centerpoint,

00:06:38  until it snaps into alignment with those guys.

00:06:40  And then press the alt key or the opt key on the Mac

00:06:42  to make a copy of it as well.

00:06:45  And now I'll switch back to my Layers panel

00:06:47  and I'll turn off the guides layer,

00:06:49  and I'll go ahead and press the f key a couple of times

00:06:52  in order to switch to the full screen mode,

00:06:54  and I'll go ahead and zoom in as well.

00:06:57  And that's how you draw a professional quality iPhone,

00:07:00  complete with a leather case using a bunch of basic

00:07:03  rounded shapes here inside Illustrator.

 

آموزش ایلوستریتور Illustrator CC Drawing an iPhone

 

در این فیلم ما چهره ای آی فون را به خود اختصاص می دهیم که به نوعی فقط یک دسته از اشکال و متن است. تنها استثنا این گل تلطیف شده است که پیش از آن ایجاد کردم. خوب، بنابراین در اینجا ما به مستطیل گرد که ما در فیلم قبلی جلب کردیم نگاه می کنیم. و من قصد دارم همه چیز را با اضافه کردن صفحه نمایش، که من با استفاده از ابزار استاندارد Rectangle Tool بار دیگر انجام خواهم داد. کدام را می توانید با فشار دادن کلید M دریافت کنید. من می خواهم روی صفحه نمایش متمرکز شود، بنابراین من + کلیک را کلیک کنید و یا + کلیک بر روی تقاطع این دو خط راهنمایی برای به نمایش گذاشتن جعبه محاوره مستطیل. در حال حاضر اپل صفحه نمایش آیفون 6 را به عنوان 4.7 اینچ، 00:00:34 تبلیغ می کند اما این اندازه گیری قطری است. 00:00:37 بنابراین تنها راه کشف ارتفاع و عرض دقیق 00:00:39 این بود که صفحه را اندازه گیری کنیم. 00:00:41 اکنون من این را به نزدیکترین شانزدهم یک اینچ انجام دادم. 00:00:43 اکنون خبر خوب این است که Illustrator برای شما ریاضی را انجام خواهد داد 00:00:47 اما در حال حاضر بیش از 00:00:48 یک عملیات محاسباتی در یک زمان انجام نمی دهد. 00:00:51 حالا برای مثال، می دانم که صفحه نمایش 2/5/16 عرض 00:00:56 است و بنابراین در یک جهان کامل من قادر به وارد شدن 00:00:58 2 + 5/16 00:01 : 01 و سپس کلید تب را 00:01:03 را فشار دهید تا Illustrator ریاضی را انجام دهد. 00:01:05 اما ممکن است متوجه شده باشید که هیچ کاری انجام نداده است، 00:01:07 فقط به جلو رفت و من را نادیده گرفت. 00:01:09 بنابراین آنچه باید انجام دهم این است که ابتدا وارد 5/16 اولین 00:01:12 و سپس کلید تب را فشار دهید 00:01:13 و اجازه دهید Illustrator ریاضی را انجام دهد. 00:01:15 و اکنون می دانم که ارتفاع 4 1/8 اینچ است، 00:01:18 بنابراین من وارد 1/8 00:01:21 و Illustrator نیز بر روی آن ریاضی را انجام می دهد. 00:01:23 و سپس بعد از مقدار Width value 00:01:25 را کلیک می کنم و +2 را وارد کنید، 00:01:26 این یکی از راههای کار کردن است به هر حال. 00:01:28 و سپس من به مقدار قد Tab می گذارم 00:01:30 و وارد 4 برای آن 00:01:32 و مطبوعات زبانه برای آن ریاضی انجام شده است. 00:01:34 بنابراین دوباره، به عنوان حالات در حال حاضر ایستاده، 00:01:37 شما هرگز نمی دانید اگر آنها در حال رفتن به تغییر، 00:01:38 شما فقط می توانید یک عملیات ریاضی را در یک زمان انجام دهید 00:01:41 در داخل تصویرگر 00:01:43 به هر حال، این ارزشهایی هستند که ما دنبال آن هستیم، 00:01:45 2.3125 عرض و 4.125 قد. 00:01:49 پس از آن نقطه من پیش بروید و روی OK کلیک کنید 00:01:51 برای ایجاد آن مستطیل 00:01:53 و ما در نهایت با این شکل در اینجا به پایان می رسد. 00:01:55 در حال حاضر در حال حاضر آن همان سیاه و سفید پر، 00:01:57 این چیزی نیست که من می خواهم. 00:01:58 بنابراین من پیش رو خواهم رفت و سکته مغزی را به سمت هیچی تغییر دهم. 00:02:01 و سپس من در این نمونه اولیه برای تغییر پرینت کلیک میکنم 00:02:04 و این گرادیان آبی آسمان را انتخاب می کنم در اینجا 00:02:08 به منظور پر کردن مستطیل با این گرادیان، 00:02:10 که از آبی روشن به شفاف می رود. 00:02:13 در آن نقطه من به جلو بروید و کلید فرار را فشار دهید 00:02:15 برای پنهان کردن آن پنل. 00:02:16 خوب، یک بار دیگر زاویه شیب اشتباه است. 00:02:19 خوشبختانه پانل Gradient من هنوز بر روی صفحه نمایش است، 00:02:22 اما من باید به جلو برویم و آن را گسترش دهیم 00:02:24 با کلیک کردن بر روی این آیکون فلش دوبار چند بار. 00:02:27 و یک بار دیگر، من ارزش زاویه را در اینجا راست کنان را تغییر می دهم. 00:02:29 تا 90 درجه و دکمه کلید را فشار دهید، 00:02:32 یا کلید برگشت روی Mac، 00:02:33 برای ایجاد جریان گرادیان از پایین 00:02:35 به بالای مستطیل من. 00:02:37 خوب، بعد من دکمه Home را ایجاد کردم 00:02:39 با استفاده از ابزار Ellipse. 00:02:40 برای انجام این کار من به جلو بروید و ابزار Ellipse را انتخاب کنید 00:02:42 از ابزار شکل منو پرواز کنید. 00:02:44 و سپس من به جلو بروید و زوم کنید در اینجا 00:02:46 تا زمانی که من خیلی نزدیک به انتهای آثار هنری ام. 00:02:48 و من به منوی مشاهده 00:02:50 بروید و مطمئن شوید دستورالعمل Smart Guides روشن است، 00:02:52 که در مورد من نیست، 00:02:54 پس من پیش می روم و فرمان را انتخاب می کنم. 00:02:56 و سپس من اشاره گر من را در تقاطع 00:02:58 از این راهنمای عمودی و پایین مستطیل 00:03:01 و من و یا گزینه + کلیک کنید 00:03:03 به جعبه محاوره الیپس را بیرون بکشید. 00:03:05 دکمه Home برای اندازه گیری 00:03:07 حدود 3/8 اینچ در هر دو جهت اتفاق می افتد.

00:03:09  Currently both my Width and Height values are the same,

00:03:12  and so I'm going to lock them down here,

00:03:14  by clicking on this little chain icon.

00:03:16  And then I'll click on the word Width

00:03:17  and I'll enter 3/8 and press the tab key.

00:03:21  And both values will update in kind.

00:03:23  Although apparently not exactly in kind,

00:03:26  because we're off just a little bit

00:03:28  here in the Height value.

00:03:29  And so I'll go ahead and turn that link off,

00:03:32  my bad I guess,

00:03:33  and I'll change this value to 0.375 like so,

00:03:37  and I'll click OK in order to create that circle.

00:03:40  Alright, now this shape doesn't need any fill,

00:03:42  so I'll click on the first color swatch

00:03:43  in the control panel, change it to None.

00:03:46  And then I'll dial in light weight value of 2 points.

00:03:49  Notice in my case that the stroke

00:03:50  immediately defaults to the gradient,

00:03:52  which is exactly what I want.

00:03:54  And I want it to go in this direction as well,

00:03:56  but if you're not seeing it in that direction,

00:03:58  then go ahead and click on the Stroke

00:04:00  here inside the Gradient panel

00:04:01  and make sure that it's set to -90 degrees.

00:04:04  Alright, now I want to center this circle

00:04:06  exactly inside of this bottom portion of the iPhone.

00:04:10  And the easiest way to make that happen

00:04:12  is to drag the shape by its center point

00:04:15  while pressing the shift key to constrain

00:04:16  the angle of your drag to exactly vertical,

00:04:19  until it intersects with the bottom

00:04:20  of the rounded rectangle like so.

00:04:22  At which point go ahead and release.

00:04:24  And now what you want to do is press the enter key,

00:04:27  or the return key on the Mac,

00:04:28  in order to bring up the Move dialog box.

00:04:31  And that will show you the exact details

00:04:33  of your previous move.

00:04:34  And so now all you need to do

00:04:36  is set the Vertical value to a negative version of itself

00:04:39  and then go ahead and click after the value

00:04:42  and enter /2 in order to divide that value in half.

00:04:46  And that way you're moving back half the distance

00:04:49  you moved a moment ago.

00:04:50  And then go ahead and click the OK button

00:04:52  in order to accept that change.

00:04:54  And then go up to the Opacity value

00:04:56  up here in the control panel and change it to 75%.

00:05:00  And that'll give you an effect that's similar to the stroke

00:05:03  around the outside of the iPhone.

00:05:05  Alright, now I'm going to go ahead

00:05:06  and click off the shape to deselect it.

00:05:08  And I'll scroll upward to the top of the phone.

00:05:11  Alright, now we want to draw the horizontal slit

00:05:14  that serves as the audio port.

00:05:16  As well as the front facing camera.

00:05:18  And I want them to be centered inside of this area,

00:05:21  but we can't really see where the screen starts,

00:05:24  and so I'm going to go up to the View menu

00:05:25  and choose the Outline command,

00:05:27  or I can press ctrl + Y, or cmd + Y on the Mac,

00:05:30  and that way I can better see what I'm doing.

00:05:32  Alright, now I'll switch to the Line Segment Tool,

00:05:34  which you can select from the line tool fly out menu,

00:05:37  and then I'll just go ahead and click any old place

00:05:39  inside my artwork.

00:05:40  And I'll set the Length value once again

00:05:42  to 3/8 of an inch, so 3/8.

00:05:45  And I want the Angle value to be 0 degrees.

00:05:47  At which point I'll click OK in order to create that line.

00:05:50  It does not want to be a gradient however,

00:05:52  so I'll click on the Stroke swatch

00:05:54  and I'll set it to this dark grey right here,

00:05:56  in which all the RGB values are 77.

00:05:59  And now I'll increase the Stroke value to 3 points,

00:06:02  which will make a difference as soon

00:06:03  as we're seeing this stroke in the outline mode.

00:06:06  We're also going to need some round caps,

00:06:08  and so I'll click on the word Stroke

00:06:10  and select the Round Cap from the Cap options here,

00:06:13  and then I'll press the escape key

00:06:14  in order to make that change.

00:06:16  Alright, now I need to be able to center

00:06:18  this stroke on this guide line.

00:06:20  And the easiest way to do that

00:06:21  is to find the center of the line in the first place,

00:06:24  which we can do by going up to the Window menu

00:06:26  and choosing the Attributes command

00:06:28  in order to bring up the Attributes panel.

00:06:31  If all you're seeing is the Overprint options here,

00:06:33  then click on this double arrowhead icon

00:06:35  to expand the panel,

00:06:36  and then click on this second icon, Show Center,

00:06:39  in order to add a center point to the line.

00:06:42  After which point you can go ahead

00:06:43  and hide the Attributes panel.

00:06:45  Alright, now I'm going to switch back

00:06:47  to my black arrow tool,

00:06:48  which of course I can get by pressing the V key,

00:06:50  and I'll drag this line by its center point

00:06:52  until it snaps into alignment with the top of the iPhone.

00:06:56  Now I want it to be centered as well,

00:06:58  so I'm going to go ahead and drag it down,

00:07:00  while pressing the shift key

00:07:01  until it snaps into alignment with the top of the screen.

00:07:05  And then I'll press the enter key,

00:07:07  or the return key on the Mac,

00:07:08  to bring up the Move dialog box

00:07:10  complete with the details of that last movement.

00:07:12  I'll change the Vertical value to negative

00:07:15  and that'll pop that line back to where it came from.

00:07:18  But of course I only want to move it halfway there

00:07:20  and so I'll click after that value

00:07:22  and enter /2 like so.

00:07:24  And that will move the line to exactly where it needs to be.

00:07:28  After which point I'll click OK

00:07:29  in order to accept that change.

00:07:31  Now we need to draw the tiny front facing camera.

00:07:34  And we'll do that, once again, using the Ellipse Tool.

00:07:37  And so I'm going to alt or option + click

00:07:39  right there at the intersection of that line

00:07:42  and that vertical guide.

00:07:43  And this time I'm going to change

00:07:45  both the Width and Height values,

00:07:47  and they are the same this time,

00:07:48  so I think I can safely click on that link icon.

00:07:51  I'm going to change either one of the values

00:07:52  to 3pt for point.

00:07:55  And that way the thickness of this ellipse

00:07:57  will match the thickness of the line weight

00:07:59  assigned to that horizontal line.

00:08:01  And then I'll press the tab key

00:08:03  in order to update both values and I'll click OK.

00:08:06  And we'll end up with this tiny ellipse.

00:08:08  And now I want to move it to the left 3/8 of an inch

00:08:10  and so I'll press the V key to switch back

00:08:12  to my black arrow tool.

00:08:14  And I'll press the enter key in order to bring up

00:08:16  my Move dialog box.

00:08:17  And I'll change the Horizontal value

00:08:19  to -3/8 like so,

00:08:22  and I'll change the Vertical value to 0.

00:08:24  And then I'll go ahead and click OK

00:08:26  in order to move that shape.

00:08:27  And now we just want to swap the fill and the stroke,

00:08:30  and the easiest way to do that is to press shift + X,

00:08:33  and that will give us a dark grey fill and no stroke.

00:08:36  After which point you can press control + Y,

00:08:38  or command + Y, to switch back to the preview mode

00:08:41  and press ctrl + shift + A, or cmd + shift + A,

00:08:44  in order to deselect the artwork.

00:08:46  And now I'll go ahead and zoom out a little bit here,

00:08:49  so that we can take in the entire iPhone.

00:08:51  And that is how you draw the face of an iPhone 6

00:08:54  with an obsessive degree of accuracy

00:08:57  here inside Illustrator.