20 янв. 2009 г.

НОВАЯ ШАПКА ДЛЯ БЛОГА

ЗДРАВСТВУЙТЕ, УВАЖАЕМЫЕ ЧИТАТЕЛИ!
Во-первых, хочу поблагодарить тех, кто стал постоянным читателем моего блога. Добро пожаловать в "Увлекательный мир Photoshop". Надеюсь, что Вы не будете разочарованы.
Сегодняшний урок я написала специально для Ирины, моей постоянной читательницы, а также для тех, кто хочет украсить свой блог как-то по-своему, чтобы он не был похож на другие.
Итак, приступим.
ШАГ 1: Создаем новый документ размером 800х200 пикселей с белым фоном. Фон можно выбрать любой, в зависимости от цветов, которые преобладают на Вашем блоге и от Вашей задумки.

ШАГ 2: создаем новый слой (CTRL+SHIFT+N), который назовем "Рамка". Берем инструмент Прямоугольное выделение (Rectangular Marqee) . Кликаем у верхнего левого угла документа, немного отступив от краев и растягиваем прямоугольник таким образом:
Преобразуем нашу выделенную область командой Выделение/Инвертировать (Select/Inverse) из главного меню. Должно получиться так:
Выбираем в качестве основного цвета голубой, #d2e6ff, нажимаем ALT+BACKSPACE, снимем выделение (CTRL+D) и смотрим, что получилось. А получилась рамка, как рамка. Ничего особенного. Надо бы эффектов добавить. Щелкните по кнопочке с буквой f внизу палитры слоев и выберете из списка эффектов "Тиснение и рельеф" (или "Фаска и рельеф", как в Photoshop CS) (Bevel and Emboss). Откроется окно настроек, в котором выставляем такие:
Вот так уже лучше:
ШАГ 3: теперь напишем название блога и немного украсим нашу шапку (Хотя это уже по желанию). Писать мы будем инструментом Текст (Text) (T) . Как его настроить я рассказывала в уроке Рельефный текст, поэтому повторяться не буду. Настроили инструмент и пишем название "Увлекательный мир Photoshop" (Вы, конечно же свое):
Если все устраивает, нажимаете клавиши CTRL+ENTER, чтобы текст стал текстовым слоем. Если нет, можно открыть палитру Символ (Symbol) в меню Окно/Символ (Window/Symbol) и поменять настройки:
Даже если Вы поторопились и нажали CTRL+ENTER, не волнуйтесь! Текстовой слой можно редактировать и после нажатия этих клавиш все той же палитрой Символ.
Теперь применим несколько эффектов и к надписи. А то как-то невыразительно. Жмем все ту же кнопочку с буквой f и снова выбираем эффект Тиснение и рельеф (Bevel and Emboss) (для начала). Здесь уже настройки я указывать не буду, поскольку Вы можете играть с ними до тех пор, пока не будете довольны результатом. Только не нажимайте пока кнопку ОК, еще не все! Следующий эффект -- Тень (Drop shadow). С его настройками поступаете также, то есть, играете ползунками пока не понравится, хотя лучше не сильно увлекаться. Я бы посоветовала сделать не очень резкую тень. И еще одна настройка -- Обводка (Stroke). Я указала цвет обводки чуть темнее цвета букв и ширину в 2 пикселя. Теперь можно и ОК нажать:
ШАГ 4: украшаем шапку по своему вкусу. Можно создать пользовательскую фигуру, о которой говорилось в прошлый раз, и украсить ею, тоже с применением эффектов. Можно вставить фотографию или рисунок. Попробуем это сделать. Открываем в Photoshop рисунок, который хотим вставить:
Выделяем его клавишами CTRL+A, копируем (CTRL+C) и вставляем в документ с шапкой (CTRL+V). Рисунок перекрыл весь документ? Ничего страшного. Ведь он -- тоже слой и его можно двигать в разные стороны, а также уменьшать в размерах. В моем случае я уменьшать не буду, а просто помещу его под слой "Рамка", CTRL+[. Теперь нажму клавиши CTRL+T для вызова команды Свободная трансформация (Free Transform) и сдвину слой с облаком еще вниз, чтобы получилось так:
Теперь я добавила к этому слою маску для того чтобы создать плавный переход от рисунка к фону (кнопочку маски (справа от буквы f) внизу палитры слоев. Взяла инструмент Градиент (Gradient) (G) , тип выбирала Линейный, цвета -- от черного к белому . И провела слегка наклонную линию сверху вниз. Получилось так:

Вот и все. Шапка готова!
Если Вы не хотите, чтобы Ваша картинка занимала все пространство шапки, а была небольшого размера и стояла где-нибудь в стороне в качестве дополнения, то, после вызова команды Свободное Трансформирование (Free Transform) (CTRL+T), зажмите клавиши ALT+SHIFT и потяните за один из угловых маркеров. Картинка начнет равномерно уменьшаться. Когда уменьшите до желаемых размеров, передвиньте туда, где, по-Вашему, должно быть ее место, и нажмите ENTER, чтобы применить трансформацию.
Осталось сохранить картинку в формате JPG и вставить на блог. Если Вы делаете для сайта, то сохраняете в формате PSD, чтобы программист мог правильно подготовить ее для размещения в Интернете.
А на сегодня все. Удачи!

1 комментарий:

  1. Спасибо полезный совет. Но думаю хорошо бы вы выложили подборочку шапок для своих читателей

    ОтветитьУдалить