Создаем популярные веб 2.0 полосы на Ваших изображениях - Школа Photoshop
Как сделать цветные полоски в фотошопе? Как создать узор в фотошопе полосы?

Создаем популярные веб 2.0 полосы на Ваших изображениях

09.10.2007Категория урока: Основы Photoshop

Раскрываем секрет создания супер-популярных фоновых полос в стиле веб 2.0, которые делают любую веб-графику заметно лучше!

Как сделать полосы в фотошопе?

Приблизительное время выполнения: 1 минута

Создайте новый документ 32х32. Заполните фон черным цветом.

Создайте новый слой и назовите его «pattern«. Теперь увеличьте масштаб картинке до 1600% и выберите инструмент Pencil (SHIFT+B). Нарисуйте полосы белым цветом так, как показано на этом рисунке:

Как сделать полосы в фотошопе?

Теперь мы определим наш узор как текстуру. Но для начала сделаем фон, который мы заливали черным цветом (слой background), невидимым. Для этого щелкните по значку глаза слева от слоя в палитре слоев.

Как сделать полосы в фотошопе?

Далее Edit > Define Pattern… Вводите название на свое усмотрение. Теперь Вы можете использовать его когда хотите и где хотите!

Как сделать полосы манга в фотошопе?

Готово! Как сделать цветные полоски в фотошопе?

Источник: http://www.psdtutz.com/basics/striped-pattern/




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



22 комментария(-ев) к уроку “Создаем популярные веб 2.0 полосы на Ваших изображениях”

  1. О, хороший патерн и главное что с размерами :grin:

    Аниматор

  2. в принципе ничего нового, хотя паттерн неплохой получается и может пригодится

    Анатолий

  3. тотже самый паттерн что и обычно…нету нечего примечательного, пригодится новечкам :twisted:

    IgR0]{_444

  4. Да-да… полностью с аниматором согласен — главное что с размерами, а то когда первый раз — такие косяки строишь кода начиныешь извращаццо :)

    CLUBKISS.ru

  5. Спасибо. :???:

    Sheena

  6. Супер!!! :grin: :grin: :grin:

    imariki

  7. чёт у меня ничего не получается!(((( :cry:

    ден

  8. помогите

    ден

  9. Ден, что именно у тебя не получается, на каком моменте?

    Аниматор

  10. полосы нарисовать!хрень какята получается,у меня кода карандаш включаю,делаю на 16пикс.и у меня круг получается!кароч ничё не понимаю!

    ден

  11. правильно, это из-за того что кисть стоит, когда выбираешь кисть подержи немного нажатой мышкой и из выдвинувшегося меню выбери карандаш или или горячими кнопками SHIFT+B как указанно в уроке выше, тогда точка будет квадратная

    Аниматор

  12. а, упс, не так понял, 16 пикс то размер, а рисовать надо маленьким рамером влоть в 1 пикс

    Аниматор

  13. усё!получилось!спс!

    ден

  14. Я извеняюсь конечно, но есть одно но:
    Все выходит сделать вплоть до финала.
    Когда сохраняю то у меня сейвится просто белый квадрат. Соответственно, когда пробую ставить этот 32х32 квадрат на бэкграунд сайта, то получается не набор полос, а просто белый фон :sad:

    Pitdog

  15. я все нарисовала, а вот результата не получила((((((( делаю невидимым, и он не окрашивается :shock: у меня еще русская версия, непросто как-то, пока догонишь, что да как.объясните пож как окрасить.

    Карина

  16. Осмелюсь поправить. Везде где написано 15 пикселей надо рисовать 16 я 2 раза проверял иначе полосы малясь кривые получаются

    Программис

  17. спасибо большое, попробую =))

    Карина

  18. программис)))

    Карина

  19. Извините с никос лохонулся

    Программист

  20. да ничего, бывает))

    Карина

  21. :mrgreen: спасибо, помогло, везде искал размры, только в уроке допущенна ошибка, полоса в 16 пикселей должна быть правее на одну пиксельную полосу, следовательно одну полосу удаляем и вставляем правее полосы в 16 пикселей :cool:

    Riddick

  22. Спасибо, всё получилось!!!

    Рыбка

Прокомментировать урок

 


Rambler's Top100