9-я неделя. Интернет -технологии Количество часов
жүктеу/скачать 1.89 Mb.
|
- Бұл бет үшін навигация:
- Разработка логотипа в Adobe Photoshope
| Критерии оценки
Чтение данного материала Ответы на вопросы, анализ. Литература ( ) НАЗВАНИЕ ПРАКТИЧЕСКОГО ЗАНЯТИЯ №27: Дизайн веб-ресурса КОЛИЧЕСТВО ЧАСОВ - 1 ЦЕЛЬ УРОКА: дизайн веб-ресурсов, интерпретация интерфейса, анализ. Обзор программы Adobe Photoshop , формирование и развитие навыков работы с ней. Знакомство с видами графических редакторов, изучение особенностей и функций. Задача Особая область информации, изучающая средства и методы создания и обработки изображений с помощью программно-оперативных вычислительных комплексов, называется графикой. Это -может быть экран монитора или внешний экран копирования, а также внешние носители для копирования в виде бумаги, пленки, ткани и т. д. Компьютерную графику используют в различных рекламных агентствах, бюро благоустройства, редакциях, типографиях.С помощью графики создают очень сложные изображения, используют их в электронных документах, изучают модели и конструкции объектов. Их можно разделить на инженерную графику, научную графику, веб-графику, компьютерную полиграфию и т. д. Компьютерная графика – быстро развивающаяся научная отрасль. Поэтому любой высококвалифицированный специалист должен знать основы компьютерной графики. Adobe Photoshop – самая популярная графическая программа для изменения, конвертации, сохранения изображений, текста. Графическая программа Adobe Photoshop позволяет работать с цветовыми палитрами, импортировать и экспортировать изображения, выделять контуры, выбирать цвета, выбирать фильтры изображений, изменять размер и расширение, раскрашивать и печатать изображения. Разработка логотипа в Adobe Photoshope Давайте посмотрим, как создать красивый логотип Apple WWDC с использованием фигур и стилей слоев в Photoshop CS. Создать красивый логотип можно, используя множество техник. WWDC (Apple Worldwide Developers Conference) — всемирная конференция разработчиков платформы Apple, ежегодно проводимая в Калифорнии, США. В результате работы мы должны создать следующий логотип. Шаг 1 . Сначала создайте новый документ (Ctrl+N) в Adobe Photoshop CS: 1920px*1200px (цветовой режим RGB), разрешение 72 пикселя (пикселей/дюйм). Выберите Инструмент «Заливка» (Paint Bucket Tool (G)) и залейте слой #120807 с оттенком фона. Выберите логотип Apple в формате PNG. Добавьте выбранный логотип в наш рабочий документ, я использовал логотип, ссылка на который приведена в начале работы. При необходимости вы можете увеличить размер изображения с помощью инструмента «Свободное трансформирование» (Ctrl+T). Цвет заливки фонового слоя будет зависеть от ваших предпочтений, и все зависит от того, на каком фоне расположен логотип Apple. 2 . Вернитесь в окно настроек слоев. Мы получаем следующий результат. Шаг 3. Итак, мы создали контур логотипа. Теперь добавим к нему следующий квадрат. В данном случае я выбрал Инструмент «Прямоугольник со скругленными углами» (U) и установил радиус на 15 пикселей, затем удерживал (Shift)+. Затем, используя инструмент «Свободное трансформирование» (Ctrl+T), поверните квадрат на 45 градусов. Для квадратного слоя уменьшите значение заливки до 0%. Чтобы применить стиль слоя «Тень», нажмите «Добавить стиль слоя» в нижней части панели слоев. Далее примените стиль Gradient Overlay: Введите настройки градиента. Установите цвета градиента, показанные на скриншоте ниже. Нажмите «ОК», чтобы закрыть окно настроек редактора градиентов. Измените режим рисования квадратного слоя на «Жесткий свет». Мы имеем следующий результат. Шаг 4. Нам нужно нарисовать новый слой. Для этого создайте новый слой поверх слоя с квадратом, затем разделите два слоя и нажмите (CTRL+E), чтобы объединить их вместе. Теперь, используя Инструмент «Перемещение» (V), мы можем поместить квадрат внутри контура логотипа. Используя Инструмент навигации (Инструмент перемещения (V)), (Alt)+перетащите квадрат, чтобы дублировать квадрат. Сделайте несколько квадратов. Инструментом «Свободное трансформирование» (Ctrl+T) измените размер квадрата. Шаг 5. Для дублирующихся квадратных слоев мы используем другое значение заливки (Fill). Квадратный базовый слой имеет значение заливки 0%, дублирующиеся квадратные слои имеют значение заливки 70%. Далее мы изменим цвет квадрата. К розовым квадратам добавляю синие. В этом случае дублируйте еще один слой с квадратом (выберите инструмент перемещения (Move Tool (V)) + удерживайте клавишу (Alt) + перетащите квадрат мышкой, чтобы дублировать слой). Затем нажмите клавиши (CTRL+U) и переместите оттенок (оттенок) влево, чтобы изменить цветовой оттенок квадрата Насыщенность (цветовой тон/Насыщенность) в диалоговом окне «Регулировка оттенка». Теперь повторите слой с синим квадратом. Разместите дубликаты синего квадрата, как показано на скриншоте ниже. Не забудьте изменить размер квадратного дубликата. Шаг 6. На этот раз добавьте квадраты другого цвета. Используйте команду настройки «Цветовой тон/Насыщенность», чтобы изменить цвета. Теперь повторите квадратный слой несколько раз, используя технику, описанную выше. Мы имеем следующий результат. Шаг 7. Квадратные слои следует располагать один за другим. Затем, возвращаемся к слою с первым квадратом, дублируем слой (с помощью Move Tool (V) + клавиши (Alt)). Затем измените цвет квадрата, отрегулировав оттенок/насыщенность (Цветовой тон/Насыщенность (CTRL+U)). Теперь повторите квадратный слой несколько раз, используя технику, описанную выше. Шаг 8. Добавьте квадраты разных цветов. Дублируйте первый слой с квадратом, используя технику, описанную выше. Затем измените цвет дубликата квадрата, отрегулировав Цветовой тон/Насыщенность (CTRL+U). Мы имеем следующий результат. Шаг 9. Добавьте квадраты разных цветов, используя технику, описанную выше. Шаг 10. В центральную часть логотипа добавляем многомерные цветные квадраты. Примените к этим слоям разную степень непрозрачности (Opacity), а также разные режимы рисования, например, наложение (Overlay), жесткий свет (Hard Light), мягкий свет (Soft Light). Измените размер квадрата, используя Свободное трансформирование (Ctrl+T). Шаг 11. Теперь удалите слой с контуром логотипа. Шаг 12. В нижней части панели «Слои» добавьте корректирующий слой кривой (Кривые) поверх всех слоев, щелкнув значок «Создать новый слой заливки или корректировки». Для небольшой цветокоррекции установите кривую, как показано на скриншоте ниже. В результате работы мы создали красивый, как мы и задумывали, логотип. жүктеу/скачать 1.89 Mb. Достарыңызбен бөлісу:
|