2009 17 Tet 2009

Nga file Photoshop në HTML / CSS të WordPress seri

Screen shot 2009-10-17 at 4.59.04 PM I miss që ka kohë për të lexuar blogs time të përditshme si kam përdorur për të, por erdhi në këtë seri të madhe nga një nga preferuarat e mia: Chris Coyier, të cilit një vend CSS-truket më ka ndihmuar së tepërmi.

Në serinë ai merr ju procesin e projektimit për të bërë një plan urbanistik webpage, në procesin e presje në feta dhe coding - ku CSS e bën të dizajnit të vijë në jetë. Tjetër ai merr ju nëpërmjet procesit të integrimit që kodi në një CMS (Content Management System) si WordPress. Në këtë mënyrë çdo gjë (postime, ushqen, më të reja), janë dinamike dhe faqen gjerë. Unë shpresoj që ju të regjistroheni për RSS tij, shikoni blogs e tij të tjera dhe gëzojnë seri.

Unë komentoi se shpresonte ka pasur një 4 në seri për të na treguar procesin në prepping dhe encoding photo gallery, formularin e kontaktit, shopping cart dhe ushqeni Twitter. Ne do të të gjithë duhet të kontrolloni sërish për të parë!

Pjesa 1 fillon nga e para absolute në Photoshop, me vetëm disa burime të dhënë nga klienti. Ne hartimin faqen dhe të lëkurës për këtë faqe interneti.

Screen shot 2009-10-17 at 4.47.42 PM

Pjesa 2 tregon se si për fetë deri dizajn nga Photoshop në XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Pjesa 3 tregon se si për të kthyer atë në një template WordPress.

Screen shot 2009-10-17 at 4.45.57 PM

Pjesë

2009 8 korrik 2009

OK, kthehet për të hartuar dhe Këshilla Photoshop!

1. Hapur një skedë pa përdorur Menus

Thjeshtë. Double click zonën gri sfondin e dritares Photoshop dhe dialogu Open File duket - magji!?

10-Photoshop-features-1.jpg

2. Nëse gri është e shurdhër, Zi është e mrekullueshme dhe ndonjë ngjyrë është më i mirë!

Për të ndryshuar gri brenda një dritare imazh nga gri në të zezë (ose një ngjyrë e zgjedhjes tuaj), Control + Right Click (Command + Right Click në Mac) në zonën përreth imazhit dhe zgjidhni një ngjyrë.

10-Photoshop-features-2.jpg

3. Dukshëm mostër dhe ngjyrat e sfondit

Në vend të klikuar në plan të parë apo shembull pëlhure sfond për të ndryshuar ngjyrën në një provuan nga imazhi, kliko mjet Eyedropper dhe klikoni për të mostrës një ngjyrë të dukshëm - mbajnë Alt (Opsioni në Mac) të mostrës një ngjyrë të re background.

10-Photoshop-features-3.jpg

4. Pozicioni një formë apo Selection

Kur ju jeni duke tërhequr një formë apo përzgjedhjen dhe formë është e mirë, por pozicioni është i gabuar, ta mbani mouse button dhe të mbajë spacebar si ju hyni formën ose të përzgjedhjes në pozicionin e dëshiruar. Le të shkojë spacebar dhe të vazhdojnë të bëjnë formën tuaj.

10-Photoshop-features-4.jpg

5. Merrni një Përzgjedhja Back

Nëse e keni humbur zgjedhjen tuaj, shtypni Ctrl + Shift + D (Command + Shift + D në Mac) për të marrë atë. Ctrl + D (Command + D në Mac) deselects zgjedhjen.

10-Photoshop-features-5.jpg

6. Hide dhe Keep

Nëse zgjedhja është duke çadër në rrugën tuaj, Ctrl + H (Command + H në Mac), do të fshehin zgjedhjen, por ende të lënë atë në vend. Mos harroni të kthyer atë përsëri në ose ju mund të pyes veten se pse gjërat nuk janë duke punuar në mënyrë që ju presin që ata të punojnë.

10-Photoshop-features-6.jpg

7. Shih se çfarë jeni duke punuar në

Kjo është e gjitha e mia më i madh kohë kohë saver! Kur ju drag një shtresë të madhe nga një dokument në një tjetër ju mund të shikoni të gjithë shtresën dhe trajton sizing saj nga Ctrl + Click (Command + Kliko në Mac) në tablo shtresa për të zgjedhur atë. Pastaj shtypni Ctrl + T (Command + T ne Mac) për të parë trajton transformuar dhe Ctrl + 0 (zero) (ose Komanda + 0 në Mac) të tkurret imazhin në mënyrë që trajton sizing janë të gjitha të dukshme.

10-Photoshop-features-7.jpg

8. Rafte apo vijë deri palettes

Te rafte palettes krah për krah në të njëjtën dialog, terhiq e paleta mbi të tjerët deri në një linjë blu duket rreth tij dhe le të shkojnë. Për rafte palettes një në krye të tjera poshtë të ekranit, drag and drop një paleta mbi bar vetëm mbi emrin e një gamë të.

10-Photoshop-features-8a.jpg

10-Photoshop-features-8b.jpg

9. Nuk ka dialog Reset button? Po nuk ka!

Ju mund të rivendosni dialogs më Photoshop për cilësimet e tyre origjinale ose të paktën disa versione të settings origjinal duke mbajtur butonin e Alt (Opsioni në Mac) kur brenda dialog - kur ju bëni këtë, butonin Anulo kthehet në një butonin Reset.

10-Photoshop-features-9.jpg

10. Mund të të gjitha ellipses tuaj të kthehet në qarqet

Për të tërhequr një rreth duke përdorur çadër ose një formë eliptike rreth, mbani të shtypur butonin Shift një herë ju keni filluar vizatim dhe elips do të bëhet një rreth. Për të tërhequr nga qendra jashtë, mbani të shtypur butonin Alt (Opsioni në Mac) si ju filloni duke tërhequr një elips, pastaj shtoni tastin Shift për ta bërë atë një rreth të - të mbajë mbajtjen e dy çelësat derisa ju le të shkojë butonin e djathte te mausit.

10-Photoshop-features-10.jpg

Pjesë