Оригинальная шапка для сайта

Оригинальная шапка для сайта - уроки фотошоп

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

Сложность: низкая Время: до 30 минутНавыки для "прокачки": - создание векторных объектов в Фотошоп - Работа с путями (Path) Давайте начнем. Создадим новый документ со следующими параметрами:

Оригинальная шапка для сайта - уроки фотошоп Заполните фон цветом - #43b0c2. Откройте изображение мятой бумаги. Оригинальная шапка для сайта - уроки фотошоп Если Ваше изображение не соответствует размерам, примените Transform = Трансформирование Ctrl+T. Измените режим наложения на Multiply = Умножение и Opacity = Непрозрачность на 33. Оригинальная шапка для сайта - уроки фотошоп Вот что должно получиться. Оригинальная шапка для сайта - уроки фотошоп Оригинальная шапка для сайта - уроки фотошоп Теперь давайте сделаем облака. Создайте новый слой. Выберите цвет переднего плана - #d8f1f5. Выберите инструмент Ellipse Tool = Эллипс Оригинальная шапка для сайта - уроки фотошоп Активируйте форму, как на картинке ниже Оригинальная шапка для сайта - уроки фотошоп Оригинальная шапка для сайта - уроки фотошоп Нарисуйте круг, теперь нажмите добавить к выделенной области и нарисуйте еще 3-4круга, немного накладывая их друг на друга. Оригинальная шапка для сайта - уроки фотошоп Теперь нажмите Rasterize layer = Растрировать слой Оригинальная шапка для сайта - уроки фотошоп Дважды щелкните по слою, содержащему круги, чтобы открыть Палитру Стилей Слоя. Добавим следующие изменения: Drop Shadows = Тень Оригинальная шапка для сайта - уроки фотошоп Inner Glow = Внутреннее свечение Оригинальная шапка для сайта - уроки фотошоп Bevel and Emboss = Тиснение Оригинальная шапка для сайта - уроки фотошоп Satin = Глянец Оригинальная шапка для сайта - уроки фотошоп Gradient Overlay = Наложение градиента Оригинальная шапка для сайта - уроки фотошоп Сделайте столько облаков, сколько Вам хочется. Создайте новый слой. Активируйте инструмент Line Tool = Линия, чтобы создать коробку. Оригинальная шапка для сайта - уроки фотошоп В следующем шаге, мы сделаем несколько волнистых линий, разных цветов, инструментом Pen Tool = Перо Оригинальная шапка для сайта - уроки фотошоп Нарисуйте волнистую линию. Оригинальная шапка для сайта - уроки фотошоп Нажмите правую кнопку мышки и выберите Stroke Path = Выполнить обводку контура Оригинальная шапка для сайта - уроки фотошоп Вы можете выполнить, имитировать нажим, а можете не делать этого, посмотрите обе функции и оставьте так, как Вам больше нравится. Теперь добавьте Drop Shadows = Тень, используя Стиль Слоя. Оригинальная шапка для сайта - уроки фотошоп Если вы не хотите делать тоже самое несколько раз, вы можете дублировать слой, с вашей линией, для этого нужно сделать, щелчок правой кнопкой по слою с линией Copy layer = Создать дубликат слоя Оригинальная шапка для сайта - уроки фотошоп Но в этом случае, Вы должны изменить цвет тени. Теперь активируйте Инструмент Brush Tool = Кисть, выберите кисть со звездами. Сделайте несколько звездочек. Оригинальная шапка для сайта - уроки фотошоп Вот и все! Продолжайте свое путешествие, изучайте уроки Web дизайна, и Вы легко создадите свой, уникальный дизайн! Оригинальная шапка для сайта - уроки фотошоп Ссылка на источник: http://csscreme.com

Добавить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив
  • Яндекс.Метрика