در وب گردی هام به
سایتی برخوردم ،که درآن 60 تا از بهترین اموزش های فتوشاپ برای طراحی سایت رو ذکر کرده بود ،که من برای نمونه ، یکی از آنها رو مطرح می کنم
Unique Grungy Website Layout
تصویر نهاییمرحله 1در ابتدا یک صفحه به ابعاد 800x1000 پیکسل به رنگ E3D4B9 ایجاد می کنیم
مرحله 2تصویر کاغذ خط دار را طبق شکل بر روی تصویر می چسبانیم و بعد به منوی image>adjustments>desaturate و سپس به layer/layer style/drop shawdow رفته و طبق شکل زیر تنظیماتش را عوض می کنیم
مرحله 3برای ادامه کار لازم است لکه های قهوه بر روی صفحه خط دار را قرار داده با شفافی 25 % و سپس گیره و بعد کاغذ زرد و چسب ها را هم اضافه می کنیم . برای تغییر رنگ چسب ها از منوی image>adjustments>hue/saturation تیک مربوط به colorize را زده و با روشنایی 90% و با ابزار ctrl+T تنظیمش می کنیم
مرحله 4برای طبیعی تر شدن صفحه خط دار وارد منوی image>adjustments>color balance شده و طبق شکل زیر تنظیماتش را عوض می کنیم
مرحله 5در اغاز باید یک صفحه (ابی رنگ ،طبق شکل) ، در زیر لایه ها قرار بگیرد وبعد از تنظیم ان با ctrl+T و مود color burn و روشنایی 80% قرار می دهیم
مرحله 6ابتدا یه مربع به رنگ قهوه ای طراحی کنید و سپس در منوی select>modify>contract را به 10 تغییر دهید و داخل ان رو برای ایجاد فریم پاک می کنیم و انتخاب eraser brush بر روی فریم طرحی با روشنایی کم ایجاد می کنیم و سپس تصویری را با انتخاب سایز متناسب در ان قرار می دهیم
مرحله 7پس از ساختن فریم به layer>merge visible رفته و تصاویر را ادغام می کنیم ،سه بار این روش رو برای دو تصویر دیگر امتحان می کنیم
مرحله 8تصویر دیگری را در زیر لایه ها ضمیمه می کنیم بر روی مود liner burn و با روشنایی 30% و سپس از layer/style linner /inner shadow طبق شکل زیر تنظیم می کنیم
مرحله 9این مرحله هم لازم است چندین تصویر با ترکیب های مختلف اضافه بشود و برای زیبای و هم خوانی بیشتر به images/ hues-lightnesses رفته و تیک colorize را زده و روشنایی انها رو کم و زیاد می کنیم
مرحله 10در این مرحله مقداری جزئیات مثله گیره ،لکه های قهوه ، به علاوه اینکه یک اتیکت را اضافه کرده و با ctrl+T تنظیم می کنیم
مرحله 11بر روی کاغذ مورد نظر لینک ها ی مورد نظر را می نویسیم ، و سپس با ابزارهای line , custom shape فلش و خطوطی را بر رو ی لایه های جداگانه میکشیم و پس از اتمام کار لایه های خطوط و فلش ها رو باهم ادغام می کنیم و در انتها با پاک کن یه مقدار از خطوط را برای هماهنگی بیشتر با کلیت شکل پاک می کنیم
مرحله 12می توانیم تصویری را با روشنایی 70 % بر روی صفحه خط دار قرار دهیم
مرحله 13تا حالا طرح ما خوب پیش رفته اما لازمه برای اینکه این بی نظمی کار را تا حدی سامان بدم من در اینجا از دو خط در بالا و پایین صفحه طبق شکل استفاده کردم تا یه فریم کلی به تصویر بدیم
مرحله 14اکنون یک خبرنامه برای ریجستر شدن در صفحه قرار بدیم که در پایین است و عنوان خبرنامه رو پررنگ تر و لبه های باکس ها را مقداری پاک می کنیم تا هماهنگ تر جلوه کند
مرحله 15 در این مرحله طبق شکل چند خط که مربوط به سایت می شه را به پایین صفحه اضافه می کنیم
مرحله 16با قلم brush به ضخامت 1Px یک بیضی دور نوشته ی عنوان ها ترسیم می کنی و با ctrl +T در لایه مورد نظر تنظیم کرده و یک رنگی هم در پس زمینه بیضی ها با روشنایی کم اضافه می کنیم
لینک دانلود تصاویر مورد نیاز Free Paper Texture SetGrunge Essentials Packigh-Res Sunburst Set