^

Card Captor - Карты и Фишки в Photoshop

+116

1336494408.png

 

Полезные ссылки 

Информация об Card Captor 

* Описание системы HTT: http://squarefaction.ru/profile/derfas13/blog/5079

* На сайт, в котором происходит тестирование игры:http://cardcaptor.ts9.ru

* В раздел, посвященный игре Card Captor: http://squarefaction.ru/forums/show/4078

* На главную тему с обсуждением игры:http://squarefaction.ru/forums/show/4078/5802

 

Примеры работ 

* Card Captor — Tekken Series Sets — XmasC00kie - http://squarefaction.ru/forums/show/4078/6635

* Card Captor — Mother / Earthbound — Channard - http://squarefaction.ru/forums/show/4078/6643 

* Card Captor — Star Ocean 3 — Ellen Rise - http://squarefaction.ru/forums/show/4078/6647 

 

Коллекционная Карта

Шаблон

imageРазмер: 212 х 302

Формат: png 

 

Создание карты

Действие Скриншот

 1

Сохраните Шаблон себе на компьютер, и откройте его в Photoshop. Вы заметите, что он является обычной рамкой и имеет прозрачный фон. Это упростит вам работу в позиционировании изображения и даст вам представление о том, как карта будет выглядеть в готовом варианте.  1336498576.png

 2

Откройте желаемое изображение, из которого вы планируете сделать карту и вставьте его отдельным слоем в уже открытый файл с Шаблоном.

Смените порядок слоев так, чтобы рамка находилась над изображением.

1336494012.png

 3

На этом этапе вам понадобятся инструменты:

Передвинуть — можно найти на рабочей панели.

Свободное Трансформирование — чтобы вызвать: выберите инструмент «xxx Область», нажмите правой кнопкой мыши по изображению, откроется меню, в котором можно найти данную команду. 

Резкость —  иконка в виде треугольника на рабочей панели (если не видите треугольника, ищите палец-размытие или каплю-размытие, Резкость относится к этой группе инструментов)

 

Также, при вашем желании, вы можете использовать другие полезные «фичи» фотошопа, к примеру Цветовой тон/Насыщенность, которую можно найти по адресу Изображение > Коррекция или Осветлитель - иконка черной лупы на рабочей панели.

1336499619.png

1336497049.png

Советы:

Следите за тем, чтобы верхняя часть рамки, предназначенная для названия карты, не закрывала лицо и глаза вашего героя.

1336497303.png

Пользуясь инструментом Свободное Трансформирование, я меняю именно процентуальное соотношение. Найти его можно в верхней панели (скриншот прилагается). Менять В и Ш лучше на одинаковое число. Это быстро, удобно, а главное не страшно, что рука дернется и результат измененного размера будет выглядеть не пропорциональным. 

1336501727.png

 4

Когда заготовка будет готова, пора бы и сохранить вашу работу.

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

— Далее: Файл > Сохранить для Web и устройств,  выберите формат PNG-24 и жмите Сохранить.

1336499086.png

 5

После сохранения не закрывайте файл. Открывайте отдельно нужное изображения и вставляйте в этот файл. Главное — оставляйте рамку на самом верху в иерархии слоев и скрывайте её в момент сохранения. 

 

Фишка

Шаблон

 

image

 

 

«Мой Шаблон»

1336502052.pngПочему именно этот шаблон, если в главной теме на форуме предложен совсем другой вариант?

Дело в том, что тот шаблон (белый шестиугольник — рамка) имеет размер 158 х 137, а для сета нужен размер 120 х 137. При этом, оригинальный шаблон не менее важен для нашей работы. Серенький шаблон нам понадобится не только, как определитель размера файла, но и для вырезания самой фишки.

Создание Фишки

Действие Скриншот

1

— Сохраните себе на компьютер оригинальный Шаблон и «Мой Шаблон». 

— Откройте в Photoshop «Мой Шаблон»

— Откройте оригинальный Шаблон и перенесите его в файл с «Моим Шаблоном». Поставьте его так, как указано на скриншоте.

— Слой с рамкой должен быть над серый шестиугольником.

 

Можно, также, скачать уже готовый psd файл: http://sendfile.su/589183

image

 2

— Вставьте в данный файл нужное вам изображение. Поставьте его под Рамку и Мой Шаблон. Лучше всего использовать уже уменьшенную версию из Карты, то есть удобнее делать Карту и Фишку одновременно в разных вкладках файла.

— Уберите Глаз рядом с Шестиугольником. Он должен «спрятаться». Он нам нужен, он в невидимом состоянии.

— Двигайте изображение, меняйте размеры и резкость. Подробнее можно прочитать в разделе о Создании Карты чуть выше. 

image

 3 

Сейчас нам понадобится Мой Шаблон.

— Выберите слой с Шестиугольником (не делая его видимым), то есть фон под названием слоя должен стать синим =] ) 

— Выберите инструмент Волшебная палочка на рабочей панели 

  • Вариант 1 — Зажимая Shift выберите четыре угла файла (см. скриншот)
  • Вариант 2 — Нажмите палочкой в центр, обведется сам шестиугольник, далее жмите на правую кнопку и выбирайте команду Инверсия выделенной области

— Теперь, не снимая обводку перейдите на слой с вашим изображением и нажмите Delete, то есть удалите лишние края.

 

Для меня более быстрым и удобным способом является Вариант 1.

image

image

4

Время сохранения.

— Уберите Глаз со слоя с рамкой и других слоев (если вы делаете несколько фишек). Видна должна быть только нужная картинка. 

- Далее: Файл > Сохранить для Web и устройств,  выберите формат PNG-24, поставьте галочку напротив слова Прозрачность и жмите Сохранить. 

image

5

Как и в гайде про Карты, я могу посоветовать вам не выключать этот файл и использовать его повторно до победного конца. Главное — следите, чтобы при сохранении был виден только слой с нужной картинкой, понятное дело рамка, а вот другие фишки могут добавить вам ненужные темные края. Но не стоит сильно волноваться по этому поводу, так как края запрятаны под рамку. Но все же — темные края это не дело)

Готовый сет

Собранный сет из Карт + Фишки нужно добавить в один архив, залить на файлообменник и выложить в, специально для этого созданной вами, теме, в разделе Cards Captor.

Не забывайте, что помимо этого, вам понадобится заполнить XML файл, ссылку на который можно найти в главной теме Cards Captor.

 

Спасибо за внимание (C) XmasC00kie 

 

Автор XmasC00kie 8 мая 2012, 22:07 (3569 просмотров)
Комментарии
Уберите Глаз

Не сразу додумался, что ты имеешь ввиду xD

на скриншоте показано)

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

Шаблон коллекционки поменяйте.

Спойлер

1340815499.png