RSS


Fr34k avange.ru descat.ru

новые сообщения

Сервис новогодних подарков для блоггеров
Подарок
Наташа Брызгалова
поздравляет
Настю Манно

рубрики

Каталог DMOZ

считалочки






PageRank

количество читателей онлайн и всего

Web Design Blogs - BlogCatalog Blog Directory
Join My Community at MyBloglog!
TopOfBlogs

Add to Technorati Favorites

Рисуем бумажный скотч | Фотошоп

Автор Настя Манно

paperscotch12.jpg
Сегодня мы нарисуем бумажный скотч, которым так любят пользоваться заядлые автовладельцы, перекрашивающие свои Фаэтоны. По-другому этот скотч так и называется — малярный. Цвет его бледно-желтый, отрывается легко и отклеивается потом так же легко. На некоторых хенд-мейдовых дизайнах сайтов вы их тоже могли видеть.

В работе мы используем лишь стандартные инструменты и фильтры Фотошоп. Заранее оговорюсь, что для более реалистичного эффекта лучше поискать волокнистую текстуру бумаги.

Создадим новый документ с размерами 400х400 пикселей. Добавим новый слой, на котором при помощи прямоугольного выделения (Rectangular Marquee Tool) нарисуем прямоугольник и зальем его из ведерка (Paint Bucket Toot) бледно-желто-оранжевым цветом (#FFF3DC).

paperscotch1.gif

Не снимая выделения, заглянем в раздел Фильтры (Filter). Там найдем вкладку Texture, на которой выберем пункт Texturizer. В окошке Light выбираем направление Left.

paperscotch2.jpg

Получим уже что-то похожее на волокна, идущие вдоль полоски скотча.

paperscotch3.jpg

Теперь, чтобы было удобнее работать, увеличим размер изображения до 600%. При помощи инструмента Полигональное Лассо (Polygonal Lasso Tool) будем вырезать зазубрины по краю скотча. Когда замкнули линию выделения, нажимаем на клавишу Delete. Один край готов. Точно так же поступим и с противоположным. Небольшое замечание — бумажный скотч, в отличие от полиэтиленового, отрывается довольно хорошо, поэтому зазубринки не должны быть слишком острыми и кусачими.

paperscotch4.jpg

Затем включаем инструмент Перемещения (Move Tool), заходим в раздел Редактирования (Edit), далее Transform – Rotate и поворачиваем вправо примерно на 45°

paperscotch5.jpg

Добавим немного тени, для чего на панели Layers нажмем на иконку с буквой f и в выпавшем меню выберем пункт Drop Shadow

paperscotch6.gif

Получим некоторый объем

paperscotch7.jpg

Чтобы верхний край не выглядел таким ровным и опрятным, загнем один из уголков скотча. Для чего опять же при помощи Полигонального Лассо (Polygonal Lasso Tool) выделим левый верхний уголок рисунка

paperscotch8.jpg

Затем наведем на выделенный участок курсор мыши, нажмем правую клавишу и в выпадающем меню выберем пункт Layer via Cut. То есть, вырежем его на отдельный слой.
Теперь снова заходим в раздел Редактирование (Edit), снова Transform. Там поочередно кликаем по пунктам Flip Horizontal, Flip Vertical

paperscotch9.jpg

Далее инструментом перемещения (Move Tool) устанавливаем отрезанный уголок на место

paperscotch10.jpg

На этом, собственно, и все! Получаем вот такую заготовку

paperscotch11.jpg

Далее с ней уже можно творить что угодно: слегка поцарапать (используем Резинку), немножечко обуглить (инструмент Burn Tool), отклеить и приподнять уголок (это тема уже следующего урока) и т.д.

Mannodesign.Com

Популярность: 25%

Рубрика: Уроки | Октябрь 12, 2008 в 11:23

Ответов (18) на “Рисуем бумажный скотч | Фотошоп”

  1.   Комментарий от Варкрафтер — 12 Октябрь 2008 #

    Очень классная идея :) можно как-нибудь обработать подобным образом свой новый дизайн ;)

  2.   Комментарий от cpu — 12 Октябрь 2008 #

    RE: Варкрафтер
    Да, я у кого-то видел такой шаблон. По уголкам было, как бы прихвачено скотчем. Неплохо так смотрится.

  3.   Комментарий от Сергей — 12 Октябрь 2008 #

    Очень интересный урок, спасибо. Настя, с интересом слежу за развитием вашего блога.

  4.   Комментарий от fazeful — 12 Октябрь 2008 #

    Я немного покритикую =)
    Такой тени у приклеенного скотча быть не может и у уголка тоже.

  5.   Комментарий от Lerika — 13 Октябрь 2008 #

    drop shadow тебя погубит… :)

  6.   Комментарий от Настя Манно — 13 Октябрь 2008 #

    Все верно! :) Но цель урока - показать принцип. В конкретной работке конечно же нужно и с тенями поработать, и складки сделать более естественными, да и текстурку бумаги подыскать более подходящую.

    Кстати, неплохая мысль: устроить конкурс на лучший (читай - натуральный, похожий) рисунок бумажного скотча. С призом, скажем… в $50. А? Как вам такая идея? :)

  7.   Комментарий от Кирилл Erlang — 13 Октябрь 2008 #

    Например, вот?
    Привет, Настюш))) Только я не на конкурс, я просто так показываю)))

  8.   Комментарий от Настя Манно — 13 Октябрь 2008 #

    Привет, Кирилл! :) Замечательная картинка! По твоему рецепту пока еще не пробовала рисовать, но обязательно попробую.

  9.   Комментарий от Кирилл Erlang — 13 Октябрь 2008 #

    Я уж жду с нетерпением. В ближайшее время постараюсь написать на своём блоге про тени ;-)

  10.   Комментарий от Игорь Дымов — 15 Октябрь 2008 #

    Спасибо за урок, действительно полезный. Фотошоп выручает как всегда!

  11.   Комментарий от Sasser — 15 Октябрь 2008 #

    Довольно интересно, к тому же делать это все недолго. Правда трюк с загнутым уголком заезженный. И было бы еще лучше если бы это все сделать без использования фильтров :)

  12.   Комментарий от Рекламист — 16 Октябрь 2008 #

    Оригинально получилось. Кирил а вы возьметесь подложки для блоков Бегуна оригинальные нарисовать, а то вебмастера размещают стандартный блоки, а они уныло смотрятся.

  13.   Комментарий от gorcer — 16 Октябрь 2008 #

    Отличный урок. Наверное стоит в своей галереи такое наладить.

  14.   Комментарий от Goga — 24 Октябрь 2008 #

    Спасибо за хороший урок.

  15.   Комментарий от Кирилл Erlang — 25 Октябрь 2008 #

    @Рекламист: напишите мне в аську или на почту (их можно найти у меня на сайте), поговорим об этом.

  16.   Комментарий от english_man — 31 Октябрь 2008 #

    Подобным скотчем ползовался, когда откосы на окнах делал наружные. Теперь попробую этот элемент для оформления своей странички. Спасибо!

  17.   Комментарий от diarworld — 4 Ноябрь 2008 #

    Спасибо за хороший урок! Пойду рисовать:)

  18.   Комментарий от Арнольд — 6 Декабрь 2008 #

    отличныи урок, автору спасибо!

Трэкбеки

Что вы об этом думаете?

XHTML: Вы можете использовать следующие тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>