[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Форум » Photoshop » Уроки Photoshop » Создаем лого/шапку для сайта
Создаем лого/шапку для сайта
Small_vampireДата: Среда, 07.09.2011, 05:45 | Сообщение # 1
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:

Создаем лого для сайта



Многие просили меня написать урок о том как я делаю шапку для дизайнов. На самом деле это очень просто, а когда наберешься опыта, это будет сущим пустяком. Главное, фотошопер должен иметь достаточно текстур, кстей, png клипарта и всего остального, потому что именно это позволяет нам создавать что-то красивое.

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

1. Создаем новый файл я взяла с размером 1300*550, у вас конечно свой. И открываем три исходника (помните, что для шапки изображения должны быть большими и хорошего качества) лучше всего выбрать однотипные изображения, так как они составляют более красивую и удобную комплекцию. Я взяла с Меган Фокс, все исходники разного ракурса и с белым фоном, что очень удобно для меня.
Теперь я буду их размещать, так как представляю себе. И конечно выбираю центральное изображение, вокруг котрого и буду создавать.

2. Эскиз готов, можно скрыть эти изображения и приступать к подготовке фона. Для начала залью первый слой белым цветом. Теперь возьмем текстуру, например вот эту. Она мала для моего изображения, поэтому я продублировала ее Ctrl+J отвела в сторону и подтерла края кисточкой с мягкими крями, непрозрачностью примерно 60%. Вот что получилось:


3. Теперь берем вот эту текстуру, ставим режим наложения Линейный затемнитель и подтираем не совсем красивые места. Результат:


4. Теперь возьмем эту текстуру, стерем ненужный рисунок оставив только розовый фон, режим "Перекрытие", и поместим на мой узорчатый рисунок. Результат:
-->


5. С фоном пока закончили, теперь приступим непосредственно к самим изображениям. Я поменяла расположения, так как теперь они не смотрятся. Теперь убираем фон изображения. Так как у меня фон исходника и фон шапки светлый, то мне не обязательно убирать абсолютно все. Здесь можно воспользоватся и кисточкой с мягкими крями. Аккуратно убираем лишнее. Третье изображение я возьму как фоновое, поэтому ставлю егов режим перекрытые и убираю лишнее кисточкой с мягкими краями. С этим изображением не надо быть аккуратным, просто убираем все лишнее, чтоб остался силуэт. Изабражение кажется блеклим, поэтому только ему мы добавляем резкости. (Фильт-Резкость-Резкость)
-->


6. Приступим к обработке шапки. Для начала я продублировала слои оставшиеся два слоя с Меган и поставила режим "Мягкий свет" + добавила резкости. Далее идем Слои-Новый корректирующий слой-Выборочная коррекция цвета.
Красные: -86; +69; -15; +18
Белые: +100; +37; -37; -6
Нейтральные: +25; +16; +25; -6
Но все зависит от изображения.
Слои-Новый корректирующий слой-Уровни: 17; 1.26; 250
Результат:


7. В этом шаге мы будем довершать нашу шапку. Возьмем вот эту png картинку, немного повернем и поставим под слои c девушкой. Берем вот такой круговорот и снова ставим под слоями с девушкой. Добавим цветочек уже над слоями с девушкрй, немного прикрыв низ тела, режим наложения "Замена светлым.


8. Расставляем акценты. Это будут блики. Инструмент кисть, радиус примерно 215 пикс., цвет белый. Создаем новый слой и расставляем блики. Внимание, слой с бликами должен быть на самом верху. Режим наложения не меняем, можно изменить Непрозрачность, если вам кажется слишком ярко.


9. Еще добавлю звездочки и хватит. Думаю остальное будет лишним, поэтому добавляю только текст. Тест очень важен. Нужно правильно подобрать стиль текста и шрифт. Он должен быть в той же цветовой гамме, но не сливатся с фоном. Вот и все, наша шапка готова!



Если возникли вопросы - спрашиваем. Не забываем делиться своим результатом!

Автор урока: Small_vampire
При полном или частичном копировании материала указывать автора и ссылка на сайт обязательно!
 
Bubble:DДата: Среда, 26.10.2011, 19:42 | Сообщение # 16
Стажер
Группа: Пользователи
Сообщений: 20
Награды: 0
Репутация: 3
Статус:

Полезный урок, определенно biggrin Как-нибудь соберусь с мыслями и сама попробую)

 
Perepiska99Дата: Пятница, 16.12.2011, 21:21 | Сообщение # 17
Талант
Группа: Пользователи
Сообщений: 72
Награды: 0
Репутация: 0
Статус:

Спасибо.Но легче вырезать,а то останется что-то типо тени)

 
TashaДата: Четверг, 29.12.2011, 22:37 | Сообщение # 18
Талантище
Группа: Модераторы
Сообщений: 238
Награды: 0
Репутация: 7
Статус:

спасибо) надо попробовать)

 
TashaДата: Пятница, 30.12.2011, 11:49 | Сообщение # 19
Талантище
Группа: Модераторы
Сообщений: 238
Награды: 0
Репутация: 7
Статус:

а где брать такие красивые обойки?

 
Small_vampireДата: Пятница, 30.12.2011, 15:28 | Сообщение # 20
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:

Tasha, дэвиант в помощь)

 
TashaДата: Пятница, 30.12.2011, 17:29 | Сообщение # 21
Талантище
Группа: Модераторы
Сообщений: 238
Награды: 0
Репутация: 7
Статус:

Quote (Small_vampire)
Tasha, дэвиант в помощь)

спасибо)


 
MeNLiДата: Среда, 01.02.2012, 13:27 | Сообщение # 22
Ученик
Группа: Пользователи
Сообщений: 2
Награды: 0
Репутация: 0
Статус:

Хороший урок. Шапка вышла очень красивая
 
Xo-XoДата: Пятница, 02.03.2012, 01:36 | Сообщение # 23
I lOVE STUFF STUDIO
Группа: Пользователи
Сообщений: 56
Награды: 1
Репутация: 1
Статус:

Полезный урок dry

 
:)Karink@(:Дата: Четверг, 08.03.2012, 13:01 | Сообщение # 24
Ученик
Группа: Пользователи
Сообщений: 14
Награды: 0
Репутация: 0
Статус:

Спасибочки за урок) smile
 
Beutiful_AngelДата: Воскресенье, 11.03.2012, 19:31 | Сообщение # 25
Ученик
Группа: Пользователи
Сообщений: 2
Награды: 0
Репутация: 0
Статус:

а можешь дать текстуру с шариками?
 
Small_vampireДата: Воскресенье, 11.03.2012, 19:42 | Сообщение # 26
The Girl Who Loves Vampires
Группа: Администраторы
Сообщений: 756
Награды: 13
Репутация: 18
Статус:

Beutiful_Angel, с какими шариками?

 
Beutiful_AngelДата: Воскресенье, 11.03.2012, 20:03 | Сообщение # 27
Ученик
Группа: Пользователи
Сообщений: 2
Награды: 0
Репутация: 0
Статус:

Small_vampire, которые возле силуэта Меган, кружочки с обводкой.
 
selkaselkaДата: Пятница, 23.03.2012, 16:18 | Сообщение # 28
Стажер
Группа: Проверенные
Сообщений: 28
Награды: 1
Репутация: 0
Смайл настроения:
Статус:

классссссссссный урок
 
ТигрёнокЧоДата: Четверг, 31.05.2012, 21:30 | Сообщение # 29
Ученик
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 0
Статус:

Спасибо за урок, все получилось!) smile
 
MaryCliareДата: Вторник, 17.07.2012, 22:03 | Сообщение # 30
Стажер
Группа: Пользователи
Сообщений: 33
Награды: 0
Репутация: 0
Статус:

Спасибо, наконец-то научилась))

 
Форум » Photoshop » Уроки Photoshop » Создаем лого/шапку для сайта
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Поиск:


Конструктор сайтов - uCoz
Конструктор сайтов - uCoz