ArtJunkies.net > Уроки Photoshop > уроки photoshop - Создание Web проекта

уроки 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 проекта
Партнёры:
{LINKS}