Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

WEB дизайн - начинаем с пикселя -баннеры, скрипты, шаблоны №14


Информационный Канал Subscribe.Ru

Рассылка от
Design-Forever.ru

 Выпуск №14    
Сегодня в выпуске:
 - Новости сайта
 - Шаблон №13 и №14
 - Графика [вопросы и ответы]
 - FAQ по Photoshop
 - Несколько советов по WEB дизайну

горячая новость

У нас открылся на сайте форум. Теперь все свои проблемы Вы можете писать там. Спрашивайте, общайтесь, спорьте, высказывайте свои мысли...
 Новости сайта
1. Наш ресурс предлагает произвести обмен ссылками. Ознакомится с правилами по обмену ссылками мы предлагаем здесь http://design-forever.ru/links/ 
2. Открылся форум. Общайтесь... Рекламируйте себя, спрашивайте, показывайте, обсуждайте, спорьте. Все в Ваших буквах...
3. На сайте заработал раздел "Анимашки и клипарт". Вы можете посмотреть коллекцию. Коллекция отличается от других, тем что анимашки собраны с зарубежных сайтов и рассылок, поэтому в них есть кое-чего интересного и забавного. Перейти>>>
4. Скоро на сайте появятся шаблоны для интернет-магазина. Следите за новостями, оставайтесь в рядах подписчиков, Вы узнаете об этом первыми.
5. Готовится новый сайт http://wap.design-forever.ru - на данном сайте Вы сможете узнать, как создавать свой WAP сайт, как делать логотипы, картинки, обои для своего мобильного телефона. Следите за новостями, оставайтесь подписчиками.
 Шаблон №13 и №14
Шаблон №13 с использованием CSS.

[перейти и скачать]

примечание: в шаблоне используется таблица стилей CSS. Шаблон можно использовать для продажи хостинга и доменов.

Шаблон №14 с использованием CSS и эффектов с картинками.

[перейти и скачать]

примечание: в шаблоне используется таблица стилей CSS, эффекты с картинками. Имеется исходный файл кнопочек в формате Photoshop. Шаблон можно использовать для создания своей домашней странички.

 Графика [вопросы и ответы]

Как нарисовать пиксельную линию

У многих возникает вопрос, что такое пиксельная линия.
Это линия шириной в один пиксель. Такие линии очень хорошо использовать в баннерах. С помощью пиксельных линий Вы можете создавать пиксельные объекты.
Для того чтобы нарисовать пиксельную линию, откройте Photoshop, выберите инструмент "Карандаш", установите размер кисти равным 1 (т.е. в один пиксель) и начинайте рисовать пиксельную линию. Чтобы нарисовать прямую пиксельную линию удерживайте клавишу "Shift".
Источник: http://design-forever.ru 

Как заставить писать Photoshop русскими буквами

Довольно часто пользователи задают такой вопрос начав работать с программой Photoshop.
Я хочу предложить один из вариантов (читал что есть еще варианты).
Нажимаем кнопку "ПУСК" -> "ВЫПОЛНИТЬ" -> запускаем программу REGEDIT.
В появившемся окне программы переходим сюда
HKEY_LOCAL_MACHINE->SYSTEM->ControlSet->Control->Nls->CodePage
Ищем имя 1250 и 1252, меняем (двойной клик по имени) на с_1251.nls
У меня XP, работает нормально. Читал для других систем нужно ставить cp_1251.nls
Закрываем программу и перезагружаем компьютер.
Источник: http://design-forever.ru  

 FAQ по Photoshop

Q. Сколько памяти нужно выделять для нормальной работы и почему?
A. Если вы работаете с графикой для web (обычно, она небольшого размера) - целесообразно ставить 50% или около того, чтобы иметь возможность без проблем работать одновременно и с другими приложениями (например, HTML редактор, FTP клиент и/или что-то другое). Если же вы работаете с файлами большого размера - советую выставить 80%-90%.


Q. Как изменить шрифты интерфейса на русские?
A. Найдите файл ADMUI2.fon в директории PhotoShop и удалите его. При запуске PS подставится системный кириллический шрифт (например, MS Sans Serif).


Q. Как создать эффект "старой" фотографии?
A. Воспользуйтесь плагином Aged Film


Q. Как можно расположить текст по кривой?
A. Посмотрите трюк в разделе Tricks. Или воспользуйтесь плагином Extensis PhotoGraphics


Q. Каким образом можно заставить Photoshop автоматически обработать несколько картинок (например изменить их размер)?
A. Создаете action в который записываете нужную последовательность действий (в данном случае изменение размера картинки). Дальше File > Automate > Batch. В секции Play выбираете свой action. В секции Source - путь директории откуда беруться исходники. В секции Destination - куда сохранять результаты.


Q. Как сделать так, чтобы одна картинка плавно переходила в другую?
A. Выбираем слой который должен плавно переходить > Edit in Quick Mask Mode (Q) > Заливаем все черным цветом (картинка станет розоватой) > Делаем градиент от черного к белому (черный - непрозрачность, белый - прозрачность) > возвращаемся в Edit in Standart Mode (Q) > Edit > Clear (или просто DEL).


Q. Как лучше резать картинки для вебдизайна?
A. Ставим guidelines в нужное положение (нажать левую кнопку мыши на "линейке" и тянуть не отпуская), устанавливаем режим "прилипания" к ним (View > Snap to Guides) > Image > Mode > Indexed Color, выделяем нужный участок картинки, CTRL+C > CTRL+N > Enter > CTRL+V > File > Export - GIF 89A Export.


Q. Есть ли способ наpезать изобpажение в тpанспаpентнyю полосочкy, то есть сделать своеобpазный 'interlaced'?
A. Конечно.
1. Создаем новой изобpажение pазмеpом 1х2 с пpозpачным фоном.
2. С помощью каpандаша (Pencil Tool) закpашиваем веpхнюю точкy.
3. Выделяем все. Ctrl-A.
4. Edit > Define Pattern
5. Пеpеключаемся обpатно визобpажение, где хотим сделать интеpлейс.
6. Создаем новый слой.
7. Выделяем область.
8. Fill (Shift+F5) > из меню в окошке Fill выбиpаем Pattern > OK
9. Pегyлиpуем паpамеpт Opacity y слоя, где интеpнлейс наpисовался.

Q. Как сделать так, чтобы установленные шрифты появились в Photoshop?
A. Воспользуйтесь этой программой. Просто скопируйте, устанавливамые шрифты и эту программу в одну папку и запустите ее.


Q. Как сделать рисунок в формате GIF с прозрачным фоном?
A. Для начала необходимо, чтобы бэкграунд, то есть та область, которую Вы хотите сделать прозрачной, была одного цвета. Лучше если этот цвет будет максимально приближен к цвету фона на веб-страничке. Переводим каринку в индексированные цвета: Image > Mode > Indexed Colors. Теперь сохраняем как GIF: File > Export > Export GIF 89a... В появившемся диалоговом окне выбираем тот самый цвет, которым залита будущая прозрачная область. Жмем ОК.

Материал предоставлен: Photoshop.ru

 Несколько советов по WEB дизайну
Автор: MadCoder(madcoder@hotbox.ru)

1) Не лепите слишком много GIF и Flash анимации. Я не говорю, что её вообще не должно быть, наоборот если она использована правильно и к месту, то только улучшить вид вашего сайта, но когда её слишком много или она вставлена не к месту, то может свести на нет все ваши старания.

2) Не ставьте слишком много счётчиков. Не буду сейчас распространятся почему, просто поверьте на слово. Оптимальный вариант - 2 или 3 счётчика на странице. При этом поместите их так, чтобы они вписывались в ваш дизайн. Так же не стоит пренебрегать возможностью выбрать цвет счётчика - подберите под свой сайт.

3) Будте осторожны с "бегущими строками". Этот элемент Web страниц может неплохо дополнить ваш дизайн, а может всё испортить напрочь.

Не в коем случае не добавляйте более одной такой строки. Содержание её должно быть иформативным - например новости сайта, или какая-нибудь полезная иформация. там не должно быть фраз типа "Добро пожаловать на мой Сайт" - это очень раздражает посетителей. Также важно подобрать правильную скорость прокрутки и, опять же таки, её нужно втыкать туда, где она не будет мешать.

4) Правильно подберите цвета. Я имею ввиду то, что нужно выбирать тот цвет шрифта, который будет хорошо виден на выбранном вами фоне. Цвета не должны быть слишком яркими, они должны контрастировать друг с другом. Для начала советую попробовать классику: чёрное на белом.

5) Не злоупотрябляйте Java Script'ом Ох как любят начинающие дизайнеры налепить побольше таких скриптов! Мой совет - не делайте этого. То есть, конечно, можно добавить какие-нибудь часики или ещё что, но не злоупотреблейте этим! Во всём нужно соблюдать умеренность.

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

7) Соблюдайте элементы форматирования. Не забывайте разделять текст на абзацы, делать отступы, таблицы. Тогда текст будет гораздо легче прочитать.

8) Оформляйте все страницы в одной цветовой гамме. То есть, если на главной странице цвет фона у вас, например серый, то будьте добры и на остальных страничках сделать его таким же.

9) Не ставьте на одну страницу много баннеров. Почему? Потому что они долго грузятся, отпугивают посетителей и перегружают дизайн.

10) Старайтесь делать как можно меньше орфографических ошибок и опечаток. Тут думаю объяснять ничего не надо.


http://subscribe.ru/
http://subscribe.ru/feedback/
Подписан адрес:
Код этой рассылки: comp.design.webbanner
Отписаться

В избранное