Из psd в html за 2 минуты

Нашла отличную онлаин-тулзу для порезки псдешника за 2 минуты: psd2cssonline.com. Просто закружаешь фаил и получаешь код. Для того, чтобы получить более-менее вменяемую страничку, необходимо немного подредоктировать слои psd-файла следующим образом:

1. Поместив текст "_text" в начале названия слоя, в полученном коде вы увидите этот слой в виде текста.

2. Поместив текст "_linkt" в начале названия слоя, в полученном коде вы увидите этот слой в виде ссылки.

3. Поместив текст "_bkgnd" в начале названия слоя, в полученном коде вы увидите этот слой в виде беграунда, и т.д.

Более подробную документацию можно почитать здесь.

Если не возиться с наваниями слоев, то на выходе вся страничка будет в виде картинок. Для некоторых элементарных рекламных страничек неоправданно тратить кучу времени на порезку и использование этого инструмента будет в самый раз.

Если же правильно назвать слои в псдешнике, то порезанная страничка будет вполне вменяемая. Конечно же, профессионального верстальщика эта тулза не заменит, но для некоторых проектов может быть полезна.

С Новым Годом!

Поздравляю с Новым Годом всех дизайнеров и не дизайнеров, читателей моего блога и нечитателей, друзей, знакомых и незнакомых. Всем вам благополучия и исполнений желаний. Пусть эти милые снегурочки греют вас в новогоднюю ночь.

Полезные ссылочки дизайнеру на заметку

Настало время поделиться своей подборочкой сайтов с различными обучающими уроками.
Речь пойдет об уроках Photoshop, Illustrator и Digital Drawing на англ языке. К сожелению, хороших уроков на русском языке я пока не нашла.

Самые любимые и посещаемый мной сайты - это семейство сайтов ***Tuts.

1. PSDTUTS

Самый любимый мой саит по фотошопу и рисованию. Огромное количество уроков, модные эффекты, современные приемы, интервью знаменитых дизайнеров, подборки самого-самого с простор инета - это далеко не все полезное, что там есть. Заходим и наслаждаемся.

2. VECTORTUTS

Аналог PSDTuts, но уже специализирующийся на вектоной графике. Большинство уроков для Illustrator'a.



В семействе TUT'сов есть еще 2 замечательных сайта: NETTUTS и AUDIOTUTS. Аудиторя первого - девелоперы и частично дизайнеры, второго - звукорежисеры, музыканты и просто любители музыки.

3. Tutorial9

Tutorial9 весьма разноплановый саит, тут есть уроки для фотошопа, иллюстратора, веб-направленные уроки, новости и т.д. Практически все уроки занимательны и познавательны. Расстраивает большое колличесво площади страницы, отведенное на рекламные ссылки и баннеры и маленькая площадь, и маленькая площадь, отведенная на сам урок.

4. PSD Learnin

Саит симпатичный, и уроки по фотошопу занятные, но есть значительный минус - обновляется он не так часто, как хотелось бы.

5. Tutorial Sphere

Tutorial Sphere - огромный портал с множеством различных категорий. Тут уроки по душе найдут себе и дизайнеры, и аниматоры, и девелоперы. У меня от этого сайта впечатление такое: всего много, глаза разбегаются, хочется поклацать, все посмотреть... Но вот сесть и сделать какой-то урок у меня так и не получилось: то урок не интересный, то уже знакомая техника. Тем не менее не исключено, что кому-то эта ссылка окажется полезной.

6. VecTips

Саит для поклонников иллюстратора. Познавательные уроки и интервью, тематические обзоры интересностей для дизанеров-векторщиков.

7. GoMediaZine
Еще одна ссылочка идет в копилку дизайнера. Обожаю заходить сюда и любоваться разными красивостями, черпать идеи и узнавать полезные секретики. В некоторых уроках используются трюки, дающие неожиданный эффект.

И напоследок несколько ссылочек, не попавших в обзор:
- http://pshero.com/
- http://photoshoptutorials.ws/
- http://www.good-tutorials.com/
- http://www.planetphotoshop.com/
- http://www.smashingmagazine.com/

Кризисные логотипы

На злобу дня немного креативчика:

Взято с allday.ru