witola.com

Chybí mi mít čas číst mé každodenní blogy, jako jsem se, ale narazil na této velké série od jednoho z mých oblíbených: Chris Coyier, jehož jedna stránka CSS-Tricks pomohl mi nesmírně.

V seriálu se vás od návrhu procesu výroby webové stránky rozložení, na krájení a kódování procesu - kde CSS je návrh přijde k životu. Pak si vás provede procesem integrace tento kód do CMS (Content Management System), jako je WordPress. Tímto způsobem všechno (sloupky, krmiva, aktualizace), jsou dynamické a místo široký. Doufám, že se přihlásíte do své RSS, podívejte se na jeho další blogy a užít si řadu.

Jsem poznamenal, že jsem doufal, že tam byl čtvrtý v řadě, aby nám ukázal proces prepping a kódování fotogalerie, kontaktní formulář, nákupní košík a Twitter feed. Budeme všichni muset podívat zpět do vidět!

Část 1 začíná od nuly absolutní ve Photoshopu, s několika málo poskytnutých prostředků od klienta. Navrhujeme domovskou stránku a kůži pro daný web.

Část 2 ukazuje, jak se krájí až návrh z Photoshopu do XHTML / CSS.

Část 3 ukazuje, jak jej převést do šablony WordPress.

1. Otevřete soubor bez použití nabídek

Jednoduché. Dvakrát klikněte na šedé pozadí plochy okna Photoshopu a souborů dialogovém okně Otevřít se objeví - Magic!?

2. Pokud je tupá šedá, černá je nádherná a každá barva je lepší!

Chcete-li změnit šedá uvnitř okna obrázku z šedé na černou (nebo barva dle výběru), Ctrl + klikněte pravým tlačítkem myši (Command + Klikněte pravým tlačítkem myši na počítačích Mac) na okolí na obrázek a vyberte barvu.

3. Vzorek barvy popředí a pozadí

Namísto kliknutí na popředí nebo pozadí Swatch změnit barvu na jeden vzorku z obrázku, klepněte na nástroj kapátko a klepněte na vzorek barvu popředí - držet klávesu Alt (Option na počítačích Mac) na vzorku novou barvu pozadí.

4. Umístěte tvar nebo výběr

Když kreslíte tvar nebo výběr a tvar je v pořádku, ale pozice je špatná, aby držení tlačítka myši a podržte mezerník, jak budete pohybovat tvar nebo výběr do požadované polohy. Pustit mezerník a pokračovat, aby vaše tvar.

5. Získejte zpět výběr

Pokud jste ztratili svůj výběr, stiskněte kombinaci kláves Ctrl + Shift + D (Command + Shift + D na počítačích Mac), aby si to zpátky. Ctrl + D (Command + D na počítačích Mac) zruší výběr.

6. Hide and Keep

Pokud je výběr stan je stále v cestě, bude Ctrl + H (Command + H na počítačích Mac) skrýt volbu, ale stále nechat na místě. Nezapomeňte jej znovu zapněte nebo můžete divit, proč věci nefungují tak, jak očekáváte, aby práci.

7. Podívejte se, co pracujete na

To je můj největší všech dob šetří čas! Při přetažení velkou vrstvu z jednoho dokumentu do druhého si můžete prohlédnout celou vrstvu a jeho úchytů pro změnu velikosti strany Ctrl + klik (Command + na počítačích Mac) na miniaturu vrstvy, vyberte jej. Pak stiskněte Ctrl + T (Command + T na počítačích Mac) pro zobrazení transformace rukojeti a Ctrl + 0 (nula) (nebo Command + 0 na počítačích Mac) zmenšit obrázek tak držadly jsou viditelné.

8. Zásobník nebo sestava Palety

Na sebe palet vedle sebe ve stejném dialogu, přetáhněte jednu paletu více než ostatní, až modrá čára kolem něj a jít dál. Palet na sebe jeden na druhého dolů na obrazovce, přetáhněte jednu paletu na baru těsně nad jiné paletě jména.

9. Žádné dialogové tlačítko Reset? Ano, existuje!

Můžete obnovit většinu Photoshop dialogy k jejich původnímu nastavení, nebo alespoň nějakou verzi původní nastavení přidržením klávesy Alt (Option na počítačích Mac), když v dialogu - když to uděláte, tlačítko Storno se změní na tlačítko Reset.

10. Mohou všechny vaše elipsy změní na kruhy

Chcete-li nakreslit kružnici pomocí Eliptický stan nebo kruhový tvar, podržte klávesu Shift, jakmile jste začal kreslit a elipsa bude kruh. Kreslit od středu ven, přidržte klávesu Alt (Option na počítačích Mac), jak si začít kreslit elipsy, potom přidejte klávesu Shift, aby se to kruh - držte obě klávesy dokud se pustit pravé tlačítko myši.