Что больше нравится?

Нужны ли Видео уроки?
 
Clipday.ru
Реалистичная этикетка
(0 Голосов)
Автор: Administrator   
16.09.2009 14:05

Давайте начнем!

Шаг 1.
Я всегда рекомендую использовать в своей работе некий справочный материал. Вот и в этом уроке я не отступлюсь от своего правила. Сегодня на iStockPhoto я нашел две прекрасные картинки. Это текстура картона, из которого, собственно, и сделана этикетка, а также ее форма.
форум про Software

Шаг 2.
Для начала давайте организуем рабочее пространство. Создайте документ нужного вам размера и откройте ваши изображения. Теперь, с помощью инструмента Move просто перетащите картинке на документ. Это создаст два новых слоя. На одном из них будет текстура, а на другом — форма. Чтобы было комфортнее работать, форму этикетки объедините со слоем Background. Для этого нажмите на клавиатуре сочетание клавиш Ctrl-E (Mac: Command-E).
Дизайн: делаем реалистичную этикетку

Шаг 3.
Теперь нам нужно создать контур этикетки с помощью пера. Это будет легко, ведь все линии абсолютно прямые. Нажмите на клавиатуре клавишу Р и аккуратно обведите этикетку. Вот что должно получиться:
Дизайн: делаем реалистичную этикетку
*Примечание: это легче, чем кажется. Будьте уверены в себе и у вас все получится!

Шаг 4.
Прежде чем продолжить, не забудьте переименовать только что созданный контур. Для этого щелкните мышью по вкладке Paths (Контуры) в палитре слоев и два раза нажмите на имя слоя. Если же вкладка вдруг не отображается, то в главном меню выберите: Window>Paths (Окно>Контуры). Я назвал контур Main Tag Area.
Дизайн: делаем реалистичную этикетку

Шаг 5.
Теперь нам нужно добавить кольцо, в которое будет продета ниточка. Убедитесь что ваш контур выбран (иконка будет подсвечена) и нажмите клавишу U на клавиатуре. Так вы сможете быстро выбрать инструмент Custom Shapes (Произвольная фигура). Теперь зажмите кнопку Shift на клавиатуре и нарисуйте круг там, где должно быть кольцо, также поставьте настройки как на картинке ниже:
Дизайн: делаем реалистичную этикетку

Шаг 6.
Теперь нажмите кнопку А на клавиатуре, чтобы выбрать инструмент Direct Selection (Выделение контура). Сейчас зажмите левую кнопку мыши и полностью выделите контур рамкой. Переместите контур в верхний левый угол текстуры и нажмите на клавиатуре сочетание клавиш Ctrl-T (Mac: Command-T), чтобы быстро выбрать инструмент Free Transform (Свободная трансформация). Зажмите кнопку Shift на клавиатуре и растяните контур.
Дизайн: делаем реалистичную этикетку

Шаг 7.
Мы можем преобразовать контур в выделение, нажав лишь сочетание клавиш Ctrl-Enter (Mac: Command-Return) на клавиатуре. Теперь преобразуйте выделение в маску слоя, нажав на значок Add Layer Mask (Добавить маску слоя)(он выглядит как круг, вписанный в прямоугольник) внизу палитры слоев.
*Примечание: убедитесь, что слой Main Tag активен, прежде чем добавлять маску слоя.
Дизайн: делаем реалистичную этикетку

Шаг 8.
Теперь, находясь на слое Main Tag, давайте добавим несколько стилей слоя. Чтобы сделать это, щелкните на иконке слоя в палитре слоев и в появившемся окне поставьте следующие настройки:
Дизайн: делаем реалистичную этикетку
Дизайн: делаем реалистичную этикетку

Шаг 9.
Создайте новый слой, выше слоя Main Tag, нажав на иконку слоя, внизу палитры слоев или используя сочетание клавиш Ctrl-Shift-N (Mac: Command-Shift-N), и назовите его Grommet.
Выберете инструмент Elliptical Marquee (Эллиптическое выделение). Зажмите левую кнопку мыши и растяните выделение вокруг кольца.
Дизайн: делаем реалистичную этикетку

Шаг 10.
Измените цвет переднего плана на #706340 и залейте выделение, нажав Alt-Backspace (Mac: Option-Delete).
Давайте скопируем маску слоя со слоя Main Tag на слой Grommet, зажав кнопку Alt (Mac: Option) и левую кнопку мыши перетяните маску с одного слоя на другой. Также измените режим наложения слоя Grommet на Multiply и уменьшите непрозрачность заливки до 70%.
Дизайн: делаем реалистичную этикетку

Шаг 11.
Как мы уже делали в восьмом шаге, примените к слою Grommet следующие настройки стилей слоя:
Дизайн: делаем реалистичную этикетку
Дизайн: делаем реалистичную этикетку

Шаг 12.
Самое время добавить верёвочки нашей этикетке. для этого мы нарисуем несколько пересекающихся контуров. Сначала выберите инструмент кисть и выберите жесткую кисть диаметром 3 пикселя.
Дизайн: делаем реалистичную этикетку

Шаг 13.
Создайте новый слой и назовите его String 1. Измените цвет переднего плана на #735e47 и нажмите кнопку Р на клавиатуре, чтобы выбрать инструмент Перо. Теперь нарисуйте первую часть нашей ниточки.
Дизайн: делаем реалистичную этикетку

Шаг 14. 
Нажмите правой кнопкой мыши на контуре и в выпадающем меню выберите пункт Stroke Path.
В появившемся окне выберите Кисть и убедитесь что опция Pen Pressure выключена. Нажмите сочетание клавиш Ctrl-H (Mac: Command-H) и любуйтесь результатом.
Дизайн: делаем реалистичную этикетку

Шаг 15.
Создайте новый слой с названием String 2 и повторите два предыдущих шага.
Дизайн: делаем реалистичную этикетку

Шаг 16.
Осталось только добавить петельку, которая будет позади двух, только что созданных нитей. Создайте новый слой. Я назвал его String Loop. Теперь нарисуйте саму петлю, заходящую за этикетку. Мы усилим это впечатление в следующем шаге.
Дизайн: делаем реалистичную этикетку

Шаг 17.
Выберите инструмент Rectangular Marquee (Прямоугольное выделение) и растяните выделение у края этикетки. Нажмите клавишу Backspace (Mac: Delete), затем сочетание клавиш Ctrl-D (Mac: Command-D).
Дизайн: делаем реалистичную этикетку

Шаг 18.
Теперь, для придания большего реализма, добавьте несколько стилей слоя.
Дизайн: делаем реалистичную этикетку
Дизайн: делаем реалистичную этикетку
Дизайн: делаем реалистичную этикетку

Шаг 19.
Этикетка готова, осталось только добавить на нее немного графики. Чтобы сделать это, создайте новый слой, выше слоя Main Tag, добавьте на него что-нибудь, а также создайте обтравочную маску, нажав правой кнопкой мыши по иконке слоя и выбрав в выпадающем меню соответствующий пункт. Не забудьте поменять режим наложения слоя на Linear Burn и понизить непрозрачность заливки.
Дизайн: делаем реалистичную этикетку

Шаг 20.
Готово! Можете делать с этикеткой, что хотите.
Дизайн: делаем реалистичную этикетку


Обновлено ( 23.05.2010 11:38 ) | Просмотров: 5548
 

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


Защитный код
Обновить