Adobe Photoshop, уроки, кисти фотошоп, плагины, стили, макросы, градиенты, текстуры, шрифты, иконки
Ваш логин   Пароль
Забыли пароль?
Рекламные площади на ArtJunkies.net

Геометрически искривленная шахматная доска - уроки фотошоп

9 августа 2008 | Пользователь NonSa

Для начала создаем новый файл 350x350px. Выберите View /Show /Grid (Вид/ Демонстрация/ Сетка). Также включаем View/ Snap (Вид/ Привязка). Вы должны иметь что-нибудь подобное:

Геометрически искривленная шахматная доска - уроки фотошоп


Следующая вещь, которую мы сделаем - создадим границу. Мы будем создать её на отдельном слое. Выберите Layer/ New/ Layer и щелкните OK. Выберите инструмент pencil tool (B) (Карандаш) и установите диаметр 2 пикселя. Удерживая shift, чтобы держать прямую линию, устанавливаем курсор в верхнем левом углу в точке Start here, щелкаем левой клавишей мыши, перемещаем курсор к следующей точке – левый нижний угол точка End here, щелчок левой клавишей, далее передвигаем курсор вправо, к следующей точке и т.д. пока не соедините линии.

Геометрически искривленная шахматная доска - уроки фотошоп


В итоге у вас должно получиться это - квадрат. Нажимаем Ctrl+', чтобы включить сетку (то же и для выключить).

Геометрически искривленная шахматная доска - уроки фотошоп


Выберите инструмент line tool (линии) с weight 1px (в панели опций инструмента).

Геометрически искривленная шахматная доска - уроки фотошоп


Теперь создаем простой узор линий. Я покажу начальный этап, чтобы вы поняли идею. Используя нашу границу, тянем первую линию от нижней угловой точки слева к верхней точке, отступив одну клетку сетки от края.

Геометрически искривленная шахматная доска - уроки фотошоп


Следующая линия: начинается внизу на одну клетку сетки выше и заканчивается вверху, отступив две клетки сетки от края.

Геометрически искривленная шахматная доска - уроки фотошоп


Третья линия: начинается от второй клетки сетки (т.е. каждый раз поднимаемся на одну клетку выше) и заканчивается вверху, отступив 3 клетки от края (т.е. каждый раз отступаем на одну клетку дальше).

Геометрически искривленная шахматная доска - уроки фотошоп


Продолжайте тянуть линии узора, пока не получите это:

Геометрически искривленная шахматная доска - уроки фотошоп


Выключите сетку, чтобы посмотреть, что получили в итоге.

Геометрически искривленная шахматная доска - уроки фотошоп


Теперь повторяем процесс построения линий, чтобы создать такую же геометрическую кривую с другой стороны. Здесь то, что я создал:

Геометрически искривленная шахматная доска - уроки фотошоп


Теперь нам нужно добавить немного цвета. Я собираюсь использовать инструмент magic wand tool (W) (волшебная палочка), чтобы выделить шахматный узор, который залью красным цветом. Убедитесь, что в панели опций инструмента установлен режим "add to selection" (добавить к выделению).

Геометрически искривленная шахматная доска - уроки фотошоп


Здесь пример, на котором выделено несколько ячеек будущего шахматного узора:

Геометрически искривленная шахматная доска - уроки фотошоп


Установите любой цвет foreground, каким хотите раскрасить узор. Я выбрал красный цвет.

Геометрически искривленная шахматная доска - уроки фотошоп


Выбираем Edit /Fill (Редактирование/ Заливка) и выбираем Foreground Color. Вы должны получить это.

Геометрически искривленная шахматная доска - уроки фотошоп


Очень хорошо смотрится. Но я хочу добавить еще один маленький эффект. Выберите Layer/ Layer Style/ Blending Options и откройте окно Bevel and Emboss (Скос и Рельеф), применяем настройки по умолчанию.

Геометрически искривленная шахматная доска - уроки фотошоп


Теперь наше математическое произведение искусства закончено. Как вы думаете, кто-нибудь сможет уверенно сказать, что здесь нет никаких искривленных линий? Вы знаете ответ.

Это я создал, используя технику этого урока!

Геометрически искривленная шахматная доска - уроки фотошоп

Перевод: NonSa

Источник: webdesign.org


Отзывов: 8 | Просмотров: 1461

Похожие новости:


  • Создайте свои собственные перья - уроки фотошоп
  • Косые линии. Сетка. - уроки фотошоп
  • Создание эффекта проволочного кручения в Photoshop - уроки фотошоп
  • Декорирование текста - уроки фотошоп
  • Scanline текст

  • Ключевые слова:


    урок, уроки фотошоп, tutorial, photoshop

    каментыкомментарии


    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 20

    #1 Ответил Ingtar, 9 августа 2008 22:07

    Интересная задумка, но что мешало через Warp?...

    ответить

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

    Аватар

    Группа: Главный редактор

    Публикаций: 338

    Комментариев: 598

    #2 Ответил NonSa, 9 августа 2008 22:25

    Ingtar,
    Ничего! Он здесь и не нужен!!! Зачем усложнять... )))
    Через прямые создается за 5 мин. )))

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 4

    #3 Ответил Fatalite, 26 августа 2008 22:50

    честно следую инструкции,но стопарюсь на заливке( веделяю квадратики, выбираюцвет, но команда fill не работает( что не так?

    ответить

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

    Аватар

    Группа: Главный редактор

    Публикаций: 338

    Комментариев: 598

    #4 Ответил NonSa, 26 августа 2008 22:57

    Fatalite,
    Проверьте опции инструмента выделения - возможно стоит растушевка...
    Залейте скрин, так проще и точнее ответить, что и где не так. ))))

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 4

    #5 Ответил Fatalite, 27 августа 2008 13:41

    собственно вот

    КАРТИНКА (Осторожно, более 3 МБ!!!)

    картинку с загрузки убрал, долго грузится, учимся оптимизировать графику для WEB!!!!

    ответить

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

    Аватар

    Группа: Главный редактор

    Публикаций: 338

    Комментариев: 598

    #6 Ответил NonSa, 28 августа 2008 16:33

    Fatalite,
    По уроку - у Вас слои с линиями не слиты! Редактору нечего выделить, нет на слое линии (есть только форма с маской) или цвета.
    Выбираете в палитре слоев все слои с линиями (удерживая ctrl, клик по слоям), включая слой с карандашной рамкой, и объединяете в один слой Ctrl+E (слои с формами растрируются автоматически). Этот слой содержит линии и редактору есть что выделять. )))))

    По скрину - сделали, Сохранить для Web!!!! Результат = Формат .jpg и легкий вес!!!!!

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 4

    #7 Ответил Fatalite, 28 августа 2008 22:37

    Спасибо) теперь все получилось) можете за меня порадоваться))

    Моя работа!!

    кстати, как тут редактировать комментарии?? =)

    от Админа: Никак :)))

    ответить

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

    Аватар

    Группа: Главный редактор

    Публикаций: 338

    Комментариев: 598

    #8 Ответил NonSa, 29 августа 2008 16:20

    Fatalite,
    УРА! Искренне рада, когда у Вас получается! ))))))))))))

    ответить

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


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


    Добавить комментарий как «Гость» ( регистрация)


    Включите эту картинку для отображения кода безопасности
    обновить код

    Символы на картинке:

     

    О сайте: ↓

    Всё об известнейшем графическом редакторе Adobe Photoshop. На сайте можно найти много интересных обучающих уроков, достойную коллекцию учебников от известных отечественных и зарубежных мастеров, а так же скачать кисти, плагины, шрифты, макросы, иконки. Так же у нас Вы можете скачать последню версию Adobe Photoshop CS3 и узнать историю происхождения этого грандиозного графического редактора!

    Скачать Adobe Photoshop CS3

     

    Скачать Adobe Photoshop CS3

     

    Adobe Photoshop CS3

    Статистика ↓

    Rambler's Top100

    Голосование ↓

    Какой версией Photoshop вы пользуетесь?
    7.0
    CS
    CS2
    CS3
    CS4
    другой
    не пользуюсь pardon

    Онлайн учебник ↓

    Онлайн учебник по Adobe Photoshop

    подробнее

    Реклама↓

    История Adobe Photoshop

    История создания Adobe Photoshop

    Подробнее

    ArtJunkies Вконтакте!

    ArtJunkies.net Вконтакте!

    Присоединяйся!

    Реклама↓