Как сделать таблицу в фотошоп: Как сделать таблицу в фотошопе онлайн урок для новичков

Содержание

Как сделать таблицу в фотошопе онлайн урок для новичков

Если вы решили посвятить свою жизнь веб-дизайну, рано или поздно вам придется столкнуться такой проблемой: как нарисовать таблицу в фотошопе. Разумна мысль, что создать таблицу для сайта было бы гораздо проще с помощью html кода. Но вы представьте себе такую ситуацию. Вы готовите дизайн макет для верстальщика. Передаете ему законченный вариант, в котором есть все… кроме таблицы. Вы обладаете вкусом, быстро можете подобрать подходящую толщину линий, цвета, варианты выделения. Но для верстальщика это порой непосильная задача. И вместо изящной таблицы с ценами на странице будет убожество из черных линий и текста, совершенно не подходящего сайту по стилистике. И весь ваш труд пойдет коту под хвост, ибо дизайн начинается с мелочей. А столь крупный элемент, не вписывающийся в общую концепцию, попросту может его загубить. Да и вообще, работу всегда следует доводить до конца, как бы сложна они ни была.

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

Линейки появились. Ставим курсор на них и вытаскиваем вспомогательные линии. Расставляем их в соответствии с нужным размером ячейки по горизонтальной и вертикальной линейке.

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

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

Теперь выбираем инструмент «линия», делаем клик по рабочей области и протягиваем ее до нужной отметки. Дабы линия была ровной и не отклонялась, зажимаем клавишу shift.

Кстати говоря, толщина линии задается на верхней панели.

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

А теперь ставим курсор на появившуюся линию, зажимаем левую клавишу мыши и кнопку shift и тащим ее вниз. Проделываем это маневр несколько раз горизонтальными линиями.

После чего создаем новый слой:

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

Убираем вспомогательные линии. Ставим курсор на них и оттаскиваем к линейкам.

Рисовать таблицу в фотошопе мы научились, давайте же научимся ее заполнять. Поможет нам в этом инструмент «горизонтальный текст». Его цвет мы можем выбрать на палитре, как было описано выше.

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

Вот, что мы имеем теперь:

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

Повторяем те же действия для других ячеек.

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

А теперь в окне слоев выбираем первый, фоновый слой. И только после этого создаем новый.

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

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

Комбинацией клавиш ctrl+d снимаем выделение.

Наша таблица готова! Как видите, нарисовать ее в photoshop оказалось довольно просто. Мы разобрали самый простой пример. Если вы расширите область своих познаний и задействуете фантазию, вы сможете сделать таблицу гораздо красивей. Но основные принципы останутся теми же.

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

Автор Дмитрий Костин На чтение 8 мин. Опубликовано

Всем привет! Сегодня мне хотелось бы рассказать вам, как в фотошопе сделать таблицу по размерам с текстом или картинками для своих нужд. Конечно, многие скажут, что смысла составлять таблицы в фоторедакторах нет, так как это можно проделать с помощью html кода или офисных программ типа Word или Excel. И конечно, все это здорово, но в фотошопе можно создать такое, что нельзя будет воплотить в жизнь нигде, и таким образом вы получите потрясающий элемент дизайна.

Зачем нужно делать таблицу в photoshop

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

Кстати, если вы хотите научиться делать офигенные дизайны для сайтов, социальных сетей или улетные баннеры, то рекомендую вам пройти обучение в этой классной онлайн школе веб-дизайна. Здесь есть много классных направлений. Поэтому вы сможете выбрать для себя то, что вам нравится. Подойдет любому, даже абсолютному новичку в фотошопе. Вам всё разжуют так, что вопросов просто не останется. А после этого вы сможете уже делать дизайны сами, предлагая свои услуги на биржах фриланса, таких как Кворк.

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

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

Как сделать простую таблицу по линиям

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

Направляющие

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

  1. Активируйте линейку. Для этого в меню «Просмотр» выберите пункт «Линейки», либо нажмите комбинацию клавиш CTRL+R. Если они уже активированы, то ничего менять не нужно. 
  2. Теперь (лучше возьмите инструмент «Перемещение») зажмите левую кнопку мыши на верхней линейке и опустите направляющую на высоту 10. Затем, таким же образом возьмите вторую направляющую, и перетащите ее на 90. После этого из боковой линейки вытащите точно также две направляющие на длину 10 и 70 сантиметров. Сразу хочу сказать, что эти размеры я брал чисто, исходя из своего макета. У вас цифры могут быть другими. Главное, ориентируйтесь по линейкам. 
  3. Далее, таким же образом создайте несколько внутренних направляющих, чтобы у вас получилось равное количество строк и столбцов. У меня рассчитано 4 строки и столько же столбцов. Я начертил их с равными промежутками. 

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

Расчерчивание

Теперь, чтобы в фотошопе сделать таблицу по заданным размерам, нам нужно обрисовать направляющие в нужной зоне. Поэтому, идем в панель инструментов и выбираем «Фигуры» — «Инструмент Линия».

Далее, выставьте параметры фигуры. Самое главное в этом деле это цвет, форма и толщина. Я поставил такие параметры (смотрите скриншот), но вы можете подогнать что-то для себя.

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

Теперь остается проделать то же самое с внутренними линиями. Главное — делать всё четко по направляющим. После этого у вас должно получиться что-то в этом роде.

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

Не смотрите на мой фон, я его сделал от балды. Вы сможете сделать то же самое на другом фоне или картинке.

Следующим шагом я рекомендовал бы вам объединить все линии в один слой или хотя бы группу, чтобы при малейшем изменении мы могли бы затронуть всю таблицу, а не каждую черточку. Сами представляете, как это муторно и дико Для этого нажмите на первый слой с линией, зажмите клавишу SHIFT и кликните на последний слой с линиями. После того, как все слои выделятся, нажмите на них правую кнопку мыши и выберите пункт «Объединить фигуры».

Теперь останется только заполнить данную таблицу текстом. Здесь уже никаких премудростей быть не должно. Просто берете инструмент «Текст» и начинайте заполнять каждую ячейку. Главное, делайте так, чтобы надписи были ровными, относительно друг друга и по размеру ячеек. В этом вам помогут быстрые направляющие, которые подскажут вам все во время передвижения объекта. Вот, что получилось у меня на скорую руку.

Улучшение таблицы

Чтобы сделать таблицу в фотошопе более необычной, можно добавить к ней дополнительные эффекты и плюшки.

Добавление эффектов с помощью стилей слоя

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

Здесь вы также можете пробежаться по настройкам каждого пункта и выбрать то, что понравится вам. Например, для своей таблицы, я предпочел выбрать «Обводку» и «Тень», после чего подстроил их по своему вкусу. Получилось примерно так.

Изменение рамки с помощью инструмента «Кисть»

Но не только одними линиями вы можете создать таблицу в фотошопе. С этом делом вполне справится обычный инструмент «Кисть». Причем, вам не придется потом объединять слои, чтобы соединить их в один. Более того, вы можете выбрать кисточку, которая сделает вашу рамку действительно необычной. Но для начала либо скройте слой с уже готовой табличной рамкой, либо удалите его, чтобы он нам не мешал, а вот данные можно оставить. После этого верните направляющие, которые мы скрыли до этого. Сейчас они нам снова понадобятся.

  1. Возьмите инструмент «Кисть» и выберите цвет, которым вы захотите рисовать. После этого нажмите правой кнопкой мыши на холсте и выберите форму кисти из доступных, либо загрузите ее из интернета. Не забудьте поставить подходящий размер. 
  2. Теперь зажимаем клавишу SHIFT и начинаем чертить линии из одного конца в другой прямо понаправляющим. Направляющие притянут нашу кисточку, чтобы она была ровной, а зажатый шифт сделает линию прямой. 
  3. После этого можно будет убрать направляющие и снова наложить какие-нибудь стили слоя. Я решил сделать те же самые, что и в предыдущем примере, только еще и добавить тиснение. 

Вставка картинок в таблицу

Ну и конечно, я не мог не упомянуть данный пункт. Но тут ничего сложного нет. Вы, как и в обычном случае, вставляете фотографию на холст, после чего подгоняете размеры картинки с помощью свободного трасформирования (CTRL+T), потянув за уголки с зажатой клавишей SHIFT, чтобы сохранить пропорции.

А далее, с помощью инструмента «Перемещение» просто поставьте рисунок в ячейку.

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

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

Ну а на этом у меня всё. Надеюсь, что статья вам понравилась. Обязательно подписывайтесь на мой блог и паблики в социальных сетях. Жду вас снова. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин.

Как нарисовать таблицу в Фотошопе


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

Если такая необходимость возникла, то изучите этот урок и больше не будете иметь трудностей в создании таблиц в Фотошопе.

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

Естественно, мы, как профессионалы пойдем по второму пути.

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

Для точной установки направляющей линии необходимо пройти в меню «Просмотр», найти там пункт «Новая направляющая», задать значение отступа и ориентацию…

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

Хорошо, не буду больше тянуть время. Нам нужно на данное действие назначить сочетание горячих клавиш.
Для этого идем в меню «Редактирование» и ищем внизу пункт «Клавиатурные сокращения».

В открывшемся окне в выпадающем списке выбираем «Меню программы», ищем пункт «Новая направляющая» в меню «Просмотр», кликаем по полю рядом с ним и зажимаем нужную комбинацию так, как если бы мы ее уже применили. То есть зажимаем, к примеру,

CTRL, а затем «/». Именно такую комбинацию я и выбрал.

По завершению нажимаем «Принять» и ОК.

Дальше все происходит достаточно просто и быстро.
Создаем новый документ нужного размера сочетанием клавиш CTRL+N.

Затем нажимаем CTRL+/, и в открывшемся окне прописываем значение для первой направляющей. Я хочу задать отступ в 10 пикселей от края документа.


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

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

Если у вас до сих пор не включены линейки, то активируйте их сочетанием клавиш CTRL+R

.

У меня получилась вот такая сетка:

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

Рисовать (ну, ладно, чертить) таблицу мы будем инструментом «Линия», он имеет наиболее гибкие настройки.

Настраиваем толщину линии.

Выбираем цвет заливки и штриха (штрих выключаем).

И теперь, на только что созданном слое рисуем таблицу.

Делается это так:

Зажимаем клавишу SHIFT (если не зажать, то каждая линия будет создаваться на новом слое), ставим курсор в нужное место (сами выберите, откуда начать) и проводим линию.

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

Таким же образом рисуем остальные линии. По завершению работы направляющие можно отключить сочетанием клавиш

CTRL+H, а если они понадобятся, то снова включить этой же комбинацией.
Наша таблица:

Данный способ создания таблиц в Фотошопе поможет вам значительно сэкономить время.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Как в фотошоп вставить таблицу из ворда


Как в Фотошопе вставить таблицу?

Графический редактор Adobe Photoshop предназначен для работы с изображением, но использующим его дизайнерам нередко приходится иметь дело и с текстовыми элементами. Например, иногда в картинке должна присутствовать таблица с какими-либо данными. Создание и заполнение этого элемента в самом графическом редакторе — процесс достаточно трудоемкий. Намного продуктивнее использование Photoshop совместно с табличным редактором Microsoft Office Excel.

Вам понадобится
  • Графический редактор Adobe Photoshop, табличный редактор Microsoft Office Excel.
Инструкция
  • Подготовьте в Excel таблицу, которую нужно поместить на редактируемое в Photoshop изображение. Для этого запустите приложение и заполните данными нужное число ячеек автоматически созданного программой листа. На первом этапе нет необходимости заботиться о его внешнем виде, а лишь о наполнении. Не забывайте о возможности объединять ячейки в Excel — это позволяет создать сложные структуры в колонках и строках.
  • Используйте возможности сортировки и условного форматирования табличного редактора, чтобы задать правильную последовательность строкам данных. Кроме того, условное форматирование можно применять и для графического оформления — этот инструмент позволяет изменять фон, шрифт, обрамление ячеек в соответствии с содержащимися в них данными. Например, вы можете раскрасить ячейки в порядке возрастания значений переходом цвета от красного к зеленому, выделить цветом минимальное и максимальное значения и т.д. Кнопка с выпадающим списком, содержащим настройки условного форматирования, помещена в группу команд «Стили» на вкладке «Главная» табличного редактора.
  • Закончив с наполнением таблицы, подберите цвет рамки, фона, текста и других элементов оформления. Выберите один из имеющихся вариантов оформления — их список раскрывается щелчком по кнопке «Стили ячеек» в группе команд «Стили» на вкладке «Главная». Если все размещенные там варианты вам не подходят, выделите всю таблицу, кликните выделение правой кнопкой мыши и выберите в контекстном меню пункт «Формат ячеек». В открывшемся окне на вкладках «Шрифт», «Граница» и «Заливка» помещены инструменты оформления, с помощью которых вам надо придать нужный вид таблице.
  • Поместите созданную таблицу в буфер обмена. Для этого установите курсор в крайнюю правую нижнюю ячейку (Ctrl+End), выделите все заполненные клетки (Ctrl+Shift+Home) и скопируйте их (Ctrl+C).
  • Переключитесь в графический редактор и выберите в списке слоев тот, выше которого нужно поместить таблицу. Затем вставьте содержимое буфера обмена — нажмите сочетание клавиш Ctrl+V. Photoshop добавит скопированную таблицу в центр изображения, создав для нее отдельный слой. После этого вы можете приступать к позиционированию и обработке вставленной таблицы.
  • Оцените статью!

    Как в Фотошопе создать таблицу

    Максимально удобным интерфейсом для создания электронных таблиц обладают офисные программы Word и Excel, но иногда человеку может потребоваться создать таблицу в графическом редакторе Adobe Photoshop. К счастью данный редактор обладает широкими возможностями и при грамотном их использовании можно создать электронную таблицу. Для выполнения данной операции понадобится:

    — Персональный компьютер или ноутбук;

    — Программа Adobe Photoshop(купить 100% рабочую и лицензионную версию).

    Инструкция

    1. Запустите программу Photoshop и откройте меню File, нажмите пункт New. Пункт New в меню File

      На панели слоев выберите команду Create a new layer или нажмите комбинацию кнопок на клавиатуре Shift+Ctrl+N, добавится новый слой для создания таблицы. Выберите подходящий цвет фона на палитре цветов и заполните им слой.

    2. На панели инструментов, в разделе команд U, укажите функцию Rectangle Tool. Функция Rectangle Tool в разделе команд U

      Используя данный инструмент создайте одну ячейку для вашей будущей таблицы, для создания квадратной ячейки зажмите на клавиатуре клавишу Shift. Если вам нужно несколько одинаковых ячеек, то вышеописанным способом создайте первую ячейку, нажмите сочетание клавиш Alt+Ctrl и зажмите мышью ячейку, переместите ее в нужное место, тем самым вы получите копию ячейки.

    3. Чтобы переместить ячейку предварительно зажмите кнопку Ctrl. Для четкого выбора позиции на экране используйте сочетание зажатой кнопки Ctrl и нужной стрелки на клавиатуре.
    4. После построения таблицы выберите опцию Direct Selection Tool, Опция Direct Selection Tool

      нажмите правой клавишей мышки по контрольному узелку на нижней ячейке и укажите команду Delete Anchor Point. При необходимости восстановите границу ячейки.

    5. Укажите на панели инструментов опцию Brush Tool, подберите нужный размер кисти, он должен равняться толщине границ ячеек. Основной цвет плана будет использоваться как цвет границ. Укажите опцию Rectangle Tool и нажмите по таблице правой кнопкой мышки, укажите функцию Stroke Path.
    6. Для создания таблицы можно использовать другой инструмент из раздела команд U панели инструментов. Выберите в данном разделе команду Line Tool, установите необходимые параметры кисти и начертите таблицу в документе редактора. Для создания идеально ровных линий зажмите на клавиатуре клавишу Shift. После создания таблицы нажмите на нее правой клавишей мышки и выберите команду Stroke Path.
    7. Для сохранения таблицы откройте меню File и выберите пункт Save As, впишите имя таблицы и укажите место для сохранения, выберите нужный формат и нажмите кнопку «Сохранить».

    Видео: Adobe Photoshop CS6. Календарь. Часть 1 — Календарная сетка

    Как нарисовать таблицу в фотошопе?

    Программа «Фотошоп» – универсальное решение для создания графических изображений и обработки картинок. Иногда возникает необходимость разместить в рисунке таблицу. Какие в Photoshop есть инструменты для решения данной задачи? Как нарисовать таблицу в фотошопе?

    Действительно, рассматриваемый графический редактор включает огромное количество инструментов для обработки картинок. Однако среди них, как это ни странно, нет тех, с помощью которых в рисунок можно было бы вставить таблицу – подобно тому, как это осуществляется, к примеру, в Word.

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

    Содержание статьи

    Начнем с первого пункта.

    Рисование контура таблицы

    Первым делом открываем фотошоп и создаем новый проект – с белым фоном.

    Нарисовать контур таблицы в фотошопе можно разными методами. В числе самых удобных – задействование инструмента Rectangle Tool. На первый взгляд он может, конечно, показаться не самым оптимальным – поскольку прорисовывает «сплошной» прямоугольник.

    Но это не проблема. Данный прямоугольник можно запросто превратить в контур таблицы. Для этого нужно кликнуть правой кнопкой мыши на слое, который соответствует ему, и выбрать пункт Blending Options. В открывшемся окне требуется для начала перейти на закладку Stroke.

    На ней задается обводка – которая, собственно, и будет контуром будущей таблицы. Необходимо произвести следующие действия:

    • — выбрать толщину обводки – пусть это будет 3 пикселя;
    • — выбрать цвет обводки – желательно тот же, в который окрашен сам прямоугольник (по умолчанию он прорисовывается в системном цвете – поэтому можно кликнуть мышкой на соответствующей палитре слева).

    Далее переходим на вкладку Blending Options: Custom и уменьшаем до предела значение в строке Fill Opacity. В результате на листе будет отображаться только обводка – она и станет контуром таблицы.

    Однако все эти действия – «репетиция». Но мы решили нужную задачу – изучили то, как создается контур таблицы с помощью инструмента Rectangle Tool.

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

    Речь идет о сетке – Grid. Чтобы активировать ее, нужно выбрать пункт View, затем – Show и Grid.

    Данный инструмент примечателен своей способностью «подстраиваться» под прямое рисование по клеткам – в частности, с помощью опций Rectangle Tool и Line Tool.

    Можно немного поэкспериментировать с задействованием возможностей сетки. Приноровившись, продолжаем работу уже над таблицей.

    Нам вновь понадобится чистый белый лист. Сразу же активируем на нем сетку. После – прорисовываем контур таблицы уже известным нам способом. Берем инструмент Rectangle Tool, формируем контур – толщиной 3 пикселя, окрашенный в системный цвет.

    Теперь можно перейти к этапу рисования линий для столбцов и ячеек.

    к содержанию ↑

    Рисование линий столбцов и ячеек таблицы

    Используя уже знакомый нам инструмент Line Tool, постепенно прорисовываем соответствующие графические элементы таблицы.

    Желательно, чтобы толщина линий не превышала таковую у контура. В данном случае показатели одинаковы – 3 пикселя. Очень важно при этом каждую линию фиксировать на отдельном слое. То есть после прорисовки каждой – нажимаем Enter. Соответствующие слои имеют название Shape. Для чего это нужно, мы узнаем чуть позже.

    Рисовать таблицу при включенной сетке – одно удовольствие. Однако, отобразив линии для столбцов и строк, полезно будет на несколько секунд отключить режим сетки – для того, чтобы проверить, есть ли пробелы между графическими элементами.

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

    Как растягивать линии? Мы условились фиксировать каждую из них на отдельном слое. Это нужно нам как раз таки для подобных ситуаций – когда есть необходимость изменить длину какой-либо из линий.

    Для того чтобы иметь возможность легко работать с линиями, требуется включить режим Show Transform Controls. Далее, переходя на те слои, которые соответствуют линиям, увеличиваем немного их длину, ликвидируя пробелы на таблице. Всякий раз фиксируем результат посредством нажатия Enter.

    Убедившись, что на таблице нет пробелов, возвращаем исходный масштаб картинки и вновь включаем сетку.

    К слову, при необходимости таблицу несложно тем или иным способом модифицировать. Например, в нашем случае видно, что крайний правый столбец имеет вдвое меньшую ширину, чем остальные.

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

    Нужно выбрать слой, соответствующий контуру. После, активировав опцию Show Transform Controls, изменить ширину таблицы.

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

    Можно, конечно же, и увеличить крайний правый столбец исходной таблицы. Сначала – растянув контур.

    Затем – «дотянув» до него линии строк.

    Можно изменить структуру таблицы, «объединив» ячейки или столбцы – также посредством регулирования длины линий. При необходимости – дорисовывая новые, которые тоже будут образовывать дополнительные слои.

    Таблица готова. Теперь можно перейти к этапу ее заполнения.

    к содержанию ↑

    Заполнение таблицы

    В самом начале статьи мы отметили, что Photoshop – графический редактор, и в нем нет модулей вставки готовых таблиц – как в Word, которые можно было бы заполнять каким-либо содержимым.

    Однако необходимый контент в фотошопе, как ни в какой другой программе, можно легко нарисовать. Причем если речь идет о тексте – без проблем ввести его. Берем соответствующий инструмент – Text – и создаем с помощью него требуемое содержимое таблицы.

    Каждое слово или фраза будет размещаться, таким образом, в отдельном слое. При заполнении таблицы текстовым содержимым можно заметить еще одну полезную особенность сетки – она «распознает» буквы, а затем, отслеживая движения пользователя мышкой при перемещении им соответствующего блока в нужное место ячейки, помогает выравнивать расположение текста в таблице.

    Легко вставляются и картинки.

    По окончании работы можно выключить режим сетки.

    Итак, теперь мы знаем, как нарисовать таблицу в Photoshop. Оптимально будет сохранить ее как проект – в формате PSD, а затем работать с копиями соответствующего файла. Можно будет, например, растрировать слои, составляющие таблицу, и склеить их с помощью опции Merge, после чего она превратится в целостный графический объект.

    Как нарисовать таблицу в Фотошопе

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

    Если такая необходимость возникла, то изучите этот урок и больше не будете иметь трудностей в создании таблиц в Фотошопе.

    Скачать последнюю версию Photoshop

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

    Естественно, мы, как профессионалы пойдем по второму пути.

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

    Для точной установки направляющей линии необходимо пройти в меню «Просмотр», найти там пункт «Новая направляющая», задать значение отступа и ориентацию…

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

    Хорошо, не буду больше тянуть время. Нам нужно на данное действие назначить сочетание горячих клавиш. Для этого идем в меню «Редактирование» и ищем внизу пункт «Клавиатурные сокращения».

    В открывшемся окне в выпадающем списке выбираем «Меню программы», ищем пункт «Новая направляющая» в меню «Просмотр», кликаем по полю рядом с ним и зажимаем нужную комбинацию так, как если бы мы ее уже применили. То есть зажимаем, к примеру, CTRL, а затем «/». Именно такую комбинацию я и выбрал.

    По завершению нажимаем «Принять» и ОК.

    Дальше все происходит достаточно просто и быстро. Создаем новый документ нужного размера сочетанием клавиш CTRL+N.

    Затем нажимаем CTRL+/, и в открывшемся окне прописываем значение для первой направляющей. Я хочу задать отступ в 10 пикселей от края документа.

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

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

    Если у вас до сих пор не включены линейки, то активируйте их сочетанием клавиш CTRL+R.

    У меня получилась вот такая сетка:

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

    Рисовать (ну, ладно, чертить) таблицу мы будем инструментом «Линия», он имеет наиболее гибкие настройки.

    Настраиваем толщину линии.

    Выбираем цвет заливки и штриха (штрих выключаем).

    И теперь, на только что созданном слое рисуем таблицу.

    Делается это так:

    Зажимаем клавишу SHIFT (если не зажать, то каждая линия будет создаваться на новом слое), ставим курсор в нужное место (сами выберите, откуда начать) и проводим линию.

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

    Таким же образом рисуем остальные линии. По завершению работы направляющие можно отключить сочетанием клавиш CTRL+H, а если они понадобятся, то снова включить этой же комбинацией. Наша таблица:

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

    Помогла ли вам эта статья?
    ДА НЕТ

    Как в фотошоп сделать таблицу


    Как в фотошопе сделать таблицу: наглядная инструкция

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

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

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

    Как сделают простую табличку начинающие

    Открываем картинку в Photoshop. У меня стоит CС, но насколько я знаю визуально он почти не отличается от CS6. Моя версия считается самой современной, профессиональной и крутой, но, откровенно говоря, о большинстве этих профессиональных функций я даже и не знаю. Вернемся к таблицам. Эту программу можно осваивать бесконечно.

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

    Первым делом я нарисую форму, в которой будет располагаться моя таблица для каких-то значений. Этого делать не обязательно, но думаю, что при использовании конкретного примера результат будет выглядеть значительно лучше. Если оставить фото таким, какой он есть, то саму таблицу будет плохо видно.

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

    Рисую фигуру.

    И уменьшаю непрозрачность, чтобы фон картинки все же остался виден.

    Перемещаю изображение в центр. Обращайте внимание на красные линии сечения. Они появляются сами собой и подсказывают как выставить объект ровно.

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

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

    Если все еще непонятно, то рекомендую посмотреть обучающее видео. Можете начать с 1:24, чтобы увидеть только про работу с направляющими. Хотя, как по мне, весь ролик будет полезен, особенно новичку.

    Чтобы будущая таблица была ровной, по размеру, используйте при рисовании кнопку Shift. В этом случае направляющие не съедут на доли пикселей, а будут «прилипать» к круглым числам.

    Закончили.

    Теперь выбираем инструмент «Линия».

    Я создаю новый слой, чтобы нарисовать таблицу.

    У инструмента «Линия» много настроек. Обычно я использую заливку и толщину, без обводки и остальных. Так проще.

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

    Кстати, Shift можно удерживать только когда рисуете. Нажали и начали водить левой кнопкой мыши. Отпустили. Снова зажали. Подключили мышь.

    Чтобы убрать направляющие, нажмите Ctrl+H. Это же сочетание клавиш включает их обратно.

    Табличка будет красивее, если добавить тень.

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

    Осталось немного. Если хотите таблицу с текстом – выбирайте соответствующий инструмент.

    Сверху выставляйте шрифт и размер.

    И готово.

    Можете скачать мой PSD-макет, открыть его в фотошопе и либо использовать, либо менять под себя, либо просто осмотреть (СКАЧАТЬ).

    А сейчас я покажу вам вариант поинтереснее! Не все знают о дополнительных настройках, а между тем они есть!

    Как сделают люди со знаниями

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

    Я хочу показать вам более удобную альтернативу. Смотрите. Открываем фотку и в разделе «Просмотр» выбираем «Новый макет направляющей».

    Тут можно вписать количество столбцов.

    Добавить строки.

    А также выставить отступы от краев рисунка.

    Первое время придется поковыряться, чтобы понять что тут и как. Советую это сделать. Полезный навык, существенно ускоряет работу и делает таблицу ровной буквально за пару минут. При учете, что вы обладаете навыками.

    Не отчаивайтесь, если времени уже потрачено уйма, а ничего не выходит. Можно взять инструмент «Перемещение» и подвинуть линию вручную.

    Просто тащите и не забывайте про Shift.

    Теперь можно взять прямоугольник со скругленными углами.

    Нарисовать две колонки.

    Убавить непрозрачность. Естественно, это не обязательно, но я обожаю этот эффект.

    Кликнув на первый прямоугольник и тем самым активировав его, создайте новый слой. Он должен располагаться именно над этим слоем. Как на рисунке.

    Теперь выбираем прямоугольное выделение и рисуем шапку. Не обращайте внимания на ровность границы. Все поправится в процессе.

    Берем заливку и кликаем внутри выделенной области. Следите, чтобы активным был именно новый слой.

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

    То же самое проделайте со вторым столбцом.

    Активируете, создаете новый слой.

    Выделение. Заливка.

    Создаете обтравочную маску. Да, только сейчас вы научились это делать.

    Готово. Убираем направляющие.

    Таблица готова и в ней текст с рисунками.

    Можете скачать этот PSD-макет.

    Как вы видите, знания фотошопа очень важны. Именно поэтому я настоятельно, из раза в раз советую вам изучать инструменты. Это скучно, а потому сделайте этот процесс максимально быстрым и комфортным. Подробную статью о том, как это сделать, вы можете найти в моем блоге. Создана она совсем недавно.

    Знаете, что отличает успешного человека от всех остальных? Он сумел получить те знания, которые остальным кажутся невыносимо скучными. Если вы хотите стать профессионалом, обратите внимание на курс Зинаиды Лукьяновой «Фотошоп с нуля 3.0» и узнайте все, что только можно об инструментах.

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

    Если вас интересует фотошоп и вы задумываетесь о карьере веб-дизайнера, то советую вам бесплатный курс, который поможет «въехать» в профессию. Понять что от вас потребуется и каким образом этого достичь «ПРОФЕССИЯ ВЕБ-ДИЗАЙНЕР ЗА 10 ДНЕЙ».

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

    Развивайте собственную фантазию и зарабатывайте больше.

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

    Как нарисовать красивую таблицу в фотошопе

    Доброго дня всем посетителям сайта pixelbox.ru! В предыдущих уроках мы говорили о Сетке в фотошопе и направляющих. Эти знания вам пригодятся, чтобы нарисовать таблицу в Photoshop. Нарисовать таблицу можно при помощи разных программ — Power Point, Excel, Word и т.п. Но в случае, если таблица содержит в себе изображения, лучшим вариантом будет программа Adobe Photoshop. Огромное количество инструментов и функций этого графического редактора позволяют создавать таблицы, которые можно сделать различного размера,типа и цвета, не ограничивая фантазию рамками стандартов.
    • Создавать эскиз таблицы при помощи Направляющих и Сетки
    • Рисовать таблицу с помощью инструмента Линия
    • Добавлять в таблицу текст и изображения

    Подготавливаем таблицу, расставляем направляющие

    Давайте создадим таблицу с породами собак.  Открываем в фотошоп (Ctrl + O) подготовленный фон для таблицы:

    Переходим в меню Просмотр — Линейки (View — Rulers) и включаем Линейки. 

    Снова переходим в меню Просмотр для отображения Направляющих (Просмотр — Показать — Направляющие (View — Show — Guides)):

    Для большего удобства можно включить Сетку в фотошопе. Сделать это можно, перейдя в меню Просмотр — Показать — Сетку (View-Show-Grid) либо же нажать сочетание клавиш Ctrl + “ («Э» в русской раскладке клавиатуры):

    Переходим в меню Редактирование — Установки — Направляющие, сетка и фрагменты (Edit-  Preferences — Guides, Grid & Slices) либо нажимаем сочетание клавиш Ctrl+K и Ctrl+8.

    Настраиваем Сетку:

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

    При помощи Направляющих «чертим» набросок нашей будущей таблицы. Чтобы добавить Направляющую, при любом активном инструменте подведите мышь к Линейке (горизонтальной или вертикальной, это зависит от того, какая направляющая нужна), щелкните левой клавишей мышки по линейке и вытащите Направляющую. Перетаскиваем ее в нужное место и отпускаем клавишу мышки. Совет: чтобы направляющие «прилипали» к линиям сетки и было проще их расставлять, не забудьте включить функцию «Привязка к…» Более подробно об этом в уроке о сетках.

    Чтобы изменить положение уже добавленной направляющей, активируйте инструмент Перемещение (Move Tool) клавишей V на клавиатеру и перетащите Направляющую.

    Вот какой эскиз таблицы получился в итоге:

    «Ну все, готово» с облегчением выдохнете вы. Нет, пока не все. Направляющие и Сетка будут видны только в документах в формате PSD или TIFF, если же сохранить изображение в форматах jpg, png, gif – все нарисованные ранее линии не будут видимы.

    Рисуем таблицу в фотошопе

    Чтобы нарисовать видимые линии таблицы, активируем инструмент Линия (Line Tool):

    В верхней панели настроек инструмента изменяем цвет (1) и толщину линий (2), включаем или отключаем обводку (3):

    Рисуем линии. Чтобы нарисовать ровную линию, зажмите клавишу Shift, сделайте клик левой клавишей мыши в начале линии, проведите линию к ее окончанию, отпустите клавишу мыши и Shift. Вот какая таблица у нас получилась в итоге: Осталось только при помощи инструмента Текст (Type Tool) (можно активировать клавишей T)написать текст и вставить картинки. При необходимости снова используем Направляющие, чтобы ровно расположить текст и картинки. Чтобы добавить картинки, перейдите в меню Файл — Поместить (File-Place) и поочередно выберите изображения с собаками. Трансформируйте картинки (Ctrl + T) и расположите в документе, при необходимости измените их размер, как это сделать показано в уроке «Как изменить размер слоя».

    Отключить направляющие и таблицу в фотошопе, чтобы они не мешали обзору таблицы.

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

    Как в фотошопе сделать красивую таблицу с текстом или картинкой по размерам

    Всем привет! Сегодня мне хотелось бы рассказать вам, как в фотошопе сделать таблицу по размерам с текстом или картинками для своих нужд. Конечно, многие скажут, что смысла составлять таблицы в фоторедакторах нет, так как это можно проделать с помощью html кода или офисных программ типа Word или Excel. И конечно, все это здорово, но в фотошопе можно создать такое, что нельзя будет воплотить в жизнь нигде, и таким образом вы получите потрясающий элемент дизайна.

    Зачем нужно делать таблицу в photoshop

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

    Кстати, если вы хотите научиться делать офигенные дизайны для сайтов, социальных сетей или улетные баннеры, то рекомендую вам пройти обучение в этой классной онлайн школе веб-дизайна. Здесь есть много классных направлений. Поэтому вы сможете выбрать для себя то, что вам нравится. Подойдет любому, даже абсолютному новичку в фотошопе. Вам всё разжуют так, что вопросов просто не останется. А после этого вы сможете уже делать дизайны сами, предлагая свои услуги на биржах фриланса, таких как Кворк.

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

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

    Как сделать простую таблицу по линиям

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

    Направляющие

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

    1. Активируйте линейку. Для этого в меню «Просмотр» выберите пункт «Линейки», либо нажмите комбинацию клавиш CTRL+R. Если они уже активированы, то ничего менять не нужно. 
    2. Теперь (лучше возьмите инструмент «Перемещение») зажмите левую кнопку мыши на верхней линейке и опустите направляющую на высоту 10. Затем, таким же образом возьмите вторую направляющую, и перетащите ее на 90. После этого из боковой линейки вытащите точно также две направляющие на длину 10 и 70 сантиметров. Сразу хочу сказать, что эти размеры я брал чисто, исходя из своего макета. У вас цифры могут быть другими. Главное, ориентируйтесь по линейкам. 
    3. Далее, таким же образом создайте несколько внутренних направляющих, чтобы у вас получилось равное количество строк и столбцов. У меня рассчитано 4 строки и столько же столбцов. Я начертил их с равными промежутками. 

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

    Расчерчивание

    Теперь, чтобы в фотошопе сделать таблицу по заданным размерам, нам нужно обрисовать направляющие в нужной зоне. Поэтому, идем в панель инструментов и выбираем «Фигуры» — «Инструмент Линия».

    Далее, выставьте параметры фигуры. Самое главное в этом деле это цвет, форма и толщина. Я поставил такие параметры (смотрите скриншот), но вы можете подогнать что-то для себя.

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

    Теперь остается проделать то же самое с внутренними линиями. Главное — делать всё четко по направляющим. После этого у вас должно получиться что-то в этом роде.

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

    Не смотрите на мой фон, я его сделал от балды. Вы сможете сделать то же самое на другом фоне или картинке.

    Следующим шагом я рекомендовал бы вам объединить все линии в один слой или хотя бы группу, чтобы при малейшем изменении мы могли бы затронуть всю таблицу, а не каждую черточку. Сами представляете, как это муторно и дико Для этого нажмите на первый слой с линией, зажмите клавишу SHIFT и кликните на последний слой с линиями. После того, как все слои выделятся, нажмите на них правую кнопку мыши и выберите пункт «Объединить фигуры».

    Теперь останется только заполнить данную таблицу текстом. Здесь уже никаких премудростей быть не должно. Просто берете инструмент «Текст» и начинайте заполнять каждую ячейку. Главное, делайте так, чтобы надписи были ровными, относительно друг друга и по размеру ячеек. В этом вам помогут быстрые направляющие, которые подскажут вам все во время передвижения объекта. Вот, что получилось у меня на скорую руку.

    Улучшение таблицы

    Чтобы сделать таблицу в фотошопе более необычной, можно добавить к ней дополнительные эффекты и плюшки.

    Добавление эффектов с помощью стилей слоя

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

    Здесь вы также можете пробежаться по настройкам каждого пункта и выбрать то, что понравится вам. Например, для своей таблицы, я предпочел выбрать «Обводку» и «Тень», после чего подстроил их по своему вкусу. Получилось примерно так.

    Изменение рамки с помощью инструмента «Кисть»

    Но не только одними линиями вы можете создать таблицу в фотошопе. С этом делом вполне справится обычный инструмент «Кисть». Причем, вам не придется потом объединять слои, чтобы соединить их в один. Более того, вы можете выбрать кисточку, которая сделает вашу рамку действительно необычной. Но для начала либо скройте слой с уже готовой табличной рамкой, либо удалите его, чтобы он нам не мешал, а вот данные можно оставить. После этого верните направляющие, которые мы скрыли до этого. Сейчас они нам снова понадобятся.

    1. Возьмите инструмент «Кисть» и выберите цвет, которым вы захотите рисовать. После этого нажмите правой кнопкой мыши на холсте и выберите форму кисти из доступных, либо загрузите ее из интернета. Не забудьте поставить подходящий размер. 
    2. Теперь зажимаем клавишу SHIFT и начинаем чертить линии из одного конца в другой прямо понаправляющим. Направляющие притянут нашу кисточку, чтобы она была ровной, а зажатый шифт сделает линию прямой. 
    3. После этого можно будет убрать направляющие и снова наложить какие-нибудь стили слоя. Я решил сделать те же самые, что и в предыдущем примере, только еще и добавить тиснение. 
    Вставка картинок в таблицу

    Ну и конечно, я не мог не упомянуть данный пункт. Но тут ничего сложного нет. Вы, как и в обычном случае, вставляете фотографию на холст, после чего подгоняете размеры картинки с помощью свободного трасформирования (CTRL+T), потянув за уголки с зажатой клавишей SHIFT, чтобы сохранить пропорции.

    А далее, с помощью инструмента «Перемещение» просто поставьте рисунок в ячейку.

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

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

    Ну а на этом у меня всё. Надеюсь, что статья вам понравилась. Обязательно подписывайтесь на мой блог и паблики в социальных сетях. Жду вас снова. Удачи вам. Пока-пока!

    С уважением, Дмитрий Костин.

    Таблица в фотошопе

    Если вы решили посвятить свою жизнь веб-дизайну, рано или поздно вам придется столкнуться такой проблемой: как нарисовать таблицу в фотошопе. Разумна мысль, что создать таблицу для сайта было бы гораздо проще с помощью html кода. Но вы представьте себе такую ситуацию. Вы готовите дизайн макет для верстальщика. Передаете ему законченный вариант, в котором есть все… кроме таблицы. Вы обладаете вкусом, быстро можете подобрать подходящую толщину линий, цвета, варианты выделения. Но для верстальщика это порой непосильная задача. И вместо изящной таблицы с ценами на странице будет убожество из черных линий и текста, совершенно не подходящего сайту по стилистике. И весь ваш труд пойдет коту под хвост, ибо дизайн начинается с мелочей. А столь крупный элемент, не вписывающийся в общую концепцию, попросту может его загубить. Да и вообще, работу всегда следует доводить до конца, как бы сложна они ни была.

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

    Линейки появились. Ставим курсор на них и вытаскиваем вспомогательные линии. Расставляем их в соответствии с нужным размером ячейки по горизонтальной и вертикальной линейке.

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

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

    Теперь выбираем инструмент «линия», делаем клик по рабочей области и протягиваем ее до нужной отметки. Дабы линия была ровной и не отклонялась, зажимаем клавишу shift.

    Кстати говоря, толщина линии задается на верхней панели.

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

    А теперь ставим курсор на появившуюся линию, зажимаем левую клавишу мыши и кнопку shift и тащим ее вниз. Проделываем это маневр несколько раз горизонтальными линиями.

    После чего создаем новый слой:

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

    Убираем вспомогательные линии. Ставим курсор на них и оттаскиваем к линейкам.

    Рисовать таблицу в фотошопе мы научились, давайте же научимся ее заполнять. Поможет нам в этом инструмент «горизонтальный текст». Его цвет мы можем выбрать на палитре, как было описано выше.

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

    Вот, что мы имеем теперь:

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

    Повторяем те же действия для других ячеек.

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

    А теперь в окне слоев выбираем первый, фоновый слой. И только после этого создаем новый.

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

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

    Комбинацией клавиш ctrl+d снимаем выделение.

    Наша таблица готова! Как видите, нарисовать ее в photoshop оказалось довольно просто. Мы разобрали самый простой пример. Если вы расширите область своих познаний и задействуете фантазию, вы сможете сделать таблицу гораздо красивей. Но основные принципы останутся теми же.

    Сделать таблицу в фотошопе

    Обратите внимание

    Это урок о том, как вставить картинку в HTML, как её оформить, как сделать обтекание картинки текстом и т.д. Ведь известно, что изображения делают сайт более привлекательным и отличным от других ресурсов, поэтому умение использовать тег «IMG» и его атрибуты весьма пригодится в современном Интернете. Но, главное тут — чувство меры! Переизбыток графики вызовет утяжеление html-страницы и, соответственно, увеличит время её загрузки.

    Полезный совет

    Если эта область будет не соответствовать реальному размеру картинки, которую вы хотите вставить, то рисунок будет соответственно растянут или сужен, до заданного в html теге Img размера. Тем не менее, не следует использовать это способ, скажем, для уменьшения размера вставляемого в Html документ рисунка. Лучше предварительно изменить размер картинки в графическом редакторе, а уже затем вставлять картинки в Html документ через любой удобный вам Html редактор кода.

    Источники:

    • как вставить картинку без фона html

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

    Вам понадобится

    • — программа Photoshop;
    • — фотографии.

    Инструкция

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

    Загрузите фотографию с грунтом в Photoshop опцией Open меню File. Два раза кликнув по слою, разблокируйте его. Если модель, снимок которой будет вставлен в коллаж, и грунт сфотографированы под разными углами, трансформируйте слой с землей опцией Perspective или Distort группы Transform меню Edit. Для придания пейзажу дополнительной динамики дальнюю от зрителя часть поверхности можно волнообразно изогнуть, применив опцию Warp из той же группы.

    Второй снимок вставьте в уже открытый документ при помощи опции Place меню File. При необходимости подгоните размер неба под габариты слоя с землей при помощи рамки, окружающей загруженную картинку. Конвертируйте созданный смарт-объект в обычный слой опцией Convert to Layer из группы Smart Object меню Layer. Опциями Perspective или Distort измените форму неба так, чтобы оно оказалось над землей.

    Для создания плавного перехода между фрагментами фона скройте фрагменты слоев под масками. Чтобы это сделать, добавьте маску к снимку, часть которого нужно убрать с картинки, применив опцию Reveal All группы Layer Mask меню Layer. Включив инструмент Brush с уменьшенной величиной параметра Hardness, закрасьте созданную маску черным цветом над областью слоя, которую хотите скрыть.

    Для создания несложного абстрактного фона достаточно слоя, заполненного линейным градиентом. Опцией New меню File создайте в Photoshop документ, совпадающий по размеру с габаритами нужного вам фона .

    Выберите инструмент Gradient, включив в его настройках опцию Linear, разверните палитру с образцами градиентов и найдите подходящее сочетание цветов. Залейте фоновый слой документа выбранным градиентом.

    Слегка оживить монотонность градиентной заливки можно при помощи фильтра Clouds, который используется для создания тумана, облаков, огня и пятен произвольной формы. Для его применения скопируйте единственный существующий в документе слой сочетанием Ctrl+J. Нажмите клавишу D чтобы вернуть цвета переднего и заднего планов к настройкам по умолчанию.

    Воспользовавшись опцией Clouds группы Render меню Filter, примените фильтр. Наложите слой с пятнами на градиент в режиме Overlay.

    Для сохранения созданного фона примените опцию Save As меню File. Выбор формата psd позволит вам получить изображение со всеми исходными слоями и, если потребуется, дополнительно отредактировать его в процессе создания коллажа.

    Источники:

    • Абстрактный бэкграунд в 2019
    • создание фона в фотошопе в 2019

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

    Программа «Фотошоп» – универсальное решение для создания графических изображений и обработки картинок. Иногда возникает необходимость разместить в рисунке таблицу. Какие в Photoshop есть инструменты для решения данной задачи? Как нарисовать таблицу в фотошопе?

    Действительно, рассматриваемый графический редактор включает огромное количество инструментов для обработки картинок. Однако среди них, как это ни странно, нет тех, с помощью которых в рисунок можно было бы вставить таблицу – подобно тому, как это осуществляется, к примеру, в Word.

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

    Рисование контура таблицы

    Первым делом открываем фотошоп и создаем новый проект – с белым фоном.

    Нарисовать контур таблицы в фотошопе можно разными методами. В числе самых удобных – задействование инструмента Rectangle Tool. На первый взгляд он может, конечно, показаться не самым оптимальным – поскольку прорисовывает «сплошной» прямоугольник.

    Но это не проблема. Данный прямоугольник можно запросто превратить в контур таблицы. Для этого нужно кликнуть правой кнопкой мыши на слое, который соответствует ему, и выбрать пункт Blending Options. В открывшемся окне требуется для начала перейти на закладку Stroke.

    На ней задается обводка – которая, собственно, и будет контуром будущей таблицы. Необходимо произвести следующие действия:

    • — выбрать толщину обводки – пусть это будет 3 пикселя;
    • — выбрать цвет обводки – желательно тот же, в который окрашен сам прямоугольник (по умолчанию он прорисовывается в системном цвете – поэтому можно кликнуть мышкой на соответствующей палитре слева).

    Однако все эти действия – «репетиция». Но мы решили нужную задачу – изучили то, как создается контур таблицы с помощью инструмента Rectangle Tool.

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

    Речь идет о сетке – Grid. Чтобы активировать ее, нужно выбрать пункт View, затем – Show и Grid.

    Данный инструмент примечателен своей способностью «подстраиваться» под прямое рисование по клеткам – в частности, с помощью опций Rectangle Tool и Line Tool.

    Можно немного поэкспериментировать с задействованием возможностей сетки. Приноровившись, продолжаем работу уже над таблицей.

    Нам вновь понадобится чистый белый лист. Сразу же активируем на нем сетку. После – прорисовываем контур таблицы уже известным нам способом. Берем инструмент Rectangle Tool, формируем контур – толщиной 3 пикселя, окрашенный в системный цвет.

    Теперь можно перейти к этапу рисования линий для столбцов и ячеек.

    Рисование линий столбцов и ячеек таблицы

    Используя уже знакомый нам инструмент Line Tool, постепенно прорисовываем соответствующие графические элементы таблицы.

    Желательно, чтобы толщина линий не превышала таковую у контура. В данном случае показатели одинаковы – 3 пикселя. Очень важно при этом каждую линию фиксировать на отдельном слое. То есть после прорисовки каждой – нажимаем Enter. Соответствующие слои имеют название Shape. Для чего это нужно, мы узнаем чуть позже.

    Рисовать таблицу при включенной сетке – одно удовольствие. Однако, отобразив линии для столбцов и строк, полезно будет на несколько секунд отключить режим сетки – для того, чтобы проверить, есть ли пробелы между графическими элементами.

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

    Как растягивать линии? Мы условились фиксировать каждую из них на отдельном слое. Это нужно нам как раз таки для подобных ситуаций – когда есть необходимость изменить длину какой-либо из линий.

    Для того чтобы иметь возможность легко работать с линиями, требуется включить режим Show Transform Controls. Далее, переходя на те слои, которые соответствуют линиям, увеличиваем немного их длину, ликвидируя пробелы на таблице. Всякий раз фиксируем результат посредством нажатия Enter.

    Убедившись, что на таблице нет пробелов, возвращаем исходный масштаб картинки и вновь включаем сетку.

    К слову, при необходимости таблицу несложно тем или иным способом модифицировать. Например, в нашем случае видно, что крайний правый столбец имеет вдвое меньшую ширину, чем остальные.

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

    Нужно выбрать слой, соответствующий контуру. После, активировав опцию Show Transform Controls, изменить ширину таблицы.

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

    Можно, конечно же, и увеличить крайний правый столбец исходной таблицы. Сначала – растянув контур.

    Затем – «дотянув» до него линии строк.

    Можно изменить структуру таблицы, «объединив» ячейки или столбцы – также посредством регулирования длины линий. При необходимости – дорисовывая новые, которые тоже будут образовывать дополнительные слои.

    Таблица готова. Теперь можно перейти к этапу ее заполнения.

    Заполнение таблицы

    В самом начале статьи мы отметили, что Photoshop – графический редактор, и в нем нет модулей вставки готовых таблиц – как в Word, которые можно было бы заполнять каким-либо содержимым.

    Однако необходимый контент в фотошопе, как ни в какой другой программе, можно легко нарисовать. Причем если речь идет о тексте – без проблем ввести его. Берем соответствующий инструмент – Text – и создаем с помощью него требуемое содержимое таблицы.

    Каждое слово или фраза будет размещаться, таким образом, в отдельном слое. При заполнении таблицы текстовым содержимым можно заметить еще одну полезную особенность сетки – она «распознает» буквы, а затем, отслеживая движения пользователя мышкой при перемещении им соответствующего блока в нужное место ячейки, помогает выравнивать расположение текста в таблице.

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

    Даже если таблица не очень большая, то ее шаблонный вид просто убивает:

    Согласитесь, что этот вариант все-таки смотрится лучше:

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

    Для начала откроем изображение фона с надписью (для тренировки вы можете скопировать его прямо отсюда):

    Затем расставим направляющие так, чтобы они образовали сетку будущей таблицы. Для этого надо сначала включить отображение линеек (Ctrl — R ), затем выбрать инструмент Move tool (перемещение) указать на верхнюю линейку, нажать и удерживать левую клавишу мыши, переместить маркер мыши вместе с направляющей в нужную позицию на изображении.

    Для постановки вертикальных направляющих линий то же самое нужно проделать с левой вертикальной линейкой:

    Затем, когда мы получили сетку из направляющих нужной конфигурации, надо выбрать инструмент Line tool (линия) и настроить ее параметры:

    1. в панели инструментов выбрать инструмент Line tool (Линия) . Имейте в виду, что на этом месте панели инструментов может быть прямоугольник или овал. В этом случае укажите маркером мыши на инструмент, нажмите и удерживайте левую клавишу мыши. В появившемся списке фигур выберите Line tool (2 ),

    3. выберите толщину линии в точках (толщина зависит от вашего желания),

    4. выберите цвет линии (в нашем примере будет использоваться белый).

      укажите маркером мыши в любой угол будущей таблицы (ориентируйтесь на направляющие линии),

      нажмите и удерживайте левую клавишу мыши,

      нажмите и удерживайте клавишу Shift (ее придется держать до тех пор, пока вся таблица не будет построена),

      проведите первую линию обрамления, затем, не отпуская клавишу Shift — вторую, третью и т.д. (если толщина или цвет линии покажется вам неудовлетворительными, отмените действие комбинацией Ctrl — Alt — Z , выберите другие параметры инструмента Line Tool (Линия) и снова приступайте к черчению таблицы).

    В результате получилась готовая таблица:

    Теперь можно удалить направляющие линии (Ctrl — ; ), а к слою, содержащему таблицу, применить какие-нибудь эффекты, например, тень:

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

    Как добавить в таблицу изображения?

    Для начала скачайте к себе в компьютер эти изображения:

    Выберите инструмент Move tool (перемещение) , укажите маркером мыши на кленовый лист, нажмите и удерживайте левую клавишу мыши, переместите маркер мыши в окно с таблицей:

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

    Выберите инструмент Magic Eraser Tool (волшебный ластик) :

    Кликните по белому фону в слое с кленовым листом, после этого при помощи инструмента Move tool (перемещение) поместите кленовый лист в первую ячейку таблицы.

    Как изменить размера слоя

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

    Для этого выберите слой с кленовым листом как активный, затем нажмите комбинацию клавиш Ctrl — T . Вокруг слоя с кленовым листом появится рамка с размерными маркерами (квадратиками):

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

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

    Для фиксации изменений нужно нажать клавишу Enter .

    Когда слой будет приведен к нужному размеру, можно применить к нему эффекты (например, тень и обрамление).

    Таким же образом необходимо поместить в таблицу дубовый и березовый листья:

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

    Допустим, нам необходимо в графической среде составить какую-либо таблицу. Для многих станет камнем преткновения вопрос о том, как сделать таблицу в «Фотошопе CS6». Это довольно просто, но построение объекта займет больше времени, чем в специализированных программах.

    Как сделать таблицу в «Фотошопе»

    К сожалению, графическая среда не предназначена для таких действий, следовательно, напрямую создать таблицу не получится. Хорошо среди нас есть гении, обладающие воображением и сообразительностью. Они-то и придумали алгоритм для решения поставленного вопроса. Сразу стоит отметить, что смарт (осуществление неких функций и расчетов) таблицы создать не получится. В сложившейся ситуации есть возможность только создать макет.

    Способы создания таблицы в этой программе существуют следующие:

    • Инструмент «Прямоугольник». Принцип этого метода заключается в объединении всех созданных фигур в одну таблицу.
    • Инструмент «Линия». Объединив нарисованные линии, можно работать непосредственно с таблицей.
    • Инструмент «Кисть». Создание таблиц на быструю руку.
    • Изображения из Сети. Есть возможность просто взять готовую сетку таблицы и добавить ее в Adobe Photoshop.
    • Построение в других программах. Некоторые пользователи создают таблицы в специальных программах, а затем вставляют их с помощью предварительной вырезки из первоначальной программы.

    Инструмент «Прямоугольник»

    Способ основывается на взаимном копировании слоев с начерченными фигурами. Стоит обратить внимание на то, что легче всего это осуществить в программе Adobe Photoshop CC. Здесь включена саморегулировка расстояния, что значительно облегчает эту задачу. Опишем действия, необходимые для постройки таблицы.

    1. Перед тем как сделать таблицу в «Фотошопе», необходимо выбрать фигурный инструмент «Прямоугольник», который располагается на панели быстрого доступа.
    2. Начинаем создавать каркас нашей таблицы, то есть неполноценные границы и обводку. По выбору пользователя нужно установить толщину контура и внутреннюю заливку. Настройки объекта можно найти в верхней части программы. После построения автоматически создастся объектный слой.
    3. Теперь следует построить верхнюю строку. На краю создаем ячейки определенных размеров.
    4. Для ускоренного построения будем использовать горячие сочетание клавиш Alt + ЛКМ, которое позволит дублировать ячейку в выбранное место. Благодаря всплывающим измерениям можно создать симметричную таблицу.
    5. После того как все свободное место будет заполнено ячейками, необходимо объединить все ячейки в одну таблицу. В разделе слоев выделяем все графические фигуры и объединяем все в один слой.

    Инструмент «Линия»

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

    Построение таблицы этим методом будет включать в себя следующие шаги.

    1. Необходимо выбрать инструмент «Линия» в той же ячейке, что и «Прямоугольник».
    2. Зададим ширину и высоту таблицы, нарисовав две перпендикулярные прямые с зажатой клавишей Shift.
    3. Используя сочетание клавиш Alt+Shift+ЛКМ, можно дублировать и перемещать слои с объектами параллельно исходному слою. Выделим две изображенные линии и продублируем их.
    4. Теперь остается создать сетку внутри объекта. Чтобы провести перпендикуляр из точки в точку, следует зажать клавишу Shift.
    5. После построения таблицы необходимо объединить все фигурные элементы в одну.

    Другие программы для постройки таблицы

    Самым известным и распространенным способом является привлечение к процессу программного обеспечения Microsoft Office. Здесь можно сделать как таблицу по размерам «Фотошопа», так и другие элементы. Пакеты Word и Excel как раз предназначены для строительства данного графического изображения. Удобнее всего использовать текстовый редактор «Ворд», так как здесь составляется обычная таблица без излишеств. MS Excel можно применять для необычного оформления таблицы.

    Какие шаги необходимо проделать пользователю, чтобы перенести таблицу?

    1. Необходимо иметь готовую таблицу.
    2. Затем можно сделать скриншот экрана с помощью клавиши Prt Scr.
    3. После скриншота открываем Adobe Photoshop и вставляем в документ изображение экрана.
    4. С помощью выделения обрезаем все лишние части.

    Готовые таблицы

    Как сделать таблицу в «Фотошопе» не прибегая к ее созданию? В ряде случаев некоторые пользователи обращаются к готовым макетам таблиц, которые можно найти в интернете. Общая методика действий почти не отличается от той, что приводилась в пункте выше — достаточно сохранить изображение и открыть его в «Фотошопе», а затем просто обрезать.

    Как добавить таблицу в фотошопе

    1 голос

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

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

    Не терпится приступить к рассказу о том, как в фотошопе сделать таблицу. Использовать ее можно как в качестве части , так и стильного самостоятельного элемента. Приступим?

    Как сделают простую табличку начинающие

    Открываем картинку в Photoshop. У меня стоит CС, но насколько я знаю визуально он почти не отличается от CS6. Моя версия считается , профессиональной и крутой, но, откровенно говоря, о большинстве этих профессиональных функций я даже и не знаю. Вернемся к таблицам. Эту программу можно осваивать бесконечно.

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

    Первым делом я нарисую форму, в которой будет располагаться моя таблица для каких-то значений. Этого делать не обязательно, но думаю, что при использовании конкретного примера результат будет выглядеть значительно лучше. Если оставить фото таким, какой он есть, то саму таблицу будет плохо видно.

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

    Рисую фигуру.

    И уменьшаю непрозрачность, чтобы фон картинки все же остался виден.

    Перемещаю изображение в центр. Обращайте внимание на красные линии сечения. Они появляются сами собой и подсказывают как выставить объект ровно.

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

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

    Чтобы будущая таблица была ровной, по размеру, используйте при рисовании кнопку Shift. В этом случае направляющие не съедут на доли пикселей, а будут «прилипать» к круглым числам.

    Закончили.

    Теперь выбираем инструмент «Линия».

    Я создаю новый слой, чтобы нарисовать таблицу.

    У инструмента «Линия» много настроек. Обычно я использую заливку и толщину, без обводки и остальных. Так проще.

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

    Кстати, Shift можно удерживать только когда рисуете. Нажали и начали водить левой кнопкой мыши. Отпустили. Снова зажали. Подключили мышь.

    Чтобы убрать направляющие, нажмите Ctrl+H. Это же сочетание клавиш включает их обратно.

    Табличка будет красивее, если добавить тень.

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

    Осталось немного. Если хотите таблицу с текстом – выбирайте соответствующий инструмент.

    Сверху выставляйте шрифт и размер.

    И готово.

    Можете скачать мой PSD-макет, открыть его в фотошопе и либо использовать, либо менять под себя, либо просто осмотреть (СКАЧАТЬ ).

    А сейчас я покажу вам вариант поинтереснее! Не все знают о дополнительных настройках, а между тем они есть!

    Как сделают люди со знаниями

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

    Я хочу показать вам более удобную альтернативу. Смотрите. Открываем фотку и в разделе «Просмотр» выбираем «Новый макет направляющей».

    Тут можно вписать количество столбцов.

    Добавить строки.

    А также выставить отступы от краев рисунка.

    Первое время придется поковыряться, чтобы понять что тут и как. Советую это сделать. Полезный навык, существенно ускоряет работу и делает таблицу ровной буквально за пару минут. При учете, что вы обладаете навыками.

    Не отчаивайтесь, если времени уже потрачено уйма, а ничего не выходит. Можно взять инструмент «Перемещение» и подвинуть линию вручную.

    Просто тащите и не забывайте про Shift.

    Теперь можно взять прямоугольник со скругленными углами.

    Нарисовать две колонки.

    Убавить непрозрачность. Естественно, это не обязательно, но я обожаю этот эффект.

    Кликнув на первый прямоугольник и тем самым активировав его, создайте новый слой. Он должен располагаться именно над этим слоем. Как на рисунке.

    Теперь выбираем прямоугольное выделение и рисуем шапку. Не обращайте внимания на ровность границы. Все поправится в процессе.

    Берем заливку и кликаем внутри выделенной области. Следите, чтобы активным был именно новый слой.

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

    То же самое проделайте со вторым столбцом.

    Активируете, создаете новый слой.

    Выделение. Заливка.

    Создаете обтравочную маску. Да, только сейчас вы научились это делать.

    Готово. Убираем направляющие.

    Таблица готова и в ней текст с рисунками.

    Можете скачать этот PSD-макет .

    Как вы видите, знания фотошопа очень важны. Именно поэтому я настоятельно, из раза в раз советую вам изучать инструменты. Это скучно, а потому сделайте этот процесс максимально быстрым и комфортным. Подробную статью о том, как это сделать, вы можете найти в моем блоге. Создана она совсем недавно.

    Знаете, что отличает успешного человека от всех остальных? Он сумел получить те знания, которые остальным кажутся невыносимо скучными. Если вы хотите стать профессионалом, обратите внимание на курс Зинаиды Лукьяновой «Фотошоп с нуля 3.0» и узнайте все, что только можно об инструментах.

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

    Если вас интересует фотошоп и вы задумываетесь , то советую вам бесплатный курс, который поможет «въехать» в профессию. Понять что от вас потребуется и каким образом этого достичь «ПРОФЕССИЯ ВЕБ-ДИЗАЙНЕР ЗА 10 ДНЕЙ» .

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

    Развивайте собственную фантазию и зарабатывайте больше.

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

    Даже если таблица не очень большая, то ее шаблонный вид просто убивает:

    Согласитесь, что этот вариант все-таки смотрится лучше:

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

    Для начала откроем изображение фона с надписью (для тренировки вы можете скопировать его прямо отсюда):

    Затем расставим направляющие так, чтобы они образовали сетку будущей таблицы. Для этого надо сначала включить отображение линеек (Ctrl — R ), затем выбрать инструмент Move tool (перемещение) указать на верхнюю линейку, нажать и удерживать левую клавишу мыши, переместить маркер мыши вместе с направляющей в нужную позицию на изображении.

    Для постановки вертикальных направляющих линий то же самое нужно проделать с левой вертикальной линейкой:

    Затем, когда мы получили сетку из направляющих нужной конфигурации, надо выбрать инструмент Line tool (линия) и настроить ее параметры:

    1. в панели инструментов выбрать инструмент Line tool (Линия) . Имейте в виду, что на этом месте панели инструментов может быть прямоугольник или овал. В этом случае укажите маркером мыши на инструмент, нажмите и удерживайте левую клавишу мыши. В появившемся списке фигур выберите Line tool (2 ),

    3. выберите толщину линии в точках (толщина зависит от вашего желания),

    4. выберите цвет линии (в нашем примере будет использоваться белый).

      укажите маркером мыши в любой угол будущей таблицы (ориентируйтесь на направляющие линии),

      нажмите и удерживайте левую клавишу мыши,

      нажмите и удерживайте клавишу Shift (ее придется держать до тех пор, пока вся таблица не будет построена),

      проведите первую линию обрамления, затем, не отпуская клавишу Shift — вторую, третью и т.д. (если толщина или цвет линии покажется вам неудовлетворительными, отмените действие комбинацией Ctrl — Alt — Z , выберите другие параметры инструмента Line Tool (Линия) и снова приступайте к черчению таблицы).

    В результате получилась готовая таблица:

    Теперь можно удалить направляющие линии (Ctrl — ; ), а к слою, содержащему таблицу, применить какие-нибудь эффекты, например, тень:

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

    Как добавить в таблицу изображения?

    Для начала скачайте к себе в компьютер эти изображения:

    Выберите инструмент Move tool (перемещение) , укажите маркером мыши на кленовый лист, нажмите и удерживайте левую клавишу мыши, переместите маркер мыши в окно с таблицей:

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

    Выберите инструмент Magic Eraser Tool (волшебный ластик) :

    Кликните по белому фону в слое с кленовым листом, после этого при помощи инструмента Move tool (перемещение) поместите кленовый лист в первую ячейку таблицы.

    Как изменить размера слоя

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

    Для этого выберите слой с кленовым листом как активный, затем нажмите комбинацию клавиш Ctrl — T . Вокруг слоя с кленовым листом появится рамка с размерными маркерами (квадратиками):

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

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

    Для фиксации изменений нужно нажать клавишу Enter .

    Когда слой будет приведен к нужному размеру, можно применить к нему эффекты (например, тень и обрамление).

    Таким же образом необходимо поместить в таблицу дубовый и березовый листья:

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

    Даже если таблица не очень большая, то ее шаблонный вид просто убивает:

    Согласитесь, что этот вариант все-таки смотрится лучше:

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

    Для начала откроем изображение фона с надписью (для тренировки вы можете скопировать его прямо отсюда):

    Затем расставим направляющие так, чтобы они образовали сетку будущей таблицы. Для этого надо сначала включить отображение линеек (Ctrl — R ), затем выбрать инструмент Move tool (перемещение) указать на верхнюю линейку, нажать и удерживать левую клавишу мыши, переместить маркер мыши вместе с направляющей в нужную позицию на изображении.

    Для постановки вертикальных направляющих линий то же самое нужно проделать с левой вертикальной линейкой:

    Затем, когда мы получили сетку из направляющих нужной конфигурации, надо выбрать инструмент Line tool (линия) и настроить ее параметры:

    1. в панели инструментов выбрать инструмент Line tool (Линия) . Имейте в виду, что на этом месте панели инструментов может быть прямоугольник или овал. В этом случае укажите маркером мыши на инструмент, нажмите и удерживайте левую клавишу мыши. В появившемся списке фигур выберите Line tool (2 ),

    3. выберите толщину линии в точках (толщина зависит от вашего желания),

    4. выберите цвет линии (в нашем примере будет использоваться белый).

      укажите маркером мыши в любой угол будущей таблицы (ориентируйтесь на направляющие линии),

      нажмите и удерживайте левую клавишу мыши,

      нажмите и удерживайте клавишу Shift (ее придется держать до тех пор, пока вся таблица не будет построена),

      проведите первую линию обрамления, затем, не отпуская клавишу Shift — вторую, третью и т.д. (если толщина или цвет линии покажется вам неудовлетворительными, отмените действие комбинацией Ctrl — Alt — Z , выберите другие параметры инструмента Line Tool (Линия) и снова приступайте к черчению таблицы).

    В результате получилась готовая таблица:

    Теперь можно удалить направляющие линии (Ctrl — ; ), а к слою, содержащему таблицу, применить какие-нибудь эффекты, например, тень:

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

    Как добавить в таблицу изображения?

    Для начала скачайте к себе в компьютер эти изображения:

    Выберите инструмент Move tool (перемещение) , укажите маркером мыши на кленовый лист, нажмите и удерживайте левую клавишу мыши, переместите маркер мыши в окно с таблицей:

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

    Выберите инструмент Magic Eraser Tool (волшебный ластик) :

    Кликните по белому фону в слое с кленовым листом, после этого при помощи инструмента Move tool (перемещение) поместите кленовый лист в первую ячейку таблицы.

    Как изменить размера слоя

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

    Для этого выберите слой с кленовым листом как активный, затем нажмите комбинацию клавиш Ctrl — T . Вокруг слоя с кленовым листом появится рамка с размерными маркерами (квадратиками):

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

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

    Для фиксации изменений нужно нажать клавишу Enter .

    Когда слой будет приведен к нужному размеру, можно применить к нему эффекты (например, тень и обрамление).

    Таким же образом необходимо поместить в таблицу дубовый и березовый листья:

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

    Допустим, нам необходимо в графической среде составить какую-либо таблицу. Для многих станет камнем преткновения вопрос о том, как сделать таблицу в «Фотошопе CS6». Это довольно просто, но построение объекта займет больше времени, чем в специализированных программах.

    Как сделать таблицу в «Фотошопе»

    К сожалению, графическая среда не предназначена для таких действий, следовательно, напрямую создать таблицу не получится. Хорошо среди нас есть гении, обладающие воображением и сообразительностью. Они-то и придумали алгоритм для решения поставленного вопроса. Сразу стоит отметить, что смарт (осуществление неких функций и расчетов) таблицы создать не получится. В сложившейся ситуации есть возможность только создать макет.

    Способы создания таблицы в этой программе существуют следующие:

    • Инструмент «Прямоугольник». Принцип этого метода заключается в объединении всех созданных фигур в одну таблицу.
    • Инструмент «Линия». Объединив нарисованные линии, можно работать непосредственно с таблицей.
    • Инструмент «Кисть». Создание таблиц на быструю руку.
    • Изображения из Сети. Есть возможность просто взять готовую сетку таблицы и добавить ее в Adobe Photoshop.
    • Построение в других программах. Некоторые пользователи создают таблицы в специальных программах, а затем вставляют их с помощью предварительной вырезки из первоначальной программы.

    Инструмент «Прямоугольник»

    Способ основывается на взаимном копировании слоев с начерченными фигурами. Стоит обратить внимание на то, что легче всего это осуществить в программе Adobe Photoshop CC. Здесь включена саморегулировка расстояния, что значительно облегчает эту задачу. Опишем действия, необходимые для постройки таблицы.

    1. Перед тем как сделать таблицу в «Фотошопе», необходимо выбрать фигурный инструмент «Прямоугольник», который располагается на панели быстрого доступа.
    2. Начинаем создавать каркас нашей таблицы, то есть неполноценные границы и обводку. По выбору пользователя нужно установить толщину контура и внутреннюю заливку. Настройки объекта можно найти в верхней части программы. После построения автоматически создастся объектный слой.
    3. Теперь следует построить верхнюю строку. На краю создаем ячейки определенных размеров.
    4. Для ускоренного построения будем использовать горячие сочетание клавиш Alt + ЛКМ, которое позволит дублировать ячейку в выбранное место. Благодаря всплывающим измерениям можно создать симметричную таблицу.
    5. После того как все свободное место будет заполнено ячейками, необходимо объединить все ячейки в одну таблицу. В разделе слоев выделяем все графические фигуры и объединяем все в один слой.

    Инструмент «Линия»

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

    Построение таблицы этим методом будет включать в себя следующие шаги.

    1. Необходимо выбрать инструмент «Линия» в той же ячейке, что и «Прямоугольник».
    2. Зададим ширину и высоту таблицы, нарисовав две перпендикулярные прямые с зажатой клавишей Shift.
    3. Используя сочетание клавиш Alt+Shift+ЛКМ, можно дублировать и перемещать слои с объектами параллельно исходному слою. Выделим две изображенные линии и продублируем их.
    4. Теперь остается создать сетку внутри объекта. Чтобы провести перпендикуляр из точки в точку, следует зажать клавишу Shift.
    5. После построения таблицы необходимо объединить все фигурные элементы в одну.

    Другие программы для постройки таблицы

    Самым известным и распространенным способом является привлечение к процессу программного обеспечения Microsoft Office. Здесь можно сделать как таблицу по размерам «Фотошопа», так и другие элементы. Пакеты Word и Excel как раз предназначены для строительства данного графического изображения. Удобнее всего использовать текстовый редактор «Ворд», так как здесь составляется обычная таблица без излишеств. MS Excel можно применять для необычного оформления таблицы.

    Какие шаги необходимо проделать пользователю, чтобы перенести таблицу?

    1. Необходимо иметь готовую таблицу.
    2. Затем можно сделать скриншот экрана с помощью клавиши Prt Scr.
    3. После скриншота открываем Adobe Photoshop и вставляем в документ изображение экрана.
    4. С помощью выделения обрезаем все лишние части.

    Готовые таблицы

    Как сделать таблицу в «Фотошопе» не прибегая к ее созданию? В ряде случаев некоторые пользователи обращаются к готовым макетам таблиц, которые можно найти в интернете. Общая методика действий почти не отличается от той, что приводилась в пункте выше — достаточно сохранить изображение и открыть его в «Фотошопе», а затем просто обрезать.

    Если вы решили посвятить свою жизнь веб-дизайну, рано или поздно вам придется столкнуться такой проблемой: как нарисовать таблицу в фотошопе. Разумна мысль, что создать таблицу для сайта было бы гораздо проще с помощью html кода. Но вы представьте себе такую ситуацию. Вы готовите дизайн макет для верстальщика. Передаете ему законченный вариант, в котором есть все… кроме таблицы. Вы обладаете вкусом, быстро можете подобрать подходящую толщину линий, цвета, варианты выделения. Но для верстальщика это порой непосильная задача. И вместо изящной таблицы с ценами на странице будет убожество из черных линий и текста, совершенно не подходящего сайту по стилистике. И весь ваш труд пойдет коту под хвост, ибо дизайн начинается с мелочей. А столь крупный элемент, не вписывающийся в общую концепцию, попросту может его загубить. Да и вообще, работу всегда следует доводить до конца, как бы сложна они ни была.

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

    Линейки появились. Ставим курсор на них и вытаскиваем вспомогательные линии. Расставляем их в соответствии с нужным размером ячейки по горизонтальной и вертикальной линейке.

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


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


    Теперь выбираем инструмент «линия», делаем клик по рабочей области и протягиваем ее до нужной отметки. Дабы линия была ровной и не отклонялась, зажимаем клавишу shift.


    Кстати говоря, толщина линии задается на верхней панели.


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



    А теперь ставим курсор на появившуюся линию, зажимаем левую клавишу мыши и кнопку shift и тащим ее вниз. Проделываем это маневр несколько раз горизонтальными линиями.


    После чего создаем новый слой:


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


    Убираем вспомогательные линии. Ставим курсор на них и оттаскиваем к линейкам.

    Рисовать таблицу в фотошопе мы научились, давайте же научимся ее заполнять. Поможет нам в этом инструмент «горизонтальный текст». Его цвет мы можем выбрать на палитре, как было описано выше.


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

    Вот, что мы имеем теперь:

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





    Повторяем те же действия для других ячеек.

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


    А теперь в окне слоев выбираем первый, фоновый слой. И только после этого создаем новый.


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



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


    Комбинацией клавиш ctrl+d снимаем выделение.


    Наша таблица готова! Как видите, нарисовать ее в photoshop оказалось довольно просто. Мы разобрали самый простой пример. Если вы расширите область своих познаний и задействуете фантазию, вы сможете сделать таблицу гораздо красивей. Но основные принципы останутся теми же.

    Как создать таблицу в Photoshop

    Чтобы создать таблицу в Photoshop, мы воспользуемся некоторыми советами в Photoshop или создадим таблицу в Excel, а затем скопируем в Photoshop. Обычно в Photoshop нет сразу опций или инструментов для создания таблиц, которые вам нужно использовать в сочетании с множеством инструментов. Но реализация очень проста, не требует от вас больших знаний в области редактирования. Кроме того, мы также можем использовать таблицы в Excel для вставки в Photoshop. В следующей статье вы узнаете о двух способах создания таблиц в Photoshop.

    1. Нарисуйте таблицу в Photoshop

    Шаг 1:

    Прежде всего нам нужно создать белый фон, затем нажмите View> Show> Grid .

    Шаг 2:

    Затем в интерфейсе Photoshop отобразятся линии сетки. Теперь нам нужно создать горизонтальные и вертикальные линии для доски.

    Сначала щелкните , инструмент Marquee Tool и выберите инструмент Single Row Marquee Tool , чтобы создать горизонтальную линию .Вы нажимаете Shift и щелкаете левой кнопкой мыши по ленивой дороге в интерфейсе.

    Затем выберите инструмент Single Column Marquee Tool. От до создайте вертикальные линии для таблицы .

    Шаг 3:

    Щелкните Edit и затем выберите Fill , рядом с Contents выберите Color. Отобразите палитру, чтобы мы могли выбрать цветовую границу для палитры . Щелкните OK , чтобы продолжить.

    После этого в Mode мы выбираем Normal и Opacity выбираем 100% .

    Шаг 4:

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

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

    2. Создайте таблицу Photoshop в Excel

    .

    Шаг 1:

    Открываем таблицу в Excel и добавляем ей цвет, чтобы она выделялась. Затем они сохранят таблицу как файл PDF.

    Шаг 2:

    Щелкните сохраненный файл PDF правой кнопкой мыши и откройте его в Photoshop . Или вы можете открыть прямо в Photoshop, как при открытии обычного файла изображения.

    На этот раз в Photoshop показан интерфейс Import PDF . Мы нажимаем Pages и выбираем ОК, чтобы открыть файл PDF.

    Результаты таблицы Excel теперь отображаются в интерфейсе Photoshop, как показано ниже.

    Как рисовать таблицы в Photoshop | Small Business

    Если вам нужно нарисовать информационные таблицы для клиента или для рекламных материалов вашего бизнеса, вы можете использовать инструмент Photoshop Shape для рисования столбцов и строк таблицы.Инструмент «Текст» предоставляет текст для таблицы, а стили слоя позволяют добавить цвет и изящество. Используя графику инструмента «Фигура» вместо графики обычно используемого инструмента рисования «Кисть», вы можете легко перемещать и выравнивать линии таблицы после их рисования. Графика инструмента Фигура также содержит рекомендации по добавлению текста, чего нет в таблицах, нарисованных кистью.

    Создайте документ U.S. Letter, затем нажмите кнопку «Набор инструментов» в крайнем левом углу панели инструментов «Параметры».Щелкните команду «Сбросить все», чтобы предыдущая конфигурация инструментов Photoshop Shape не мешала рисованию таблицы.

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

    Щелкните сегмент линии на панели инструментов «Параметры», чтобы загрузить инструмент для рисования сегментов линии, затем нажмите клавишу «-» — дефис, чтобы указать режим вычитания.В этом режиме строки столбцов и строк четко отображаются на фоне таблицы.

    Щелкните фон таблицы в том месте, где должна начинаться строка столбца. Переместите мышь туда, где вы хотите, чтобы линия столбца закончилась, затем нажмите и удерживайте клавишу «Shift», чтобы указать строго вертикальную линию. Щелкните точку, в которой вы хотите, чтобы линия заканчивалась, чтобы завершить линию.

    Создайте оставшиеся столбцы и строки строк, которые вы хотите для таблицы, затем щелкните черную стрелку на палитре инструментов, чтобы запустить инструмент «Выбор контура».Нажмите и удерживайте Shift, затем щелкните все строки столбцов, чтобы выделить их. Нажмите вторую крайнюю правую кнопку на панели инструментов «Параметры», чтобы запустить «Распределить по центрам по горизонтали». Photoshop равномерно разделяет выбранные вами линии столбцов. Распределите горизонтальные линии таблицы с помощью кнопки «Распределить по центрам по вертикали», пятой кнопки справа на панели инструментов «Параметры». Нажмите «X», чтобы сделать белый цвет передним планом.

    Щелкните элемент «Форма» на панели «Слои», чтобы выбрать этот слой, нажмите «T», чтобы запустить инструмент «Текст», затем введите «36 pt» в поле «Размер шрифта» на панели инструментов «Параметры».Щелкните ячейку таблицы, чтобы выбрать ячейку, затем введите текст ячейки. Когда закончите, нажмите «Ctrl-Enter». Повторите этот шаг, чтобы добавить текст в другие ячейки, не забудьте сначала щелкнуть «Фигура» на панели «Слои».

    Щелкните элемент «Форма» на панели «Слои», затем нажмите кнопку «Fx» в нижней части панели «Слои», чтобы отобразить список стилей слоев. Щелкните команду «Наложение цвета», затем щелкните образец цвета в диалоговом окне «Стили слоя», чтобы отобразить цветовую палитру. Щелкните цвет фона таблицы и закройте палитру.

    Щелкните элемент «Inner Shadow» в левой части диалогового окна, затем перетащите ползунок «Choke» в крайнее правое положение, чтобы добавить тень к строкам таблицы. Закройте диалоговое окно, чтобы просмотреть заполненную таблицу.

    Ссылки

    Писатель Биография

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

    Создание простой таблицы цен в Adobe Photoshop

    В следующем уроке вы узнаете, как создать простую таблицу цен с помощью Photoshop.


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

    Как всегда, это последнее изображение, которое мы будем создавать:


    Ресурсы


    Шаг 1

    Откройте Photoshop и нажмите Control + N, чтобы создать новый документ. Введите все данные, показанные на следующем изображении, и нажмите ОК.

    Включите сетку (View> Show> Grid) и привязку к сетке (View> Snap To> Grid).На данный момент вам нужна сетка каждые 5 пикселей. Перейдите в Edit> Preferences> Guides, Grid & Slices и сосредоточьтесь на разделе Grid. Введите 5 в поле Gridline Every и 1 в поле Subdivision. Также установите цвет сетки на # a7a7a7.

    После того, как вы установите все эти свойства, нажмите OK. Не расстраивайтесь из-за всей этой сетки. Это облегчит вашу работу.

    Вы также должны открыть панель «Информация» («Окно»> «Информация») для предварительного просмотра размера и положения ваших фигур в реальном времени.


    Шаг 2

    Установите цвет переднего плана на # 205d7a, возьмите инструмент Rounded Rectangle Tool, установите радиус 5 пикселей и нарисуйте векторную фигуру 145 на 420 пикселей.

    Перейдите на панель «Слои» и дважды щелкните этот прямоугольник с закругленными углами, чтобы открыть окно «Стиль слоя».

    Активируйте Drop Shadow, Inner Shadow, Outer Glow, Inner Glow и Stroke, затем введите свойства, показанные на следующих изображениях.

    В итоге должно получиться как на втором изображении. Вы можете отключить сетку («Просмотр»> «Показать> Сетка» или «Control +») на несколько секунд, если хотите лучше рассмотреть свою фигуру.


    Шаг 3

    Установите черный цвет переднего плана, возьмите инструмент «Прямоугольник», создайте фигуру 145 на 70 пикселей и разместите ее, как показано на первом изображении.

    Перейдите на панель «Слои», откройте окно «Стиль слоев» для этой новой формы и введите свойства, показанные на следующих изображениях.


    Шаг 4

    Снова выберите векторный контур, созданный на предыдущем шаге, и продублируйте его (Control + J).

    Сфокусируйтесь на панели «Слои», щелкните эту копию правой кнопкой мыши и выберите «Очистить стиль слоя».

    Выберите эту копию, уменьшите ее Заливку до 0%, затем откройте окно «Стиль слоя» и введите свойства, показанные на следующем изображении.


    Шаг 5

    Для этого шага вам понадобится сетка каждые 1 пиксель. Просто перейдите в меню «Правка»> «Настройки»> «Направляющие, сетка и фрагменты» и введите 1 в поле «Линия сетки каждые».

    Установите цвет переднего плана на # ed1c24 и возьмите инструмент «Прямоугольник». Создайте фигуру 145 на 1 пиксель, поместите ее, как показано на первом изображении, затем продублируйте ее (Control + J).

    Выберите эту копию, переместите ее на 1 пиксель вниз и замените темно-красный на # fed700.


    Шаг 6

    Снова выберите красный векторный контур, созданный на предыдущем шаге, уменьшите его Заливку до 0%, затем откройте окно «Стиль слоя» и введите свойства, показанные на следующем изображении.


    Шаг 7

    Снова выберите желтый векторный контур, созданный на пятом шаге, уменьшите его Заливку до 0%, затем откройте окно «Стиль слоя» и введите свойства, показанные на следующем изображении.


    Шаг 8

    Вернитесь к «линии сетки каждые 5 пикселей». Итак, перейдите в Edit> Preferences> Guides, Grid & Slices и введите 5 в поле Gridline Every.

    Снова выделите два тонких прямоугольника, отредактированных на последних двух шагах, и сгруппируйте их (Control + G).

    Перейдите на панель «Слои», щелкните эту новую группу правой кнопкой мыши и выберите «Дублировать группу».

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


    Шаг 9

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


    Шаг 10

    Установите цвет переднего плана на # a1d8ff, возьмите инструмент Rounded Rectangle Tool, установите радиус 3px, создайте векторный контур 95 на 25px и разместите его, как показано на первом изображении.

    Перейдите на панель «Слои», откройте панель «Слои» для этого нового прямоугольника с закругленными углами и введите свойства, показанные на следующих изображениях.


    Шаг 11

    Отключите сетку (View> Show> Grid).

    Откройте панель «Символ» («Окно»> «Персонаж»), выберите инструмент «Текст» (T), установите цвет на # ddf1ff и добавьте фрагмент текста «ОСНОВНОЙ», как показано на следующем рисунке.

    Используйте шрифт Sakkal Majalla со стилем, установленным полужирным шрифтом, и размером 20 пунктов. Перейдите на панель «Слои», откройте окно «Стиль слоя» для этого небольшого фрагмента текста и введите свойства, показанные на следующем изображении.


    Шаг 12

    Выберите Type Tool (T), установите цвет # 205d7a и добавьте простую цену, как показано на следующем изображении.

    Используйте шрифт Calibri со стилем полужирный и размером 35 пунктов. Перейдите на панель «Слои», откройте окно «Стиль слоя» для этого нового фрагмента текста и введите свойства, показанные на следующих изображениях.


    Шаг 13

    Выберите инструмент «Текст» (T), установите цвет # ddf1ff и добавьте новый текст, как показано на первом изображении.

    Используйте шрифт Corbel со стилем Regular и размером 11pt.

    Перейдите на панель «Слои», откройте окно «Стиль слоя» для этого нового фрагмента текста и введите свойства, показанные на следующем изображении.


    Шаг 14

    Выберите инструмент «Текст» (T), установите цвет # 205d7a и добавьте текст «ЗАКАЗАТЬ СЕЙЧАС», как показано на первом изображении.

    Используйте шрифт Corbel со стилем Bold и размером 12pt.

    Перейдите на панель «Слои», откройте окно «Стиль слоя» для этого нового фрагмента текста и введите свойства, показанные на следующем изображении.


    Шаг 15

    Снова выделите векторные фигуры и фрагменты текста, созданные на данный момент, и сгруппируйте их (Control + G).

    Сделайте две копии этой группы и переместите их вправо, как показано ниже.

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


    Шаг 16

    Нажмите Control + N, чтобы создать новый документ. Введите 10 в поля ширины и высоты, затем нажмите ОК.

    Перейдите на панель «Слои» и удалите слой «Фон» по умолчанию.

    Включите сетку (View> Show> Grid) и установите черный цвет переднего плана.

    Возьмите инструмент «Прямоугольник» и установите черный цвет переднего плана.

    Создайте два квадрата 5 пикселей и разместите их, как показано на следующем изображении.

    Затем вам нужно превратить этот крошечный документ в узор.

    Просто перейдите в «Правка»> «Определить узор», выберите имя для своего рисунка и нажмите «ОК».

    Закройте этот документ (сохранять его не нужно) и вернитесь к первому документу.


    Шаг 17

    Выберите инструмент «Прямоугольник» и установите цвет переднего плана на # 282828. Создайте фигуру 600 на 600 пикселей, отправьте ее на задний план (Shift + Control + [), затем откройте окно стиля слоя и введите свойства, показанные на следующем изображении.

    Используйте узор, сделанный на предыдущем шаге.


    Окончательное изображение

    Вот как должен выглядеть ваш окончательный результат.

    Создайте современный интерфейс таблицы цен в Photoshop

    Preview

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

    Шаг 1. Создайте новый документ Photoshop

    Перейдите в «Файл»> «Создать», установите параметры, как показано ниже, и нажмите «ОК». Обратите внимание, что для параметра Background Contents установлено значение Transparent , что автоматически создаст для нас прозрачный слой, который по умолчанию называется «Layer 1».

    Шаг 2. Стилизация фона

    Давайте создадим красивый фон, который дополнит нашу таблицу цен. Инструментом «Заливка» (G) залейте прозрачный слой «Слой 1» любым цветом.

    Затем дважды щелкните слой на панели слоев, чтобы открыть диалоговое окно «Стиль слоя». Добавьте плавное наложение вертикального градиента от темно-серого до светло-серого.

    Вот наша предыстория:

    Шаг 3. Построение столбца средней цены

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

    Выберите инструмент Rounded Rectangle Tool (U), убедитесь, что вы находитесь в режиме Shape Layers (дважды проверьте панель параметров) и с радиусом 10 пикселей нарисуйте прямоугольник размером 200×330 пикселей.

    Дважды щелкните слой прямоугольника с закругленными углами на панели слоев, чтобы открыть диалоговое окно «Стиль слоя». Придайте закругленному прямоугольнику Inner Glow, Gradient Overlay и Stroke.

    Внутреннее свечение

    Наложение градиента

    Ход

    Результат стиля слоя следующий:

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

    В верхней части столбца цен создайте небольшой прямоугольник с закругленными углами с радиусом 5 пикселей и размерами 130×40 пикселей, используя инструмент Rounded Rectangle Tool.

    Задайте для маленького прямоугольника Drop Shadow и Gradient Overlay.

    Тень

    Наложение градиента

    Воспользуйтесь инструментом «Перо» (P), чтобы нарисовать маленькие диагональные клапаны с обеих сторон маленького скругленного прямоугольника (как показано ниже). Это будет выглядеть так, как будто оно обтекает столбец с ценами.

    Выберите инструмент «Горизонтальный текст» (T) и — с размером шрифта 20 пикселей, белым цветом текста и шрифтом по вашему выбору — напишите название плана (в данном случае план называется «Стандартный»). Я использовал Myriad Pro в качестве шрифта, но вы можете использовать любой шрифт, какой захотите.

    Придайте текстовому слою красивую плавную тень и наложение серого цвета.

    Тень

    Наложение цвета

    Затем добавьте информацию о цене (как показано ниже) прямо под названием плана.Рекомендуется использовать один и тот же шрифт для всего текста, только стилизуйте их по-разному.

    Придайте тексту наложение серого цвета и красивую тень.

    Теперь, под ценой, мы разработаем список функций, включенных в тариф «Стандартный». Под каждым элементом списка нарисуйте 2 линии высотой 1 пиксель. Сделайте первую линию темнее фона, а другую линию светлее фона, что создаст красивый эффект вставки (популярная техника для границ и разделителей).

    Теперь давайте создадим современную и элегантную веб-кнопку. Используйте инструмент Прямоугольник со скругленными углами (U) с радиусом 5 пикселей, чтобы создать прямоугольник размером 100×38 пикселей в нижней части столбца с ценами.

    Задайте кнопке Тень, Наложение Градиента и Обводку.

    Тень

    Наложение градиента

    Ход

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

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

    Теперь выберите инструмент Rectangular Marquee Tool (M). На панели параметров выберите режим Intersect with Selection . Нарисуйте выделение в верхней половине текущего выделения, что уменьшит ваше выделение, так что будет выделена только верхняя половина кнопки.

    Создайте новый слой и с помощью Paint Bucket Tool (G) залейте выделение белым цветом. Уменьшите непрозрачность нового слоя до 10%.

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

    Используйте инструмент «Горизонтальный текст» (T), чтобы добавить текст, например «Зарегистрируйтесь» или «Присоединяйтесь к нам». Я использовал все заглавные буквы и стилизовал текст темной тенью.

    Мы закончили с одной из наших ценовых колонок.

    Шаг 3. Создайте столбцы других цен

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

    Сначала на панели слоев выберите все слои, кроме фонового, и поместите их в группу слоев («Слой»> «Сгруппировать слои»).

    Затем продублируйте группу слоев 2 раза и расположите их рядом (как показано ниже).Измените детали новых столбцов, чтобы они отличались друг от друга.

    Шаг 4. Увеличьте столбец средней цены

    Чтобы выделить средний столбец, щелкните его группу слоев на панели слоев, чтобы сделать его активным, а затем используйте «Свободное преобразование» (Ctrl / Cmd + T), чтобы увеличить его. Убедитесь, что группа слоев в среднем столбце находится над другими группами слоев.

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

    Шаг 5: Последние штрихи

    Я собираюсь показать вам, как добавить красивые тени под столбцами с ценами. Выберите инструмент Ellipse Tool (U) и нарисуйте черный, короткий и широкий эллипс, как показано ниже:

    Чтобы смягчить форму, используйте Фильтр> Размытие> Размытие по Гауссу. Радиуса 4px должно хватить.

    Поместите слой с тенью прямо над фоновым слоем. Дублируйте форму дважды, чтобы у вас было по 3 тени для каждого столбца с ценой.Разместите фигуры под каждым столбцом.

    Краткое содержание учебника

    Мы подошли к концу урока. Надеюсь, вам понравилось, и если у вас есть какие-либо вопросы, просто оставьте нам комментарий ниже! Мы рассмотрели множество простых и популярных техник веб-дизайна, таких как создание удобных веб-кнопок, создание баннеров (для заголовков тарифных планов) и многое другое.

    Скачать исходные файлы

    Table Top — Photoshop учебник

    Первая страница этого урока посвящена созданию деревянной поверхности и бумаги с надписями на ней.

    1 — Поверхность из окрашенного дерева

    Создайте новое изображение в Photoshop. Я рекомендую сделать его шириной 700 пикселей и высотой 600 пикселей. Намного больше, и загрузка займет слишком много времени.

    Создайте новый слой.

    Залейте область темно-оранжевым цветом.

    Щелкните «Фильтр»> «Шум»> «Добавить шум». Выберите Gaussian и установите Amount примерно на 6.

    Щелкните «Фильтр»> «Размытие»> «Размытие в движении». Установите Угол на 0 ° и Расстояние на 10.

    Если цвет не совсем правильный, нажмите Ctrl + U, чтобы открыть свойства оттенка / насыщенности.

    Щелкните этот слой правой кнопкой мыши в окне «Слои» и выберите «Параметры наложения». Щелкните Gradient Overlay. Измените режим наложения на Overlay и установите непрозрачность около 65%. Выберите черно-белый градиент из раскрывающегося списка, если он еще не выбран.

    Создайте новый слой.

    Измените режим этого слоя с Normal на Overlay.

    Убедитесь, что у вас черный и белый цвета переднего плана и фона. Щелкните Фильтр> Визуализация> Облака.

    Щелкните Изображение> Коррекция> Яркость / Контрастность.Установите контраст на максимум.

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

    2 — Бумага для заметок

    Создайте новый слой.

    Выберите прямоугольную область.

    Залейте область слегка не совсем белым цветом.

    Щелкните «Фильтр»> «Шум»> «Добавить шум». Установите количество примерно на 3.

    Нажмите Ctrl + D, чтобы снять выделение.

    Выберите голубой цвет. С помощью инструмента «Текст» введите строку со знаками равенства (=), затем нажмите клавишу ВВОД и введите строки, состоящие из тире.На палитре символов уменьшите значение отслеживания до отрицательного числа, если между тире есть пробелы. (Щелкните Окно> Символ, если вы не видите палитру символов.)

    Щелкните правой кнопкой мыши слой бумаги для заметок на палитре слоев и выберите «Параметры наложения». Щелкните Drop Shadow и измените его Distance на 3 пикселя.

    3 — Добавление текста и других документов

    Загрузите откуда-нибудь рукописный шрифт или используйте тот, который использовал я. (Скопируйте его в папку WINDOWS \ Fonts.Перейдите в эту папку с помощью проводника Windows и щелкните Файл> Установить новый шрифт.)

    Выберите темно-синий цвет и введите подходящий текст. Измените размер шрифта, чтобы он совпадал с синими линиями на бумаге. Измените интерлиньяж (высоту строки) на палитре символов, чтобы текст располагался на синих линиях.

    В нижней части окна «Слои» щелкните значок «Новая группа». Перетащите слой с белой бумагой, слой с синими линиями и слой с текстом в небольшую папку, которую вы только что создали.Щелкните этот набор слоев правой кнопкой мыши и продублируйте его несколько раз.

    Щелкните каждый набор слоев и немного поверните его, нажав Ctrl + T.

    Измените видимый текст на нижних листах бумаги.

    4 — Изготовление карандаша

    Создайте новый слой.

    Выберите длинную прямоугольную область.

    Залейте область цветом. Я использовал здесь синий цвет.

    Щелкните правой кнопкой мыши свой слой на палитре слоев и выберите «Параметры наложения». Измените режим наложения на Overlay и установите непрозрачность на 35%.Измените стиль на Reflected (это сделает ваш градиент зеркальным отображением). Отметьте Reverse и щелкните градиент, чтобы отредактировать его. Перетащите вкладки, пока они не станут похожими на схему выше. Это приведет к появлению темных-светлых-темных полос, которые придадут ему вид обычного шестиугольного карандаша.

    Перейти на страницу 2 из 2

    Создайте стильную прозрачную таблицу цен в Photoshop

    Таблицы цен играют очень важную роль на любом сайте электронной коммерции. После столь кропотливой заботы о том, чтобы макет, цвета и типографика вашего веб-сайта были максимально привлекательны для потенциальных клиентов, было бы стыдно потерять их на последнем этапе воронки продаж — когда они сравнивают ваши различные продукты и услуги и выбор одного из них для покупки.Если ваши таблицы цен сбивают с толку или непривлекательны, клиенты могут не принять вас по или из ваших предложений. Чтобы привлечь как можно больше заинтересованных зрителей, ваши таблицы цен должны быть четкими и последовательными. Покупатели должны иметь возможность быстро сравнивать ваши варианты и понимать сильные стороны каждого из них. Итак, сегодня мы собираемся вывести четких цен (понятно?) На совершенно новый уровень, создав стильную прозрачную таблицу цен в Photoshop.Мы собираемся использовать различные текстуры, эффекты и техники смешивания, чтобы достичь подхода «волнистое стекло», который придаст вашей цене отполированный вид и стильный… стеклянный вид.

    Ресурсы:

    Текстура ткани

    Шероховатая текстура

    Фоновое изображение

    Теперь, прежде чем мы начнем, давайте взглянем на наш конечный продукт:

    Шаг 1:

    Откройте Photoshop и создайте новый файл шириной 700 пикселей и высотой 800 пикселей.

    Шаг 2:

    Теперь откройте фоновое изображение и вставьте его в наш документ Photoshop. Затем нажмите «Фильтр»> «Размытие»> «Размытие по Гауссу». Вы также можете сделать его ярче, используя «Изображение»> «Коррекция»> «Яркость / Контрастность».

    Шаг 3:

    Выберите инструмент «Прямоугольник» и создайте прямоугольник, используя цвет #ffffff.

    Шаг 4:

    Теперь измените режим наложения на «Мягкий свет» и уменьшите непрозрачность заливки до 90%.

    Шаг 5:

    Дважды щелкните слой прямоугольника, чтобы открыть окно «Стиль слоя». Примените следующие настройки стиля слоя:

    Шаг 6:

    Выберите инструмент «Прямоугольник» и создайте небольшой прямоугольник. Уменьшите непрозрачность этого нового слоя до 30%.

    Шаг 7:

    Теперь нажмите «Слой»> «Стиль слоя»> «Наложение узора» и добавьте немного узора к прямоугольнику.Это сделает вашу таблицу цен похожей на рифленое стекло.

    Шаг 8:

    Щелкните «Слой»> «Стиль слоя»> «Обводка» и добавьте обводку, используя следующие настройки.

    Шаг 9:

    Теперь мы начнем строить область заголовка, поэтому выберите инструмент прямоугольной области и выберите самую верхнюю часть вашего прямоугольника. Затем залейте его цветом # 83b8cc.

    Шаг 10:

    Давайте добавим узор и градиент к только что созданному прямоугольнику.Используйте следующие настройки:

    Шаг 11:

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

    Шаг 12:

    Начнем с баннера, выберем инструмент «Перо» и создадим фигуру, показанную ниже. Щелкните правой кнопкой мыши путь и выберите «Сделать выбор». Затем залейте его цветом # c72424.

    Шаг 13:

    Создайте новый слой, выберите маленькую круглую кисть и используйте ее по бокам нашего баннера более темным цветом.

    Шаг 14:

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

    Шаг 15:

    Создайте новый слой, выберите инструмент «Перо» и нарисуйте небольшой прямоугольник. Залейте его цветом #ffffff и уменьшите непрозрачность до 25%.

    Шаг 16:

    Теперь выберите инструмент «Текст» и добавьте желаемый текст. Затем нажмите «Слой»> «Стиль слоя»> «Тень» и используйте следующие настройки.

    Шаг 17:

    Снова выберите инструмент «Текст» и добавьте текст заголовка, используя цвет # 003a58.

    Шаг 18:

    Теперь нажмите «Слой»> «Стили слоя»> «Тень» и используйте те же настройки, что указаны ниже.

    Шаг 19:

    Повторите тот же процесс и добавьте внизу «Зарегистрируйтесь сейчас».

    Шаг 20:

    Выберите инструмент «Линия» и создайте горизонтальную линию толщиной 1 пиксель и цветом # 030303.Эта линия разделит наш текст, чтобы он выглядел аккуратным и организованным.

    Шаг 21:

    Давайте добавим к этой линии немного тени и внешнего свечения; откройте окно «Стиль слоя» и примените следующие стили слоя:

    Шаг 22:

    Повторите описанный выше шаг, чтобы создать еще несколько линий / разделителей.

    Шаг 23:

    Выберите инструмент «Текст» и добавьте текст, используя цвет # 464646. Затем щелкните стили слоя и добавьте тень.Используйте следующие настройки:

    Шаг 24:

    Добавьте остальной текст, используя тот же процесс и стили слоя.

    Шаг 25:

    Выберите жесткую круглую кисть и нарисуйте маленькую стрелку, используя цвет # 464646. Затем нажмите «Стили слоя» и добавьте к нему внутреннюю тень и падающую тень. Используйте следующие настройки:

    Шаг 26:

    Добавьте стрелки к остальному тексту, продублировав работу с последнего шага.

    Шаг 27:

    Наконец, давайте добавим блеска нашему столу. Используйте инструмент эллипс справа с цветом #ffffff.

    Щелкните правой кнопкой мыши вновь созданный слой и выберите «Растрировать слой». Затем измените режим наложения на «Перекрытие» и уменьшите непрозрачность до 25%. Используйте ластик, чтобы удалить ненужные части этого прозрачного эллипса.

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

    Творчески перекрашивать фотографии с помощью таблиц цветов в Photoshop

    Если вы хотите использовать некоторые творческие улучшения на своих фотографиях в Photoshop CS6 или CC, вам следует рассмотреть новую настройку Color Lookup. Настройка поиска цвета используется для переназначения цветов изображения на набор цветов, который предварительно настроен и хранится в файле таблицы цветов. Таблицы цветов используются в основном с пленкой, но они также полезны для творческой раскраски фотографий.

    Чтобы использовать эту функцию, вам не нужно ничего знать о таблицах цветов, поскольку это стандартный набор таблиц цветов в Photoshop, который вы можете использовать. Еще лучше, если вам нравятся эффекты и вы подписаны на Creative Cloud, вы можете получить больше таблиц цветов из приложения Adobe Speed ​​Grade, сохранить их в папке Photoshop Preset3DLUTs и использовать их в Photoshop.

    Чтобы увидеть, как работает настройка «Поиск цвета», откройте фотографию и выберите «Слой»> «Новый корректирующий слой»> «Поиск цвета».Откроется диалоговое окно «Поиск цвета», в котором вы найдете три параметра; Файл 3DLUT, аннотация и ссылка на устройство. Выберите один из вариантов в одном из раскрывающихся списков, чтобы увидеть его в работе. Когда вы это сделаете, цвета на фотографии будут изменены.

    Например, Soft_Warming.Look в коллекции 3DLUT нагревает изображение.

    Параметр Moonlight.3DL придает изображению вид, будто снимаемый в лунную ночь.

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

    Некоторые параметры открывают дополнительные параметры «Порядок данных» и «Порядок таблиц», которые позволяют создавать различные эффекты. Коллекция Device Link на Mac включает некоторые дополнительные параметры, которые недоступны на ПК.

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

    Вы также можете использовать режим наложения, чтобы наложить корректировку «Поиск цвета» на слой изображения ниже и при желании уменьшить его непрозрачность.

    Вот видеоурок по корректирующему слою «Таблица цветов». Он включает в себя подробную информацию о том, как найти и использовать файлы .Look, поставляемые с Speed ​​Grade в Photoshop: