Создание логотипа в Adobe Photoshop

  • Занимательные материалы
  • Карточки-задания
  • docx
  • 08.11.2022
Публикация в СМИ для учителей

Публикация в СМИ для учителей

Бесплатное участие. Свидетельство СМИ сразу.
Мгновенные 10 документов в портфолио.

Разработка логотипа
Иконка файла материала Создание логотипа.docx

ЭТАП 1: Создание файла

Выбираем «Файл» — «Создать». В открывшемся окне заполняем поля. В строке «Имя» придумываем название нашему логотипу. Задаем холсту квадратную форму со стороной в 400 пикселей (можно указывать большие или меньшие значения, все зависит от того, каких размеров должно быть создаваемое вами изображение). Разрешение лучше выставить как можно выше — 300 точек/сантиметр будет оптимальным. В строке «Содержимое фона» выбираем «Белый». Нажимаем ОК.

https://lumpics.ru/wp-content/uploads/2016/05/Nastroyka-holsta-v-Photoshop.png

Этап 2: Рисование свободной формы

1.      Вызываем панель слоев и создаем новый слой.

https://lumpics.ru/wp-content/uploads/2016/05/Sozdanie-novogo-sloya-v-Photoshop.png

Панель слоев можно активировать и скрыть горячей клавишей F7.

https://lumpics.ru/wp-content/uploads/2016/05/Risovanie-svobodnoy-formyi-v-Photoshop.pngРеклама

Чертим свободную форму, после чего редактируем ее узловые точки с помощью инструментов «Угол» и «Стрелка».

https://lumpics.ru/wp-content/uploads/2016/05/Insturment-ugol-v-Photoshop.png

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

https://lumpics.ru/wp-content/uploads/2016/05/Insturment-strelka-v-Photoshop.png
Щелкнув правой кнопкой мыши по образовавшемуся контуру, нужно выбрать в контекстном меню «Выполнить заливку контура».

https://lumpics.ru/wp-content/uploads/2016/05/Zalivka-kontura-v-Photoshop.png

Затем следует выбрать цвет для заливки.

https://lumpics.ru/wp-content/uploads/2016/05/Vyibor-tsveta-kontura-v-Photoshop.png

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

Этап 3: Копирование формы

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

https://lumpics.ru/wp-content/uploads/2016/05/Kopirovanie-sloev-v-Photoshop.png

Этап 4: Масштабирование элементов на слоях

Выделив нужный слой, выбираем в меню «Редактирование»  —  «Трансформация» «Масштабирование». Удерживая клавишу Shift, уменьшаем фигуру, перемещая угловую точку рамки. Если отпустить Shift, фигуру можно масштабировать непропорционально. Таким же образом уменьшаем еще одну фигуру.

https://lumpics.ru/wp-content/uploads/2016/05/Masshtabirovanie-sloev-v-Photoshop.png

Примечание: Трансформацию можно активировать сочетанием клавиш Ctrl+T

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

Этап 5: Заливка фигуры

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

https://lumpics.ru/wp-content/uploads/2016/05/Nalozhenie-gradienta-v-Photoshop.png

Этап 6: Добавление текста

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

https://lumpics.ru/wp-content/uploads/2016/05/Dobavlenie-teksta-v-Photoshop.png