صفحه ارتباطی در واقع یك فایل در فتوشاپ است كه حاوی تصاویر كوچكی می‌باشد كه این تصاویر همگی در یك (دایركتوری) قرار دارند كه شما آدرس آنرا به فتوشاپ می‌دهید. هنگام ساخت چنین صفحه‌ای، شما كنترل كاملی روی اندازة صفحه، اندازة تصاویر، فونت، فضاهای موجود در صفحه و... خواهید داشت. شما می‌توانید این صفحه را برای هر نوع چاپگر و یا فرمت دلخواهی بهینه‌سازی نمائید.
روش های مختلفی برای ایجاد صفحات وب وجود دارد . در حالیكه برخی از طراحان مایل هستند ابتدا طرح اولیه خود را تكمیل كرده و سپس اقدام به كد نویسی های پیچیده كنند ، برخیدیگراز طراحان نیزبیشترمایل به استفاده اولیهاز نمونه های گرافیكی در طرح بندی و محیط سایت وب خود هستند. در این مقاله بیشتر به بررسی روش دوم وبااستفاده از یك برنامه گرافیكیاقدام بهطراحی یكصفحهوب می كنیم .
در وهله اول مراحلی كه در طراحی اولیه یك سایت باید مد نظر قرار داد را بررسی می كنیم . شروع كار طراحی سایت وب از طریق انجام كار اولیه بر روی یك تصویر در برخی موارد آسان تر از سایر روش هاست .
1- ابتدا برنامه فتوشاپ را اجرا كرده و سپس فایلی را كه قصد استفاده از آن به عنوان صفحه اصلی سایت تان دارید را انتخاب كنید.2- پس از دست یابی به تصویر مورد نظر و جهت استفاده در سایت باید آن را به تكه های مناسبی تقسیم كنید. در این مرحلهبا استفاده ازاطلاعات كلیمربوط به كدنویسیHTML نحوه كار جداولرا بررسی كرده و تصویر را به شیوه ای تقسیم بندیخواهیم كردكه در جداول مورد استفاده قرار گیرند. 3- مرحله بعد ایجاد سندی است كه كد های HTML مربوطهبر اساس تكه های موجود در آن ایجادمیشوند و در نتیجه در وب سایت قابل استفادهخواهند بود. برای آسان تر شدن كارمی توانیدفایل مورد نیاز كه در این قسمت بر روی آن كار خواهیم كرد رابا كلیك در اینجا بر روی سیستم خود دریافت و ذخیره كنید.
این قسمت در واقع بخش اساسی و مشكل مربوط به فرایند ایجاد سایت در فتوشاپ می باشد. طراحی رابط یكی از موارد مهمی است كه باید مورد توجه قرار گیرد و قابلیت استفاده از وب سایت در واقع به دقت در آن بر می گردد. از این رو بهتر است در هنگام طراحی صفحات این جمله را به خاطر داشته باشید كه ، در صورتی كه بازدید كنندگان نتوانند به راحتی به مطالب موجود در سایت شما دسترسی پیدا كنند و یا طرح بندی محیط شما سبب گیج شدن آنها شود دیگر به سراغ سایت شما نخواهند آمد .
برای هر طراحی جدید وپیش از شروع كار باید از قبل برنامه ریزی متناسب با آن را انجام دهید .برای مثال ، پیش بینی اینكه در آینده قصد افزودن چه بخش هایی را در سایت خود دارید. در صورت عدم توجه به این موضوع یا برنامه ریزی نامناسب مجبور به انجام تمامی كار های مربوط به طراحی از ابتدای كار خواهید بود . و اگر برنامه ریزی دقیقی انجام داده باشید امكانات و وقت شما به هدر نخواهد رفت و كارتان نیز به آسانی پیشرفتخواهدكرد . تصور اینكه در آینده به چه مرحله ای خواهید رسید و اهداف تان چیست از نكات بسیار مهم و حائز اهمیت برنامه ریزی طراحی در یك سایت موفق است.
شروع كار ما با صفحه ای در ابعاد740*460 پیكسل می باشد . در این فضا سرصفحه ، محیط های مرور و محیط های مفاهیم مورد نیازرا قرار خواهیم داد. در صورتی كه به فایلی كهبه فایل دقت كنید ، نوارهای آبی تیره موجود در بالا و پائین صفحه به محل قرار گیری نوار مرور اشاره دارند. در صورتی كه مفاهیم سایت شما زیاد است و مایلید تا صفحات تان به سرعت بارگذاری شوند استفاده از این شیوه بسیار موثر و مناسب است . بعد از ایحاد تصویر در فتوشاپ زمان آماده كردن هر بخش جهت استفاده در یك سند HTML است.
هر چند برای ایجاد تصاویر گرافیكی می توانید از نرم افزارهای مختلفی استفاده كنید ، اما توصیه من به شما استفاده از نرم افزار فتوشاپ می باشد . در كنار فتوشاپ برنامه دیگری به نام ImageReady قرار دارد كه شما می توانید برای ذخیره تصاویر مناسب در وب ، ایجاد تصاویر انیمیشن Gif ، و برش تصاویر موجود در فتوشاپ ازآن استفاده كنید . تكه كردن در واقع به این مفهوم اشاره دارد كه ما تصویر مربوط به محیط اصلی را گرفته و آن را به بخش های كوچك تر تقسیم كنیم و پس از آن به راحتی هر بخش را در یك جدول HTML وارد می كنیم . با این كار امكان استفاده از طرحی همانند تصویر بزرگ و اولیه در كد HTML وجود خواهد داشت بدون اینكه مجبور به استفاده از تصویر بزرگ باشید . ومی توانیدمحیط تصویر را به بخش هایی تقسیم كنید كه بتوانید هر كدام از آنها را به یك بخش لینك كنید . همانطور كه در این مثال مشاهده می كنید ، هنگام تقسیم و برش یك تصویر بزرگ امكان بهینه سازی جداگانه هر بخش برای كم كردن حجم نهایی فایل وجود دارد . همچنین برخی از تكه ها در بخش های مختلف تكرار شده اند و به همین دلیل می توانید از یك تصویر به جای همه آنها استفاده كنید . نمونه تصویری كه من با این فایل ایجاد كرده ام تنها 26.1k حجم داشته است . در واقع كاربری كه از مودم 28.8k استفاده می كند تنها نیاز به 9 ثانیه زمان برای بارگذاری صفحه دارد . تصویری كه آماده تقسیم شدن در فتوشاپ است را در طرح زیر مشاهده می كنید :
همانطور كه ملاحظه می كنید خطوط آبی رنگ بصورت متقاطع در تصویر وجود دارند . این خطوطدر واقعهمان خطوط راهنمای موجود در برنامه فتوشاپ هستند كه به سادگی و از طریق كشیدن محیط خط كش به روی صفحه قرار می گیرند . سپس می توانید آنها را در محل هایی كه قصد برش تصویر را دارید قرار دهید . در مرحله بعد تصویر تان را به داخل برنامه ImageReady منتقل كرده و گزینه Slices را از منو انتخاب كنید . در منویمربوطه گزینه Create Slices from Guides را انتخاب كنید . طرح شما باید مطابق شكل زیر باشد.
توجه داشته باشید كه تمامی خطوط راهنمای ایجاد شده دارای شماره منحصری هستند. این نام گذاری بر مبنای پیش فرضی است كه در برنامه ImageReady وجود دارد . حال كه تكه های تصویر خود را ایجاد كردید در كادر محاوره ای گزینه Show Slices را انتخاب كنید. من چیزی شبیه به طرح زیر را مشاهده كردم :
در این مرحلهسه تكه رابا همتركیب كرده و آنها رابا یك عنواننام گذاری می كنیم .بدین منظورگزینه Slice Selection Tool را انتخاب كنید . دو خط راهنمای عمودی قسمت سر صفحه را به سه قسمت تقسیم می كنند . و ما قصد داریم تا سر صفحه را به یك تكه تصویر تبدیل كنیم. پس از انتخاب گزینه Slice Selection Tool در بالای گوشه سمت چپ تكه شماره 01 كلیك كنید. سپس كلید Shift را پائین نگه دارید و در تكه های 02 و 03 نیز كلیك كنید. سپس در تكه وسطی راست كلیك كرده و از كادر محاوره ای نمایان شده گزینه Combine Slices را انتخاب كنید. اكنون طرح شما باید به شكل زیر تبدیل شده باشد :
سه تكه بالایی در این مرحله به یك بخش تقسیم شده اند و با یك حاشیه زرد رنگ مشخص شده اند . برای نام گذاری تكه به كادر محاوره ای Show Slices بروید . در فیلد name كلمه header را وارد كنید. و این كار را برای محیط پاصفحه نیز تكرار كنید و آن را footer نام گذاری كنید. هنوز تكه هایی وجود دارند كه به نام گذاری نیاز دارند . در پائین سر صفحه و در سمت چپ آن باید تكه شماره 02 را مشاهده كنید- یك مربع كوچك آبی رنگ . از آنجا كه ابعاد این تكه با ابعاد بخش های شماره 04، 08 و 10 مساوی هستند تنها یكی از آنها را ذخیره می كنیم. در حالیكه ابزار تصویر Slice Selection Tool فعال است در تكه شماره 02 كلیك كرده و نام blue_square را به آن بدهید. سپس در تكه شماره 05 كلیك كرده و نام gray_bar را به آن بدهید. اگر دقت كنید متوجه متناسب بودن ابعاد این قسمت با تكه شماره 07 خواهید شد. از این رو تنها نیاز به ذخیره همین قسمت خواهید داشت.
در این قسمت اقدام به بهینه سازی و سپس ایجاد فایل خروجی مناسب برای وب خواهیم كرد. برای انتخاب تكه gray_bar از ابزار Slice Selection Tool استفاده كنید . كلید Shift را پائین نگه داشته و در تكه blue_square كلیك كنید. از آنجا كه از لحاظ رنگ بندی هر دو این قسمت ها یكسان هستند می توان در یك مرحله هر دو قسمت را بهینه سازی كرد. از تنظیمات برای بهینه سازی هر دو تكه بصورت یك فایل Gif استفاده كنید:
سپس از ابزار Slice Selection Tool برای انتخاب سرصفحه استفاده كنید و در حالیكه كلید Shift را پائین نگه داشته اید قسمت پاصفحه را نیز انتخاب كنید. از آنجا كه رنگ بندی این قسمت ها دارای ویژگی پیچیده تری است بهتر است این قسمت ها را در حالت jpeg ذخیره كنید .
برای ایجاد فایل خروجی ابزار Slice Selection Tool را انتخاب كرده و سپس تكه های header, footer, blue_square و gray_bar را انتخاب كنید:
در منوی فایل گزینه Save Optimized As را انتخاب نمائید.
گزینه هایی كه در این قسمت وجود دارند عبارتند از : 1- انتخا ب مقصد و محل ذخیره فایل ها و پوشه ها 2- در قسمت های مربوطه می توانید تعیین كنید كه فایل تنها بصورت HTML ذخیره شود و صفحه html ای ایجاد كند كه كاملا با طرح بندی شما متناسب باشد. 3- گزینه سوم – ذخیره تصایر انتخاب شده- را نیز انتخاب كنید. در كادر محاوره ای Save as type گزینه Images Only را انتخاب كرده و سپس در زیر آن گزینه Selected Slices را انتخاب كنید. بصورت پیش فرض برنامه ImageReady تمامی تصاویر انتخاب شده را در یك پوشه ذخیره می كند. در صورتی كه قصد چنین كاری را ندارید می توانید در كادر Output Settings كلیك كرده و در بخش پائینی كادر محاوره ای گزینه Put images in folder را غیر انتخاب كنید. البته بهتر است قبل از ایجاد تكه های مربوطه پوشه ای برای فایلهای اصلی و در آن پوشه نیز زیرپوشه های مورد نیاز تان را ایجاد كنید. در این حالت به راحتی می توانید هر تصویر را در پوشه مورد نظرتان ذخیره كنید. پس از انتخاب موقعیت ذخیره فایل ها گزینه Save را كلیك كنید.
مرحله بعد ایجاد صفحه HTML ای است كه از آن به عنوان الگویی در وب سایت خود استفاده می كنیم . نگران بخش های ذخیره نشده در فایل نباشیدو بخش مركزی تصویر در بردارنده مفاهیم و محتوای سایت است .
برای ایجاد الگوی مورد نظر در این مرحله تصاویر مان را در داخل سند HTML قرار می دهیم : 1- جدولی با پنج ردیف و 3 ستونایجاد كنید.دقت كنید تا كد <center> قبل از جدول و كد <center/> نیز بعد از آن قرار گیرد. این امر سبب قرار گرفتن جدول شما در مركز صفحه می شود . 2- در ردیف بالا ، مقدار col span مربوط به سلول چپ اول را 3 قرار دهید . در این قسمت باید تصویر header.jpg را وارد كنید. 3- در ردیف زیر سر صفحه ، مقدار ارتفاع هر سلول را 18 پیكسل قرار دهید . تا متناظر با تصویر blue_square.gif شود . و عرض سلول را 16 پیكسل در نظر بگیرید. 4- برای ردیف چهارم نیز همین كار را تكرار كنید. 5- در این مرحله تصویر blue_square.gif را در سلول های بیرونی ردیف های دوم و چهارم وارد كنید. تصویر gray_bar.gif را در داخل سلول اول ردیف سوم قرار دهید (سمت چپ) و این مراحل را برای ستون سوم تكرار كنید. 6- رنگ های زمینه هر دو سلول را CCCCCC #قرار دهید . رنگ های زمینه ستون دوم ردیف دوم و چهارم را برابر 374256 #قرار دهید . در ستون مركزی ردیف سوم ( جائیكه مفاهیم قرار می گیرند ) رنگ زمینه CCCCCC #را انتخاب كنید. 7- در ردیف پنجم ، اولین سلول را انتخاب كرده و مقدار col span آن را برابر 3 قرار دهید . سپس می توانید فایل footer.jpg را در آن قرار دهید . 8- سرانجام ارتفاع ردیف اول، دوم ، چهارم و پنجم را تعیین كنید و ردیف سوم را تعیین نشده رها كنید تا بر مبنای مفاهیم وارد شده اندازه ان تغییر كند . در این مرحله صفحه شما باید شبیه طرح زیر باشد :
از آنجا كه رنگ زمینه سفید به خوبی با طرح كار نمی كند ، من یك تصویر كاشی برای پشت سر رابط ایجاد كرده ام.
بدین منظور می توانید یك تصویر در فتوشاپ ایجاد به عرض1 پیكسل و ارتفاع2 پیكسل ایجاد كنید. مربعی با عرض و ارتفاع 1 پیكسل انتخاب كنید و رنگ آن را متناسب با رنگ طرح تان انتخاب كنید. سپس آن قسمت را به پائین جابجا كنید . تصویر را با استانداردgif و تعداد رنگ 2-color ذخیره كنید .
به سادگی تصویر را در كد background مربوط به tag الگوی جدیدتان قرار داده تا تمام محیط را بپوشاند . برای مشاهده طرح نهایی در صفحهHTML اینجا را كلیك كنید.
رنگ زمینه سلول های تصویر gray_bar باید بصورت#CCCCCC انتخاب شوند. بطوریكه در هنگام بزرگ كردن صفحه به همان رنگ دیده شود .
از آنجا كه رنگ زمینه سفید به خوبی با طرح كار نمی كند ، من یك تصویر كاشی برای پشت سر رابط ایجاد كرده ام.
رنگی‌كردن چشم‌ها در فتوشاپ
Adobe Photoshop CS3
اشاره :
در آموزش فتوشاپ این مقاله به سراغ یكی از تكنیك‌های عكاسی رفته‌ایم. یعنی تغییر رنگ چشم!
این تكنیك بسیار جالب این روزها در آلبوم‌ها یا عكس‌های خانوادگی و عروسی كاربرد بسیار زیادی دارد. استفاده از لنز در بسیاری از موارد موجب سرخ شدن چشم می‌شود و در عكس‌های پرترهِ بسیار نزدیك، كاملاً مصنوعی به نظر می‌رسد. بنابراین بسیاری از عكاسان به سوژه‌های خود پیشنهاد می‌كنند به‌جای استفاده از لنز‌های رنگی، تنها رنگ مورد علاقه خود را سفارش دهند و عكس‌های مورد نظرشان را انتخاب كنند. برای بسیاری از افراد این كار بسیار پیچیده به نظر می‌رسد، اما عكاسان برای چنین ترفندی چه می‌كنند؟
در همین ابتدای كار بهتر است بدانید كه استفاده از این تكنیك تنها روی عكس‌های پرتره نزدیك كه بخش بزرگی از تصویر توسط صورت پوشانده می‌شود، مناسب است. اصولاً عكس‌های قدیمی كیفیت پایین‌تری نسبت به عكس‌های جدید دارند و رنگی شدن عنبیه روی آنها، چندان به چشم نمی‌آید. عكس مورد نظرتان را باز كنید و با فشردن دكمه‌های Ctrl+J یا كشیدن و رها كردن لایه Background روی آیكون Create New Lay در پالت لایه‌ها، یك لایه از روی لایه اصلی عكس بسازید. با این كار فتوشاپ یك لایه جدید شبیه لایه اولیه ایجاد می‌كند و بدین ترتیب هر ویرایشی كه انجام دهید، روی لایه جدید اعمال می‌شود.
تغییر رنگ چشم‌های روشن چندان مشكل نیست؛ زیرا اصولاً چشم‌های رنگی، پایه روشن دارند و به سادگی می‌توانید مراحل اولیه این آموزش، یعنی بخش روشن كردن چشم را نادیده بگیرید، اما در اینجا فرض می‌كنیم كه در حال كار روی چشم‌های مردم كشورهای شرقی كه عمدتاً قهوه‌ای تیره هستند، كار می‌كنید. ابزار انتخاب بیضی شكل را برگزینید. این ابزار در حقیقت اولین ابزار در نوار ابزارهای فتوشاپ است و می‌تواند محدوده‌ای را به‌صورت دایره‌ای انتخاب كنید.
به‌محض برگزیدن ابزار انتخاب بیضی، نوار تنظیمات آن هم در بالای پنجره فتوشاپ پدیدار می‌شود. (این مسئله در مورد تمام ابزارها صادق است. یعنی با انتخاب هر ابزار، نوار تنظیمات مربوط به آن را در بالای پنجره فتوشاپ می‌بینید.) گزینه Feather در نوار تنظیمات ابزارهای انتخاب نشان‌دهنده محدوده محوشدگی بخش انتخاب شده است. هرچه این مقدار كمتر باشد، محدوده انتخاب، لبه‌های تیزتری خواهد داشت. بنابراین بسته به عكسی كه روی آن كار می‌كنید، باید این مقدار را به گونه‌ای تغییر دهید كه محدوده انتخاب لبه‌های تیز نداشته باشد. در اینجا مقدار Feather برابر پانزده پیكسل انتخاب شده است.
حالا باید عنبیه چشم را انتخاب كنید. حتماً می‌دانید كه روش انتخاب چگونه است. كلیك می‌كنید، نگه می‌دارید، می‌كشید و رها می‌كنید، اما در اینجا دو نكته كمكی را نیز به شما می‌گویم: اول اینكه، ابزار انتخاب بیضی همانطور كه از اسم آن بر‌می‌آید، برای انتخاب به شكل بیضی به كار می‌رود. ما برای انتخاب عنبیه چشم به انتخاب دایره‌ای شكل احتیاج داریم. برای اینكه محدوده انتخاب دقیقاً دایره‌ای شكل باشد، در هنگام انتخاب دكمهShift را نگه دارید. دوم اینكه، ممكن است از محل نادرستی شروع به انتخاب كنید. مثلاً كمی بالاتر یا پایین‌تر از جایی كه لازم است، كلیك كنید و بكشید. برای اینكه بتوانید در همان زمان انتخاب كردن محدوده انتخاب را حركت دهید، می‌توانید دكمه Space را نگه دارید و محدوده انتخاب را جابهجا كنید.
بعد از انتخاب كردن نیز اگر نوك نشانگر ماوس را در داخل محدوده انتخاب ببرید، می‌بینید كه به یك نشانگر با یك علامت چهارگوش در كنارش تبدیل می‌شود. یعنی در این حالت می‌توانید در داخل محدوده كلیك كنید، بكشید و محدوده را جابهجا نمایید. سوم این كه، هیچ دلیلی ندارد عنبیه هر كدام از چشم‌ها را جداگانه انتخاب نمایید و روی آن كار كنید. می توانید پس از انتخاب یكی از آنها، دكمه Shift را نگه دارید و انتخاب محدوده دوم را آغاز كنید. هر دو نكته پیش درباره این محدوده انتخاب جدید نیز صادق است. فقط طوری انتخاب كنید كه فضای كافی در دور عنبیه چشم باقی بماند. پس از انتخاب هر دو عنبیه، دكمه Ctrl+C را فشار دهید تا محدوده در حافظه كپی شود.
دكمه‌های Ctrl+V را فشار دهید. محدوده انتخاب كه با خطوط متحرك نقطه‌چین نشان داده می‌شود، ناپدید می‌شود. در حقیقت شما محدوده انتخابی را كه در داخل حافظه كپی كرده بودید، در همان محدوده‌ای كه انتخاب كرده بودید، یعنی در جای قبلی خود، روی یك لایه جدید Paste كردید (مجدداً روی آن كپی كردید). اگر به پالت لایه‌ها نگاه كنید، می‌بینید دو دایره كوچك در لایه فعال وجود دارد. اگر می‌خواهید واقعاً بفهمید كه این دو لایه چگونه‌اند، دو لایه زیرین آن لایه را خاموش كنید (روی آیكون چشم كنار آنها كلیك كنید). قصد ما از این‌كار این است كه تمام عملیات رنگی كردن را روی این لایه، كه تنها شامل عنبیه چشم است، انجام دهید. با این كار می توانید در پایان بنا به نظر مشتری خود (همان سوژه) رنگ چشم را به هر رنگی كه می خواهید، در آورید.
در این مرحله می‌خواهیم رنگ چشم را روشن كنیم. اگر به پالت لایه‌ها نگاهی بیندازید، می‌بینید كه در پایین پالت، یك سری آیكون قرار دارند. آیكون چهارم (از چپ یا راست فرقی نمی‌كند. چون هفت آیكون بیشتر ندارد!) یك دایره سیاه و سفید است. این دایره امكان استفاده از لایه‌های تنظیم‌كننده را به شما می‌دهد روی آن كلید كنید. در منویی كه باز می‌شود، گزینه Channel Mixer را انتخاب كنید.
یك پنجره باز می‌شود كه در پایین سمت چپ آن گزینه‌ای به نام Monochrome یا تك‌رنگ قرار دارد. آن را انتخاب كنید. حالا تصویر سیاه و سفید می‌شود. كنترل‌كننده‌ها Red ،Green و Blue در این حالت می‌توانند مقادیر رنگ‌های قرمز، سبز و آبی تصویر را افزایش یا كاهش دهند. این موضوع كمی پیچیده است؛ زیرا مربوط به كانال‌های رنگی و افزایش و كاهش كنتراست كانال‌های رنگی هر یك از آنها در تركیب رنگی اصلی می‌شود. كافی‌است بدانید كه با افزایش مقدار كنترل‌كننده قرمز و سبز، می‌توانید موجب روشن شدن رنگ عنبیه شوید. بدون اینكه تأثیر چندانی روی رنگ مردمك چشم (كه بیشتر از كانال آبی تشكیل شده است،) بگذارید.می‌توانید اعداد را با توجع به تصویر زیر تغییر دهید.
مقدار تغییر كاملاً به تیرگی رنگ چشمی بستگی دارد كه روی آن كار می‌كنید. آرام آرام می‌بینید كه عنبیه چشم به رنگ طوسی در‌می‌آید، اما مشكل این‌جاست كه لایه‌های تنظیم‌كننده هنگامی كه ایجاد می‌شوند، روی تمام لایه‌های زیر خود تأثیر می‌گذارند. یعنی این تغییر رنگ نه فقط روی لایه چشم‌ها، بلكه روی تمام لایه‌های زیرین نیز مؤثر است. برای اینكه فقط لایه چشم‌ها (كه در زیر لایه تنظیم‌كننده قرار دارد) تغییر رنگ دهد، دكمه‌های Ctrl+Alt+G را فشار دهید. با این كار لایه تنظیم‌كننده به یك لایه برش‌دهنده (Clipping Layer) تبدیل می‌شود و یك علامت پیكان شكسته در كنار آن ظاهر می‌شود. حالا فقط لایه زیر آن طوسی شده است.لایه‌های زیرین را مجددا فعال کنید(علامت چشم مجددا ظاهر می شود).
سفیدی دور عنبیه به خاطر تغییرات شدید رنگ است. ابزار پاك‌كن را بردارید. در نوار تنظیمات ابزار پاك‌كن، روی مثلث كوچكی كه در سمت راست شماره نشان‌دهنده بزرگی نوك قلم قرار دارد، كلیك كنید. از منوی باز شده، كنترل‌كنندهHardness را به سمت چپ بكشید و روی صفر قرار دهید تا نوك قلم بسیار نرم و هموار شود. حالا لایه چشم‌ها را انتخاب كنید. و دور عنبیه چشم را آرام آرام و با دقت زیاد پاك كنید. بطوریکه فقط عنبیه پاک نشده باشد .
اگر احساس می‌كنید رنگ چشم به اندازه كافی روشن شده است، می‌توانید لایه تنظیم‌كننده ChannelMixer و لایه چشم‌ها را یكی كنید. كافی‌است لایه تنظیم‌كننده را انتخاب كنید و دكمه‌های Ctrl+E را فشار دهید تا با لایه زیرین خود یكی شود. اگر هنوز رنگ لایه را كمرنگ یا پررنگ می‌بینید، روی لایه تنظیم‌كننده دوباره كلیك كنید تا پالت مربوط به آن دوباره باز شود و مجدداً كنترل‌كننده‌های رنگی های سبز و قرمز را جابهجا كنید تا به رنگ مطلوب برسید. حالا عنبیه لایه چشم‌ها كاملاً روشن شده است و خود به عنوان یك لایه منفرد دیده می‌شود.
حالا وقت رنگ‌دهی است. رنگ‌دهی به لایه‌های تك‌رنگ در فتوشاپ روش‌های مختلفی دارد. شخصاً برای این كار روش استفاده از لایه تنظیم‌كننده Hue/Saturation را ترجیح می‌دهم.برای اینکار از منویImage گزینه Adjastment و بعد Hue/Saturation را انتخاب نمایید و یا از همان منوی لایه‌های تنظیم‌كننده كه در مراحل قبل گفتیم، گزینه Hue/Saturation را انتخاب كنید. پنجره‌ای باز می‌شود كه دارای سه میله‌بار كنترل‌كننده است و در پایین راست آن گزینه‌ای به نام Colorize دارد.
این گزینه غیرفعال است و برای رنگ‌دهی استفاده می‌شود. هنگامی كه آن را فعال می‌كنید، بلافاصله تمام تصویر تك‌رنگ می‌شود. همانطور كه گفتیم لایه‌های تنظیم‌كننده روی همه لایه‌های زیرین خود تأثیر می‌گذارند. با تغییر گزینه Hue می‌توانید رنگ‌های مختلفی را امتحان كنید و گزینه Saturation نیز مخصوص تنظیم اشباع یا چگالی رنگ است. مثلاً انتخاب مقدار بیست برای Hue رنگ چشم را عسلی و مقدار نود، رنگ چشم سبز را می‌كند.
پس از انتخاب رنگ، می‌توانید به روش قبلی (Ctrl+Alt+G) این لایه تنظیم‌كننده را نیز به یك لایه برش‌دهنده تبدیل كنید تا فقط روی لایه چشم‌ها تأثیر بگذارد. اما حُسن استفاده از این روش چیست؟ فرض كنید در این مرحله كار را تمام می‌كنید و فایل را با فرمت PSD ذخیره می‌كنید. لایه تنظیم‌كننده مذكور به همراه لایه‌های دیگر ذخیره می‌شود. حالا فرض كنید سوژه مذكور رنگی را كه شما انتخاب كرده‌اید، نپسندد. كافی‌است عكس را در فتوشاپ باز كنید. روی لایه تنظیم‌كننده دوبار كلیك كنید تا پنجره آن باز شود. بعد كنترل‌كننده Hue را بكشید و مقدار آن را تغییر دهید. رنگ چشم به صورت زنده تغییر می‌كند و شخص مذكور می‌تواند هر رنگی را كه دوست داشت، انتخاب كند.
منبع: عصر شبکه
مطالب مرتبط:
نحوه ساخت یك قلم
قابلیت طراحی و نقاشی در فتوشاپ CS بطور چشمگیری نسبت به نسخه‌های قبلی بهبود یافته است. در فتوشاپ قابلیت ایجاد قلم‌های سفارشی مختلفی با ویژگی‌های گوناگون را دارید. این گزینه‌ها از طریق پالت Brushes كنترل و تنظیم می‌شوند. در این پالت، قلم‌های از پیش ترسیم شده در سمت راست و در بالای نوار لغزنده Master Diameter دیده می‌شوند و لیست كاملی از گزینه‌های مربوط به تنظیمات در سمت چپ نمایان می‌شوند.
ایجاد یك صفحه آزمایشی
گزینه FileNew را برای ایجاد یك صفحه جدید انتخاب كنید. پس زمینه آن را سفید (White) انتخاب كرده و پارامترهایی كه در كادر محاوره‌ای ظاهر می‌شوند را تنظیم كنید. از این فایل برای آزمایش نتایج استفاده از قلم ساخته شده استفاده می‌شود.
باز كردن پالت Brushes
بطور پیش فرض، پالت Brushes در نوار Options و در بالای صفحه فتوشاپ قرار دارد. برای باز كردن آن كافی است تا در برچسب Brushes كلیك كرده یا از منوی Window گزینه Brushes را انتخاب نمائید.
تعیین شكل قلم
برای بارگذاری گزینه‌های مربوط به شكل قلم، گزینه Brush Tip Shape كه در ستون سمت چپ قرار دارد را انتخاب كنید. برای تعیین اندازه قلم مورد استفاده از نوار لغزنده Diameter استفاده كنید. تنظیمات Hardness,Angle,Roundness را بصورت مورد نظرتان انجام دهید. شكل ایجاد شده در فیلد پیش نمایش پائین پالت قابل مشاهده است. همچنین با تغییر مقدار فیلدهای Angle و Roundness نیز می‌توانید میزان گردی و یا زاویه قلم را تنظیم كنید. برای مشاهدة دقیق نتیجة تنظیمات انجام شده، با قلم در فایل نمونه‌ای كه ایجاد كردیم بكشید.
تنظیم گزینه‌های Shape Dynamics
در پالت Brushes گزینه Shape Dynamics را از لیست سمت چپ انتخاب كنید تا گزینه‌های مربوطه بارگذاری شوند. در این قسمت گزینه‌های مختلفی مربوط به ضربات قلم وجود دارد كه با عنوان jitter مشخص شده‌اند. اندازه، زاویه و میزان گردی را می‌توانید با استفاده از نوارهای لغزنده موجود تعیین كنید. منوی Control موجود در زیر هر نوار لغزنده به شما امكان تعیین شیوه و حالت مربوط را می‌دهد. همچنین می‌توانید حداقل درصد ضخامت و گردی قلم‌ها را نیز تعیین كنید. برای كسب نتیجه دقیق و دلخواه با قلم در فایل نمونه آزمایشی كلیك كرده و بكشید.
تعیین میزان پراكندگی
در پالت Brushes گزینه Scattering را انتخاب كنید. Scatter در واقع به شیوه و حالت پخش شدن ضربات قلم در هنگام كلیك و كشیدن ماوس اشاره دارد. بطور پیش فرض، نوار لغزنده Scatter میزان پراكندگی عمودی را تعیین می‌كند. در صورتی كه مایلید پراكندگی ضربات قلم هم در جهت عمودی و هم افقی وجود داشته باشد، گزینة Both Axis را فعال كنید. نوار Count میزان غلظت و تراكم مربوط به قلم را كنترل كرده و نوار لغزنده Count jitter نیز جریان داخلی را كنترل می‌كند. برای تعیین شیوه كنترل نیز می‌توانید از منوهای كشویی Control كه در قسمت پائین هر نوار لغزنده قرار دارند استفاده كنید. برای مشاهدة نتیجه در صفحه كلیك كرده و ماوس را به اطراف بكشید.
تنظیمات حالت بافت (Texture)
در پالت Brushes گزینه Texture را انتخاب كرده تا صفحة تنظیمات مربوط به آن باز شود. برای انتخاب بافت مورد نظر در نمونه‌های موجود كلیك كنید. همچنین می‌توان اندازه، میزان آمیختگی، عمق و متغیرهای مربوط به عمق را تعیین كرد. برای مشاهده نتیجه حاصله در صفحه آزمایشی كلیك كرده و ماوس را به اطراف بكشید.
تنظیمات حالت قلم دوگانه (Dual Brush)
برای ایجاد قلمی كه تنظیمات مربوط به دو قلم را در خود دارد، گزینه Dual Brush نوار Brushes را انتخاب كنید. ابتدا با استفاده از منوی Blend Mode و پالت اشكال از پیش تعیین شده، شیوه و شكل قلم را برای دومین قلم انتخاب كنید. سپس ضخامت، تراكم، پراكندگی و مقدار ضربات قلم را تعیین كنید. توجه داشته باشید كه این تنظیمات تنها در قلم دوم موثر هستند و فتوشاپ این تنظیمات را با تنظیمات مربوط به قلم اول تركیب می‌كند.
تنظیمات رنگ قلم
برای كنترل متغیرهای مربوط به رنگ قلم گزینه Color Dynamics را در پالت Brushes انتخاب كنید. این تنظیمات به شما امكان می‌دهند تا آمیختگی و غلظت رنگ‌های پس زمینه و پیش زمینه ضربات قلم را تعیین كنید و نیز میزان متغیرهای مربوط به hue ، saturation ، brightness و purity را تعیین كنید. برای مشاهدة نتیجه در صفحه كلیك كرده و ماوس را به اطراف بكشید.
گزینه‌های قسمت Other Dynamics
برای تنظیم شفافیت و نرمی قلم ایجاد شده، گزینة Other Dynamics را از پالت Brushes انتخاب كنید. برای مشاهدة نتایج حاصل از این تغییرات، با قلم ایجاد شده در صفحه شروع به نقاشی كنید.
تنظیم مشخصه‌های نقاشی
گزینه‌های موجود در قسمت پایین لیست سمت چپ پالت Brushes به شما امكان فعال یا غیرفعال كردن ویژگی‌هایی
همچون Noise ، Wet Edges ، Airbrush ، Smoothing و Protect Texture را می‌دهند. این گزینه‌ها میزان نرمی و نوع بافت قلم‌ها را كنترل می‌كنند. برای دستیابی به افكت مورد نظرتان گزینه‌های مزبور را تغییر دهید.
بكارگیری قلم‌مو
پالت Brush را بسته و از قلم ایجاد شده در محیط كاری‌تان استفاده كنید. در صورتی كه بخواهید از قلم ایجاد شده بعدها نیز استفاده كنید می‌توانید آن را ذخیره نمائید.
*توجه*
تنظیمات مربوط به صفحات طراحی حساس به فشار
در صورتی كه از یك قطعه سخت افزاری ورودی كه از ویژگی‌های Pen Pressure ، Pen Tilt یا Thumbwheel پشتیبانی می‌كند استفاده می‌كنید، حتماً تنظیمات مربوط را در منوهای Control موجود در هر قسمت، انجام دهید.
بكارگیری قلم‌های سفارشی از پیش تعیین شده
توجه داشته باشید كه تنظیمات تعیین شده برای قلم را ذخیره كنید. همچنین توجه داشته باشید كه تنظیمات و گزینه‌های قلم به ابزار نقاشی انتخاب شده بستگی دارد.
نحوه اعمال افكت موج‌دار
فتوشاپ مملو از افكت‌هایی است كه تصاویر را تحریف كرده و خطوط مواج در آن ایجاد می‌كنند. در حقیقت یك زیرمنوی كامل با نام Distort در قسمت فیلترها وجود دارد كه پر از افكت‌هایی این چنین است. در این كار عملی از افكت مواج با استفاده از فیلتر ZigZag و برای ایجاد نمایی از موج متحدالمركز دایروی در سراسر سطح تصویر استفاده شده است.
گزینه FileOpen را برای باز كردن فایل مورد نظر انتخاب كنید.
باز كردن فیلتر ZigZag
برای باز كردن كادر محاوره‌ای ZigZag گزینه FilterDistortZigZag را انتخاب كنید.
تعیین الگو
از لیست كشویی Style، یك الگوی تحریفی را انتخاب كنید. الگوی انتخابی شما در پنجره شبكه‌بندی پیش‌نمایش پائین كادر محاوره‌ای منعكس می‌شود و خود تصویر نیز در پنجره بالای كادر محاوره‌ای قابل مشاهده می‌باشد. در این مثال از الگوی Pond Ripples استفاده شده است.
تعیین درصد تحریف
نوار لغزنده Amount را برای كنترل درصد تحریف تصویر جابجا كنید و تغییرات اعمال شده را در پنجره پیش‌نمایش مشاهده نمائید.
تعیین میزان برآمدگی
نوار لغزنده Ridges را برای كنترل مقدار برآمدگی دوایری كه در الگو اعمال می‌شود، تنظیم كنید.
اعمال فیلتر
دكمة OK را كلیك كنید تا پنجره كادر محاوره‌ای Zig Zag بسته شده و افكت به تصویر اعمال شود.
* توجه *
اعمال مقادیر منفی
استفاده از مقادیر منفی در نوار لغزنده Amount مرحله چهار سبب ایجاد افكتی به سمت داخل می‌شود كه در واقع صرفنظر از سرچشمه گرفتن از مركز به طرف داخل می‌باشد.
دانلود نرم افزار طراحی 3 بعدی MAGIX 3D Maker 6.10
