ali20
07-06-2011, 04:45 PM
http://www.gooyait.com/uploads/1893.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/1-717)
و این هم نمایی است از تصویر نهایی مان بعد از اِعمال افکت پازل در فتوشاپ:
http://www.gooyait.com/uploads/2599.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/2-680)
شروع می کنیم!
گام ۱: کپی کردن لایه پس زمینه (Background)
بعد از این که تصویرمان را در فتوشاپ باز کردیم اولین چیزی که نیاز داریم انجام دهیم، تهیه یک کپی از لایه پس زمینه مان است. تصویرمان در حال حاضر درون این لایه قرار گرفته و همچنین تنها لایه ای است که مشاهده می کنیم. تهیه کپی از لایه تصویرمان این امکان را به ما می دهد که بدون صدمه دیدن تصویر اصلی، هر تغییری می خواهیم بر روی عکسمان اِعمال کنیم و حتی در صورت لزوم آن را به حالت ابتدایی اش بازگردانیم. ساده ترین راه برای ایجاد کپیِ یک لایه، استفاده از کلیدهای میانبر کیبورد می باشد: Ctrl+J (Win) / Command+J (Mac (http://www.photoshopessentials.com/photo-effects/photoshop-puzzle/)). اگر بعد از فشردن کلیدهای میانبر کیبورد به پالت لایه هایمان نگاه کنیم، می توانیم دو لایه را ببینیم. لایه اصلیِ پس زمینه در زیر قرار گرفته و یک کپی از لایه (که فتوشاپ به طور خودکار به آن نام Layer 1 می دهد) نیز در بالای آن قرار گرفته است:
http://www.gooyait.com/uploads/36.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/3-642)
گام ۲: تغییر نام لایه جدید به “Puzzle“
یکی از عادات بسیار خوبی که هنگام کار با فتوشاپ می بایست آنرا کسب کنید، نام گذاری لایه ها با عباراتی بیشتر توصیفی ست. ممکن است این امر وقتی که با تعداد لایه های اندکی مشغول به کارید چندان مهم به نظر نیاید، اما اگر ناگهان خود را در حال کار با ۵۰ لایه، ۱۰۰ لایه و یا بیشتر بیابید، آنگاه چه؟ این تعداد لایه چندان هم غیر معمول نیستند. فکرش را بکنید، این تعداد لایه دارید و اسم لایه هایتان هم اینها هستند: Layer 1، Layer 56، Layer 83 Copy 4، در آن موقع حتما به خودتان لگدی هم خواهید زد که چرا اندک زمانی صرف نامگذاری (مفید و توصیفی) لایه هایتان نکرده اید!
در این مورد، نام لایه اصلی ما اکنون “Layer 1″ است و می خواهیم نام آنرا تغییر دهیم. مستقیما بر روی نام لایه دابل کلیک می کنیم و نام جدید که “Puzzle” است را به جای آن تایپ می کنیم:
http://www.gooyait.com/uploads/45.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/4-558)
برای قبول نام جدید دکمه Enter (Win) / Return (Mac)را بفشارید.
گام ۳: افزودن یک لایه خالی در زیر لایه “Puzzle“
در ادامه نیاز داریم لایه خالی جدیدی بین لایه های “Background” و “Puzzle” ایجاد کنیم. در این لحظه در پالت لایه ها، لایه انتخاب شده ی “Puzzle” را مشاهده می کنید، دلیل این که می گوییم انتخاب شده (Selected) این است که با رنگ آبی از دیگر لایه ها متمایز شده. به طور معمول هر زمان ما لایه جدیدی ایجاد می کنیم فتوشاپ اتوماتیک آن را بالای لایه ای که در حال حاضر انتخاب شده، قرار می دهد. پس اگر الآن بر روی آیکن “New Layer” در زیر پالت لایه ها، کلیک کنیم با لایه جدیدی در بالای لایه “Puzzle” مواجه می شویم که البته این همانی نیست که ما می خواهیم، در این مورد راهکار ساده ای وجود دارد، کلید Ctrl (Win) / Command (Mac) را پایین نگه دارید و بر روی آیکن “New Layer” کلیک کنید:
http://www.gooyait.com/uploads/53.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/5-504)
در این گام با اضافه نمودن کلید Ctrl/Command به فتوشاپ می فهمانیم که باید لایه جدید را زیر لایه انتخاب شده فعلی قرار دهد. اکنون می توانیم لایه جدیدِ ایجاد شده را مشاهده کنیم که باز هم نام “Layer 1″ را به خود گرفته است و نیز مابین لایه های “Background” و “Puzzle” قرار گرفته:
http://www.gooyait.com/uploads/64.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/6-435)
گام ۴: پر کردن لایه جدید با رنگ مشکی
قصد داریم که از لایه جدید به عنوان پس زمینه استفاده کنیم و هم چنین رنگ آن را نیز مشکی قرار دهیم. البته لازم است یادآور شویم که این تغییر رنگ به طور موقتی است و در ادامه نحوه تغییر آن را هم آموزش خواهیم داد. فتوشاپ برای اینچنین مواقعی دستوراتِ از پیش ساخته شده ای دارد و در این مورد خاص می باست دستور Fill را فراخوانی کنیم. با رفتن به منوی Edit و انتخاب Fill می توانید آن را بیابید:
http://www.gooyait.com/uploads/72.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/7-358)
در کادر محاوره ای Fill و در قسمت بالای آن، مقدار گزینه Contents را روی Black تنظیم کنید و برای تایید انتخابتان دکمه OK را بفشارید. توجه کنید که در نسخه های جدیدتر فتوشاپ (همچون CS5) می توانید در ابتدا گزینه Color… را انتخاب کرده و سپس از پالتColorPicker رنگ مورد نظر خود را انتخاب کنید:
http://www.gooyait.com/uploads/82.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/8-310)
بعد از انجام این عمل اگر به محیط کارمان نگاه کنیم می بینیم که هیچ چیزی تغییر نکرده، علت این عدم تغییر تصویری است که در لایه “Puzzle” قرار گرفته و در این لحظه امکان دیدن هر چیز دیگری را مسدود کرده. حال اگر به پالت لایه ها نگاهی بیاندازیم می توانید ببینیم که “Layer 1″ با رنگ مشکی پر شده است:
http://www.gooyait.com/uploads/92.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/9-277)
مطابق با همان صحبتی که لحظاتی قبل در مورد تغییر لایه ها کردیم، می خواهیم مستقیما بر روی نام آن (“Layer 1″) دابل کلیک کرده و آن را به “Background Color” تغییر دهیم:
http://www.gooyait.com/uploads/103.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/10-228)
گام ۵: انتخاب مجدد لایه “Puzzle“
اکنون می خواهیم قطعات پازلمان را ایجاد کنیم، اما قبل از آن می بایست لایه صحیح را انتخاب کرده باشیم. همان طور که مشاهده می کنید لایه “Background Color” در وضعیت انتخاب قرار دارد، در صورتی که نیاز داریم لایه “Puzzle” انتخاب شده باشد. ساده است؛ تنها کاری که باید انجام دهیم کلیک بر روی لایه “Puzzle” در پالت لایه هاست:
http://www.gooyait.com/uploads/118.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/11-209)
اکنون آماده هستیم که تصویرمان را به یک پازل تبدیل کنیم!
گام ۶: باز کردن کادر محاوره ای ..... “Texturizer” فتوشاپ
همانگونه که پیشتر نیز در این آموزش اشاره کردم، در عمل بیشتر کارِ ساختِ قطعات پازل از قبل توسط یکی از Texture های رایگان فتوشاپ انجام شده، این Texture از قبل و به همراه فتوشاپ نصب شده است. متاسفانه با وجود این که این Texture از قبل بر روی هارد درایوتان قرار گرفته و آماده استفاده نیز می باشد اما، به طور واقعی بر روی فتواشپ بارگزاری نشده است، یا که حداقل، به طور خودکار بارگزاری نشده است. در نتیجه ما باید برای استفاده خودمان آن را بارگزاری کنیم. قبل از آن می بایست ..... Texturizer فتوشاپ را فراخوانی کنیم. به منوی Filter بروید، ابتدا Texture و سپس Texturizer را انتخاب کنید:
http://www.gooyait.com/uploads/122.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/12-165)
گام ۷: بارگزاری تکسچر “Puzzle“
پس از این که بر روی Texturizer کلیک کردید با کادر محاوره ای بزرگی روبرو می شوید که در سمت چپ آن پنجرهِ پیش نمایش و در سمت راستش نیز گزینه هایی در ارتباط با آن ..... قرار دارند. نیاز داریم تکسچر “Puzzle” ای که فتوشاپ از قبل بر روی هاردمان نصب کرده است را فراخوانی کنیم، پس در سمت راست کادر محاوره ای بر روی فلش کوچکی که در کنار گزینه انتخاب Texture قرار گرفته،کلیک می کنیم. بعد از کلیک منویی با تنها یک انتخاب را مشاهده خواهید کرد: Load Texture. بر روی آن کلیک کنید:
http://www.gooyait.com/uploads/134.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/13-138)
با این کلیک، کادر بارگزاری Textureای باز می شود که توسط آن می توانیم به جستجوی Texture مورد نظرمان بپردازیم. تکسچرِ “Puzzle” ای که ما به دنبال آن می گردیم درون دایرکتوری فتوشاپ (همان جایی که فتوشاپ را نصب کرده ایم) بر روی هارد درایومان قرار دارد. در کامپیوترهای مبتنی بر ویندوز(Windows) مکان نصب پیش فرض فتوشاپ درایو C: می باشد. خب، ابتدا به درایو C: می رویم و فولدر Program Files را باز می کنیم. درون این فولدر، فولدرِ Adobe را مشاهده خواهید کرد و درون فولدر Adobe، فولدر Photoshop را خواهید یافت. نام واقعی فولدر فتوشاپ بستگی به نسخه ای از آن دارد که در حال استفاده هستید. به عنوان مثال با توجه به این که من از CS5 استفاده می کنم و در همان جای پیش فرض نیز آن را نصب کرده ام، فولدر فتوشاپ من می بایست در این آدرس واقع شده باشد: C:\Program Files\Adobe\Adobe Photoshop CS5.
در کامپیوترهای مک (Mac)، چیزها اندکی ساده تر هستند. در این سیستم ها می توانید فولدر فتوشاپ را در دایرکتوری Applications بر روی هارد درایوتان بیابید. در این جا باز هم مانند مثال ویندوز، نام اصلی فولدر فتوشاپ بستگی به نسخه ای دارد که از آن اسفاده می کنید.
هنگامی که جای قرارگیری فولدر فتوشاپ را یافتید بر روی آن دابل کلیک کنید تا باز شود. درون فولدر، فولدر Presets را مشاهده خواهید کرد، دابل کلیک کنید تا باز شود و اکنون به دنبال فولدر Textures بگردید. بعد از یافتن، آنرا دابل کلیک کنید تا باز شود، حال می توانیم تمامی Texture هایی که فتوشاپ از قبل بر روی هارد درایومان نصب کرده است را ببینیم. تکسچری که ما به دنبال آن هستیم Puzzle Texture (Puzzle.psd) نام دارد، برای انتخاب کردنش بر روی آن کلیک می کنیم و در ادامه نیز دکمه Load را برای بارگزاری نمودنش کلیک می کنیم.
مشکلی که من (مترجم) به آن برخورد کردم این بود که درون فولدر Presets، فولدر Textures را پیدا نکردم.. یعنی از ابتدا اینچنین فولدری ساخته نشده بود. اگر شما هم با این مشکل مواجه شدید راه حل بسیار ساده است، کافی است نام آن تکسچری که به دنبالش هستید را گوگل کنید (به عنوان مثال Puzzle.psd):
http://www.gooyait.com/uploads/143.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/14-124)
گام ۸: تنظیم گزینه های Texture
بعد از اینکه تکسچر Puzzle بارگزاری شد، می بایست در کادر محاوره ای Texturizer، بتوانید گزینه های Texture ای را ببینید که در حال حاضر بر روی Puzzle تنظیم شده است، اگر به هر دلیلی تکسچر Puzzle انتخاب نشده بود می توانید آنرا از لیست انتخاب کنید. سپس با استفاده از پنجره پیش نمایشی که در سمت چپ واقع شده گزینه های مربوط به Texture را تنظیم کنید. تنظیماتی که مشاهده خواهید کرد تا حد زیادی به تصویرتان و اینکه می خواهید قطعات پازلتان تا چه میزان بزرگ به نظر برسند، بستگی دارند. من می خواهم قطعات پازلم تا جایی که امکان دارد بزرگ به نظر برسند، پس گزینه Scaling ام را بر روی آخرین درجه (%۲۰۰) تنظیم می کنم. در قسمت پایین کادر، گزینه Relief تعیین می کند که قطعات پازل با چه شدتی در تصویر ظاهر شوند، من این گزینه را بر روی عدد ۶ قرار می دهم. یادآور می شوم که تنظیمات شما ممکن است با اینها متفاوت باشند. در آخِر گزینه Light که تعیین کننده نور منبع برای قطعات پازل است را بر روی Top Light قرار می دهم:
http://www.gooyait.com/uploads/153.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/15-117)
بعد از اینکه تنظیمات را به پایان بردید برای خارج شده از کادر Texturizer و اِعمال Texture بر تصویر، بر روی دکمه OK کلیک کنید. تصویر زیر، تصویر من به همراه تکسچر Puzzle ای است که بر آن اِعمال شده:
http://www.gooyait.com/uploads/16112.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/16-104)
تا اینجای کار، افکت پازلمان تکمیل شده اما بیایید بعضی چیزها را اندکی تغییر دهیم و نیز بعضی قطعات را از پازلمان حذف کنیم.
گام ۹: انتخاب ابزار قلم (Pen Tool)
در این قسمت از آموزش نیاز دارید با نحوه کار با ابزار قلم در فتوشاپ آشنا باشید. به این خاطر از ابزار قلم استفاده می کنیم که در ادامه می بایست قادر باشیم در اطراف قطعات مشخصِ پازل (که دارای خطوط منحنی نیز هستند) Selection هایی را ترسیم کنیم. هم چنین برای این کار می توانید از دیگر ابزار فتوشاپ از قبیلLasso Tool وPolygonal Lasso Tool نیز استفاده کنید، اما احتمالا در خواهید یافت که نتیجه کارتان نامرتب و در هم ریخته از آب درخواهد آمد. از آن جایی که ابزار قلم به طور خاص برای ترسیم خطوط منحنی طراحی شده، در نتیجه نتایج بسیار بهتری نیز به شما ارائه خواهد داد.
برای شروع، قبل از استفاده از ابزار قلم، نیاز داریم که آنرا انتخاب کنیم. می توانید آنرا از پالت ابزار بردارید و یا به راحتی با فشردن حرف P از کیبوردتان آنرا به حالت انتخاب درآورید:
http://www.gooyait.com/uploads/174.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/17-91)
گام ۱۰: انتخاب گزینه “Paths” از نوار انتخاب ها
بعد از اینکه ابزار قلم را انتخاب کردید به بالای صفحه نمایشتان نگاه کنید و مطمئن شوید که در نوار انتخاب ها، گزینه Paths انتخاب شده باشد. انتخاب گزینه Paths از این جهت حائز اهمیت است که ما در اینجا نیازمند ترسیم یک مسیر (Path) توسط قلم هستیم، نه یک شکل وکتور و یا شکلی بر پایه پیکسل:
http://www.gooyait.com/uploads/182.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/18-85)
گام ۱۱: ترسیم Path در اطراف یکی از قطعات پازل
از ابزار قلم برای کشیدن Path در اطراف یکی از قطعات پازل استفاده کنید. می خواهسم این قطعه را از بقیه جدا کرده و آن را درست در بالای پازل معلق نگه داریم. اینکه کدام قطعه را انتخاب می کنید چندان مهم نیست. من قطعه ای را در بالای چشم راست (راستِ او، چپِ ما) پسربچه انتخاب کرده ام. با ایجاد یک نقطه ثقل (anchor point) کار خود را شروع کنید و در ادامه با استفاده از همین نقاط و متصل کردنشان به همدیگر، یک Path را در اطراف قطعه مورد نظر رسم کنید. در صورت نیاز می توانید به طور موقت توسط فشردن کلید های Ctrl+spacebar(Win) / Command+spacebar (Mac (http://www.photoshopessentials.com/photo-effects/photoshop-puzzle/page-3.php)) به ابزار زوم (Zoom Tool) دسترسی پیدا کنید و سپس با چندین کلیک بر روی قسمت مورد نظرتان آن را بزرگتر نمایید. دیدن یک Path می تواند اندکی مشکل باشد، به همین جهت من از دایره ای رنگی در اطراف آن برای بهتر نشان دادنش استفاده کرده ام:
http://www.gooyait.com/uploads/1965.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/19-83)
گام ۱۲: تبدیل Path به یک Selection
پس از اینکه کارِ کشیدن Path در اطراف نخستین قطعه به پایان رسید، دکمه هایCtrl+Enter (Win) / Command+Return (Mac) کیبوردتان را برای تبدیل نمودن Path به یک شکل (Shape) فشار دهید. پس از این کار خواهید دید که Path یکپارچهِ شما به یک شکل تبدیل خواهد شد:
http://www.gooyait.com/uploads/2056.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/20-74)
گام ۱۳: برش و گذاشتن Selection درون لایه خودش
اکنون می خواهیم قطعه پازل انتخاب شده را از لایه “Puzzle” جدا کرده و آنرا درون لایه خودش قرار دهیم، با این کار درون لایه “Puzlle” در همان مکانی که قطعه مورد نظر قرار داشت یک سوراخ خالی به وجود خواهد آمد(البته تا زمانی که لایه جدید را جابه جا نکرده باشید این سوراخ دیده نخواهد شد). ابتدا مطمئن شوید که در پالت لایه ها، لایه “Puzzle” در حالت انتخاب قرار داشته باشد، سپس به منوی Layerبروید و Newرا برگزینید و در ادامه Layer Via Cutرا انتخاب کنید:
http://www.gooyait.com/uploads/212.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/21-66)
همان گونه که در پالت لایه ها مشاهده می کنید، این عمل باعث جدا شدن یک قطعه از لایه “Puzzle” شده و آنرا به لایه خودش (که در بالای لایه “Puzzle” واقع شده) منتقل می کند. در حال حاضر این قطعه در لایه بالایی قرار گرفته و مجددا فتوشاپ نام “Layer 1″ را به آن اختصاص داده است. من نام این لایه را به “First Puzzle Piece” تغییر می دهم:
http://www.gooyait.com/uploads/222.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/22-67)
گام ۱۴: جابه جایی و چرخش قطعه پازل توسط Free Transform
در این مرحله می خواهیم کاری کنیم به نظر برسد این قطعه پازل از جای خودش حرکت کرده و بر روی دیگر قطعات قرار گرفته است. برای احظار جعبه Free Transform فتوشاپ و نیز قرار دادن دستگیره هایی در اطراف قطعه پازل، دکمه هایCtrl+T (Win) / Command+T (Mac) کیبوردتان را بفشارید. سپس در هر نقطه ای خارج از جعبه Free Transform کلیک کنید و موستان را برای چرخاندن قطعه، بکِشید (drag). بعد از اینکه چرخش مورد نیاز را بر شکلتان اِعمال کردید بر نقطه ای (هر نقطه ای) درون جعبه Free Transform کلیک کنید و موستان را بکِشید تا قطعه پازل از مکان اصلی اش جابه جا شود. به خاطر داشته باشد که ما می خواهیم به طور واضحی نشان دهیم که قطعه پازل به همان مکان تعلق دارد، پس آنرا بیش از حد نچرخانید و جابه جا نکنید.
توجه داشته باشید همزمان که قطعه پازل را حرکت می دهید مشاهده خواهید کرد در همان مکانی که تا لحظاتی قبل آن قطعه قرار گرفته بود سوراخی به رنگ مشکی نمایان می شود. زیرا ما قبلا کل این لایه را از لایه “Puzzle” جدا کرده ایم و این رنگی که به نظر می رسد نیز به لایه “Background Color” (که در زیر آن واقع شده) تعلق دارد:
http://www.gooyait.com/uploads/23115.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/23-55)
برای پذیرفتن این تبدیل و خارج شدن از دستور Free Transform کلیدEnter (Win) / Return (Mac) را بفشارید.
http://www.gooyait.com/uploads/2834.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/28-35)
و این هم نمایی است از تصویر نهایی مان بعد از اِعمال افکت پازل در فتوشاپ:
http://www.gooyait.com/uploads/2599.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/2-680)
شروع می کنیم!
گام ۱: کپی کردن لایه پس زمینه (Background)
بعد از این که تصویرمان را در فتوشاپ باز کردیم اولین چیزی که نیاز داریم انجام دهیم، تهیه یک کپی از لایه پس زمینه مان است. تصویرمان در حال حاضر درون این لایه قرار گرفته و همچنین تنها لایه ای است که مشاهده می کنیم. تهیه کپی از لایه تصویرمان این امکان را به ما می دهد که بدون صدمه دیدن تصویر اصلی، هر تغییری می خواهیم بر روی عکسمان اِعمال کنیم و حتی در صورت لزوم آن را به حالت ابتدایی اش بازگردانیم. ساده ترین راه برای ایجاد کپیِ یک لایه، استفاده از کلیدهای میانبر کیبورد می باشد: Ctrl+J (Win) / Command+J (Mac (http://www.photoshopessentials.com/photo-effects/photoshop-puzzle/)). اگر بعد از فشردن کلیدهای میانبر کیبورد به پالت لایه هایمان نگاه کنیم، می توانیم دو لایه را ببینیم. لایه اصلیِ پس زمینه در زیر قرار گرفته و یک کپی از لایه (که فتوشاپ به طور خودکار به آن نام Layer 1 می دهد) نیز در بالای آن قرار گرفته است:
http://www.gooyait.com/uploads/36.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/3-642)
گام ۲: تغییر نام لایه جدید به “Puzzle“
یکی از عادات بسیار خوبی که هنگام کار با فتوشاپ می بایست آنرا کسب کنید، نام گذاری لایه ها با عباراتی بیشتر توصیفی ست. ممکن است این امر وقتی که با تعداد لایه های اندکی مشغول به کارید چندان مهم به نظر نیاید، اما اگر ناگهان خود را در حال کار با ۵۰ لایه، ۱۰۰ لایه و یا بیشتر بیابید، آنگاه چه؟ این تعداد لایه چندان هم غیر معمول نیستند. فکرش را بکنید، این تعداد لایه دارید و اسم لایه هایتان هم اینها هستند: Layer 1، Layer 56، Layer 83 Copy 4، در آن موقع حتما به خودتان لگدی هم خواهید زد که چرا اندک زمانی صرف نامگذاری (مفید و توصیفی) لایه هایتان نکرده اید!
در این مورد، نام لایه اصلی ما اکنون “Layer 1″ است و می خواهیم نام آنرا تغییر دهیم. مستقیما بر روی نام لایه دابل کلیک می کنیم و نام جدید که “Puzzle” است را به جای آن تایپ می کنیم:
http://www.gooyait.com/uploads/45.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/4-558)
برای قبول نام جدید دکمه Enter (Win) / Return (Mac)را بفشارید.
گام ۳: افزودن یک لایه خالی در زیر لایه “Puzzle“
در ادامه نیاز داریم لایه خالی جدیدی بین لایه های “Background” و “Puzzle” ایجاد کنیم. در این لحظه در پالت لایه ها، لایه انتخاب شده ی “Puzzle” را مشاهده می کنید، دلیل این که می گوییم انتخاب شده (Selected) این است که با رنگ آبی از دیگر لایه ها متمایز شده. به طور معمول هر زمان ما لایه جدیدی ایجاد می کنیم فتوشاپ اتوماتیک آن را بالای لایه ای که در حال حاضر انتخاب شده، قرار می دهد. پس اگر الآن بر روی آیکن “New Layer” در زیر پالت لایه ها، کلیک کنیم با لایه جدیدی در بالای لایه “Puzzle” مواجه می شویم که البته این همانی نیست که ما می خواهیم، در این مورد راهکار ساده ای وجود دارد، کلید Ctrl (Win) / Command (Mac) را پایین نگه دارید و بر روی آیکن “New Layer” کلیک کنید:
http://www.gooyait.com/uploads/53.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/5-504)
در این گام با اضافه نمودن کلید Ctrl/Command به فتوشاپ می فهمانیم که باید لایه جدید را زیر لایه انتخاب شده فعلی قرار دهد. اکنون می توانیم لایه جدیدِ ایجاد شده را مشاهده کنیم که باز هم نام “Layer 1″ را به خود گرفته است و نیز مابین لایه های “Background” و “Puzzle” قرار گرفته:
http://www.gooyait.com/uploads/64.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/6-435)
گام ۴: پر کردن لایه جدید با رنگ مشکی
قصد داریم که از لایه جدید به عنوان پس زمینه استفاده کنیم و هم چنین رنگ آن را نیز مشکی قرار دهیم. البته لازم است یادآور شویم که این تغییر رنگ به طور موقتی است و در ادامه نحوه تغییر آن را هم آموزش خواهیم داد. فتوشاپ برای اینچنین مواقعی دستوراتِ از پیش ساخته شده ای دارد و در این مورد خاص می باست دستور Fill را فراخوانی کنیم. با رفتن به منوی Edit و انتخاب Fill می توانید آن را بیابید:
http://www.gooyait.com/uploads/72.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/7-358)
در کادر محاوره ای Fill و در قسمت بالای آن، مقدار گزینه Contents را روی Black تنظیم کنید و برای تایید انتخابتان دکمه OK را بفشارید. توجه کنید که در نسخه های جدیدتر فتوشاپ (همچون CS5) می توانید در ابتدا گزینه Color… را انتخاب کرده و سپس از پالتColorPicker رنگ مورد نظر خود را انتخاب کنید:
http://www.gooyait.com/uploads/82.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/8-310)
بعد از انجام این عمل اگر به محیط کارمان نگاه کنیم می بینیم که هیچ چیزی تغییر نکرده، علت این عدم تغییر تصویری است که در لایه “Puzzle” قرار گرفته و در این لحظه امکان دیدن هر چیز دیگری را مسدود کرده. حال اگر به پالت لایه ها نگاهی بیاندازیم می توانید ببینیم که “Layer 1″ با رنگ مشکی پر شده است:
http://www.gooyait.com/uploads/92.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/9-277)
مطابق با همان صحبتی که لحظاتی قبل در مورد تغییر لایه ها کردیم، می خواهیم مستقیما بر روی نام آن (“Layer 1″) دابل کلیک کرده و آن را به “Background Color” تغییر دهیم:
http://www.gooyait.com/uploads/103.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/10-228)
گام ۵: انتخاب مجدد لایه “Puzzle“
اکنون می خواهیم قطعات پازلمان را ایجاد کنیم، اما قبل از آن می بایست لایه صحیح را انتخاب کرده باشیم. همان طور که مشاهده می کنید لایه “Background Color” در وضعیت انتخاب قرار دارد، در صورتی که نیاز داریم لایه “Puzzle” انتخاب شده باشد. ساده است؛ تنها کاری که باید انجام دهیم کلیک بر روی لایه “Puzzle” در پالت لایه هاست:
http://www.gooyait.com/uploads/118.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/11-209)
اکنون آماده هستیم که تصویرمان را به یک پازل تبدیل کنیم!
گام ۶: باز کردن کادر محاوره ای ..... “Texturizer” فتوشاپ
همانگونه که پیشتر نیز در این آموزش اشاره کردم، در عمل بیشتر کارِ ساختِ قطعات پازل از قبل توسط یکی از Texture های رایگان فتوشاپ انجام شده، این Texture از قبل و به همراه فتوشاپ نصب شده است. متاسفانه با وجود این که این Texture از قبل بر روی هارد درایوتان قرار گرفته و آماده استفاده نیز می باشد اما، به طور واقعی بر روی فتواشپ بارگزاری نشده است، یا که حداقل، به طور خودکار بارگزاری نشده است. در نتیجه ما باید برای استفاده خودمان آن را بارگزاری کنیم. قبل از آن می بایست ..... Texturizer فتوشاپ را فراخوانی کنیم. به منوی Filter بروید، ابتدا Texture و سپس Texturizer را انتخاب کنید:
http://www.gooyait.com/uploads/122.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/12-165)
گام ۷: بارگزاری تکسچر “Puzzle“
پس از این که بر روی Texturizer کلیک کردید با کادر محاوره ای بزرگی روبرو می شوید که در سمت چپ آن پنجرهِ پیش نمایش و در سمت راستش نیز گزینه هایی در ارتباط با آن ..... قرار دارند. نیاز داریم تکسچر “Puzzle” ای که فتوشاپ از قبل بر روی هاردمان نصب کرده است را فراخوانی کنیم، پس در سمت راست کادر محاوره ای بر روی فلش کوچکی که در کنار گزینه انتخاب Texture قرار گرفته،کلیک می کنیم. بعد از کلیک منویی با تنها یک انتخاب را مشاهده خواهید کرد: Load Texture. بر روی آن کلیک کنید:
http://www.gooyait.com/uploads/134.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/13-138)
با این کلیک، کادر بارگزاری Textureای باز می شود که توسط آن می توانیم به جستجوی Texture مورد نظرمان بپردازیم. تکسچرِ “Puzzle” ای که ما به دنبال آن می گردیم درون دایرکتوری فتوشاپ (همان جایی که فتوشاپ را نصب کرده ایم) بر روی هارد درایومان قرار دارد. در کامپیوترهای مبتنی بر ویندوز(Windows) مکان نصب پیش فرض فتوشاپ درایو C: می باشد. خب، ابتدا به درایو C: می رویم و فولدر Program Files را باز می کنیم. درون این فولدر، فولدرِ Adobe را مشاهده خواهید کرد و درون فولدر Adobe، فولدر Photoshop را خواهید یافت. نام واقعی فولدر فتوشاپ بستگی به نسخه ای از آن دارد که در حال استفاده هستید. به عنوان مثال با توجه به این که من از CS5 استفاده می کنم و در همان جای پیش فرض نیز آن را نصب کرده ام، فولدر فتوشاپ من می بایست در این آدرس واقع شده باشد: C:\Program Files\Adobe\Adobe Photoshop CS5.
در کامپیوترهای مک (Mac)، چیزها اندکی ساده تر هستند. در این سیستم ها می توانید فولدر فتوشاپ را در دایرکتوری Applications بر روی هارد درایوتان بیابید. در این جا باز هم مانند مثال ویندوز، نام اصلی فولدر فتوشاپ بستگی به نسخه ای دارد که از آن اسفاده می کنید.
هنگامی که جای قرارگیری فولدر فتوشاپ را یافتید بر روی آن دابل کلیک کنید تا باز شود. درون فولدر، فولدر Presets را مشاهده خواهید کرد، دابل کلیک کنید تا باز شود و اکنون به دنبال فولدر Textures بگردید. بعد از یافتن، آنرا دابل کلیک کنید تا باز شود، حال می توانیم تمامی Texture هایی که فتوشاپ از قبل بر روی هارد درایومان نصب کرده است را ببینیم. تکسچری که ما به دنبال آن هستیم Puzzle Texture (Puzzle.psd) نام دارد، برای انتخاب کردنش بر روی آن کلیک می کنیم و در ادامه نیز دکمه Load را برای بارگزاری نمودنش کلیک می کنیم.
مشکلی که من (مترجم) به آن برخورد کردم این بود که درون فولدر Presets، فولدر Textures را پیدا نکردم.. یعنی از ابتدا اینچنین فولدری ساخته نشده بود. اگر شما هم با این مشکل مواجه شدید راه حل بسیار ساده است، کافی است نام آن تکسچری که به دنبالش هستید را گوگل کنید (به عنوان مثال Puzzle.psd):
http://www.gooyait.com/uploads/143.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/14-124)
گام ۸: تنظیم گزینه های Texture
بعد از اینکه تکسچر Puzzle بارگزاری شد، می بایست در کادر محاوره ای Texturizer، بتوانید گزینه های Texture ای را ببینید که در حال حاضر بر روی Puzzle تنظیم شده است، اگر به هر دلیلی تکسچر Puzzle انتخاب نشده بود می توانید آنرا از لیست انتخاب کنید. سپس با استفاده از پنجره پیش نمایشی که در سمت چپ واقع شده گزینه های مربوط به Texture را تنظیم کنید. تنظیماتی که مشاهده خواهید کرد تا حد زیادی به تصویرتان و اینکه می خواهید قطعات پازلتان تا چه میزان بزرگ به نظر برسند، بستگی دارند. من می خواهم قطعات پازلم تا جایی که امکان دارد بزرگ به نظر برسند، پس گزینه Scaling ام را بر روی آخرین درجه (%۲۰۰) تنظیم می کنم. در قسمت پایین کادر، گزینه Relief تعیین می کند که قطعات پازل با چه شدتی در تصویر ظاهر شوند، من این گزینه را بر روی عدد ۶ قرار می دهم. یادآور می شوم که تنظیمات شما ممکن است با اینها متفاوت باشند. در آخِر گزینه Light که تعیین کننده نور منبع برای قطعات پازل است را بر روی Top Light قرار می دهم:
http://www.gooyait.com/uploads/153.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/15-117)
بعد از اینکه تنظیمات را به پایان بردید برای خارج شده از کادر Texturizer و اِعمال Texture بر تصویر، بر روی دکمه OK کلیک کنید. تصویر زیر، تصویر من به همراه تکسچر Puzzle ای است که بر آن اِعمال شده:
http://www.gooyait.com/uploads/16112.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/16-104)
تا اینجای کار، افکت پازلمان تکمیل شده اما بیایید بعضی چیزها را اندکی تغییر دهیم و نیز بعضی قطعات را از پازلمان حذف کنیم.
گام ۹: انتخاب ابزار قلم (Pen Tool)
در این قسمت از آموزش نیاز دارید با نحوه کار با ابزار قلم در فتوشاپ آشنا باشید. به این خاطر از ابزار قلم استفاده می کنیم که در ادامه می بایست قادر باشیم در اطراف قطعات مشخصِ پازل (که دارای خطوط منحنی نیز هستند) Selection هایی را ترسیم کنیم. هم چنین برای این کار می توانید از دیگر ابزار فتوشاپ از قبیلLasso Tool وPolygonal Lasso Tool نیز استفاده کنید، اما احتمالا در خواهید یافت که نتیجه کارتان نامرتب و در هم ریخته از آب درخواهد آمد. از آن جایی که ابزار قلم به طور خاص برای ترسیم خطوط منحنی طراحی شده، در نتیجه نتایج بسیار بهتری نیز به شما ارائه خواهد داد.
برای شروع، قبل از استفاده از ابزار قلم، نیاز داریم که آنرا انتخاب کنیم. می توانید آنرا از پالت ابزار بردارید و یا به راحتی با فشردن حرف P از کیبوردتان آنرا به حالت انتخاب درآورید:
http://www.gooyait.com/uploads/174.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/17-91)
گام ۱۰: انتخاب گزینه “Paths” از نوار انتخاب ها
بعد از اینکه ابزار قلم را انتخاب کردید به بالای صفحه نمایشتان نگاه کنید و مطمئن شوید که در نوار انتخاب ها، گزینه Paths انتخاب شده باشد. انتخاب گزینه Paths از این جهت حائز اهمیت است که ما در اینجا نیازمند ترسیم یک مسیر (Path) توسط قلم هستیم، نه یک شکل وکتور و یا شکلی بر پایه پیکسل:
http://www.gooyait.com/uploads/182.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/18-85)
گام ۱۱: ترسیم Path در اطراف یکی از قطعات پازل
از ابزار قلم برای کشیدن Path در اطراف یکی از قطعات پازل استفاده کنید. می خواهسم این قطعه را از بقیه جدا کرده و آن را درست در بالای پازل معلق نگه داریم. اینکه کدام قطعه را انتخاب می کنید چندان مهم نیست. من قطعه ای را در بالای چشم راست (راستِ او، چپِ ما) پسربچه انتخاب کرده ام. با ایجاد یک نقطه ثقل (anchor point) کار خود را شروع کنید و در ادامه با استفاده از همین نقاط و متصل کردنشان به همدیگر، یک Path را در اطراف قطعه مورد نظر رسم کنید. در صورت نیاز می توانید به طور موقت توسط فشردن کلید های Ctrl+spacebar(Win) / Command+spacebar (Mac (http://www.photoshopessentials.com/photo-effects/photoshop-puzzle/page-3.php)) به ابزار زوم (Zoom Tool) دسترسی پیدا کنید و سپس با چندین کلیک بر روی قسمت مورد نظرتان آن را بزرگتر نمایید. دیدن یک Path می تواند اندکی مشکل باشد، به همین جهت من از دایره ای رنگی در اطراف آن برای بهتر نشان دادنش استفاده کرده ام:
http://www.gooyait.com/uploads/1965.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/19-83)
گام ۱۲: تبدیل Path به یک Selection
پس از اینکه کارِ کشیدن Path در اطراف نخستین قطعه به پایان رسید، دکمه هایCtrl+Enter (Win) / Command+Return (Mac) کیبوردتان را برای تبدیل نمودن Path به یک شکل (Shape) فشار دهید. پس از این کار خواهید دید که Path یکپارچهِ شما به یک شکل تبدیل خواهد شد:
http://www.gooyait.com/uploads/2056.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/20-74)
گام ۱۳: برش و گذاشتن Selection درون لایه خودش
اکنون می خواهیم قطعه پازل انتخاب شده را از لایه “Puzzle” جدا کرده و آنرا درون لایه خودش قرار دهیم، با این کار درون لایه “Puzlle” در همان مکانی که قطعه مورد نظر قرار داشت یک سوراخ خالی به وجود خواهد آمد(البته تا زمانی که لایه جدید را جابه جا نکرده باشید این سوراخ دیده نخواهد شد). ابتدا مطمئن شوید که در پالت لایه ها، لایه “Puzzle” در حالت انتخاب قرار داشته باشد، سپس به منوی Layerبروید و Newرا برگزینید و در ادامه Layer Via Cutرا انتخاب کنید:
http://www.gooyait.com/uploads/212.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/21-66)
همان گونه که در پالت لایه ها مشاهده می کنید، این عمل باعث جدا شدن یک قطعه از لایه “Puzzle” شده و آنرا به لایه خودش (که در بالای لایه “Puzzle” واقع شده) منتقل می کند. در حال حاضر این قطعه در لایه بالایی قرار گرفته و مجددا فتوشاپ نام “Layer 1″ را به آن اختصاص داده است. من نام این لایه را به “First Puzzle Piece” تغییر می دهم:
http://www.gooyait.com/uploads/222.gif (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/22-67)
گام ۱۴: جابه جایی و چرخش قطعه پازل توسط Free Transform
در این مرحله می خواهیم کاری کنیم به نظر برسد این قطعه پازل از جای خودش حرکت کرده و بر روی دیگر قطعات قرار گرفته است. برای احظار جعبه Free Transform فتوشاپ و نیز قرار دادن دستگیره هایی در اطراف قطعه پازل، دکمه هایCtrl+T (Win) / Command+T (Mac) کیبوردتان را بفشارید. سپس در هر نقطه ای خارج از جعبه Free Transform کلیک کنید و موستان را برای چرخاندن قطعه، بکِشید (drag). بعد از اینکه چرخش مورد نیاز را بر شکلتان اِعمال کردید بر نقطه ای (هر نقطه ای) درون جعبه Free Transform کلیک کنید و موستان را بکِشید تا قطعه پازل از مکان اصلی اش جابه جا شود. به خاطر داشته باشد که ما می خواهیم به طور واضحی نشان دهیم که قطعه پازل به همان مکان تعلق دارد، پس آنرا بیش از حد نچرخانید و جابه جا نکنید.
توجه داشته باشید همزمان که قطعه پازل را حرکت می دهید مشاهده خواهید کرد در همان مکانی که تا لحظاتی قبل آن قطعه قرار گرفته بود سوراخی به رنگ مشکی نمایان می شود. زیرا ما قبلا کل این لایه را از لایه “Puzzle” جدا کرده ایم و این رنگی که به نظر می رسد نیز به لایه “Background Color” (که در زیر آن واقع شده) تعلق دارد:
http://www.gooyait.com/uploads/23115.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/23-55)
برای پذیرفتن این تبدیل و خارج شدن از دستور Free Transform کلیدEnter (Win) / Return (Mac) را بفشارید.
http://www.gooyait.com/uploads/2834.jpg (http://www.gooyait.com/1390/02/21/creat-photoshop-puzzle-effect.html/28-35)