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

Свой сайт - это просто! Пособие для чайников. Выпуск 16


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


Свой сайт - это просто!
Пособие для чайников.

Сайт рассылки - websuper.by.ru
Архив рассылки -websuper.by.ru/svoisait.htm

Главная  Статьи   Картинки   Улыбнуться! :)  
Полезное
  Услуги   Ссылки

Выпуск 16
"Adobe Photoshop. Фоны. Создание фонов собственными руками."

Здравствуйте, уважаемые читатели!

  Пришло очень много писем, о том, что скриншоты не отображаются.
Признаюсь, дала неправильную ссылку. Посмотреть скриншоты можно в архиве рассылки или по ссылкам 
http://websuper.by.ru/tost/001.gif
http://websuper.by.ru/tost/002.gif
http://websuper.by.ru/tost/003.gif

  Помните, что я вам обещала в прошлом выпуске? 
Правильно, знакомство с одной очень интересной и полезной программой, которая называется Adobe Photoshop.

 

Учебников по Photoshop очень-очень много. Как "реальных", так и "виртуальных".

Мы с вами будем говорить о 7.0, самой последней версии программы. 

Конечно, иногда будет сложно, но мы с вами обязательно все разберем!

 

Если на вашем компьютере еще нет Photoshop, то советую приобрести, хотя это и не обязательное условие для построения сайта.

Где можно приобрести Photoshop? Конечно, в магазине! В каком? В компьютерном! Скачать такую вещь из интернета, конечно, нельзя, потому что, во-первых, распространение в интернете таких программ незаконно, да и весит она многовато... :)

Условие необязательное, но с Photoshop вы сможете намного больше!

 

Скажу только, что эта рассылка не самоучитель по Photoshop. 

Если вы захотите узнать побольше о Photoshop, научиться делать много интересных трюков и эффектов (а их действительно много!), советую вам купить какое-нибудь издание на эту тему. 
И обязательно с пометкой "для начинающих"! :)

 

Что же такое это загадочное Photoshop?

Вообще, Adobe Photoshop на сегодняшний день лучший графический редактор. Да-да, лучший! Но сложный (для начала).

 

Когда вы первый раз запустите его, вы увидите примерно следующее:

http://websuper.by.ru/tost/004.gif

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

Может быть в первый день вам покажется все очень-очень сложным и вам захочется все бросить.
Не стоит этого делать - уже через несколько дней вы вполне сможете освоиться в среде Photoshop.

Полная палитра инструментов выглядит примерно так:
http://websuper.by.ru/tost/005.gif

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

Но! Я уже говорила, что эта рассылка посвящена не Photoshop, а сайтостроению, причем для начинающих. 
И еще я уверена, что даже после этого выпуска больше половины всех читателей рассылки даже и не подумают приобретать Photoshop (с FrontPage все обстоит примерно так же). В принципе, каждый поступает как хочет...

Для тех, кто все-таки собирается изучать Photoshop (что, несомненно, очень правильное решение!) еще раз рекомендую поискать литературу на эту тему.

А теперь перейдем ко второй части сегодняшнего выпуска (и моего обещания в 15-ом выпуске!). Мы будем говорить о фонах для сайта.

Вы уже выбрали фон для своего сайта? Нет? Тогда вперед!

Итак, фон не должен быть слишком ярким, ухудшающим чтение текста. Лучше, конечно, использовать светлые фоны, тогда текст читается и воспринимается намного лучше 
(пример - данная рассылка :))

Если же специфика сайта не позволяет вам использовать светлый фон, обязательно готовьте версию для печати. Что это такое? Версия для печати - это весь ваш текст, только черный и на белом(!) фоне. Распечатывать (и читать) такой текст конечно же лучше, ваш посетитель не будет тратить лишнюю краску на фон.

Фон должен быть совместим с текстом. Например, на белом фоне желтый текст практически не виден, а на розовом фоне салатовый текст слишком кричит.

Конечно, главное условие - это чтобы фон очень хорошо вписывался в тему для сайта и в цветовое сочетание сайта.

Это мы говорили о простых фонах. А теперь я вам расскажу о фоновом рисунке.

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

Сделали. Все хорошо, все красиво... А картина-то какая!

Вам нравится и это замечательно. Теперь попробуем посмотреть на сайт с таким красивым фоном глазами посетителя. Зашли вы на сайт, например, "Тосты, поздравления и соболезнования на все случаи жизни." Зачем вы туда зашли? Чтобы подыскать или заказать себе подходящее поздравление, соболезнование или тост. Правильно?

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

Unhappy end...
Почему? Да потому что посетитель больше на ваш сайт не зайдет!
Вы хоть мысль-то уловили? Нет?!
Хорошо, объясню еще раз. Постараюсь покороче :)

Фоновый рисунок не должен слишком выделяться. Он здесь не главный. А кто главный? Текст! Вот его посетитель и должен увидеть. А фоновый рисунок, как и остальные картинки, это уже что-то на заднем плане. Главный тут текст! А чтобы его приятней и удобней было читать, делается все остальное.

А вы как думали? 

Кстати, фоновый рисунок - это очень красиво и хорошо. Поэтому мы этот фоновый рисунок делать будем! Причем своими руками! :)
И поможет нам в этом именно Adobe Photoshop, о котором мы совсем недавно говорили.

Для начала мы попробуем сделать кирпичики.
Открываем Photoshop. File-New.
Задаем нужные размеры.


http://websuper.by.ru/tost/006.jpg

Заливаем этот New каким-то одним цветом. Например, оранжевым.
Потому что делать будем кирпичи!


http://websuper.by.ru/tost/007.jpg

Залили? Теперь давайте делать кирпичи. Нет, рисовать сами мы их не будем. Для этого в Photoshop существует специальная функция.

 Называется фильтры. И кирпичи это только один из очень многих существующих фильтров. А теперь давайте все рассмотрим на практике.


http://websuper.by.ru/tost/008.jpg

Как вы видите, фильтров действительно много. Сейчас мы будем рассматривать только Texturizer, с помощью которого делаются текстуры.


http://websuper.by.ru/tost/009.jpg

Открыв опции Texture, увидим что мы можем сделать Brick (кирпич), Burlap (мешковину), Canvas (полотно) и Sandstone (песчаник). Теперь давайте делать кирпичики. Пользуясь Scaling (шкала), Relief (рельеф), а также направлением освещения Light Direction, добиваемся желаемого результата в окне предварительного просмотра. После чего нажимаем кнопку OK.

И вот, кирпичики готовы!

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

Для того, чтобы все это поменять, надо зайти в 
Image - Adjustments - Hue - Saturation


http://websuper.by.ru/tost/010.jpg

Изменяя движки Hue (цвет), Saturation (насыщенность) и Lightness (освещенность), мы можем подправить изображение по своему желанию.


http://websuper.by.ru/tost/011.jpg

Кроме Hue - Saturation имеются и настройки баланса цветов: Image - Adjustments - Color Balance, и настройки Яркости/Контраста: Image - Adjustments - Brightness - Contrast.

В результате у меня получился красный кирпич:


http://websuper.by.ru/tost/012.jpg

Но... может быть вы сделали что-то не так и вам что-то хочется изменить? Для этого существует функция Window - History.


http://websuper.by.ru/tost/013.jpg

Как вы видите, все наши ходы записаны. И щелкнув по любому из них, мы окажемся в нужном нам месте!

Вижу, пора закругляться, выпуск получился большой, (шесть страниц - это вам не шутки!) проиллюстрированный (если вы читаете текстовую версию, вы, конечно, урок не освоите) но все рассказать я вам просто не смогу. Поэтому предлагаю вам на десерт попробовать создать фоны с помощью других фильтров (фантазируйте!). А если же вам делать ничего не хочется, то на сайте рассылки в разделе Картинки вы найдете более 320 (на любой вкус!) фонов для своего сайта.

P.S. Некоторые скриншоты взяты с сайта dikarka.ru.

Толковый словарь

HTTP - Протокол передачи гипертекста 
(HyperText TransferProtocol)
CGI - Общий шлюзовой интерфейс (Common Gateway Interface)

(Прислал (а) glance)

Бит - минимальная передаваемая единица информации. Сочетания битов могут указывать букву, число, передавать сигнал, выполнять переключение или другие функции.

(Из личного архива)


Присылать свои материалы в толковый словарь можно сюда

Улыбнуться! :)
В этом разделе будут публиковаться анекдоты и афоризмы на компьютерную тему. Вы также можете присылать свои материалы в раздел по этому адресу
Ссылка на вас и большое спасибо гарантированы!

Приходит программер домой, к нему подбегает кошка и начинает усиленно ластиться, лизать руку, мурчать и т.д. Жена, увидев это, спрашивает:
  - Что это вдруг случилось с кошкой? Чего она руку-то лижет?
  - Как чего? Мышкой пахнет...

Программист НИКОГДА не поднимется на 12 этаж на лифте, т.к. вначале нажмет цифру (1) потом цифру (2), а после будет искать Enter.

- Объявление в журнале: "Вывожу из Интернета"

- Объявление: срочно продам мышь в отличном состоянии, со всеми наворотами, пробег - 5000км.

(Из раздела Улыбнуться! :))

Сайт рассылки

Приглашаю вас посетить сайт рассылки, целиком посвященный сайтостроению для чайников, где вы найдете очень много картинок, скриптов и советов по созданию своего сайта :))

Поменялось голосование Голосуем! >>>

Появился раздел Улыбнуться! :). 
Там вы всегда найдете самые интересные анекдоты и афоризмы.

В раздел Картинки добавилось 120 новых фонов!

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

Рекомендуемые рассылки

Ищешь счастье, здоровье, удачу, а может любовь?

Подпишись на рассылки Школы Своего Здоровья на Subscribe.ru!

Кто виноват, что ты болен, и что тебе с этим делать?  
Как начать получать удовольствие от жизни прямо сейчас.
 
И ты можешь стать здоровым, удачливым и счастливым.
 
Как с умом распорядиться своим здоровьем
 
Путь к здоровью через болезнь.

Письма

А если у вас уже есть какой-нибудь собственный опыт на тему Web-дизайна и сайтостроения, присылайте мне ваши письма. 
Самые интересные письма и материалы будут опубликованы!
Вопросы направлять сюда.

А на сегодня все. 
Жду вас на сайте рассылки. Удачи!
Автор и ведущая рассылки Ольга.

http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное