Adobe Photoshop, уроки, кисти фотошоп, плагины, стили, макросы, градиенты, текстуры, шрифты, иконки
Ваш логин   Пароль
Забыли пароль?

уроки photoshop - Создание Web проекта

14 марта 2008 | Пользователь NonSa

Начинаем с нового photoshop документа. Размер 760x770 pixels. Цвет фона: #e4ded2

Выберите инструмент Pencil Tool (Карандаш) и создайте следующее:

уроки photoshop - Создание Web проекта


Дублируем эту форму ( нажмите Ctrl+J ), затем идем Edit > Transform > Flip vertical (Редактировать > Трансформация > Отразить по вертикали).

Для этой же формы идем еще раз Edit > Transform > Flip Horizontal (>> Отразить по горизонтали) и размещаем эту вторую форму подобно мне с помощью инструмента Move Tool (Перемещение).

уроки photoshop - Создание Web проекта


Дублируйте первый слой еще раз. Поверните его немного и размещаем подобно мне: (NS: немного измените цвет)

уроки photoshop - Создание Web проекта


Сейчас повторяем действия (дублируем, отражаем вертикально и горизонтально) для другой части:

уроки photoshop - Создание Web проекта


Вы можете дублировать эту форму еще раз и разместить подобно мне:

уроки photoshop - Создание Web проекта


Теперь вам понадобится Кисть. Можете загрузить Вы не можете скачивать файлы с нашего сервера

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

Используйте разные цвета для каждой кисти.

уроки photoshop - Создание Web проекта


Затем инструментом ellipse tool (Эллипс) создаем новую форму и размещаем ее Над слоем «кисть».

уроки photoshop - Создание Web проекта


Здесь мы позже разместим наш логотип.

Для этого круга добавим следующие стили слоя:
(Внутреннее свечение, Перекрытие градиентом)

уроки photoshop - Создание Web проекта


уроки photoshop - Создание Web проекта


уроки photoshop - Создание Web проекта


Это мой результат:

уроки photoshop - Создание Web проекта


Сейчас создаем другой Круг выше предыдущего.

уроки photoshop - Создание Web проекта


И добавляем стили слоя:
(Стиль слоя, Контур или обводка)

уроки photoshop - Создание Web проекта


уроки photoshop - Создание Web проекта


Это результат:

уроки photoshop - Создание Web проекта


Такой же техникой добавляем больше кругов:

уроки photoshop - Создание Web проекта


Переходим в слой background (фон), нажимаем Ctrl+Shift+Alt+N, выбираем инструмент Brush Tool (Кисть) и подбираем подходящую grunge кисть (гранжевая).

Выставляем цвет foreground (передний план, основной цвет) #c6c1b8

Измените непрозрачность кисти на 43 %

уроки photoshop - Создание Web проекта


Затем на новом слое ( нажмите Ctrl+Shift+Alt+N ) рисуем другими кистями. Теперь устанавливаем непрозрачность на 80 %

уроки photoshop - Создание Web проекта


Это мой результат:

уроки photoshop - Создание Web проекта


Выберите Rounded Rectangle tool (Закругленный прямоугольник) и создаем новую форму:

уроки photoshop - Создание Web проекта


Добавим стиль слоя: (Контур, обводка)

уроки photoshop - Создание Web проекта


Вы можете rasterize (растрировать) форму, потому что нам будет нужен этот слой. Идите Layer > Rasterize > Shape (Слой > Растрировать > Форма).

Создайте другой Слой ( нажмите Ctrl+Shift+Alt+N )

Рисуем цветочный узор в левом нижнем углу вашей прямоугольной вставки:

уроки photoshop - Создание Web проекта


Выберите слой «закругленный прямоугольник». Затем инструментом eraser tool (Ластик) удаляем некоторые части вашей прямоугольной формы. Посмотрите изображение внизу, которое показывает, что нужно удалить:

уроки photoshop - Создание Web проекта


Вы можете добавить текст на своей вставке:

уроки photoshop - Создание Web проекта


Также вы можете добавить текст для своего фирменного знака или вставить логотип:

уроки photoshop - Создание Web проекта


Сейчас создаем новый слой выше всех слоев (в палитре слоев).

Выберите инструмент Кисть, используйте grunge кисть (гранжевая кисть) большого размера ( 1024 )

Устанавливаете цвет foreground #e4ded2 ( тот же цвет, что и ваш фон ).

Создаем одноударный отпечаток (щелкаем мышкой один раз).

уроки photoshop - Создание Web проекта


Уменьшаем непрозрачность для этого слоя до 30 %

уроки photoshop - Создание Web проекта


Сейчас создаем следующее выделение инструментом polygonal lasso tool (Многоугольное лассо)

уроки photoshop - Создание Web проекта


Нажимаем delete на вашей клавиатуре.

уроки photoshop - Создание Web проекта


Это мой результат:

уроки photoshop - Создание Web проекта

Автор: amitk

Перевод: NonSa

Источник: webdesign.org

Пароль: artjunkies.net


Отзывов: 3 | Просмотров: 1759

Похожие новости:


  • Medieval Layout
  • Website по продаже автомобилей - урок по Фотошоп
  • уроки фотошоп - Раскалённая надпись в перспективе.
  • уроки фотошоп - Создание привлекательной smiley девчушки
  • Создайте эффект кирпичного текста - уроки фотошоп

  • каментыкомментарии


    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 6

    #1 Ответил tarik-art, 15 марта 2008 13:24

    Спасибо, как раз в тему!
    Для простого недорогого сайта - вполне полезный урок good

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 39

    #2 Ответил Любава, 16 марта 2008 17:22

    В обучающих целях тоже пригодится, спасибо!!!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #3 Ответил Skyll, 27 марта 2008 12:33

    ThankkkkYOU!!! Пасибо, очень вовремя!

    ответить

    ------------------------------------------------


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


    Добавить комментарий как «Гость» (вход на сайт / регистрация)


    Включите эту картинку для отображения кода безопасности
    обновить код

    Символы на картинке:

     

    О сайте: ↓

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

    Скачать Adobe Photoshop CS3

     

     

    Adobe Photoshop CS3

    Статистика ↓

    Голосование ↓

    Какой версией Photoshop вы пользуетесь?
    7.0
    CS
    CS2
    CS3
    другой
    не пользуюсь pardon

    Онлайн учебник ↓

    подробнее

    Реклама↓

    История Adobe Photoshop

    История создания Adobe Photoshop

    Подробнее