Строение
Шахматная доска (клеточки)
Тема в разделе "Веб-Дизайн", создана пользователем sweih, 9 сен 2010.
  1. sweih

    sweih Новичок

    Сообщения:
    497
    Симпатии:
    272
    Баллы:
    0
    Хотел нарисовать "Клуб четырех коней", но коня небыло а искать влом :eek:. Так должно получится:



    Урок в 2-х частях.
    № 1 (уан)

    Всегда перед началом выполнения любого урока настройте цвета переднего и заднего плана, и переключитесь в английскую раскладку.
    (т.к. в русской раскладке, быстрые клавиши не работают!)

    Поэтому:
    1. Установите на передний план черный цвет, а на задний белый.




    2. Создайте новый документ с прозрачным слоем 250х250 пикселей.
    3. Включите линейку и привязку к направляющим. (во вкладке Вид)




    4. Линейку отобразите в пикселях. (клик, правой кнопкой мыши по линейке)




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

    5.Нажмите: Вид -> Новые направляющие.




    Откроется окошко, где нужно выбрать горизонтальную или вертикальную направляющую, а так же ее расположение.
    (У нас клетки будут 50х50 пх, поэтому сначала ставте 0, потом 50, 100, 150, 200. Проделайте это и по горизонту, и по вертикали.)
    Получилось вот так:




    6. Возьмите инструмент "Прямоугольное выделение" и выделите первую ячейку.
    Если привязка к направляющим включена, то выделение должно прилипать к ним.
    7. Залейте выделение цветом переднего плана (у нас черный), можно нажать Alt+Backspase.
    8. Снимите выделение Ctrl+D (или Выбор ->Снять выбор)
    9. Возьмите инструмент "Перемещение" (черная стрелка) (клавиша - V).
    Подведите стрелку к черному квадрату, нажмите Alt. Стрелка изменится на двойную.
    Не опуская Alt, размножьте клетки (перетяните с нажатой мышкой), аккуратно распределите их по приготовленным местам обозначенным направляющими.
    Таким способом мы размножили не только изображение, но и слои. Взгляните на панель слоев. Эти слои нам нужно свести в один.
    10. Нажмите Shift+Ctrl+E, или Слои -> Слияние видимых слоев.
    Теперь у нас один слой с черно-прозрачными клетками. А шахматная доска, вроде черно-белая.
    11. Создайте еще один слой (Shift+Ctrl+N, затем Enter или см.скрин).




    Залейте цветом заднего плана (у нас белый), нажав Ctrl+Backspase.
    Белый слой скорее всего у Вас сверху и закрыл слой с клетками, поэтому перетяните его (белый слой), под слой с клетками.
    И соедините эти 2 слоя (см. пункт 10).
     
    Последнее редактирование модератором: 9 сен 2010
    4 пользователям это понравилось.
  2. sweih

    sweih Новичок

    Сообщения:
    497
    Симпатии:
    272
    Баллы:
    0
    Намба тю. (вторая часть мерлизонского балета)

    Шахматная доска готова, теперь нарисуем что нибудь на ней. Я взял корону из стандартного набора.
    12. Создайте новый слой (см.пункт 11), Поставьте вертикальную направляющую по центру (125пх).
    13. Возьмите инструмент пользовательская форма и выберите нужную. И нарисуйте.




    Проследите за тем что Вы рисуете на новом слое.
    (Если ошиблись, то откатите результат в панели истории, или нажмите Ctrl+Alt+Z, нужное кол-во раз.)
    Когда рисуете нажмите пробел, этим появится возможность перемещать рисунок.
    Да, и мы рисуем в растре! Поэтому должна быть нажата эта кнопка:




    14. Выделим корону. Ctrl+клик по слою с короной в панели слоев.
    Нам нужна не полностью корона, а только её обводка шириной ~1пх.
    15. Идем: Выбор -> Изменить -> Рамка, в появившемся окне ставим ширину (1пх)




    16. Не снимая выделения, перейдите на слой с клетками, просто кликнув по нему в панели слоев. (это важно!)
    17. Сейчас нужно нажать по выделению правой кнопкой мыши, и тем вызвать контекстное меню. Где, выбрать "Слой через копирование". Но при этом должен быть активизирован один из инструментов выделения (нажмите М или L, безразлично).




    (если будет другой инструмент, то будет и другое меню)
    Появился еще один слой, вроде пустой :confused:.
    Но, выключите видимость слоя с клетками и с короной (его можно вообще удалить), и Вы увидите черно-белый контур короны.
    18. Находитесь на слое с контуром. Жмем: Ctrl+I (или Образ -> Корректировка -> Инвертировать). Цвета контура должны поменяться.
    Вобщем все.:)
    19. Включите видимость слоя с клетками. Можете объединить его с контуром и удалить слой с короной. А так же выключить направляющии (Ctrl+H).

    Повторим что мы узнали:
    Alt+Backspase -> заливка цветом переднего плана
    Ctrl+Backspase -> заливка цветом заднего плана
    Shift+Ctrl+N -> создается новый слой
    Shift+Ctrl+E -> объединяются все видимые слои
    Ctrl+клик по слою -> выделяется рисунок на слое (точнее все непрозрачные пиксели)
    Ctrl+D -> снять выделение
    Ctrl+Alt+Z -> откат (шаг назад)
    Ctrl+I -> инвертировать цвета
    Ctrl+H -> включить/выключить направляющии
    Alt+лев.кн.мыши с протяжкой по рисунку -> дублирование изображения на новом слое.

    ЗЫ. Что бы вкл/выкл видимость слоя, нужно в панели слоев кликнуть по глазу.

    Пасиба за внимание.
     
    4 пользователям это понравилось.
Показать ещё