2009 Оцт 17 2009

Од Пхотосхоп фајл у ХТМЛ / ЦСС за УордПресс серије

Screen shot 2009-10-17 at 4.59.04 PM Недостаје ми да времена да прочитате моје свакодневне блогове као што сам користио, али наишао на овог великог серије из једног од мојих омиљених: Цхрис Цоииер, чији је један сајт ЦСС-трикови ми је неизмерно помогао.

У серији он вас води из процеса пројектовања израде веб странице распоред, на Одсецање листова и кодирање процеса - где чини ЦСС дизајн долазе на живот. Следећа он вас води кроз процес интегрисања тај код у ЦМС (Цонтент Манагемент Систем) као УордПресс. На овај начин све (постови, извори, допуне) су динамички сајт и широк. Надам се претплатити на РСС феед свог, погледајте своје друге блогове и ужива у серију.

Ја коментарисао да сам се надао било 4. у низу да нам покаже процес у преппинг и кодирање фото галерија, контакт обрасца, корпа хране и Твиттер. Сви ми ћемо морати да проверите поново да видим!

Део 1 почиње од апсолутне нуле у Пхотосхопу, са само неколико предвиђених средстава од стране клијента. Ми дизајнирамо за почетну и коже сајту.

Screen shot 2009-10-17 at 4.47.42 PM

Део 2 показује како нарезати дизајна из Пхотосхопа у КСХТМЛ / ЦСС.

Screen shot 2009-10-17 at 4.47.28 PM

Део 3 показује како да га конвертујете у УордПресс шаблон.

Screen shot 2009-10-17 at 4.45.57 PM

Удео

2009 Јун 8 2009

У реду, назад на пројектовање и пхотосхоп типс!

1. Отворите датотеку без коришћења Менус

Једноставно. Двапут кликните на сиву зону позадине Пхотосхоп прозора и фајл опен дијалогу се појављује - Магиц!

10-Пхотосхоп-карактеристике-1.јпг

2. Ако је црна Дул, Црно је дивно и било које боје је бољи!

Да бисте променили сиво унутар једног прозору слике од сиве до црне (или у боји по вашем избору), Цонтрол + Десно клик (Цтрл + Десни клик на Мац рачунару) на простору који окружује слику и изаберите боју.

10-Пхотосхоп-карактеристике-2.јпг

3. Узорак Форегроунд и Бацкгроунд боје

Уместо да кликнете на првом плану или позадини Сватцх да промени боју на једној семплован са слике, кликните на алатку Еиедроппер и кликните да пробају боју предњег плана - држите Алт (Опција на Мац рачунару) да пробају нову боју позадине.

10-Пхотосхоп-карактеристике-3.јпг

4. Поставите облик или селекција

Када цртате облик или избор и облик је у реду, али став је погрешан, задржали на тастер миша и држите тастер за размак, као што преместите облик или избор на жељену позицију. Пустите тастер за размак и наставите да ваш облик.

10-Пхотосхоп-карактеристике-4.јпг

5.. Гет Бацк селекцију

Ако сте изгубили ваш избор, притисните Цтрл + Схифт + Д (Цтрл + Схифт + Д на Мац-у) да га врати. Цтрл + Д (Цтрл + Д на Мац) Опозива избор избор.

10-Пхотосхоп-карактеристике-5.јпг

6. Хиде и фотографије

Ако избор Маркуее добија у свој начин, Цтрл + Х (Цтрл + В на Мац рачунару) ће сакрити избор, али и даље оставити на месту. Не заборавите да га поново укључите или можда ћете се упитати зашто ствари не функционишу онако како ви очекујете да раде.

10-Пхотосхоп-карактеристике-6.јпг

7. Погледајте шта радите

Ово је мој највећи свих времена уштеду времена! Када превучете велики слој од једног документа у други можете да видите цео слој и њен регулатор величине ручке по Цтрл + клик (Цтрл + клик на Мац рачунару) на лаиер сличицу да бисте га изабрали. Затим притисните Цтрл + Т (Цтрл + Т за Мац) да бисте видели регулаторе трансформације и Цтрл + 0 (нула) (или Цтрл + 0 на Мац рачунару) да смањи слику па димензионисање ручке су сви видљиви.

10-Пхотосхоп-карактеристике-7.јпг

8. Стек или ред горе палета

За слагање палете раме уз раме у истом дијалогу, превуците једну палету над другима док плава линија се појављује око њега и пусти. За слагање палета једну на врху другог низ екран, превуците и испустите једну палету на траци изнад палете с именом другог.

10-Пхотосхоп-карактеристике-8а.јпг

10-Пхотосхоп-карактеристике-8б.јпг

9. Нема ресет тастер за дијалог? Да постоји!

Можете ресетовати највише Пхотосхоп дијалоге на њихове првобитне поставке или бар неки верзију оригиналних поставки тако што ћете држати тастер Алт (Опција на Мац рачунару) када у дијалогу - када то урадите, дугме Цанцел се претвара у Ресет тастер.

10-Пхотосхоп-карактеристике-9.јпг

10. Нека сви ваши Елипсе претворити у круговима

Да бисте нацртали круг помоћу Еллиптицал Маркуее или облик круг, држите притиснут тастер Схифт када сте почели цртеж и елипса ће постати круг. Да бисте нацртали од центра, држите тастер Алт (Опција на Мац рачунару), као што започнете цртање елипсу, затим додајте тастер Схифт да га направи круг - Кееп Холдинг оба тастера док не пустите десно дугме миша.

10-Пхотосхоп-карактеристике-10.јпг

Удео