Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Шапка для сайта (Различные варианты создания шапок)
#1
Суббота, 25.04.2009, 22:29
Alexander0707
Проверенный
Сообщения: 189
Репутация:
Сегодня покажу вам как можно очень быстро сделать простенькую шапку сайта. Это она пока простенькая, а если вы подключите свою фантазию, по получиться должно очень хорошо.
Назначение данного урока — показать принцип рисования шапки сайта и не больше.
В следующих уроках про создание шапки сайта я сделаю что-нибудь посложнее, а пока вперёд залазить не нужно.
Меньше разговоров, больше дела. Вооружайтесь фотошопом и приступайте к уроку.
1. Создаём новый рисунок размером 800x150 px:
2. Заходим в Layer Style (кликните правой клавишей по слою, там выберите Blending Options) на вкладку Gradient Overlay. Там настраиваем градиент следующим образом (красным цветом я написал шестнадцатеричные значения цветов):

Жмём везде Ok и получаем фон:

3. За тем выбираем инструмент Pen Tool и рисуем такую фигуру (можете подключить свою фантазию), цвет — #313e5a

4. Заходим в Layer Style на вкладку Drop Shadow и выставляем следующие параметры:

5. Теперь выберите кисточку с пятнами краски, создайте новый слой и что-нибудь «наляпайте» (фиолетовым цветом — #313e5a):

6. Снова создайте новый слой, смешивание (Blend Mode) измените с Normal на Overlay (данный параметр настраивается на панели слоёв Layers) и снова нарисуйте что-нибудь кисточками:

7. Создайте новый слой и залейте его любым цветом (с помощью Paint Bucket Tool), затем непрозрачность заливки Fill уменьшите до 0%.
Зайдите в Layer Style на вкладку Inner Shadow и настройте следующие параметры:

8. А на вкладке Pattern Overlay настройте заливку текстурой. В качестве текстуры выберите какую-нибудь штриховку (как создавать подобную текстуру сказано, в 1 уроке )

9. А сейчас напишите название сайта.
10. Раскрасьте его по следующему принципу:

10. Нарисуйте ещё что-нибудь и напишите слоган вашего сайта:

12. А сейчас создайте копию слоя с названием сайта (для этого перетащите слой на иконку создания нового слоя или кликните по слою правой клавишей и там выберите Duplicate Layer).
Отразите по вертикали копию слоя с названием сайта (Edit —> Transform —> Flip Vertical) и разместите её (надпись) ниже:

13. Добавьте маску слоя (на панели слоёв кликните по кнопке Add layer mask):

14. Выберите инструмент Gradient Tool (градиент) и чёрно-белым градиентом залейте маску сверху вниз:

15. Снизу напишите названия основных разделов сайта:

16. Создайте новый слой. С помощью инструмента Rectangular Marque Tool выделите верхнюю часть изображения и залейте её белым цветом (с помощью Paint Bucket Tool)
17. Добавьте к данному слою маску, как это мы делали ранее, и залейте её чёрно-белым градиентом сверху вниз
Вот мы и нарисовали в фотошопе шапку для сайта:

Пост отредактировал Tronik - Воскресенье, 26.04.2009, 12:37
[img]http://s51.radikal.ru/i134/0907/3c/bc68393bf22e.gif[/img]
#2
Воскресенье, 26.04.2009, 11:28
misha135
Заблокированные
Сообщения: 198
Репутация:
Дауш)))

Добавлено (26.04.2009, 12:28)
---------------------------------------------
Без картинок туповато , так каждую смотреть )))

#3
Воскресенье, 26.04.2009, 12:37
Tronik
Проверенный
Сообщения: 60
Репутация: 324
misha135, Исправил)
#4
Воскресенье, 26.04.2009, 16:17
Alexander0707
Проверенный
Сообщения: 189
Репутация:
Quote (Tronik)
misha135, Исправил)

THX
[img]http://s51.radikal.ru/i134/0907/3c/bc68393bf22e.gif[/img]
#5
Воскресенье, 26.04.2009, 18:39
[uCoz]
Заблокированные
Сообщения: 0
Репутация: 394
Красиво. wink
#6
Понедельник, 27.04.2009, 10:53
SENNAR
Заблокированные
Сообщения: 1280
Репутация: 436
красиво получилось!
#7
Четверг, 28.05.2009, 17:20
fastJkee
Проверенный
Сообщения: 352
Репутация: 734
Ага молодец помог лови +
#8
Вторник, 09.06.2009, 17:28
Alexander0707
Проверенный
Сообщения: 189
Репутация:
СПС
[img]http://s51.radikal.ru/i134/0907/3c/bc68393bf22e.gif[/img]
#9
Вторник, 09.06.2009, 18:02
sany
Заблокированные
Сообщения: 465
Репутация:
видел на какомто сайте!!!
Вторник, 09.06.2009, 19:53
Tymchuk
Проверенный
Сообщения: 406
Репутация:
Красиво СПС лови + smile
[url=http://allfy.net/][img]http://allfy.net/templates/AllFY/images/logo.png[/img][/url]
Вторник, 09.06.2009, 20:55
high-technology
Проверенный
Сообщения: 1021
Репутация: 903
Alexander0707, передпоследний красивее happy
Вторник, 09.06.2009, 21:04
Ildar
Проверенный
Сообщения: 1907
Репутация: 3742
high-technology, ага согласен
Вторник, 09.06.2009, 21:24
Schckrabby
Пользователь
Сообщения: 87
Репутация: 255
Идею украли с форума сайта designarts.ru dry
It seems 2 be i h8 u but idk why :P
Среда, 10.06.2009, 08:01
Skew
Проверенный
Сообщения: 314
Репутация: 432
Alexander0707, Класно!
Очень качественная обработка фотографий за деньги
Среда, 10.06.2009, 17:14
T[a]KS
Пользователь
Сообщения: 1
Репутация:
старая тема
ну я имею в виду что был такой урок давно точно
За ПомоЩью ОбрАайТЕсь В аС10
ПоМоГ СтаВь ПлюСеГггГгг!
Жду и НадеЮСь ПереХода Из ПользоВАТелеЙ в ПостоЯнныйХ или ФотоШоПероВ =)
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск:
Форум
Социальные сети
Хостинг от uCoz