Borna66
06-08-2010, 08:02 PM
نتیجه نهایی
آنچه که در پایان این آموزش ایجاد خواهید کرد!
http://pnu-club.com/imported/2010/06/654.jpg
تصاویر دیجیتالی عمدتا به نرم افزار استفاده شده برای ساخت آنها بستگی دارند. با در نظر گرفتن ماهیت ساده و مبتنی بر پیکسل فتوشاپ، کارهای هنری همیشه عالی به نظر می رسند، بنابراین، یادگیری نحوه ی پیاده سازی تغییرات تصادفی طبیعت در شاهکارهای دیجیتالی مان مهم می باشد.در این مقاله، یک پوستر جالب برای شهری قدیمی خواهیم ساخت که این سبک کاری امروزه خیلی رایج می باشد.
محتویات آموزش
در این آموزش، از یک بافت و یک تصویر استفاده خواهیم کرد. دو مورد زیر، لینک های دانلود می باشند:
بافت مقوای نازک
افق مرئی شیکاگو
مرحله ۱
یک سند جدید در فرمت B2 ایجاد کنید که از قدیم در رابطه با پوسترها می باشد. اندازه ی این سند ۵۰۰×۷۰۷ میلی متر می باشد و از آنجاییکه این طرح را برای چاپ طراحی می کنیم، باید حالت رنگ CMYK و ۳۰۰ pixels/inch را انتخاب کنید (۱a). طرح را با سایه رنگ سبز مایل به آبی متوسط رنگ آمیزی کنید (۱b).
http://pnu-club.com/imported/2010/06/31.png
مرحله ۲
برای فعال سازی ابزار براش، B را فشار دهید و براش خیلی بزرگ، مدور و لبه نرم انتخاب کنید. سایه ی آبی- سبز روشن را برداشته و شروع به رنگ آمیزی بی قاعده ی طرح نمایید (۲a). از hue های مختلف، هم آبی روشن و هم آبی تیره استفاده کنید و برای ایجاد طرح مبهم از حرکت های چرخشی، قطر براش را تغییر دهید (۲b). به مسیر Filter > Blur > Gaussian Blur رفته و از مقدار به حد کافی بزرگ برای هموارسازی طرح استفاده کنید و هر رد براش نامناسب مرئی را که ممکن است داشته باشید، حذف کنید. (۲c, 2d).
http://pnu-club.com/imported/2010/06/655.jpg
مرحله ۳
رنگ زرد روشن را انتخاب کرده و یک دایره ی کوچک روی لایه ی مجزا ایجاد کنید (۳a). برای باز کردن پنجره Layer Style روی لایه دابل کلیک نمایید و ۱px Stroke را در همان رنگ اضافه نمایید (۳b). همزمان رنگ لایه را به صفر کاهش دهید، بنابراین تنها stroke (رد) قابل مشاهده خواهد بود. میزان شفافیت (opacity) را نیز ۵۰% کاهش دهید (۳c).
http://pnu-club.com/imported/2010/06/656.jpg
مرحله ۴
سه بار دایره را کپی نمایید و میزان شفافیت کپی ها را تغییر دهید. رنگ بزرگترین دایره نباید صفر باشد بلکه باید ۱۰% باشد (۴a, 4b). 4 دایره را با هم ادغام نمایید و تعدادی از کپی ها را در بالاترین بخش طرح پخش نمایید، آنها را مقیاس گذاری نموده و شفافیت آنها را کم یا زیاد نمایید (۴c).
http://pnu-club.com/imported/2010/06/657.jpg
مرحله ۵
لایه ی پس زمینه را ابتدا با دابل کلیک ( برای تبدیل آن به لایه ی قابل ویرایش) و سپس فشردن Command+J کپی نمایید (۵a). به فیلتر Filter > Noise > Add Noise رفته و ۲% را انتخاب نمایید (۵b). اکنون روی دکمه ی mask در پایین پالت لایه ها برای ایجاد یک ماسک خالی برای لایه کلیک نمایید (۵c). روی mask کلیک کرده، سپس برای فعال سازی براش، B را فشار دهید. رنگ های foreground/background (پیش زمینه/پس زمینه) به طور اتوماتیک به سفید و سیاه تغییر خواهند کرد. فشردن X عکس این عمل را انجام خواهد داد. Stroke های سیاه روی طرح را با براش نرم بزرگی که قبلا برای پاک کردن برخی از بخش های پس زمینه ی شلوغ استفاده کرده اید، رنگ آمیزی کنید (۵d). نتیجه در این وضوح نمایشی قابل مشاهده خواهد بود ولی اکنون پس زمینه به صورت یکنواخت از حالت صیقلی به حالت خش دار تبدیل می شود (۵e). تاثیر ظریفی می باشد که می تواند نادیده گرفته شود ولی تغییرات ریز جالبی اضافه می کند.
http://pnu-club.com/imported/2010/06/658.jpg
مرحله ۶
برای افزودن پیچیدگی به پس زمینه، یک طرح خطی جالبی ایجاد نمایید . یک خط عمودی با ابزار Line (U) رسم کنید. از همان رنگ زرد روشن که برای دایره ها استفاده کردیم، استفاده کنید (۶a). کپی های فاصله دار در کل پهنای پوستر ایجاد کنید (۶b)، سپس کپی نموده و برای ایجاد خطوط افقی آنها را ۹۰ درجه بچرخانید. خطوط لازم را برای پوشاندن ارتفاع اضافه نمایید (۶c).
http://pnu-club.com/imported/2010/06/659.jpg
مرحله ۷
می توانید خطوط افقی و عمودی را با فشردن دکمه های Command+E ادغام نمایید. اکنون باید دو لایه داشته باشید. خطوط عمودی را انتخاب کرده به Filter > Distort > Wave بروید. از تنظیمات موجود در تصویر ۷a برای ایجاد طرح شکسته ی جالب استفاده نمایید (۷b). اکنون به Filter > Distort > Polar Coordinates رفته و اطمینان یابید که اولین گزینه، Rectangular to Polar، انتخاب شده است و OK را فشار دهید (۷c). اکنون خطوط در طرح شعاعی پرسپکتیو تک نقطه ای تنظیم شده اند (۷d).
http://pnu-club.com/imported/2010/06/660.jpg
مرحله ۸
خطوط افقی را انتخاب نموده و از فیلتر Twirl از گروه Distort استفاده نمایید (۸a). اکنون خطوط دارای آرایش موجی ناهموار می باشند که به آرامی به سمت گوشه ی راست بالایی کشیده می شوند (۸b). میزان شفافیت (opacity) را ۵۰% کاهش دهید (۸c)، سپس خطوط را کپی نمایید. لایه ی جدید را برای ایجاد موج های عمودی ۹۰ درجه بچرخانید (۸d). امکان دارد که دایره ها زیر خطوط تراز صفحه محو شوند، بنابراین برای اینکه بیشتر قابل مشاهده شوند، میزان شفافیت (opacity) آنها را افزایش دهید (۸e).
http://pnu-club.com/imported/2010/06/661.jpg
مرحله ۹
بافت مقوای نازک را در سند قرار دهید و برای انطباق با طرح، سایز آن را تنظیم کنید (۹a). به حالت Multiply blending تغییر حالت دهید (۹b). سایه خوب به نظر می رسد ولی کمی تاریک می باشد. Levels (Command+L) را انتخاب کرده و برای افزایش میزان روشنایی کلی بدون تغییر نقاط سیاه و سفید، اسلایدر وسظی را به سمت چپ انتقال دهید (۹c). اکنون تصویر روشن تر می باشد (۹d). کار تنظیم پس زمینه به پایان رسیده است.
http://pnu-club.com/imported/2010/06/662.jpg
مرحله ۱۰
تصویر افق مرئی را در بخش پایینی طرح قرار دهید (۱۰a) و آن را به Multiply تنظیم کنید (۱۰b). تنظیمات Hue/Saturation را اضافه نمایید. Colorize را فعال سازید و اسلایدرها را با تصویر تطبیق دهید (۱۰c) تازمانیکه ساختمان ها سایه ی قهوه ای داشته باشند. می دانید که Adjustment روی تمام لایه های زیرین تاثیر خواهد گذاشت، بنابراین برای تاثیرگذاری تنها روی افق مرئی روی آیکون clipping کلیک نمایید.
http://pnu-club.com/imported/2010/06/663.jpg
مرحله ۱۱
روی لایه ی جدید پشت “cityscape”، برای توسعه ی سمت چپ ترین آسمان خراش، یک مستطیل قرمز بلند رسم کنید (۱۱a). حالت آن را به Lighten mode تغییر داده و opacity را برابر با ۶۰% قرار دهید (۱۱b). در ضمن تصویر زیر، نمایی از لایه هایی که تاکنون روی آنها کار کردیم را نمایش می دهد (۱۱c).
http://pnu-club.com/imported/2010/06/664.jpg
مرحله ۱۲
همانطور که مشاهده می کنید مستطیل با پرسپکتیو آسمان خراش مطابقت ندارد (۱۲a). با فشردن دکمه های Command+T (Free Transform) و با انتخاب Skew از منوی راست کلیک، این مسئله را تصحیح نمایید. مستطیل را تا زمانیکه با شیب ساختمان تطبیق یابد، به سمت راست کج نمایید (۱۲b). اکنون برای وارد کردن حالت Quick Mask، Q را فشار دهید. بالای مستطیل را با براش سیاه نرم رنگ آمیزی نمایید (۱۲c)، سپس مجددا Q را فشار دهید. جعبه ی انتخاب ظاهر خواهد شد: برای افزودن آن به عنوان ماسک، روی دکمه ی Mask کلیک نمایید (رجوع شود به مرحله ۵). اکنون مستطیل در بخش بالایی در حالت محو می باشد (۱۲d).
http://pnu-club.com/imported/2010/06/665.jpg
مرحله ۱۳
فیلتر Ripple را از گروه Distort (13a) برای موجی ساختن مستطیل (۱۳b) انتخاب نمایید. اکنون Radial Blur را از Filter > Blur (13c) برای تبدیل مستطیل به ستون دودی (۱۳d) اضافه نمایید.
http://pnu-club.com/imported/2010/06/666.jpg
مرحله ۱۴
با همان تکنیک، سه ستون دودی کوتاه تر پشت آسمان خراش های سمت راست ایجاد نمایید، و آنها را در نصف ارتفاع پوستر محود نمایید (۱۴a). ابزار Custom Shape Tool (U) را فعال کرده و شکل هلال را از منوی shape انتخاب نمایید (۱۴b). با استفاده از رنگ زرد روشن، هلالی در اطراف دایره هایی که در ابتدا ایجاد کرده ایم، رسم کنید و لایه را به Overlay mode تنظیم کنید (۱۴c).
http://pnu-club.com/imported/2010/06/667.jpg
مرحله ۱۵
فن چاپ لازم باید در Illustrator اضافه شود زیرا چاپ را بهتر از فتوشاپ اداره می کند، ولی برای حفظ ظاهر این آموزش، به یک نرم افزار بسنده می کنیم. در حالت Overlay یک متن به رنگ نارنجی اضافه نمایید (۱۵a). بقیه ی متن را به رنگ زرد روشن در حالت Overlay اضافه نمایید (۱۵b). در نهایت برای سهولت خواندن (۱۵d)، Drop Shadow را به متن اصلی و ماه هلالی اضافه نمایید (۱۵c). پوستر آماده می باشد.
http://pnu-club.com/imported/2010/06/668.jpg
نتیجه گیری
در این متن آموزشی، مشاهده کردیم که ایجاد طرح های جالب با خطوط ساده و فیلترهای قدرتمند Distort فتوشاپ تا چه حدی آسان می باشد. گاهی اوقات برای اجتناب از تصاویر یکنواخت دیجیتالی، به کارگیری بافت ها و عکس ها در فتوشاپ، راهکار جالبی می باشد. با کمی ویرایش می توانند جذابیت خاصی به هر تصویر اضافه نمایند. نرم افزار Adobe Design Premium CS5، آزادی کامل در خلاقیت را برای شما بدون از دست دادن دقت و کیفیت عرضه می نماید، خواه در چاپ، وب، محاوره یا رسانه های متحرک کار کنید.
آنچه که در پایان این آموزش ایجاد خواهید کرد!
http://pnu-club.com/imported/2010/06/654.jpg
تصاویر دیجیتالی عمدتا به نرم افزار استفاده شده برای ساخت آنها بستگی دارند. با در نظر گرفتن ماهیت ساده و مبتنی بر پیکسل فتوشاپ، کارهای هنری همیشه عالی به نظر می رسند، بنابراین، یادگیری نحوه ی پیاده سازی تغییرات تصادفی طبیعت در شاهکارهای دیجیتالی مان مهم می باشد.در این مقاله، یک پوستر جالب برای شهری قدیمی خواهیم ساخت که این سبک کاری امروزه خیلی رایج می باشد.
محتویات آموزش
در این آموزش، از یک بافت و یک تصویر استفاده خواهیم کرد. دو مورد زیر، لینک های دانلود می باشند:
بافت مقوای نازک
افق مرئی شیکاگو
مرحله ۱
یک سند جدید در فرمت B2 ایجاد کنید که از قدیم در رابطه با پوسترها می باشد. اندازه ی این سند ۵۰۰×۷۰۷ میلی متر می باشد و از آنجاییکه این طرح را برای چاپ طراحی می کنیم، باید حالت رنگ CMYK و ۳۰۰ pixels/inch را انتخاب کنید (۱a). طرح را با سایه رنگ سبز مایل به آبی متوسط رنگ آمیزی کنید (۱b).
http://pnu-club.com/imported/2010/06/31.png
مرحله ۲
برای فعال سازی ابزار براش، B را فشار دهید و براش خیلی بزرگ، مدور و لبه نرم انتخاب کنید. سایه ی آبی- سبز روشن را برداشته و شروع به رنگ آمیزی بی قاعده ی طرح نمایید (۲a). از hue های مختلف، هم آبی روشن و هم آبی تیره استفاده کنید و برای ایجاد طرح مبهم از حرکت های چرخشی، قطر براش را تغییر دهید (۲b). به مسیر Filter > Blur > Gaussian Blur رفته و از مقدار به حد کافی بزرگ برای هموارسازی طرح استفاده کنید و هر رد براش نامناسب مرئی را که ممکن است داشته باشید، حذف کنید. (۲c, 2d).
http://pnu-club.com/imported/2010/06/655.jpg
مرحله ۳
رنگ زرد روشن را انتخاب کرده و یک دایره ی کوچک روی لایه ی مجزا ایجاد کنید (۳a). برای باز کردن پنجره Layer Style روی لایه دابل کلیک نمایید و ۱px Stroke را در همان رنگ اضافه نمایید (۳b). همزمان رنگ لایه را به صفر کاهش دهید، بنابراین تنها stroke (رد) قابل مشاهده خواهد بود. میزان شفافیت (opacity) را نیز ۵۰% کاهش دهید (۳c).
http://pnu-club.com/imported/2010/06/656.jpg
مرحله ۴
سه بار دایره را کپی نمایید و میزان شفافیت کپی ها را تغییر دهید. رنگ بزرگترین دایره نباید صفر باشد بلکه باید ۱۰% باشد (۴a, 4b). 4 دایره را با هم ادغام نمایید و تعدادی از کپی ها را در بالاترین بخش طرح پخش نمایید، آنها را مقیاس گذاری نموده و شفافیت آنها را کم یا زیاد نمایید (۴c).
http://pnu-club.com/imported/2010/06/657.jpg
مرحله ۵
لایه ی پس زمینه را ابتدا با دابل کلیک ( برای تبدیل آن به لایه ی قابل ویرایش) و سپس فشردن Command+J کپی نمایید (۵a). به فیلتر Filter > Noise > Add Noise رفته و ۲% را انتخاب نمایید (۵b). اکنون روی دکمه ی mask در پایین پالت لایه ها برای ایجاد یک ماسک خالی برای لایه کلیک نمایید (۵c). روی mask کلیک کرده، سپس برای فعال سازی براش، B را فشار دهید. رنگ های foreground/background (پیش زمینه/پس زمینه) به طور اتوماتیک به سفید و سیاه تغییر خواهند کرد. فشردن X عکس این عمل را انجام خواهد داد. Stroke های سیاه روی طرح را با براش نرم بزرگی که قبلا برای پاک کردن برخی از بخش های پس زمینه ی شلوغ استفاده کرده اید، رنگ آمیزی کنید (۵d). نتیجه در این وضوح نمایشی قابل مشاهده خواهد بود ولی اکنون پس زمینه به صورت یکنواخت از حالت صیقلی به حالت خش دار تبدیل می شود (۵e). تاثیر ظریفی می باشد که می تواند نادیده گرفته شود ولی تغییرات ریز جالبی اضافه می کند.
http://pnu-club.com/imported/2010/06/658.jpg
مرحله ۶
برای افزودن پیچیدگی به پس زمینه، یک طرح خطی جالبی ایجاد نمایید . یک خط عمودی با ابزار Line (U) رسم کنید. از همان رنگ زرد روشن که برای دایره ها استفاده کردیم، استفاده کنید (۶a). کپی های فاصله دار در کل پهنای پوستر ایجاد کنید (۶b)، سپس کپی نموده و برای ایجاد خطوط افقی آنها را ۹۰ درجه بچرخانید. خطوط لازم را برای پوشاندن ارتفاع اضافه نمایید (۶c).
http://pnu-club.com/imported/2010/06/659.jpg
مرحله ۷
می توانید خطوط افقی و عمودی را با فشردن دکمه های Command+E ادغام نمایید. اکنون باید دو لایه داشته باشید. خطوط عمودی را انتخاب کرده به Filter > Distort > Wave بروید. از تنظیمات موجود در تصویر ۷a برای ایجاد طرح شکسته ی جالب استفاده نمایید (۷b). اکنون به Filter > Distort > Polar Coordinates رفته و اطمینان یابید که اولین گزینه، Rectangular to Polar، انتخاب شده است و OK را فشار دهید (۷c). اکنون خطوط در طرح شعاعی پرسپکتیو تک نقطه ای تنظیم شده اند (۷d).
http://pnu-club.com/imported/2010/06/660.jpg
مرحله ۸
خطوط افقی را انتخاب نموده و از فیلتر Twirl از گروه Distort استفاده نمایید (۸a). اکنون خطوط دارای آرایش موجی ناهموار می باشند که به آرامی به سمت گوشه ی راست بالایی کشیده می شوند (۸b). میزان شفافیت (opacity) را ۵۰% کاهش دهید (۸c)، سپس خطوط را کپی نمایید. لایه ی جدید را برای ایجاد موج های عمودی ۹۰ درجه بچرخانید (۸d). امکان دارد که دایره ها زیر خطوط تراز صفحه محو شوند، بنابراین برای اینکه بیشتر قابل مشاهده شوند، میزان شفافیت (opacity) آنها را افزایش دهید (۸e).
http://pnu-club.com/imported/2010/06/661.jpg
مرحله ۹
بافت مقوای نازک را در سند قرار دهید و برای انطباق با طرح، سایز آن را تنظیم کنید (۹a). به حالت Multiply blending تغییر حالت دهید (۹b). سایه خوب به نظر می رسد ولی کمی تاریک می باشد. Levels (Command+L) را انتخاب کرده و برای افزایش میزان روشنایی کلی بدون تغییر نقاط سیاه و سفید، اسلایدر وسظی را به سمت چپ انتقال دهید (۹c). اکنون تصویر روشن تر می باشد (۹d). کار تنظیم پس زمینه به پایان رسیده است.
http://pnu-club.com/imported/2010/06/662.jpg
مرحله ۱۰
تصویر افق مرئی را در بخش پایینی طرح قرار دهید (۱۰a) و آن را به Multiply تنظیم کنید (۱۰b). تنظیمات Hue/Saturation را اضافه نمایید. Colorize را فعال سازید و اسلایدرها را با تصویر تطبیق دهید (۱۰c) تازمانیکه ساختمان ها سایه ی قهوه ای داشته باشند. می دانید که Adjustment روی تمام لایه های زیرین تاثیر خواهد گذاشت، بنابراین برای تاثیرگذاری تنها روی افق مرئی روی آیکون clipping کلیک نمایید.
http://pnu-club.com/imported/2010/06/663.jpg
مرحله ۱۱
روی لایه ی جدید پشت “cityscape”، برای توسعه ی سمت چپ ترین آسمان خراش، یک مستطیل قرمز بلند رسم کنید (۱۱a). حالت آن را به Lighten mode تغییر داده و opacity را برابر با ۶۰% قرار دهید (۱۱b). در ضمن تصویر زیر، نمایی از لایه هایی که تاکنون روی آنها کار کردیم را نمایش می دهد (۱۱c).
http://pnu-club.com/imported/2010/06/664.jpg
مرحله ۱۲
همانطور که مشاهده می کنید مستطیل با پرسپکتیو آسمان خراش مطابقت ندارد (۱۲a). با فشردن دکمه های Command+T (Free Transform) و با انتخاب Skew از منوی راست کلیک، این مسئله را تصحیح نمایید. مستطیل را تا زمانیکه با شیب ساختمان تطبیق یابد، به سمت راست کج نمایید (۱۲b). اکنون برای وارد کردن حالت Quick Mask، Q را فشار دهید. بالای مستطیل را با براش سیاه نرم رنگ آمیزی نمایید (۱۲c)، سپس مجددا Q را فشار دهید. جعبه ی انتخاب ظاهر خواهد شد: برای افزودن آن به عنوان ماسک، روی دکمه ی Mask کلیک نمایید (رجوع شود به مرحله ۵). اکنون مستطیل در بخش بالایی در حالت محو می باشد (۱۲d).
http://pnu-club.com/imported/2010/06/665.jpg
مرحله ۱۳
فیلتر Ripple را از گروه Distort (13a) برای موجی ساختن مستطیل (۱۳b) انتخاب نمایید. اکنون Radial Blur را از Filter > Blur (13c) برای تبدیل مستطیل به ستون دودی (۱۳d) اضافه نمایید.
http://pnu-club.com/imported/2010/06/666.jpg
مرحله ۱۴
با همان تکنیک، سه ستون دودی کوتاه تر پشت آسمان خراش های سمت راست ایجاد نمایید، و آنها را در نصف ارتفاع پوستر محود نمایید (۱۴a). ابزار Custom Shape Tool (U) را فعال کرده و شکل هلال را از منوی shape انتخاب نمایید (۱۴b). با استفاده از رنگ زرد روشن، هلالی در اطراف دایره هایی که در ابتدا ایجاد کرده ایم، رسم کنید و لایه را به Overlay mode تنظیم کنید (۱۴c).
http://pnu-club.com/imported/2010/06/667.jpg
مرحله ۱۵
فن چاپ لازم باید در Illustrator اضافه شود زیرا چاپ را بهتر از فتوشاپ اداره می کند، ولی برای حفظ ظاهر این آموزش، به یک نرم افزار بسنده می کنیم. در حالت Overlay یک متن به رنگ نارنجی اضافه نمایید (۱۵a). بقیه ی متن را به رنگ زرد روشن در حالت Overlay اضافه نمایید (۱۵b). در نهایت برای سهولت خواندن (۱۵d)، Drop Shadow را به متن اصلی و ماه هلالی اضافه نمایید (۱۵c). پوستر آماده می باشد.
http://pnu-club.com/imported/2010/06/668.jpg
نتیجه گیری
در این متن آموزشی، مشاهده کردیم که ایجاد طرح های جالب با خطوط ساده و فیلترهای قدرتمند Distort فتوشاپ تا چه حدی آسان می باشد. گاهی اوقات برای اجتناب از تصاویر یکنواخت دیجیتالی، به کارگیری بافت ها و عکس ها در فتوشاپ، راهکار جالبی می باشد. با کمی ویرایش می توانند جذابیت خاصی به هر تصویر اضافه نمایند. نرم افزار Adobe Design Premium CS5، آزادی کامل در خلاقیت را برای شما بدون از دست دادن دقت و کیفیت عرضه می نماید، خواه در چاپ، وب، محاوره یا رسانه های متحرک کار کنید.