스토리블럭

IT (162)

반응형

책처럼 보이는 CSS Gradient 적용하기

예전엔 html에 gradient를 적용하려면, 그라데이션이 적용된 이미지를 배경으로 깔아서 사용할 수 밖에 없었는데요.지금은 CSS 만으로도 상당히 복잡한 그라데이션을 html에 적용할 수 있습니다. 또한 눈대중으로 위치를 확인하기 어려운 gradient 각각의 포인트를 직접 눈으로 확인하면서 적용해볼 수 있는 사이트도 있어서 공유합니다.  CSS Gradient위의 그림이 CSS로 그라데이션을 적용한 이미지인데요.CSS에 Gradient는 Background 요소에 적용할 수 있습니다.아래 코드를 참고해주세요.  CSS Gradient width:80%;height: 500px;margin:30px auto;background:linear-gradient(90deg, rgba(255,255,2..

더 읽기

포토샵 글래스모피즘 불투명 유리효과 만들기

요즘도 유행하고 있는 글래스모피즘을 포토샵으로 작업하는 방법 공유합니다.아래 이미지를 참고해주세요. 일러스트레이터에서 3D오브젝트들을 만들고 글래스모피즘 효과는 포토샵에서 작업했습니다.    어도비 크리에이티브 클라우드 글을 작성하고 있는 현재 어도비 크리에이티브 클라우드 40% 할인 이벤트가 진행중입니다. 학생, 교사분들은 상시적으로 60% 이상 할인 혜택을 받으실 수 있으니 어도비 크리에이티브 클라우드를 구매하신데 참고하시면 좋겠습니다.   유리재질 효과 여러가지 방법이 있는데요. 지난번엔 Displace Map을 이용해서 골이 있는 패턴유리 표현을 공유해드린 적이 있습니다. 포토샵 글래스 효과 displace 로 만들기 (포토샵 불투명 유리 느낌) 포토샵 글래스 효과 displace 로 만들기 (포..

더 읽기

일러스트레이터 3D 사과 만들기

AI로 3D느낌의 사과를 얼만든지 만들어 낼 수 있지만 일러스트레이터의 3D 기능을 이용하면 훨씬 더 만족스러운 사과 이미지를 만들 수 있습니다.  위와 같이 제법 사실적인 느낌의 3D 사과 이미지를 만들 수 있습니다. 배경이나 텍스트를 일러스트레이터에서 작업할 수도 있지만 저는 일러스트로 만들 사과 이미지를 포토샵으로 가져와서 작업했습니다. 그래야 사과 3D이미지를 이리저리 옮기느라 렌더링되는 것을 피하고,부가적인 작업이 포토샵에서 더 편해서인데요. 참고로 이번 작업물은 텍스트와 배경 작업 외에는 특별히 포토샵에서 작업한 것은 없습니다.  어도비 일러스트레이터 무료체험    일러스트레이터로 3D 효과 만들기  일러스트레이터로 다양한 3D 오브젝트를 만들 수 있습니다. 예를 들어 3D 기능은 아니지만 3..

더 읽기

포토샵 remove tool (제거도구) 도장툴 대신 사용하기

포토샵 remove tool (제거도구)는 사진에 없어도 될 요소를 자연스럽고 빠르게 삭제하는데 유용한 도구입니다. 흔히 불필요한 요소를 제거할 때 도장툴(stamp)을 이용해서 빈 영역을 복제해서 지워주곤 했었는데요.   Remove Tool을 이용하면 더 빠르게 감쪽같이 없앨 수도 있습니다. ai 기능이 좋아지면서 제거도구가 더 좋아졌구요. 사용법도 간단합니다.  포토샵 무료 체험 바로가기   포토샵 Remove tool  개인적으로는 Remove tool(제거도구)를 잘 사용하지 않았었는데요. 최근에는 더 성능이 좋아진 것 같아서 가끔씩 사용하고 있습니다. 이미지의 필요 없는 영역을 자연스럽게 삭제하는데 유용한 도구입니다. 도구모음에서 아래와 같은 모양의 도구를 선택하면 사용할 수 있습니다.   R..

더 읽기

이미지 1장으로 움직이는 GIF만드는 방법 (feat. 포토샵)

포토샵을 이용하면 한장의 이미지로 움직이는 GIF도 만들 수 있습니다.가끔 블로그 포스팅을 할 때 움직이는 장면이 필요할 때가 있지만 영상 자료가 없을 때도 있지만 이미지에 움직임을 주고 싶을 때도 있는데요. 그럴 때 포토샵만으로 움직임을 만들면 컨텐츠에 활기를 넣어줄 수 있어서 좋습니다.포토샵은 무료체험으로 사용해볼 수도 있으니 어도비 홈페이지에서 받아서 사용해보시는 걸 권해드립니다. 한번 배워두면 쇼핑몰 운영, 웹사이트 제작, 유튜브컨텐츠 작업은 물론이고 PPT를 만들 때도 좋고 정말 쓸 수 있는 곳이 무궁무진한 것이 포토샵이에요.  포토샵 무료체험 (어도비)    아래 폭포 이미지는 그 아래에 있는 사진 한장으로 움직이는 GIF 로 만들었는데요. 만드는 방법을 공유합니다.     이미지 1장으로 움..

더 읽기

플래시 (성게) 말풍선 포토샵으로 만들기

포토샵으로도 플래시 (성게) 말풍선을 만들 수 있습니다. 지난번엔 일러스트레이터로 만들었는데요.웹툰, 만화에서 생각이나 독백을 표현할 때 많이 사용하는 말풍선을 성게 말풍선, 플래시 말풍선이라고 하죠.    포토샵 무료 체험판 다운로드   일러스트레이터에서 패턴을 이용해 만드는 방법은 아래 글을 참고해주세요. 일러스트레이터로 클립스튜디오 플래시 말풍선 만들기 일러스트레이터로 클립스튜디오 플래시 말풍선 만들기 (feat. 포토샵)일러스트레이터로 클립스튜디오 플래시 말풍선 만들기를 해보겠습니다. 클립스튜디오나 메디방 같은 만화 그리기에 특화된 프로그램들은 다양한 만화에 사용되는 요소들을 갖추고 있는데요.creavart.tistory.com 개인적으로는 일러스트레이터를 이용하는 것이 벡터 형태를 유지할 수 있..

더 읽기

viggle ai | 정지된 2D 이미지로 춤추는 영상 만들기

Viggle ai는 미드저니 처럼 디스코드에서 사용할 수 있는 생성형 ai입니다. 현재는 베타서비스 중이고 무료로 움직이는 영상을 만들어 볼 수 있습니다. 간단히 사용방법을 알려드리고 잠깐 사용해본 소감도 공유드립니다. Viggle AI 바로가기 viggle ai로 춤추는 영상 만들기 viggle ai를 사용하려면 디스코드 아이디가 있어야합니다. 없으면 join the beta하면서 디스코드에 가입을 하면 되구요. 유료로 바뀔 수 있지만 현재는 가입하면 즉시 사용해볼 수 있습니다. viggle ai 사용방법 viggle ai는 미드저니를 사용해 본 분들은 쉽게 이해하실 것 같은데요. 디스코드에서 비글로 들어가면 왼쪽에 있는 CREATOR에 animate 1~ 15 개 정도 목록이 있는데 이중에 하나로 들..

더 읽기

프로틴바 하이뮨 프로틴밸런스 액티브바 추천 (포스트 에너지바 액티브 비교)

프로틴바, 단백질바, 단백질음료, 프로틴음료 등 여러가지 이름으로 많은 단백질 에너지 바 제품들이 나오고 저도 많이 구입하는데요. 최근 구매했던 제품중에서 일동 후디스의 하이뮨 프로틴 밸런스 액티브바라는 프로틴바(단백질바) 제품이 마음에 들어서 추천드립니다. 간단히 편의점에서 구매해서 먹어봤던 포스트 에너지바 액티브와도 비교해봤습니다. 하이뮨 프로틴밸런스 액티브바 싼 곳 단백질은 얼마나 먹어야할까? 요즘은 정말 많은 곳에서 단백질 섭취에 대해서 강조하고 있는 것 같습니다. 대체 단백질은 하루에 얼마나 먹어야하는 걸까요? 알아보니 하루 단백질 섭취량은 운동을 하지 않는 사람의 경우는 1kg당 0.8g 정도라고 합니다. 근력운동을 하는 사람의 경우는 1kg 당 1.2g~1.5g까지도 괜찮다고 하구요. 우리 ..

더 읽기

윈도우10 비번 분실 암호 초기화 방법(성공)

윈도우10 (windows 10) PC의 로컬 로그인 비번을 잊어버렸을 경우 암호를 초기화하는 방법을 공유합니다. 인터넷에서 몇가지 방법들이 알려져 있는데요. 어떤 것은 초기화를 해도 제대로 작동하지 않더라구요. 최근에 오래된 회사 PC에 로그인 해야하는 일이 있었으나 비번 분실로 초기화 작업을 해보고 성공했던 사례가 있어 방법을 공유해드립니다. 윈도우 10 암호 초기화 방법 윈도우 10 비밀번호 초기화 방법은 간단히 아래와 같은 과정으로 가능합니다. - USB로 윈도우 부팅 (윈도우 설치 USB) - USB 부팅 후 설치과정 없이 cmd 창에서 로그인 화면에 추가 기능 설치 - USB 부팅 종료 후 재부팅 - 원래의 로그인 화면에서 접근성 버튼 클릭 > cmd 창 > 사용자 비번 재설정 - 재설정한 암..

더 읽기

포토샵 없이 이미지 CMYK 색상 변환 | 사이트, 파이썬 코드 공유

굿즈나 인쇄물을 만들어야 할 때, 인쇄소에서는 RGB가 아닌 CMYK로 보내달라고 합니다. 디자인 할 때 포토샵이나 일러스트레이터를 사용한다면 간단히 변환할 수 있는데요.하지만 포토샵, 일러스트레이터를 사용하지 않고, 온라인으로 미리캔버스, 캔바, 어도비 익스프레스 같은 온라인 이미지 편집 프로그램으로 만든 경우라면 곤란할 수 있습니다.    어쩌면 포토샵 그이상! 어도비 익스프레스(Adobe Express) 어도비 익스프레스 무료로 사용하기   이럴 때 쉽게 RGB 이미지를 CMYK로 변환해주는 변환해주는 사이트가 있어서 소개해드립니다. 또한 사이트에 이미지를 올리는 것이 왠지 불안하신 분들이라면 파이썬을 설치해서 내 PC에서 앱을 사용하는 것처럼 간단히 변환하는 방법도 있습..

더 읽기

일러스트레이터로 클립스튜디오 플래시 말풍선 만들기 (feat. 포토샵)

일러스트레이터로 클립스튜디오 플래시 말풍선 만들기를 해보겠습니다. 클립스튜디오나 메디방 같은 만화 그리기에 특화된 프로그램들은 다양한 만화에 사용되는 요소들을 갖추고 있는데요. 포토샵에서 플래시 말풍선 만들기는 어렵지만 일러스트레이터에선 가능합니다.    어도비 일러스트레이터 바로가기  일러스트레이터 플래시 말풍선 만들기  adobe illustrator에서 플래시 말풍선을 만들어 보겠습니다.   위 이미지의 말풍선이 플래시 말풍선 - 성계 말풍선이라고 부르는 분도 있구요. 놀람 같은 감정을 담고 내적 독백을 할 때 사용하는 말풍선입니다.  과정과 방법은 다음과 같습니다. - 라인 그리기 (반복시킬 오브젝트)- 일러스트레이터의 Repeat 기능 - 그라데이션된 원 그..

더 읽기

노트북 충전 되는 보조배터리 3000mAh 추천, 사용기 (기내반입 가능)

노트북 충전이 되는 보조배터리를 찾다가 30000mAh 제품을 구매하게 되었습니다. 약 2주간 사용해봤는데요. 만족스러워서 후기를 나눕니다. 모루이 30000 PD 보조 배터리 보러가기 노트북 충전되는 대용량 보조배터리  대용량 보조배터리로 휴대폰이나 모바일 기기를 충전할 수 있는 제품은 많습니다. 단지 모바일 기기 정도만 충전하려면 무게도 고려해야하기 때문에 너무 고용량 배터리까지는 필요 없다는 생각입니다. 대신 노트북까지 충전하고 노트북 자체 배터리와 더불어 하루 종일 걱정 없이 작업할 수 있으려면 어느정도 고용량의 보조배터리가 필요한데요. 저는 M1 맥북 프로를 사용하고 있기 때문에 USB-C타입으로 60W 이상 출력이 가능한 PD 충전기나 보조배터리가 필요합니다. 그리고 동시에 아이폰과 아이패드..

더 읽기
반응형

Copyright © 스토리블럭 All Rights Reserved

Designed by JB FACTORY

티스토리툴바