witola.com

دلم برات تنگ شده این زمان را برای خواندن وبلاگ های روزانه من استفاده می شود، اما در سراسر این مجموعه بزرگ از یکی از مورد علاقه: کریس Coyier، که یک سایت CSS-کلاهبرداری به من کمک فوق العاده است.

او در این مجموعه شما را از فرایند طراحی برای ایجاد یک طرح بندی صفحه وب، فرآیند برش و برنامه نویسی، - که در آن CSS باعث می شود طراحی به زندگی است. بعد از او شما را از طریق فرایند یکپارچه سازی که کد را به یک CMS (سیستم مدیریت محتوا) مثل وردپرس. به این ترتیب همه چیز (پست، خصوصی و امنیتی خوردها، به روز رسانی) سایت پویا و گسترده است. من امیدوارم که شما به خوراک RSS او عضو شوید، لطفا از وبلاگ های دیگر خود و لذت بردن از این مجموعه است.

به نظر من که من امیدوار بود 4th در این سری به ما این روند نشان می دهد در prepping و رمز گذاری بر روی گالری عکس، فرم تماس، سبد خرید و فید توییتر وجود دارد. همه ما می خواهیم به بررسی کنید برای دیدن!

قسمت 1 شروع می شود از صفر مطلق در فتوشاپ، با تنها چند منابع ارائه شده از مشتری است. صفحه اصلی پوست و برای این سایت طراحی می کنیم.

قسمت 2 نشان می دهد که چگونه به بریدن طراحی از فتوشاپ را به XHTML / CSS.

قسمت 3 نشان می دهد که چگونه به آن را تبدیل به قالب وردپرس.

1. باز کردن فایل های بدون استفاده از منوها

ساده است. دوبار کلیک کنید منطقه پس زمینه خاکستری پنجره فتوشاپ و فایل های محاوره ای باز به نظر می رسد - سحر و جادو؟

2. اگر خاکستری کسل کننده است، سیاه و سفید فوق العاده است و هر رنگ بهتر است!

برای تغییر خاکستری در داخل پنجره تصویر از خاکستری به سیاه و سفید (یا رنگ از انتخاب شما)، کنترل + کلیک کنید (فرماندهی + کلیک راست بر روی مکینتاش) کلیک راست بر روی مناطق اطراف تصویر و یک رنگ را انتخاب کنید.

3. پیشزمینه نمونه و رنگ پس زمینه

به جای کلیک کردن بر روی پیش زمینه یا پس زمینه SWATCH برای تغییر رنگ به یک نمونه از تصویر، ابزار قطره چکان را با کلیک بر روی کلیک کنید و به نمونه رنگ پیش زمینه - کلید Alt را نگه دارید (گزینه ای در مک) به نمونه رنگ پس زمینه جدید.

4. موقعیت شکل و یا انتخاب

وقتی که شما با رسم یک شکل و یا انتخاب و شکل خوب است اما موقعیت نادرست است، نگه داشتن دکمه ماوس را نگه دارید و فاصله مورد نظر را نگه دارید به شما به عنوان حرکت شکل و انتخاب را به سمت مورد نظر. اجازه دهید به فاصله و شکل خود را به.

5. انتخاب بازگشت

اگر شما انتخاب خود را از دست داده است، دکمههای CTRL + SHIFT + D (فرماندهی + Shift + D در مک) آن را دریافت کنید. دکمه های Ctrl + D (فرماندهی + D در مک) deselects انتخاب است.

6. مخفی کردن و نگه داشتن

اگر خیمه انتخاب خود را در راه، فشردن کلیدهای Ctrl + H (فرماندهی + H را بر روی Mac) را انتخاب، اما پنهان هنوز هم ترک آن را در محل. فراموش نکنید آن را پشت در و یا شما ممکن است تعجب کند که چرا همه چیز راه شما انتظار می رود آنها را به کار کار نمی کند.

7. شما در حال کار بر روی

تمام زمان بزرگترین نجات دهنده زمان است! هنگامی که شما کشیدن یک لایه بزرگ از یک سند دیگر شما می توانید تمام لایه و آن دستگیره ها اندازه را توسط کلیدهای Ctrl + کلیک کنید (فرماندهی + کلیک بر روی مک) را بر روی ریز لایه مشاهده به آن را انتخاب کنید. سپس کلیدهای Ctrl + T (فرماندهی + T در مکینتاش) برای مشاهده دستگیره تبدیل و کلیدهای Ctrl + 0 (صفر) (یا فرماندهی + 0 را در Mac) تصویر به کوچک تا دستگیره اندازه همه قابل مشاهده هستند.

8. پشته یا خط تا پالت

به پشته پالت طرف توسط طرف در گفت و گو، 1 پالت کشیدن بیش از دیگران تا یک خط آبی به نظر می رسد در اطراف آن و اجازه رفتن. پشته پالت یکی در بالای دیگر پایین صفحه نمایش، کشیدن و رها کردن یک پالت بر روی نوار در بالا ذکر نام پالت.

9. بدون گفت و گو دکمه؟ بله وجود دارد!

هنگامی که شما این کار، دکمه انصراف را تبدیل به یک دکمه ریست - شما می توانید پنجره فتوشاپ تنظیمات اولیه خود و یا حداقل برخی از نسخه ای از تنظیمات اصلی را با نگه داشتن کلید Alt (گزینه ای در مک) زمانی که در داخل محاوره ای تنظیم مجدد است.

10. تمام بیضی خود را به محافل تبدیل

برای رسم یک دایره با استفاده از خیمه های بیضوی و یا به شکل دایره، نگه داشتن کلید Shift هنگامی که شما شروع شده طراحی و بیضی یک دایره تبدیل خواهد شد. برای جلب از مرکز به خارج، با نگهداشتن کلید ALT را نشان دهند (گزینه ای در مک) که شما شروع به رسم یک بیضی، و سپس اضافه کردن کلید Shift یک دایره را - نگه داشتن هر دو کلید تا زمانی که شما بروید کلید راست موس را فشار دهید.