Фон тетрадный лист в линейку для фотошопа: Текстуры тетрадных листов

Содержание

Black Ant — Уроки Photoshop

Итак приступим к созданию тетрадного листа бумаги. Урок достаточно лёгкий, может пригодиться при дизайне веб-страниц.

1. Создаем новый документ размером 500 на 500 пикселей, даём ему название, заливаем фон голубым цветом.
2. Создаем новый слой, назовём его list, выбираем инструмент «Прямоугольная область» (М) и выделяем область в виде прямоугольника, которая в дальнейшем будет самим листом бумаги.
3. Выделенную область заливаем белым

Затем заходим в меню Слои>Стиль слоя>Тень
Выставляем параметры:
-Непрозрачность 20%
-Смещение 6
-Размах 0
-Размер 3

4. Выбираем инструмент «овальная область» , зажимаем Shift и делаем круглое выделение для отверстий. Удаляем клавишей Del, выделение перемещаем с помощью стрелок на клавиатуре.

5. Выбираем инструмент «Линия» (U) . В палитре выбираем следующий цвет — #FFC6C6.

Рисуем вертикальную линию.

6. Создаём новый файл шириной 1 пиксель и высотой 15 пикселей. Выбираем инструмент «Карандаш» и делаем как на рисунке. Предварительно выбираем цвет переднего фона — #D1E0FF

7. Жмём Ctrl+A и идём в меню Редактирование>Определить узор Называем «Узор1» и жмём OK
8. Возвращаемся к первому документу, выделяем слой list, идём в меню Редактирование>Выполнить заливку . Выбираем Использовать: регулярный, Заказной узор — наш «узор1». Жмём ОК.

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

9. Создаём новый слой, заливаем его чёрным цветом. Выбираем инструмент «Лассо» и делаем выделение в углу документа. Выделение заливаем белым цветом.

10. Идём Фильтр>Оформление>Кристаллизация, меняем значение «Размер ячейки» так чтобы получить желаемый результат. Я применил фильтр 2 раза, первый раз со значением 24, второй со значением 4. Вот что получилось:

Выбираем инструмент «Волшебная палочка» , галочку «сглаживание» необходимо снять.
Выделяем белую часть, переключаемся на слой list и нажимаем Delete. Вот результат:

Шаблон для школьного сайта — Уроки Фотошоп

В этом уроке фотошоп создадим шаблон для сайта на школьную тему

Материалы для урока :

Ластик

Карандаш

Ручка

Шаг 1. 

Для начала создадим тетрадный лист и добавим к нему несколько изображений.Для тетрадного листа создадим полосатый фон темно-синего цвета, размером 700×550 пикселов. Используем инструмент Rectangularmarquee tool(Прямоугольная область выделения) для того, чтобы создать светло-голубые полосы на новом слое.

Поместите этот слой в папку под названием «Полосы» (для того, чтобы поместить слой в папку – выделите необходимый слой и нажмите комбинацию клавиш <Ctrl+G>). Активизируйте инструмент Free transform tool (Свободное трансформирование) из меню Edit — Free transform (Редактирование – Свободное трансформирование) и поместите полосу строго по горизонтали. Полоса должна быть достаточно длинной, такой, как показано на рисунке:

Шаг 2. 

Теперь созданную полосу поверните на 45 градусов. Это полоса должна находиться в папке «Полосы».

Шаг 3.

 Дублируйте полосы (удерживая клавишу <Alt>, переместите полосу в сторону, создавая копию), располагая их равномерно, как показано на рисунке. Все эти полосы поместите в папку «Полосы».

Шаг 4. 

Объедините папку «Полосы» — кликните правой кнопкой мыши по миниатюре с изображением папки группы и выберите команду – объединить группу.

Шаг 5.

Уменьшите непрозрачность слоя с полосами до 30%, дублируйте этот слой и отразите его по горизонтали: Flip it horizontally (Отразить по горизонтали) в меню: Edit- transform -flip horiztonal (Редактирование – Трансформирование – Отразить по горизонтали), как показано на рисунке:

Шаг 6. 

Воспользуйтесь инструментом Rectangular marqueetool(Прямоугольная область выделения) для того, чтобы создать белый прямоугольник на новом слое, который и будет выполнять функцию листа бумаги. Назовите этот слой «Бумага 2».

Шаг 7. 

Дублируйте слой, который был в группе «Полосы», назовите его «Бумага 1» и сделайте его невидимым.

На новом слое создайте узкую прямоугольную полосу фиолетового цвета при помощи инструментаRectangular marquee tool (Прямоугольная область выделения).

Шаг 8.

 Дублируйте линию несколько раз. После этого объедините все слои с полосками в один.

Шаг 9.

Сделайте видимым слой «Бумага 1» и объедините слои «Бумага 1» и «Бумага 2» в один слой, затем примените к ним стиль слоя Drop shadow (Внутренняя тень) с настройками, которые указаны на рисунке:

Шаг 10. 

Сделайте активным слой «Бумага 2» и используйте инструмент Free transform (Свободное трансформирование) из меню Edit — free transform (Редактирование — Свободное трансформирование) для того, чтобы повернуть этот слой по часовой стрелке. Выровненная бумага должна находиться под углом, как показано на рисунке:

Шаг 11.

 

Дублируйте слой «Бумага 1» и поместите его ниже двух других слоев. Поверните слой «Бумага 1» против часовой стрелки, как показано на рисунке и немного подвиньте:

Шаг 12. 

Создайте дубликат только что повернутого и выровненного слоя «Бумага 1»И создайте прямоугольное выделение, как показано на рисунке. Таким образом, мы будем создавать листок стикера.

Шаг 13.

 Заполните созданное выделение цветом с показателем: # F9EEB3

Шаг 14.

 Создайте прямоугольное выделение верхней части желтого стикера, увеличьте насыщенность этой выделенной части: Saturation (Насыщенность) из меню: Image — Adjustments -Hue /Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность).

Шаг 15.

Поместите наш стикер за верхний слой «Бумага 1», и немного его поверните.

Шаг 16.

Теперь к созданной нами раскладке будем добавлять содержимое. Для написания текста используется шрифт Angelina (не поддерживает кирилицу) .

Шаг 17. 

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

Шаг 18. 

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

Прежде всего, нам нужно удалить фон, на котором находится ластик. Для этого воспользуйтесь инструментом Magic wandtool(Волшебная палочка). Кликните этим инструментом по светлому фону за ластиком, фон выделится, и Вы можете его удалить, нажав клавишу <Delete>.

Шаг 19. 

Используйте инструмент Transform tool (Трансформирование) из меню: Edit -Free transform (Редактирование – Свободное трансформирование), для того, чтобы повернуть ластик на 50 градусов.

Шаг 20.

 Измените оттенок ластика: Saturation (Насыщенность) из меню: Image — Adjustments — Hue/saturation (Изображение – Коррекция – Цветовой тон/Насыщенность).

Шаг 21.

 Немного уменьшите размер ластика:

Шаг 22.

 Проверьте, хорошо ли удален фон от ластика:

Шаг 23. 

Макет должен быть похож на этот рисунок:

Шаг 24.

Примените к ластику стиль Drop shadow (Внутренняя тень) из меню: Layer — Layer style — drop shadow (Слой – Стили слоя – Внутренняя тень).

Шаг 25.

Удалите фон от карандаша и примените к нему тень:

Шаг 26.

И теперь добавьте к макету изображение шариковой ручки:

 Вот и все! Макет сайта в стиле «Школьный» закончен.

Желаю успехов !

Всегда для Вас: photoshoplesson.ru

У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !

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

ПОХОЖИЕ УРОКИ:


Фон тетради — 52 фото для презентаций и картинок на рабочий стол


Тетрадь в линейку фон



Фон тетрадь


Старинный фон


Лист тетрадки в клеточку



Тетрадь в клеточку фон


Тетраднвй лист Влинейку


Фон тетрадь


Чистый лист тетради


Фон тетрадный лист


Бумага в клеточку



Фон для презентации блокнот



Фон в виде блокнота


Двойной тетрадный лист


Лист в клетку


Тетрадный лист в клетку фон


Лист в клеточку


Клетчатая бумага


Фон для презентации линейка


Текстура бумаги в клетку


Тетрадка с ручкой


Тетрадь в клетку


Тетрадный лист


Школьная тетрадь с ручкой




Планшет на столе


Тетрадь в клеточку фон


Лист из тетради в линейку


Фон Школьная тетрадь в клеточку


Фон тетради в клетку на столе


Фон для презентации блокнот


Фон бумага в линейку


Фон для презентации блокнот


Тетрадь и ручка на столе



Тетрадь в клетку


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



Фон для презентации блокнот


Лист в клетку


Фон для фотошопа Школьная тематика


Красивый блокнот с ручкой


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


Слайд блокнот


Тетрадь в линейку фон


Клеточный фон


Тетрадный листок и ручка

Как в фотошопе разметить лист


Линейки, сетка и направляющие — инструменты позиционирования в фотошопе

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

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

Линейки в фотошопе

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

Чтобы включить отображение линеек в фотошопе, выполните команду:

Просмотр — Линейки или горячая клавиша Ctrl+R.  

По умолчанию единица измерения — пиксели. Но это можно изменить. Возможны следующие способы как это сделать:

Способ 1

Кликните правой кнопкой мыши по шкале линейки. появится контекстное меню со всеми имеющимися в фотошопе единицами измерения: пиксели, дюймы, сантиметры, миллиметры, пункты, пики и проценты.

Способ 2

Для того, чтобы изменить единицы измерения по умолчанию, то следует перейти в следующие настройки фотошопа: Редактирование — Установки — Единицы измерения и линейки. В открывшемся окне, в самом верху, есть пункт Единицы измерения, а в нем Линейки.

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


Линейка имеет начало отсчета — 0. По умолчанию это верхний левый угол документа. Но и это можно изменить, установив начало шкалы в любом другом месте. Для этого сделайте клик в точке пересечения двух линеек, затем, не отпуская кнопку мыши, потяните в сторону.

Вы увидите перекрестие. Разместите его центр в том месте, где должно быть начало отсчета у линейки.

Примечание

Чтобы вернуть линейку в исходное положение, сделайте двойной клик там же в пересечении двух линеек. 

Направляющие в фотошопе

Теперь, когда появились линейки, можно создать направляющие.

Направляющие — это голубые вертикальные и горизонтальные линии, помогающие создать разметку в документе фотошопа. 

Направляющие относятся к вспомогательным элементам, поэтому их будет не видно, когда вы сохраните изображение. Но зато они остаются в PSD-формате.

Направляющие обладают эффектом прилипания, то есть, когда вы перемещаете какой-либо элемент изображения ближе к направляющей, вы почувствуете как этот элемент вдруг прилип к линии. Это очень полезно при позиционировании. В этом случае вы точно уверены, что разместили элемент пиксель в пиксель с направляющей.

Примечание

Эффект прилипания в фотошопе называется Привязкой.

Она включается и отключается в меню Просмотр — Привязка. Проследите, чтобы галочка стояла.

Отсюда вытекает и вся тактика использования: сначала нужно точно установить направляющую на своем месте. Для этого используется шкала линеек, если нужно отмерить нужное расстояние. Затем, когда все на месте, перетащите к направляющей элемент изображения, и он прилипнет к этой линии. Все, он позиционирован!

Как создать направляющие в фотошопе

Сперва нужно удостовериться, что отображение направляющих включено. Для этого проследите, чтобы в меню Просмотр — Вспомогательные элементы стояла галочка. А также должны быть активированы линейки.

Теперь нужно их создать. Есть два способа для разных случаев жизни:

Способ 1 Произвольные направляющие

Этот способ подходит, когда нужно быстро создать линию и установить ее в произвольном месте.

Для этого сделайте клик мыши в области шкалы линейки:

  • для горизонтальной линии — на верхней линейке;
  • для вертикальной линии — не левой линейке.

Затем, не отпуская кнопку мыши, потяните руку в сторону документа. Тогда вместе с вашим движением потянется, пока еще темная, линия направляющей. Далее установите ее в нужном месте и она станет голубого цвета.

Как видите, она пересекает шкалу линейки, а значит не составит труда посчитать расстояние и разместить направляющую на нужном месте.

Способ 2 С указанием, где должна появится направляющая

Через меню Просмотр — Новая направляющая откроется диалоговое окно. В котором нужно указать в какой плоскости ее создать (горизонтальная или вертикальная), а также поле, в которое нужно ввести значение нужного положения. Например, нужна горизонтальная направляющая, которая появиться в 100 пикселях от верхнего края изображения.

Как изменить положение направляющей

Чтобы передвинуть линию в новое место, выберите инструмент Перемещение, затем наведите курсор на линию. Курсор изменится на две параллельные полоски. Значит можно кликнуть по направляющей и потянуть в новое место.

Кстати, направляющие можно закрепить, то есть защитить от случайного сдвига. Для этого поставьте галочку в меню Просмотр — Закрепить направляющие.

Как убрать/удалить направляющие

Способ 1 Переместить на шкалу линейки

Этот способ повторяет процесс создания направляющей. Только, чтобы она исчезла, нужно перетащить ее обратно в область шкалы линейки.

Этот способ идеально подходит для случаев, когда из множества направляющих нужно удалить не все, а только некоторые.

Способ 2 Команда меню

Через меню программы: Просмотр — Удалить направляющие. В этом случае пропадут сразу все созданные линии.

Способ 3 Отключить отображение

Если нужно временно убрать направляющие, чтобы они не мешали, то уберите галочку в команде Просмотр — Вспомогательные элементы или используйте горячую комбинацию Ctrl+H.

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

Сетка разметки в фотошопе

Вспомните-ка как выглядит тетрадный лист в клеточку. Такую же сетку можно поместить поверх документа в фотошопе. Для этого выполните команду:

Просмотр — Показать — Сетку

Настройка сетки осуществляется в установках фотошопа: Редактирование — Установки — Направляющие, сетка и фрагменты.

Можно указать какой ширины будут основные (большие) ячейки и из какого количества дополнительных внутренних делений они будут состоять. Например, у меня основные ячейки по 2 сантиметра и делятся дополнительно на 4 поменьше. Таким образом, каждая маленькая клетка составляет 0.5 сантиметра.

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