Скачать Adobe Photoshop® CS5 Extended
История создания Adobe Photoshop
88 секретов работы в Photoshop
Постер из фильма Начало (Inception) - урок по Adobe Photoshop
Информация к новости
  • Просмотров: 9221
  • Автор: NonSa
  • Дата: 14-03-2008, 21:25
 (голосов: 0)
14-03-2008, 21:25

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

Категория: Уроки Adobe Photoshop

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

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



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

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



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



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



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



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

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

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



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



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

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







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



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



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





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



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



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

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

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



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



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



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



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



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

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

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



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



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



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



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

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

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

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



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



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



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



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

 

 

Автор: amitk

Перевод: NonSa

Источник: <!--dle_leech_begin-->webdesign.org<!--dle_leech_end-->

Пароль: artjunkies.net


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
<
tarik-art

15 марта 2008 13:24

Информация к комментарию
  • Группа: Посетители
  • ICQ: 475601724
  • Регистрация: 5.12.2007
  • Публикаций: 0
  • Комментариев: 9
Спасибо, как раз в тему!
Для простого недорогого сайта - вполне полезный урок good
<
Любава

16 марта 2008 17:22

Информация к комментарию
  • Группа: Участники
  • ICQ: --
  • Регистрация: 21.11.2007
  • Публикаций: 0
  • Комментариев: 52
В обучающих целях тоже пригодится, спасибо!!!
<
Skyll

27 марта 2008 12:33

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 2.02.2008
  • Публикаций: 0
  • Комментариев: 2
ThankkkkYOU!!! Пасибо, очень вовремя!
<
zakat01

23 августа 2009 14:15

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 19.08.2009
  • Публикаций: 0
  • Комментариев: 2
я все понимаю, спасибок наговорили, это хорошо! НО КАК ЕГО РАЗРЕЗАТЬ И ВПИХНУТЬ НА ДВИГ САЙТА, КТО НИБУДЬ ОБЬЯСНИТ?

ЗЫ. картинку легко наприсовать. сложно сделать чтобы это был сайт!
<
Infernus

24 августа 2009 09:36

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
zakat01, у нас сайт посвящён Adobe Photoshop, а не вёрстке)))

p.s. на второй страничке в разделе уроков: http://artjunkies.net/tutorials/1435-narezaem-shablon.html

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

Добавление комментария

Имя:*
E-Mail:*
Комментарий:
Введите код: *
^