Клуб любителей научной фантастики, фэнтези и мистики

Автор Тема: Дизайн нового сайта  (Прочитано 320333 раз)

Дизайн нового сайта
« Ответ #30 : Марта 08, 2011, 14:15:16 »

Gadjet

  • Нокс
  • Сообщений: 143
    • Просмотр профиля
Цитата: Hattak
вот, вспомнил, как с масками работать)))
вот такого плана для всех сериалов, как думаете?

[img]http://s40.radikal.ru/i089/1103/ee/65dfbcac12be.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
я - за.
Может, отдельную темку создадим, кого/ что вы хотите видеть на банере для сериала?

Псмотрела, что в этой теме впятером рассуждаем, а народ не подтягивается, жаль...

Дизайн нового сайта
« Ответ #31 : Марта 08, 2011, 14:22:14 »

Hattak

  • Админ
  • Древний
  • *****
  • Сообщений: 6007
    • Просмотр профиля
    • RSFDrive.com
я не думаю, что кого-то на самом деле это особо волнует))
иначе бы тут народ отписался, а поскольку тишина, то значит это волнует тех, кто тут пишет только)

я вот думаю, где же найти на все сериалы их надписи, названия - как вот SGU я написал)
надо на все сеиалы найти/сделать такие "баннеры" размером 360х125 и найти эти вот надписи - названия сериалов
красивые)) и тогда я их под "маску" запихну все сам уже)
« Последнее редактирование: Марта 08, 2011, 14:24:30 от Hattak »


Дизайн нового сайта
« Ответ #32 : Марта 08, 2011, 14:30:57 »

Gadjet

  • Нокс
  • Сообщений: 143
    • Просмотр профиля
Цитата: Hattak
я не думаю, что кого-то на самом деле это особо волнует))
иначе бы тут народ отписался, а поскольку тишина, то значит это волнует тех, кто тут пишет только)

я вот думаю, где же найти на все сериалы их надписи, названия - как вот SGU я написал)
надо на все сеиалы найти/сделать такие "баннеры" размером 360х125 и найти эти вот надписи - названия сериалов
красивые)) и тогда я их под "маску" запихну все сам уже)


http://www.customaniacs.org/forum/

Будут ссылки - я скачаю.
stargate (3 штуки), sanctuary, eureka,b5 - есть.

Добавлено:
b5
« Последнее редактирование: Марта 08, 2011, 15:22:15 от Gadjet »

Дизайн нового сайта
« Ответ #33 : Марта 08, 2011, 19:34:50 »

Alah

  • Древний
  • Сообщений: 913
    • Просмотр профиля
    • http://
Цитата: Gadjet
Посмотрела, что в этой теме впятером рассуждаем, а народ не подтягивается, жаль...
Ну допустим не высказываются потому что уже высказались в предыдущей аналогичной теме.А переливать из
пустого в порожнее может каждый,только смысла и адекватных действий не прибавится.
P.S.
Очень жаль видеть как лучший дизайн сайта по данной тематике из уникального
превращается в копию:аля ucoz,которых уже больше 1 000 000,вот об этом нужно жалеть.
« Последнее редактирование: Марта 08, 2011, 19:35:09 от Alah »
Ab initio nullum, semper nullum

Дизайн нового сайта
« Ответ #34 : Марта 08, 2011, 19:41:37 »

Hattak

  • Админ
  • Древний
  • *****
  • Сообщений: 6007
    • Просмотр профиля
    • RSFDrive.com
Цитата: Alah
Ну допустим не высказываются потому что уже высказались в предыдущей аналогичной теме.А переливать из
пустого в порожнее может каждый,только смысла и адекватных действий не прибавится.
P.S.
Очень жаль видеть как лучший дизайн сайта по данной тематике из уникального
превращается в копию:аля ucoz,которых уже больше 1 000 000,вот об этом нужно жалеть.
гым) а что уникального в форуме без сайта фактически как такового?
в своё время просто было очень лень делать именно сайт, поэтому взяли и просто использовали форум, как основу
что плохого в том, что можно будет найти всё что нужно быстро, не перелопачивая кучу топиков?
и форум никуда не денется, всё равно
и суть проекта, тоже менять никто не собирается, просто наведение презентабельности и удобства в работе, не более
« Последнее редактирование: Марта 08, 2011, 19:53:51 от Hattak »


Дизайн нового сайта
« Ответ #35 : Марта 08, 2011, 21:20:29 »

Hattak

  • Админ
  • Древний
  • *****
  • Сообщений: 6007
    • Просмотр профиля
    • RSFDrive.com
на данный момент задача простая, нужно найти картинки для каждого сериала, которые мы используем в баннере
я вот покопался, к некоторым сериалам вообще ничего найти не получается((
давайте попробуем все вместе!)
картинка должна отражать какие-то характерные черты сериала
можно общую фотку всех героев, или типа того
прямо сюда в топик кладём)


Дизайн нового сайта
« Ответ #36 : Марта 08, 2011, 21:42:14 »

James Marsh

  • Нокс
  • Сообщений: 151
    • Просмотр профиля
    • http://
Крайний вариант сайта поддерживаю - понравился.
Предложение - при входе на сайт видим первый (основной) баннер, но надпись на нем передвинуть все-таки вправо(ИМХО), а при переходам по сериалам - крайний вариант Хаттака.
Ну и "есессно" впрягаюсь в поиски картинок.

Дизайн нового сайта
« Ответ #37 : Марта 08, 2011, 22:03:31 »

Gadjet

  • Нокс
  • Сообщений: 143
    • Просмотр профиля
Цитата: Hattak
на данный момент задача простая, нужно найти картинки для каждого сериала, которые мы используем в баннере
я вот покопался, к некоторым сериалам вообще ничего найти не получается((
давайте попробуем все вместе!)
картинка должна отражать какие-то характерные черты сериала
можно общую фотку всех героев, или типа того
прямо сюда в топик кладём)
По порядку (как выложено в оглавлении на ftp), это только примеры, есть качество получше, есть возможность отдать в большем разрешении и/или с прозрачным фоном.


4400
герои
[img]http://peoplepern.narod.ru/img/rsf/4400/hiero.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
[img]http://peoplepern.narod.ru/img/rsf/4400/hiero2.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
заголовок
[img]http://peoplepern.narod.ru/img/rsf/4400/title.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]

ALF
[img]http://peoplepern.narod.ru/img/rsf/alf/hiero.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
[img]http://peoplepern.narod.ru/img/rsf/alf/alf.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
заголовок
[img]http://peoplepern.narod.ru/img/rsf/alf/title.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]

Андромеда
герои:
[img]http://peoplepern.narod.ru/img/rsf/andromeda/andromeda_1.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
надпись
[img]http://peoplepern.narod.ru/img/rsf/andromeda/title.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
Корабли
[img]http://peoplepern.narod.ru/img/rsf/andromeda/ships.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]

Бермудский треугольник
[img]http://peoplepern.narod.ru/img/rsf/triangle.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]


Наверное, надо где-то сделать список необходимых картинок, и отмечать, что есть а чего нет.

Завтра продолжу.
« Последнее редактирование: Марта 08, 2011, 22:04:30 от Gadjet »

Дизайн нового сайта
« Ответ #38 : Марта 09, 2011, 01:18:41 »

fab

  • Древний
  • Сообщений: 1041
    • Просмотр профиля
    • http://pm.zz.mu/frolov.php
Я в шоке. У нас столько дыр на FTP, пропала папка "What we are need", правку аплоадеры делать не могут и еще куча всего, а мы "летим вперед на лихом коне". Может быть пора вспомнить, что отличное - враг хорошего, и притормозить...
p.s.  Чтобы собирать картинки надо дать их список и оговорить, что на них должно быть изображено (в целом). Нужна узнаваемость или нет ? А какой размер ?
« Последнее редактирование: Марта 09, 2011, 01:24:14 от fab »

Дизайн нового сайта
« Ответ #39 : Марта 09, 2011, 02:37:08 »

Hattak

  • Админ
  • Древний
  • *****
  • Сообщений: 6007
    • Просмотр профиля
    • RSFDrive.com
Цитата: fab
Я в шоке. У нас столько дыр на FTP, пропала папка "What we are need", правку аплоадеры делать не могут и еще куча всего, а мы "летим вперед на лихом коне". Может быть пора вспомнить, что отличное - враг хорошего, и притормозить...
p.s.  Чтобы собирать картинки надо дать их список и оговорить, что на них должно быть изображено (в целом). Нужна узнаваемость или нет ? А какой размер ?
нет никакого смысла тянуть за рога умирающую корову
давно было сказано, что сайт нужен новый и вот когда он будет, тогда и заделывать дыры можно будет
вдруг получится так, что под новый дизан что-то подходить не будет, зачем же делать двойную работу

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

всё что пропало из аплоада - потерено, т.к. кем-то удалено, IP разные но пользователь один общий
отсюда делаю вывод, что пароль от аплоада каким-то образом ушёл к чужим на сторону
всё остальное в разделе для аплоадеров написано
« Последнее редактирование: Марта 09, 2011, 02:46:06 от Hattak »


Дизайн нового сайта
« Ответ #40 : Марта 09, 2011, 22:28:58 »

Gadjet

  • Нокс
  • Сообщений: 143
    • Просмотр профиля
Опять только примеры.
Bionic Woman
[img]http://gaechka-gala.narod2.ru/Bionic_Woman/hiero.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
[img]http://gaechka-gala.narod2.ru/Bionic_Woman/poster.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
[img]http://gaechka-gala.narod2.ru/Bionic_Woman/title.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
[img]http://gaechka-gala.narod2.ru/Bionic_Woman/title2.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]

Survivors
[img]http://gaechka-gala.narod2.ru/survivors/hiero.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]

V
[img]http://gaechka-gala.narod2.ru/v/hiero.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]


The Vampire Diaries
[img]http://gaechka-gala.narod2.ru/vampir_diaries/hiero.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
[img]http://gaechka-gala.narod2.ru/vampir_diaries/poster.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
[img]http://gaechka-gala.narod2.ru/vampir_diaries/poster2.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
[img]http://gaechka-gala.narod2.ru/vampir_diaries/title.jpg\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]

Дизайн нового сайта
« Ответ #41 : Марта 10, 2011, 01:50:03 »

Hattak

  • Админ
  • Древний
  • *****
  • Сообщений: 6007
    • Просмотр профиля
    • RSFDrive.com
можно понажимать на ссылочки 4400, Альф, Андромеда, Бермудский Треугольник, Бионическая Женьщина, Вавилон 5 - для них сделал логотипы)


Дизайн нового сайта
« Ответ #42 : Марта 10, 2011, 07:23:24 »

Gadjet

  • Нокс
  • Сообщений: 143
    • Просмотр профиля
Цитата: Hattak
можно понажимать на ссылочки 4400, Альф, Андромеда, Бермудский Треугольник, Бионическая Женьщина, Вавилон 5 - для них сделал логотипы)
Посмотрела, здорово.
Есть такие мысли:
4400 - осталось много голубого,  можно, чтоб у слоя прозрачность изменялась от краев к центру?
Вавилон - персонажи перекрываются подписью, чуть сдвинуть персонажей в верх, а лого оставить на месте.
 Можно их тоже "покрасить" в основной цвет банера, как это было сделано на примере SGU?
Или текст с названием сериала сделать менее ярким?

Если откроют страшную тайну, какие значения для тонирования в фотошопе (CTRL + SHIFT + U) - попробую показать, что имела в виду, и выкладывать не только картинки примеров, а и примеры баннеров, которые у меня получаются.

Дизайн нового сайта
« Ответ #43 : Марта 10, 2011, 12:29:03 »

Hattak

  • Админ
  • Древний
  • *****
  • Сообщений: 6007
    • Просмотр профиля
    • RSFDrive.com
Цитата: Gadjet
Посмотрела, здорово.
Есть такие мысли:
4400 - осталось много голубого,  можно, чтоб у слоя прозрачность изменялась от краев к центру?
Вавилон - персонажи перекрываются подписью, чуть сдвинуть персонажей в верх, а лого оставить на месте.
 Можно их тоже "покрасить" в основной цвет банера, как это было сделано на примере SGU?
Или текст с названием сериала сделать менее ярким?
Если откроют страшную тайну, какие значения для тонирования в фотошопе (CTRL + SHIFT + U) - попробую показать, что имела в виду, и выкладывать не только картинки примеров, а и примеры баннеров, которые у меня получаются.

я сделал чуть по ярче, потому что когда я стал всё делать в тон баннера, т.е. тонировать картинки в красный,
они стали как-то сливаться с фоном слишком) можно просто попробовать у 4400 другую картинку, на сером или т.п. тёмном фоне использовать

я не пользуюсь фотошопом)) мой любимый paintshop, поэтому комбинацию я не знаю)
создаётся так:
1. создаём картинку с прозрачным фоном 360х125
2. кладём на новый слой фон баннера (картинку)
3. добавляем к этому слою - слой маску с параметром "скрыться всё" (hide all) - маска будет чёрной
4. заливаем слой - маску БЕЛЫМ градиентом - от прозрачного слева к белому справа (в итоге фоновая картинка под маской становится видимой градиентом)
5. добавляем новый слой под маской с заливкой цветом фона основного баннера и делаем его прозрачнее на сколько-то)) я стави 40% (на там какой-нить тёмно красый, прям с баннера взять можно)
6. поверх этого всего в новом слое надпись вешаем
7. сохраняем как png 16,7 м цветов с альфа прозрачностью по фоновому слою
вот собственно)
« Последнее редактирование: Марта 10, 2011, 12:31:54 от Hattak »


Дизайн нового сайта
« Ответ #44 : Марта 13, 2011, 17:11:34 »

Gadjet

  • Нокс
  • Сообщений: 143
    • Просмотр профиля
Цитата: Hattak
я сделал чуть по ярче, потому что когда я стал всё делать в тон баннера, т.е. тонировать картинки в красный,
они стали как-то сливаться с фоном слишком) можно просто попробовать у 4400 другую картинку, на сером или т.п. тёмном фоне использовать

я не пользуюсь фотошопом)) мой любимый paintshop, поэтому комбинацию я не знаю)
создаётся так:
1. создаём картинку с прозрачным фоном 360х125
2. кладём на новый слой фон баннера (картинку)
3. добавляем к этому слою - слой маску с параметром "скрыться всё" (hide all) - маска будет чёрной
4. заливаем слой - маску БЕЛЫМ градиентом - от прозрачного слева к белому справа (в итоге фоновая картинка под маской становится видимой градиентом)
5. добавляем новый слой под маской с заливкой цветом фона основного баннера и делаем его прозрачнее на сколько-то)) я стави 40% (на там какой-нить тёмно красый, прям с баннера взять можно)
6. поверх этого всего в новом слое надпись вешаем
7. сохраняем как png 16,7 м цветов с альфа прозрачностью по фоновому слою
вот собственно)
Делала чуть по другому алгоритму. В исходном состоянии картинка была голубой, поэтому пришлось именно что менять цвет с голубого на красные тона.
В результате получлось вот такое, сначала файл логотипа отдельно (png с прозрачной основой)
А потом пример с наложением на исходный банер.
[img]http://gaechka-gala.narod2.ru/farscape/farscape1.png\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]
[img]http://gaechka-gala.narod2.ru/farscape/ban_farscape.png\\\" border=\\\"0\\\" class=\\\"linked-image\\\" /]