سفارش تبلیغ
صبا ویژن




در وب گردی هام به سایتی برخوردم ،که درآن 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 Set
Grunge Essentials Pack
igh-Res Sunburst Set





لیست کل یادداشت های وبلاگ

OpenCube Drop Down Menu (www.opencube.com)