Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

Листок из блокнота

28 мая 2010 122 419 просмотров | Сложность:

Шаг 1. Начнем, открыв новый документ в Photoshop, выбрав Файл> Создать (File>New) в главном меню. Мой размер файла составляет 540 × 300px в 72ppi. Так как листок из тетради будет белым, начнем с изменения второстепенного цвета документа.

В открытом документе нажмите на переднем плане образец на панели инструментов, чтобы открыть выбор цвета. Выберите второстепенный цвет фона, который вам нравится. Такой, на котором можно будет легко увидеть белую бумагу (я выбрал # e9dfb8, который можно ввести в поле в нижней части выбора цвета). Теперь просто нажмите Alt-Backspace, чтобы заполнить фоновый слой новым цветом.

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

Так как я - поклонник бегущих объявлений на моей боковой панели, и ширина моего объявления 250px, и предположим, что мы хотим иметь 10px с каждой стороны, ширина нашей боковой панели, сложенная из ширины объявления и рамки, в общей сложности составит 270px. Позвольте  также сказать, что мы собираемся добавить небольшую тень на нашу бумагу, которая будет около 5px ... это означает, что наш фактический документ будет 265px в ширину. Вот такой урок математики.

Создайте новый слой, нажав значок Создать новый слой в нижней части палитры слоев. (Если значок в палитре слоев не виден, выберите Окно – Слои (Window> Layers) из главного меню.) Затем дважды щелкните на имени нового слоя в палитре слоев и переименуйте его в Бумага.

Шаг 3. Теперь пришло время для создания первоначальной формы этого документа. Если ваша информационная палитра не отображается, вызовите её прямо сейчас, выбрав Окно > Информация (Window>Info) из главного меню (мы будем использовать это всего лишь через секунду).
Выберите инструмент Прямоугольное выделение (Rectangular Marquee) из панели инструментов, нажав клавишу M, затем сделайте прямоугольное выделение на рисунке. Смотрите на информацию палитры, когда будете делать выделение, чтобы убедиться, что оно 265px в ширину. Выбор высоты вы можете сделать по своему усмотрению, её должно быть достаточно для записи (мой выбор 250px в высоту).

Шаг 4. Нажмите клавишу D, чтобы восстановить цвета фона на черный и белый, потом просто нажмите Ctrl-Backspace, чтобы заполнить выделение цветом фона (белый). Нажмите Ctrl-D, чтобы убрать выделение.

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

У вас по-прежнему выбран инструмент Прямоугольное выделение (Rectangular Marquee), но мы хотим начать с создания круга, а не квадрата, так что вы можете нажать кнопку с инструментом Прямоугольное выделение (Rectangular Marquee). Вылетит меню, где можно выбрать инструмент Эллиптическое выделение(Elliptical Marquee tool), или вы можете просто нажать комбинацию клавиш Shift-M (это горячие клавиши для переключения между прямоугольным и элептическим выделением).

Шаг 6. Опять посмотрите информационное поле, чтобы убедиться, что у вашего выделения правильный размер, щелкните и сделайте выделение 12 × 12px на поле. Помните, что, удерживая нажатой клавишу Shift во время выделения, вы будете выдерживать пропорции идеального круга. После того как выделение сделано, перетащите его в положение, где по вашему мнению будет отверстие в верхней части вашей бумаги. В качестве приблизительного ориентира придерживайтесь его диаметра (около 12 пикселей от края).

В этот момент вам может помочь увеличение масштаба изображения, это можно сделать, нажав Ctrl-+.

Шаг 7. Теперь, когда вы сделали выделение в форме отверстия, пора добавить прямоугольное выделение в верхней части его представляют собой строку, чтобы сделать линию, где бумага порвалась на краю.

Переключитесь на инструмент Прямоугольное выделение Rectangular Marquee (Shift-M), удерживая нажатой клавишу Shift (это позволяет Photoshop знать, что вы хотите добавить к текущему выделению) сделайте длинное узкое выделение из верхней части круга.

Если вам необходимо переместить прямоугольник вокруг после его создания, просто нажмите на пробел, это позволит вам перемещать выделение, удерживая кнопку мыши зажатой.
Все, что осталось теперь, это удалить область выделения, переместить его вправо в несколько мест и повторить.

Шаг 8. Все, что осталось теперь, это удалить область выделения, переместить его вправо и в нескольких местах повторить действие.
Сначала нажмите Delete, чтобы удалить белые области внутри выделения, а затем переместите выделение вправо на 20px, удерживая зажатой клавишу Shift и нажав на кнопку Вправо два раза. Зажатие клавиши SHIFT позволяет перемещать выделение сразу на 10px, а не на 1. Нажмите  Deleteснова, и повторяйте процесс, пока все отверстия не будут сделаны, а затем нажмите Ctrl-D, чтобы снять выделение.

Шаг 9. Прежде чем идти дальше, давайте добавим небольшую тень на бумагу, это  придаст документу немного объема. Правой кнопкой мыши на слой бумаги в палитре слоев и выберите Режимы наложения (Blending Options) из меню, чтобы открыть стили слоя.

В списке стилей слева, нажмите Отбрасывать тень (Drop Shadow) (не забудьте нажать на словах а не только на поле, в противном случае вы не увидите параметры стиля слоя тень, он просто будет применяться по умолчанию). Установите параметры тени как на моем примере и нажмите на кнопку OK, чтобы применить стиль слоя.

Шаг 10. Теперь мы готовы добавить несколько строк на бумаге. Создайте новый слой (как это мы сделали в шаге 2) и назовите его Синие линии. Щелкните на образце цвета переднего плана на панели инструментов, и измените цвет на синий, как например этот # 97c7df.

Из вылетающего меню инструмента Прямоугольное выделение (Rectangular Marquee)  выберите инструмент Выделение ряда (Single Row Marquee) (тот, который похож 1px горизонтальный выбор). Щелкните в любом месте на поле, чтобы создать в полную ширину 1px горизонтальное выделение, используйте клавиши стрелок, чтобы найти правильное положение на верхней строке и нажмите клавишу Alt-Backspace, чтобы заполнить его синим цветом. Удерживая зажатой клавишу Shift (опять-таки, чтобы мы могли двигать выделение сразу на 10px) нажмите кнопку со стрелкой вниз 3 раза для перемещения курсора вниз 30px, затем заполните снова синим цветом и повторяйте пока не дойдете до нижней части документа. Нажмите Ctrl-D, чтобы снять выделение.

Шаг 11. Вместо того, чтобы выбрать и удалить линии, которые выходят за край бумаги, мы собираемся создать обтравочную маску (clipping mask), которая замаскирует слой Синие линии на слое Бумага.

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

Шаг 12. Во многих тетрадях есть красные линии в левой части каждой страницы, так что и мы добавим также. Создайте новый слой, назовите Красные линии. На этот раз мы воспользуемся инструментом Выделение одиночного столбца (Single Column Marquee) из вылетающего меню. Измените цвет переднего плана на # c74f4f, и так же, как мы делали раньше, нажмите на поле, чтобы создать выделение, переместите ее на нужное место и нажмите Alt-Backspace, чтобы заполнить выделение красным цветом. Используя клавиши со стрелками (без Shift на этот раз) переместите выделение на 3 пикселя влево и заполните снова красным, а затем снимите.

И так же, как мы это делали с синей линией, создайте Обтравочную маску (Clipping Mask) для этого слоя, а также (это обрежет слой Красные линии по слою Бумага). Позволяется также снизить непрозрачность слоя примерно до 30%, чтобы заставить линии вписаться немного лучше.

Шаг 13. Теперь мы собираемся добавить текстуры мятой бумаги нашего листочка с помощью инструмента Кисть (Brush). Я использовал кисти, которые  называются WrinkledPaper.abr .

Шаг 14. Создайте новый слой в палитре слоев под названием Структура и добавьте Обтравочную маску (Clipping mask) к слою Бумага точно так же, как мы сделали с слоями Красные и Синие  линии.
Выберите последнюю кисть, похожую на прямоугольник мятой бумаги.

Шаг 15. Убедитесь, что цвет переднего плана черный, нажмите D, затем выровняйте кисть на бумаге так, чтобы верхний левый угол кисти покрыл бумагу как показано ниже.

Шаг 16. Щелкните мышью один раз, чтобы нарисовать структуру на бумагу. Поставьте непрозрачность слоя 10 %, так будет более естественно.

Шаг 17. Работа уже выглядит очень приятно, и мы могли бы просто оставить все так, как есть, но давайте ещё немного побеспокоим нашу бумагу.

Щелкните на слой Бумага в палитре слоев, чтобы сделать его рабочим слоем, а затем добавьте маску слоя, нажав Добавить маску слоя (Add Layer Mask) значок внизу на палитре слоев (это тот, который выглядит, как маленький круг внутри серого прямоугольника). Добавление маски слоя, позволит нам редактировать слой бумаги без фактического удаления какой-либо из его точек.
Обратите внимание, что маска слоя выбрана по умолчанию на слое Бумага (обозначается маленькими черными скобками вокруг него).

Шаг 18. У вас по-прежнему выбран инструмент Кисть , так что давайте вернемся к ним и выберем под названием Chalk 60px. Убедитесь, что по-прежнему установлен черный цвет. Рисуя на маске черным, мы можем эффективно скрывать области слоя, фактически не удаляя их, чтобы вернуть их назад нужно поменять цвет кисти на белый.

Нарисуй зубчатый край вдоль основания бумаги, чтобы заставить его быть похожим на порванный. Обратите внимание, что вы можете увидеть черные области в окне LayerMask.

Шаг 19. Вы также можете нарисовать маленькие кусочки на верхнем крае, чтобы они выглядели, как будто были сорваны, когда страница была вырвана из тетради. Вы можете увеличить или уменьшить размер кисти с помощью скобок [и]. Вы можете переключиться на другую кисть, если это одна не удовлетворяет вашим потребностям.

Шаг 20. В последнюю очередь мы добавим немного объема нижнему краю небольшой белой кистью. Создайте новый слой в верхней части стека слоев и назовите Порванные Белые Края и обрежьте по слою Бумага.

Нажмите клавишу X, чтобы перейти на белый цвет фона и используйте ту же кисть Chalk60px, слегка проведите кистью по низу края бумаги, чтобы придать оторванному краю чуть больше реалистичности. Главное не переусердствуйте.

Шаг 21. Теперь, если я хотел поставить этот документ в боковую панель и использовать HTML, чтобы добавить текст, то я просто написал бы свой CSS с высотой линии 30px, (на таком расстоянии друг от друга линии на бумаге), и у меня было бы хорошее динамическое примечание на боковой панели. Но так как мы будем работать с Photoshop, , и так как это не учебный вебсайт CSS, пойдем вперед и добавим какой-нибудь текст прямо здесь, в Photoshop с помощью инструмента Текст (Type tool).

Щелкните на слой Красные линии в палитре слоев так, чтобы новый текстовый слой появился только выше этого в стеке слоя, и это по умолчанию будет подрезано с другими слоями к слою Бумага. Нажмите T для переключения между инструментом Текст и палитрой шрифтов Окно – Шрифты (Window> Characters)в главном меню, выберите шрифт, который вам нравится. Я выбрал шрифт под названием Violation, который можно загрузить бесплатно с DaFont.com. Установите межстрочный интервал на 30px, и шрифт будет находиться на каждой маленькой синей линии.

Нажмите на холсте, чтобы установить стартовую точку для вашего текста (не волнуйтесь, если помещение не является точным, вы можете настроить его при необходимости с помощью инструмента перемещения, когда закончите вводить). Я также снизил прозрачность слоя с текстом около 75%, что, казалось, так выглядит лучше.

Шаг 22. Мы подошли к концу урока. Надеюсь, вы узнали что-то полезное.
Для моего окончательного изображения, я также добавил поднятый край и добавил тень.

Автор: pshero
Перевод: Акименко Алевтина
Ссылка на источник

Понравилось? Поделитесь с друзьями!
Источник: www.pshero.com Переводчик: Акименко Алевтина
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
Larissa18430 апреля 201812

Спасибо! очень интересный урок!

liho31031 января 2018

Мне понравился урок, особенно как писать в нем.

Manush11 января 201812

интересный урок

Спасибо!

Толстушка22 декабря 201614

Очень натурально получается!!!

azhb13 декабря 20166

Спасибо)

Нюшка091203 ноября 201610

Спасибо!

gkarine28 октября 201611

Спасибо

Goglmogl28 октября 201618

Спасибо

_RED04 октября 201616

Спасибо,очень интересный урок! И за кисть спасибо.

OlesyaPaprika03 октября 201610

Спасибо)

vazuza28 июля 201612

спасибо) даже в легких уроках открываешь для себя что-то новое!

yaminskaya8507 апреля 201613

Спасибо за урок. Вместо кисточки появился шрифт, а кисточки и нету. Пришлось другую брать.

Наталия Львова05 апреля 201640

Спасибо за чудесный урок!

ValerONE9404 апреля 201620

Спасибо

Julijap04 января 201611

Как-то так...

mariampaliyan03 января 201619

Спасибо за урок!

Лялька30 июля 201520

Спасибо! =)

Anastasiya872622 сентября 20146

спасибо !

Seagull6322 июня 20146

Интересный урок. Спасибо.

Valentina-6615 апреля 20146

Благодарю за интересный урок!

voki16 декабря 201310

Спасибо!

kolobok55526 ноября 201313

Хороший урок.Спасибо.

sergovch8324 октября 20134

Урок просто отличный.
А подготовлен на 5+.
Авторам огромное спасибо.

Егор Белошапко21 октября 20134

Сп

12Ксения1201 августа 20134

вроде бы получилось! спасибо!

Setrics10 мая 20137

У меня вот что получилось!!)

VoJDь24 апреля 20137

Спасибо за урок)

Галина06 апреля 201313

Большое спасибо за урок)

Полина_10103 апреля 20139

Спасибо!Урок очень хороший,автор объясняет понятно и описывает все шаги.

Авторизация


Регистрация

Наверх