2009 17. oktoober 2009

Alates Photoshop faili HTML / CSS WordPress seeria

Screen shot 2009-10-17 at 4.59.04 PM Ma igatsen võttes aega, et lugeda mu igapäevane blogid nagu ma harjunud, kuid leidsin selle suurepärase sarja üks mu lemmikuid: Chris Coyier, kelle ühes kohas CSS-tricks aitas mind tohutult.

Sarja ta võtab teid projekteerimise käigus teha veebilehe kujundus, et viilutamine ja kodeerimise protsess - kui CSS muudab disain elu sisse. Järgmine ta võtab teid läbi protsessi integreerimine, et kood CMS (Content Management System) nagu WordPress. Nii kõik (postid, toidab, uuendused) on dünaamilised ja saidi lai. Loodan, et teil tellida oma RSS feed, kontrollida oma teiste blogisid ja nautida seerias.

Ma kommenteeris, et lootsin seal oli 4. sarjast, et näidata meile, protsessi eeltööna ja kodeerimine fotogalerii, kontakti vormi, ostukorv ja Twitter feed. Me kõik peame vaadata tagasi, et näha!

Osa 1 algab absoluutselt nullist Photoshop, vaid mõne eraldanud kliendi. Me projekteerime koduleht ja nahk kohas.

Screen shot 2009-10-17 at 4.47.42 PM

Osa 2 näitab, kuidas Tükeldada disaini Photoshop arvesse XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Osa 3 näitab, kuidas muuta selle WordPress malli.

Screen shot 2009-10-17 at 4.45.57 PM

Osa

2009 8. juuli 2009

OK, tagasi projekteerimise ja Photoshop Tips!

1. Avada faili ilma menüüd

Lihtne. Topeltklõps halli tausta ala Photoshop aken ja File Open dialoogiaken - magic!?

10-photoshop-omadused-1.jpg

2. Kui hall on igav, Black on imeline ja iga värv on parem!

Selleks, et muuta hall sees pilti akna hallist mustani (või teie valitud värviga), Control + Right Click (Command + paremklõps Mac) on ümbritseva piirkonna maine ja valige värv.

10-photoshop-omadused-2.jpg

3. Proovi esiplaani ja taustavärvi

Selle asemel, klõpsates teadmiste või taustteabe proovilapp muuta värvi 1 proovid pilt, klõpsake Eyedropper tööriist ja klõpsa proovi esiplaani värvi - hoidke Alt (Option Mac) proovi uue taustavärvi.

10-photoshop-omadused-3.jpg

4. Aseta kujund või Selection

Kui olete joonistus kuju või valiku ja kuju on hea, kuid seisukoht on vale, hoida kinni hiirenuppu ja hoidke tühikut kui liigutad kuju või valiku soovitud asendisse. Lase tühiku ja jätkavad oma kuju.

10-photoshop-omadused-4.jpg

5. Hangi valik Tagasi

Kui oled kaotanud oma valiku, vajutage Ctrl + Shift + D (Command + Shift + D Mac), et see tagasi saada. Ctrl + D (Command + D Mac) tühistab valimise.

10-photoshop-omadused-5.jpg

6. Peita ja hoida

Kui valik telk on saada oma teel, Ctrl + H (Command + H Mac) varjab valik, kuid siiski jätta oma kohale. Ärge unustage, et uuesti sisse või võite küsida, miks asjad ei tööta nii nagu te ootate neid töötama.

10-photoshop-omadused-6.jpg

7. Vaata, mida te töötate

See on minu kõigi aegade suurim aega saver! Kui lohistad suur kiht ühest dokumendist teise saate vaadata kogu kiht ja selle suuruse käepidemed poolt Ctrl + Click (Command + Vajuta Mac) on kiht thumbnail valimiseks. Vajutage Ctrl + T (Command + T Mac), et vaadata teisendus käepidemed ja Ctrl + 0 (null) (või Command + 0 Mac) kahaneb pilt nii suuruse käepidemed on kõik nähtav.

10-photoshop-omadused-7.jpg

8. Stack või rivistama Paletid

Paigutamiseks paletti kõrvuti sama dialoog, tõmmake 1 palett teiste üle, kuni sinine joon ilmub ümber ja lase minna. Paigutamiseks paletti üks peal teine ​​alla ekraani lohistada 1 palett peale baari napilt teine ​​palett nimi.

10-photoshop-omadused-8a.jpg

10-photoshop-omadused-8b.jpg

9. Ei dialoog Reset nupp? Jah seal on!

Teil on võimalik taastada kõige Photoshop dialoogid algseadete või vähemalt mõned versiooni algseaded hoides Alt klahvi (Option Mac) kui sees dialoog - kui sa seda teed, Cancel nupp muutub Reset nuppu.

10-photoshop-omadused-9.jpg

10. Võib kõik oma ellipsid muutuda Circles

Juhtida ringi kasutades elliptilised telk või ringi kuju, hoidke all tõstuklahvi, kui olete hakanud joonistamise ja ellips saab ring. Juhtida keskelt välja, hoia Alt nuppu (valik Mac) kui hakkate joonistus ellips, siis lisage Shift klahvi, et see ring - hoida, kellel on nii võtmed, kuni te lase hiire parem nupp.

10-photoshop-omadused-10.jpg

Osa