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

Создаем популярные веб 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